@charset "utf-8";

/********************
1. Common Setting
2. Basic layout

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

/********************
1. Common Setting
********************/
body { width: 100%; color: #333; line-height:1.5;}

a { color:#4a3434; overflow:hidden; }

a:visited {}

a:hover { text-decoration: none; }

.float_l { display: inline; float: left; }

.float_r { display: inline; float: right; }

/*IE6*/
.n_margin { margin-right:-3px; }

.clr { clear: both; }

.alt　 { display: none; }

.hdn { visibility: hidden; }

.none { display: none; }

.alt{ display:none; }

/* Text
------------------------------------------ */
.align_l { text-align: left !important; }

.align_r { text-align: right !important; }

.align_c { text-align: center !important; }

.valignT { vertical-align: top !important; }

.valignM { vertical-align: middle !important; }

.valignB { vertical-align: bottom !important; }

.nowrap { white-space: nowrap; }

.bold { font-weight: bold; }

.normal { font-weight: normal; }

.fs01 { font-size: 78%; line-height: 1.3; }

.fm01 { font-size: 85%; }

.fl01 { font-size: 114%; }

.fl02 { font-size: 128%; }

.accent1 { color: #900; }

.accent2 { color: #004; }

.accent3 { color: #21663b; font-family: Arial; font-size: 153.9%; }

.clr1 { color:#482f17; }

.clr2 { color:#6b6a46; }

.clr3 { color:#745122; }

/********************
2. Basic layout
********************/

/* Margin
------------------------------------------ */
.mgt0 { margin-top: 0 !important; }

.mgt1 { margin-top: 1px !important; }

.mgt2 { margin-top: 2px !important; }

.mgt3 { margin-top: 3px !important; }

.mgt4 { margin-top: 4px !important; }

.mgt5 { margin-top: 5px !important; }

.mgt8 { margin-top: 8px !important; }

.mgt10 { margin-top: 10px !important; }

.mgt15 { margin-top: 15px !important; }

.mgt20 { margin-top: 20px !important; }

.mgt25 { margin-top: 25px !important; }

.mgt30 { margin-top: 30px !important; }

.mgt35 { margin-top: 35px !important; }

.mgt40 { margin-top: 40px !important; }

.mgt50 { margin-top: 50px !important; }

/* Padding
------------------------------------------ */
.pdt0 { padding-top:0 !important; }

.pdt1 { padding-top:1px !important; }

.pdt2 { padding-top:2px !important; }

.pdt3 { padding-top: 3px !important; }

.pdt4 { padding-top: 4px !important; }

.pdt5 { padding-top: 5px !important; }

.pdt8 { padding-top: 8px !important; }

.pdt10 { padding-top: 10px !important; }

.pdt15 { padding-top: 15px !important; }

.pdt20 { padding-top: 20px !important; }

.pdt25 { padding-top: 25px !important; }

.pdt30 { padding-top: 30px !important; }

.pdt35 { padding-top: 35px !important; }

.pdt40 { padding-top: 40px !important; }

.pdt50 { padding-top: 50px !important; }

.rollover75:hover {
	opacity: 0.75;
}
.rollover75:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1, Style=0, Opacity=60);
}
/*IE*/

.align_c {
	text-align: center;
}

body {
	background: url('../images/common/bg_html.webp');
}
header{
	height:170px;
	margin:0 auto;
	background:url('../images/common/bg_header.png') no-repeat top center;
}
#header_inner{
	max-width:1920px;
}
#header_inner h1{
	float:left;
	width:222px;
	padding:20px 0 0 20px;
}
#header_inner #subtitle{
	float:right;
	padding:20px 20px 0 0;
	width:452px;
}
#gnav{
	width:980px;
	margin:0 auto;
	padding:10px 0 0 0;
}
#gnav ul{
	display:flex;
}
#gnav ul li{
	width:calc(100% / 7);
	flex:none;
}
#gnav ul #nav01{
	background:url('../images/common/nav01.png') no-repeat center center;
}
#gnav ul #nav02{
	background:url('../images/common/nav02.png') no-repeat center center;
}
#gnav ul #nav03{
	background:url('../images/common/nav03.png') no-repeat center center;
}
#gnav ul #nav04{
	background:url('../images/common/nav04.png') no-repeat center center;
}
#gnav ul #nav05{
	background:url('../images/common/nav05.png') no-repeat center center;
}
#gnav ul #nav06{
	background:url('../images/common/nav06.png') no-repeat center center;
}
#gnav ul #nav07{
	background:url('../images/common/nav07.png') no-repeat center center;
}
#gnav ul li a{
	color:#fff;
	text-decoration:none;
	line-height:25px;
	display:block;
	text-align:center;
	font-size:15px;
	font-weight:bold;
}
#gnav ul li a:hover{
	color:#ccc;
}
#content_warpper{
	position:relative;
}
#l-nav{
	width:240px;
	position:absolute;
	left:0;
	top:20px;
	z-index:999;
}
/********************
end of common css
********************/
#footer_warpper{
	height:194px;
	padding:40px 0 0 0;
	box-sizing:border-box;
	background:url('../images/common/bg_footer.png') repeat-x bottom center;
}
#footer_warpper ul{
	display:inline;
	float:left;
	width: 170px;
	height: 90px;
	font-size: 85%;
	line-height: 1.3;
	color: #fff;
}
#footer{
	width:980px;
	margin:0 auto;
	line-height:1.8em;
}
.fnavi{
	margin: 10px 0 0 0;
}

.fnavi a{
	text-decoration:none;
	color: #fff;
}
.fnavi a:before{
	content:"≫";
}
.fnavi #banner a:before{
display:none;
}

.copy{
	clear:both;
	margin: 10px 0 0 0;
color:#fff;
}