@charset "UTF-8";

/* 共通 */

img {
	width: 100%;
}
table {
	width: 100%;
}

/* header */
#header{ width: 100%; margin:0 auto; position: relative; padding: 15px 0; }
	#header .logo{ float: left;  width: 40%; margin-left: 3%; }
		#header .logo .mark{ float: left; width: 30%; margin-right: 3%; }
		#header .logo .tx{  width: 40%; }
	#header .hdLink{ display: none;}

	#header nav.pc{ display: none; }
	#header nav.sp{}
		#header nav.sp .open{ float: right; width: 10.5%; margin-right: 5%; padding-top: 8px; overflow: inherit;}
		#header nav.sp #menu { display:none;   position: fixed; z-index:999; top: 0px; left: 0px;clear: both; width: 94%; }
		#header nav.sp ul { border-left: 1px dotted #A81C1B; background: #A81C1B; padding: 20px 3% 10px; }
			#header nav.sp ul li{ margin-bottom: 5px; }
				#header nav.sp ul li a{ display: block; padding: 10px 5%; color: #A81C1B; background: url(../../img/common/icon_arrow_sp.gif) no-repeat 97% center #FFFFFF; background-size: 9px auto; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
				#header nav.sp ul li.close{ color: #FFF; text-align: center; padding: 10px 0 0; }



/* wrapper */
#wrapper{ width: 100%; margin:0 auto; }

/* inner */
.inner{ width: 100%; margin:0 auto; }

/* contents */
#contents{ width: 100%; }

/* side */
#side{ position: relative; width: 94%; margin: 20px auto 0; }
	#side .news{ margin-bottom: 20px; }
		#side .news h2{ font-size: 121.4%; font-weight: bold; border-bottom: 1px dotted #D32600; padding-bottom: 8px; }
		#side .news dl dt{ font-weight: bold; font-size: 78.6%; padding-top: 10px;}
		#side .news dl dd{ border-bottom: 1px dotted #D32600; font-size: 85.7%; padding-bottom: 10px; }

	#side .nav{ margin-bottom: 20px; }
		#side .nav ul li{ margin-bottom: 5px;}
			#side .nav ul li a{ padding-left: 23px; font-size: 92.9%; }
			#side .nav ul li a.company{ background: url(../../img/common/icon_company.gif) no-repeat left center;}
			#side .nav ul li a.sitemap{ background: url(../../img/common/icon_sitemap.gif) no-repeat left center;}
			#side .nav ul li a.privacy{ background: url(../../img/common/icon_privacy.gif) no-repeat left center;}
			#side .nav ul li a.contact{ background: url(../../img/common/icon_contact.gif) no-repeat left center;}
			#side .nav ul li a.fb{ background: url(../../img/common/icon_fb.gif) no-repeat left center;}
	#side .fc .pc{ display: none; }
	#side .fc .sp{ width: 100%;}


/* footer */
#footer{ width: 100%; margin-top: 30px; }
	#footer nav{ text-align: center;}
		#footer nav ul li{ border-top: 1px dotted #444444; box-sizing: border-box; background:#FFFFFF; }
		#footer nav ul li a{ display: block; padding: 10px 3%; font-size: 85.7%; }

#footer #pageTop{}
	#footer #pageTop p{ text-align: center; }
	#footer #pageTop p a{ display: block; background: #A81C1B; width: 100%; padding: 5px 0;}
		#footer #pageTop p a img{ width: 12%;}

#footer .footerContents{ background: #FFFFFF; border-top: 1px solid #B73E37; border-bottom: 1px solid #F2DAD9; padding: 15px 5%; }
	#footer .footerContents{ background: #FFFFFF; border-top: 1px solid #B73E37;}

	#footer .ftAdd{ margin: 0 auto 15px; width: 60%;}
		#footer .ftAdd figure{ float: left; margin-right: 5%; width: 20%; }
		#footer .ftAdd .unit h2{ float: left; width: 75%; padding-top: 8px; }

#footer .ftSub{}
#footer .ftSub .unit{ margin-bottom: 15px; }
#footer .ftSub .link { float: left; }
	#footer .ftSub .link li{ float: left; margin-right: 20px; }
		#footer .ftSub .link li a{ background: url(../../img/common/icon_arrow2.gif) no-repeat left center; padding-left: 20px; font-size: 85.7%; line-height: 1.4; }
	
#footer #copy { text-align: center; background: #AA1913; color: #FFFFFF; font-size: 78.6%; padding: 15px 0; }

.olTitle{
	font-size:130%; padding-bottom:10px; color:#A81C1B; padding:3%;
}
#outlets{
	padding:3%;
}