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

 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;
}


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

 Header

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

#header { padding:10px 0;}
#header .inner { padding:0 6px;}

#header h1 { line-height:0;}
#header h1 a { display:inline-block;}
#header h1 img { width:128px; height:auto; display:block;}

#header_search .btn_area { display:inline;}

/* テキスト入力エリア */
#header_search .input_area { position:relative;}
#header_search .input_area input[type="text"] {
	width:210px; height:26px; line-height:26px; margin:0; padding:0 28px 0 0;
	text-indent:0.8em; vertical-align:middle;
	
	border: #DDD 1px solid;
	border-radius: 13px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	
	-webkit-appearance: none;
	-moz-appearance: none;
	resize: none;
}

/* 検索ボタン */
#header_search .input_area button {
	position:absolute; top:3px; right:3px; cursor:pointer;
	border:none; background:none; margin:0; padding:0;
	
	-webkit-appearance: none;
	-moz-appearance: none;
}

/* メニューボタン */
#menu_btn {
	width:56px; height:26px; text-indent: -9999px; margin-right:5px;
	background:#F3F3F3 url(../images/icon_menu.png) no-repeat;
	background:#F3F3F3 url(../images/icon_menu_ie.png) no-repeat\9;
	background-size:112px 26px;
	-webkit-background-size:112px 26px;
	border-radius: 13px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
}
#menu_btn.act,
#menu_btn.select { background-color:#E40011; background-position:-56px 0;}

/* ログインボタン */
#login_btn {
	display:none;
	width:56px; height:26px; text-indent: -9999px; margin-right:5px;
	background:#F3F3F3 url(../images/icon_login.png) no-repeat;
	background:#F3F3F3 url(../images/icon_login_ie.png) no-repeat\9;
	background-size:112px 26px;
	-webkit-background-size:112px 26px;
	border-radius: 13px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
}
#login_btn.act,
#login_btn.select { background-color:#CF9323; background-position:-56px 0;}

/* Myメニューボタン */
#my_btn {
	display:none;
	width:66px; height:26px; text-indent: -9999px; margin-right:5px;
	background:#F0EFD2 url(../images/icon_my.png) no-repeat;
	background:#F0EFD2 url(../images/icon_my_ie.png) no-repeat\9;
	background-size:132px 26px;
	-webkit-background-size:132px 26px;
	border-radius: 13px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
}
#my_btn.act,
#my_btn.select { background-color:#CF9323; background-position:-66px 0;}


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

 Header Menu

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

#header_menu { margin:8px 0 4px; background-color:#F2F1EE; display:none;}
#header_menu a:hover { color:#FF8080; text-decoration:underline;}

#header_menu .inner { position:relative; padding:20px 24px 10px;}
#header_menu .inner .box_arrow {
	display:block; width:10px; height:8px;
	position:absolute; top:-8px; right:240px;
	background:url(../images/header_menu_arrow.gif) no-repeat;
}

#header_menu li {
	float:left; width:20%; height:35px;
	margin-bottom:10px;
}
#header_menu li a {
	display:block; height:35px; line-height:35px;
	padding:0 10px 0 45px; position:relative;
}
#header_menu li img { position:absolute; top:0; left:0;}
#header_menu li.ttl { display:none;}



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

 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 .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;}



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

 media screen

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

@media screen and (max-width: 970px) {
	
	#header_menu li { width:25%;}
}

@media screen and (max-width: 800px) {
	
	#header_menu li { width:33.33%;}
}

/* Miniタブレットスタイル */
@media screen and (max-width: 740px) {
	
	#login_btn { display:block;}
	#my_btn { display:block;}
}

/* スマホスタイル */
@media screen and (max-width: 600px) {
	
	.inner { padding:0;}
	
	#header .inner { padding:0 10px;}
	
	#header h1.left { float:none;}
	#header_search.right { display:block; float:none;}
	
	#header_search .btn_area { position:absolute; top:10px; right:5px;}
	
	#header_search .input_area { width:100%; margin-top:10px;}
	#header_search .input_area input[type="text"] { width:100%;}
		
	#header_menu { 
		width:100%; margin:0; background-color:initial;
		position:absolute; top:46px; left:0; z-index:9999;
	}
	#header_menu .inner { padding: 0 10px;}
	#header_menu .inner .box_arrow { display:none;}
	
	#header_menu li {
		display:block; width:100%; height:50px; 
		float:none;  margin-bottom:0;
		background-color:#fff;
		border-left:#E0E0E0 1px solid;
		border-right:#E0E0E0 1px solid;
		border-bottom:#E0E0E0 1px dotted;
	}
	
	#header_menu li.ttl {
		display:block; height:35px; position:relative; padding-left:10px;
		color:#E40011; font-weight:bold; line-height:35px;
		background-color:#F3F3F3;
		border: #E0E0E0 1px solid; border-bottom:none;
		-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;
	}
	
	#header_menu li:last-child {
		border: #E0E0E0 1px solid; border-top:none;
		-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;
	}
	#header_menu li a {
		display:block; height:50px; line-height:50px; margin-right:10px; padding: 0 10px 0 50px;
		background:url(../images/header_menu_sp_arrow.png) no-repeat right center;
		background-size:11px 18px;
		-webkit-background-size:11px 18px;
	}
	#header_menu li img { top:7px; left:7px;}
	#header_menu li.ttl .close_btn { width:35px; height:34px; position:absolute; top:0px; right:0px;}
}


@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*/