@charset "utf-8";

@import url(../initialize.css);
@import url(../clearfix.css);


body{
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	color:#333;
	font-size:90%;
	line-height:160%;
	text-align:center;
	background:#FFF;
	-webkit-text-size-adjust:100%;
	min-width:1020px;
	_display: inline;
	_zoom:1;
	}

.size90{font-size:90%; line-height:160%;}
.size85{font-size:85%; line-height:160%;}
.size80{font-size:80%; line-height:160%;}

a.tel-link{
	color:#333;
	text-decoration:none;
	pointer-events:none;
	}




/* basic layout
++++++++++++++++++++++++++++++*/
#top{display:none;}

#contents{
	position:relative;
	width:960px;
	margin:0 auto;
	padding:25px 0;
	}

#main{
	width:690px;
	float:left;
	display:inline;
	}

section{
	position:relative;
	width:100%;
	padding:0 0 25px 0;
	text-align:left;
	}
section:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

#contents hr{
	margin:0 0 50px 0;
	height:1px;
	border-top:1px dotted #CCC;
	border-bottom:none;
	border-left:none;
	border-right:none;
	}

#side-box{
	width:250px;
	float:right;
	display:inline;
	}



/* outside banner
++++++++++++++++++++++++++++++*/
header #season-banner{
	position:absolute\9;
	top:0\9;
	left:0\9;
	width:149px\9;
	height:126px\9;
	overflow:hidden\9;
	z-index:1000\9;
	}
@media only screen and (min-width:1080px) {
	header #season-banner{
		position:absolute;
		top:0; left:0;
		width:149px; height:126px;
		overflow:hidden;
		z-index:1000;
		}
	}
@media only screen and (max-width:1079px) {
	header #season-banner{
		display:none;
		}
	}

header #season-corner-tag{
	position:absolute;
	z-index:200;
	top:35px; left:-80px;
	width:300px; height:26px;
	background:#FECB2F;
	font-family:'Oswald', sans-serif;
	font-size:15px;
	line-height:26px;
	font-weight:bold;
	color:#111;
	letter-spacing:0.05em;
	display:block;
	transform:rotate(-35deg);
}

#contents #outside-banner #left-banner{
	position:absolute\9;
	top:25px\9;
	left:-190px\9;
	width:160px\9;
	}
#contents #outside-banner #right-banner{
	position:absolute\9;
	top:25px\9;
	left:990px\9;
	width:160px\9;
	}
@media only screen and (min-width:1340px) {
	#contents #outside-banner #left-banner{
		position:absolute;
		top:25px; left:-190px;
		width:160px;
		}
	#contents #outside-banner #right-banner{
		position:absolute;
		top:25px; left:990px;
		width:160px;
		}
	}
@media only screen and (max-width:1339px) {
	#contents #outside-banner #left-banner,
	#contents #outside-banner #right-banner{
		display:none;
		}
	}