html{font-size:62.5%}

header{background:white}

header #header_in{padding-top:10px;padding-bottom:4px}

@media (min-width: 550px){

	header #header_in{
		padding:15px 0 10px 0
	}
}
	
#cover_area p {
  font-size: 1.2rem;
	color:#ff1493;
}

#pint {
	margin-right:auto; margin-left:auto;
	vertical-align:middle;
	display:inline;
	font-size: 1.1rem;
	color:#ff1493;
}

#contents{
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    width: 80px;
    height: 50px;
    line-height: 50px;
    background-color: #ccc;
}

#cover_area{

	text-align:center;
	padding:40px 0;
	background-image:url("../images/cover2.jpg");
	background-size:100% 100%;
	background-repeat: no-repeat;
}

@media (min-width: 550px){

	#cover_area{

		text-align:left;
		background-size:100% 100%;
		background-image:url("../images/cover1.jpg");
		padding:0
	}

	#cover_area img{

		margin-top:180px;
		margin-left:70px
	}
}

#service_area{
	padding-top:20px
}

@media (min-width: 550px){

	#service_area{

		padding-top:30px
	}
}

#service_area .columns{

	color:#626262
}

#service_area .columns p{

	font-size:15px;
	font-size:1.5rem;
	margin-top:10px
}

@media (min-width: 550px){

	#service_area .columns p{

		font-size:1.0rem;
	}
}

@media (min-width: 550px){

	#news_area .container{
		margin-top: 100px;
		padding:0px 10% 50px 10%
	}
}

footer{

	background-color:#ffc1e0;
	color:#fff;
	padding-top:20px
}

@media (max-width: 550px){

	footer .container{

		margin:0;padding:0
	}

	footer .foot_navi{

		margin-top:20px
	}

	footer .foot_navi li{

		list-style:none;
		margin-bottom:1px
	}

	footer .foot_navi li a{

		color:#ffdbed;
		background-color:#ffdbed;
		display:block;
		text-align:center;
		font-weight:bold;
		text-decoration:none;
		font-size:16px;
		font-size:1.6rem;
		padding:16px 0
	}
}

footer .foot_address{

	font-size:16px;
	font-size:1.6rem;
	padding-top:10px
}

footer .copy{

	text-align:center;
	font-size:11px;
	font-size:1.1rem;
	color:white
}

@media (min-width: 550px){

	footer{

		padding-top:30px
	}

	footer .foot_navi{

		float:right
	}

	footer .foot_navi li{

		list-style:none;
		display:inline-block;
		float:left;
		margin-right:10px;
		font-size:1.1rem;
	}
}

@media (min-width: 550px){

	footer .foot_navi a{

		color:white;
		padding-left:10px;
		text-decoration:none
	}

	footer .foot_navi a:hover{

		color:#eaf2f4
	}

	footer .copy{

		margin-top:30px
	}
}

/* Table Layout
------------------------------------------------------------*/    
table {
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	margin:5px auto 5px auto;
	table-layout: auto;
	width:55%;
	border-collapse: collapse;
}
table th {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: #666666;
	background-color: #ff80bf;
	text-align:center;
}
table td {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: #666666;
  	text-align: center;
}

/* Inupt
------------------------------------------------------------*/
input[type=number].meishiki {
  font-size:1.2em;
  width: 40px;
  height: 30px; line-height: 30px;
  margin-top:5px;
  margin-bottom:1px;
}
@media (min-width: 550px){
	input[type=number].meishiki {
	  font-size:1.2em;
	  width: 50px;
	  height: 30px; line-height: 30px;
	  margin-top:5px;
	  margin-bottom:1px;
	}
}

input[type=text].simei {
  font-size:0.8em;
  height: 30px; line-height: 30px;
  width: 80px;
  color:#ff1493;
}
@media (min-width: 550px){
	input[type=text].simei {
	  font-size:1.2em;
	  height: 30px; line-height: 30px;
	  width: 130px;
	  color:#ff1493;
	}
}

input[type=number].bysize {
  font-size:1.2em;
  height: 30px; line-height: 30px;
  width: 60px;
}

@media (min-width: 550px){
	input[type=number].bysize {
	  font-size:1.2em;
	  height: 30px; line-height: 30px;
	  width: 80px;
	}
}

input[type=text].meishiki {
  height: 30px; line-height: 30px;
  width: 40px;
}

@media (min-width: 550px){
	input[type=text].meishiki {
	  height: 30px; line-height: 30px;
	  width: 50px;
	}
}

input[type=button].meishiki {
  width: 60px;
  height: 30px; line-height: 30px;
  text-align: center;
  color: white;
  font-size:0.7em;
  background-color:#ff1493;
  padding: 0px;
  margin-top:-30px;
}
input[type=reset].meishiki {
  width: 60px;
  height: 30px; line-height: 30px;
  font-size:0.7em;
  text-align: center;
  color: white;
  background-color:#ff1493;
  padding: 0px;
  margin-top:-30px;
}

input[type=number].kantei {
  width: 85px;
  height:35px;
  margin-top:2px;
  margin-bottom:2px;
  text-align:center;
}
input[type=text].kantei {
  width: 65px;
  height:30px;
  margin-top:2px;
  margin-bottom:2px;
  outline: 0;
  border: 0px;
  text-align:center !important;
}
input[type=text].name {
  width: 120px;
	height:35px;
	margin-left:5px;
	margin-top:15px;
  margin-bottom:15px;
  text-align:center;
}
input[type=text].hyouji {
  width: 50px;
	height:35px;
	outline: 0;
  border: 0px;
  text-align:center;
}
input[type=text].mes {
  width: 400px;
	height:200px;
	margin-left:8px;
	margin-top:2px;
  margin-bottom:2px;
  text-align:center;
}

/* textarea
------------------------------------------------------------*/

textarea {
  width: 80%;
  height: 320px;
  font-size: 1em;
}

@media screen and (min-width: 700px) {
	 textarea {
	  width: 540px;
	  height: 160px;
	  font-size: 1em;
	}
}

/* Label
------------------------------------------------------------*/
label{
  font-weight:normal;
  display:inline;
  font-size: 1.1rem;
  color: #ff1493;
  vertical-align: middle;
}

.center{
  text-align: center;
}

h6 {
  color: #696969;/*文字色*/
  font-size:70%;
}

p.meishiki {
	color: #696969;
	font-size:0.5em;
}

p.kan {
	color: #696969;
	font-size:1.6em;
}

p.message {
	color: #696969;
	font-size:0.9em;
}

h3 {
  color: #696969;/*文字色*/
  font-size:1.6em;
  text-align:center;
}

h4 {
  color: #696969;/*文字色*/
  font-size:1.0em;
  text-align:center;
}

h5 {
  text-align:center;
	font-size:2.0rem;
	color:#ff1e8e;
	font-weight:bold;
	letter-spacing:0.2rem;	
}

ul.mes {
  list-style:none;
  padding:10px;
  }

ul.mes li {
	color: #ff69b4;
	padding:10px;
}

span {
	color: #ff1493;/*文字色*/
 	font-size:1.2em;
 	padding:10px;
}

div.box{
	margin:0 auto 0 auto;
}

div.center {
	text-align :center;
	margin:0 0 0 0;
}

div.b { margin-bottom:15px;}

div.alphabox1{
	width:70%;
	height:120px;
	background:rgba(255,20,147,0.3);
	text-align:center;
	padding:10px;
	margin:0 auto 0 auto;
}

@media screen and (min-width: 700px) {
   /* 表示領域が800px以上の場合に適用するスタイル */
	div.alphabox1{
		width:70%;
		height:110px;
		background:rgba(255,20,147,0.3);
		text-align:center;
		padding:10px;
		margin:0 auto 0 auto;
	}
}

div.alphabox2{
	width:70%;
	height:200px;
	background:rgba(255,20,147,0.3);
	text-align:center;
	padding:10px;
	margin:0 auto 0 auto;
}

@media screen and (min-width: 700px) {
   /* 表示領域が800px以上の場合に適用するスタイル */
	div.alphabox2{
		width:70%;
		height:130px;
		background:rgba(255,20,147,0.3);
		text-align:center;
		padding:10px;
		margin:0 auto 0 auto;
	}
}

@media screen and (max-width: 480px){
	.spNone { display: none;}
}

@media screen and (min-width: 700px){
	.pcNone { display: none;
	}
}