/*/////////////////////////////////////////////////////////////////////////////////////////////////

 Base Layout

/////////////////////////////////////////////////////////////////////////////////////////////////*/

html, body {
	width:100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0); /* Tap時の影を消す */
	-webkit-text-size-adjust:none;				/* 文字の大きさを自動で変化させない */
	font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size:12px; line-height:1.4em; color:#525252;
}

a { color:inherit; text-decoration:none;}
img { display:block;}

.font_set { font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; font-size:12px;}
.inner { max-width:970px; margin:0 auto; padding:0 2px;}
.left  { float:left;}
.right { float:right;}

.op_set {
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
}

.radius_box {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.radius_t_box {
	-webkit-border-radius: 4px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius: 4px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	border-radius: 4px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.radius_b_box {
	-webkit-border-radius: 4px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius: 4px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	border-radius: 4px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.btn_01 {
	display:block; width:100%; height:45px;
	font-size:14px; color:#FFF; line-height:45px; text-align:center;
}
.btn_02 {
	display:block; width:140px; height:35px;
	font-size:13px; color:#524E41; line-height:35px; text-align:center;
}
.btn_03 {
	display:block; width:50%; height:35px;
	font-size:12px; color:#524E41; line-height:35px; text-align:center;
}

.bg_01 { background:#E65B6C; border:#DD484D 1px solid;}
.bg_02 { background:#BB745B; border:#B56A51 1px solid;}
.bg_03 { background:#F7F7F7; border:#EEEEEE 1px solid;}
.bg_04 { background:#FFF;}
.bg_05 { background:#A09E94;}

span.arrow01 {
	display:inline-block; width:13px; height:13px;
	background: url(../images/arrow01.png) no-repeat;
	background: url(../images/arrow01_ie.png) no-repeat\9;
	background-size:13px 13px;
	-webkit-background-size:13px 13px;
}

.close_btn {
	display:block; width:12px; height:12px; cursor:pointer;
	background: url(../images/close.png) no-repeat center center;
	background-size:12px 12px;
	-webkit-background-size:12px 12px;
}



/*/////////////////////////////////////////////////////////////////////////////////////////////////

 Contents

/////////////////////////////////////////////////////////////////////////////////////////////////*/

#contents { width:100%; height:auto; overflow:hidden; padding-bottom:4px;}


/*/////////////////////////////////////////////////////////////////////////////////////////////////

 Footer

/////////////////////////////////////////////////////////////////////////////////////////////////*/

#footer { background-color:#F0EFEC; border-top:#E1DFD9 1px solid; padding:30px 0;}
#footer .inner { padding:0 4px; text-align:center;}

#footer img { display:inline-block; margin-top:20px;}
#footer .btn_02 { display:inline-block; margin:0 5px;}
#footer ul.page_link {text-align: center;}
#footer .page_link li {
	display:inline-block; padding-right:5px; margin-right:4px; border-right:#666 1px solid;
	color:#666; font-size:10px;
}
#footer .page_link li.last { padding-right:0; margin-right:0; border-right:none;}
#footer .page_link li a:hover { color:#FF8080; text-decoration:underline;}

#footer p.copy { font-size:10px; color:#888888; margin-top:20px; text-align:center;}



/*/////////////////////////////////////////////////////////////////////////////////////////////////

 media screen

/////////////////////////////////////////////////////////////////////////////////////////////////*/


@media screen and (max-width: 600px) {

	.inner { padding:0;}
	
}


@media screen and (max-width: 480px) {
	
	#contents { padding-bottom:1px;}
	
	#footer { border-top:none; padding:30px 0;}
	#footer .logo { display:none;}
}




/*/////////////////////////////////////////////////////////////////////////////////////////////////

 clerfix

/////////////////////////////////////////////////////////////////////////////////////////////////*/

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7?O_uEU*/

.clearfix{display:inline-block;} /*IE7MacIE5*/

/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6?O*/