@charset "UTF-8";

/*CSSDocument*/


/* html body base
===============================================================*/

/*
html ----------------------------------------------------------*/

*{ margin:0px; padding:0px;}

body{
color:#000;
margin:0;
padding:0;
background:#fff;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
text-align:center;
font-size:108%;
line-height:182% !important;
background-attachment:fixed;
}

a:link{ color:#11336d;text-decoration:underline;}
a:visited{ color:#11336d;text-decoration:underline;}
a:hover{ color:#11336d;text-decoration:none;}
a:active{ color:#11336d;text-decoration:none;}

ul{ list-style:none;}

a:hover img {
filter: alpha(opacity=70);
-moz-opacity:0.60;
opacity:0.60;
}

img{
	margin:0;
	padding:0;
	vertical-align:top;
	}

/*
html ----------------------------------------------------------*/




/* body base
===============================================================*/



#container{ 
	width:100%;
	margin:0 auto;
	text-align:left;
	position:relative;
	padding-bottom:30px;
	}



/* header
===============================================================*/

header#headerArea{
	width:100%;
	text-align:center;
	background:#f08e80;
	border-bottom:1px solid #c66658;
	margin-bottom:35px;
	padding:18px 0;
	}
body#fc	header#headerArea{
	background:#fca649;
	border-bottom:1px solid #d68327;
	}	
	
header#headerArea.pt{
	background:#8db1e7;
	border-bottom:1px solid #213d67;

}	
	
header#headerArea #headerWrap{
	margin:0 auto;
	width:980px;
	}
header#headerArea #headerWrap h1{
	float:left;
	text-align:left;
	margin-right:20px;
	}


.header_right{
	float:right;
	width:640px;
	}

.log_out_btn a{
	background:#6f4039;
	padding:4px 8px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
	width:100px;
	color:#fff;
	float:right;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	text-decoration:none;
	display:block;
	margin-left:15px;
	}

.header_right p{
	color:#fff;
	float:right;
	}


p.home a{
	background:url(../images/ico_home.png) no-repeat left 50%;
	padding-left:22px;
	float:left;
	margin-top:10px;
	color:#fff;
	text-decoration:none;
	}
p.inq a{
	background:url(../images/ico_arrow.png) no-repeat left 50%;
	background-size:14px;
	padding-left:22px;
	float:left;
	margin-top:10px;
	margin-left:20px;
	color:#fff;
	text-decoration:none;
	}
	
@media screen and (max-width: 480px) {

header#headerArea{
	width:100%;
	height:auto;
	text-align:center;
	background:#f08e80;
	border-bottom:1px solid #c66658;
	margin-bottom:15px;
	padding:10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;		
	}
header#headerArea #headerWrap h1{

	}	
	
header#headerArea #headerWrap h1 img{
	width:80%;
	height:auto;	
	}	
header#headerArea #headerWrap{
	margin:0 auto;
	width:100%;
	}

.header_right{
	float:none;
	width:100%;

	}
.header_right p{
	color:#fff;
	float:left;
	text-align:left;
	padding-top:10px;	
	}
	
.home a{
	display:none;
	}

.log_out_btn a{
	position:absolute;
	top:10px;
	right:10px;
	}
	
	p.inq a{
	background:url(../images/ico_arrow.png) no-repeat left 50%;
	background-size:14px;
	padding-left:22px;
	float:left;
	margin-top:10px;
	margin-left:0;
	color:#fff;
	text-decoration:none;
	}	
}

	
/* footer
===============================================================*/

footer#footerArea{
	width:100%;
	clear:both;
	padding:0;
	text-align:center;
	border-top:1px solid #eb6e8f;
	}
	
footer#footerArea .footer_in{
	width:980px;
	margin:20px auto;
	text-align:left;	
}	

footer#footerArea .footer_in ol{
	margin-left:25px;
	clear:both;
	}
	

#copyright{
	clear:both;
	padding:15px 0;
	border-top:1px solid #eb6e8f;	
	}

#copyright small{
	color:#7b7b7b;
	font-size:93%;
	}


@media screen and (max-width: 480px) {
footer#footerArea .footer_in{
	width:100%;
	margin:10px auto;
	text-align:left;	
}	

}