/* Unchanged */
@charset "utf-8";

/* ==============================
default */

body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object{
margin:0;
padding:0;
vertical-align: baseline;
}

h1,h2,h3,h4,h5,h6 {
font-style: normal;
font-size: 1.0em;
}
 
table {border-spacing:0;}
* html table {border-collapse:collapse;}
*:first-child+html table {border-collapse:collapse;}
caption,th {text-align:left;}
table,th,td,img {border:0;}
img,input {vertical-align:baseline;}
q:before,q:after {content:'';}
ul {list-style: none;}

body{ background:#1c1c1c; font-family: メイリオ,Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;}

img { margin:0; padding:0;}

a{color:#b2182c;}
a:hover{color:#b2182c; text-decoration:none}
a:hover img {
	-moz-opacity:0.8;
	opacity:0.8;
	filter:alpha(opacity=80);
	border:none;
}
a.noblink:hover img {-moz-opacity:1.00;opacity:1.00;filter:alpha(opacity=100);}

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display: inline-table;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clearfix{zoom:1;}


.ml5b10{ margin-bottom:10px; margin-left:5px;}

.mt30{margin-top:30px;}

.ml5{margin-left:5px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml35{margin-left:35px;}
.ml45{ margin-left:45px;}

.mb5{ margin-bottom:5px;}
.mb6{ margin-bottom:5px;
      margin-left:13px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:45px;}
.mb152{ margin-bottom:45px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}

/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.mb15{margin:0 0 50px 0;}
.mb152{margin:10px 0 55px 0;}
	}

.pb30{ padding-bottom:30px;}

.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}

.clear{clear:both;}

.fltl{float:left}
.fltr{float:right}


/* ==============================
layout */

#header_area{ background:#000;}
#header{ 
	position: relative;
	height:92px;
	width:950px;
	margin:0 auto;
	padding-bottom:10px;
}

#header #logo{float:left; margin-top:25px;}
#header #gnavi{float:right; margin-top:55px;}
#header #gnavi li{float:left;}

#gnavi li{
	float:left;
	margin-left:5px;
	text-indent:-9999px;
}

#gnavi li a{
	display:block;
	height:29px;
	position: relative;
}
#header .anniversary{
	position: absolute;
	top: 22px;
	left: 225px;
	background: #991c22;
	width: 725px;
	text-align: center;
}
#header .anniversary p{
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	line-height: 1.8;
	letter-spacing: 0.1em;
	color: transparent;
	background: linear-gradient(0deg, #a98608 0%, #eee692 45%, #a98608 90% 100%); 
	-webkit-background-clip: text;
}

li.n01{ width:125px; height:29px; background:url(../img/test/gnavi01.gif) bottom; margin-bottom:11px;}
li.n01 a { display:block; width:125px; height:29px; background:url(../img/test/gnavi01.gif) top;}
li.n01 a:hover { background:url(../img/test/gnavi01.gif) bottom;}
li.n02{ width:125px; height:29px; background:url(../img/test/gnavi02.gif) bottom; margin-bottom:11px;}
li.n02 a { display:block; width:125px; height:29px; background:url(../img/test/gnavi02.gif) top;}
li.n02 a:hover { background:url(../img/test/gnavi02.gif) bottom;}
li.n03{ width:125px; height:29px; background:url(../img/test/gnavi03.gif) bottom;}
li.n03 a { display:block; width:125px; height:29px; background:url(../img/test/gnavi03.gif) top;}
li.n03 a:hover { background:url(../img/test/gnavi03.gif) bottom;}
li.n04{ width:125px; height:29px; background:url(../img/test/gnavi04.gif) bottom; margin-bottom:11px;}
li.n04 a { display:block; width:125px; height:29px; background:url(../img/test/gnavi04.gif) top;}
li.n04 a:hover { background:url(../img/test/gnavi04.gif) bottom;}
li.n05{ width:125px; height:29px; background:url(../img/test/gnavi05.gif) bottom; margin-bottom:11px;}
li.n05 a { display:block; width:125px; height:29px; background:url(../img/test/gnavi05.gif) top;}
li.n05 a:hover { background:url(../img/test/gnavi05.gif) bottom;}
li.n06{ width:125px; height:29px; background:url(../img/test/gnavi06.gif) bottom;}
li.n06 a { display:block; width:125px; height:29px; background:url(../img/test/gnavi06.gif) top;}
li.n06 a:hover { background:url(../img/test/gnavi06.gif) bottom;}


/*90周年ロゴ*/
#header #logo2{float:left; margin-top:25px;}
#header #gnavi2{
    position: absolute;
    margin-top: 55px;
    z-index: 999;
    right: calc((100% - 947px) / 2);}
#header #gnavi2 li{float:left;}
#gnavi2 li{
	float:left;
	margin-left:5px;
	text-indent:-9999px;
}
#gnavi2 li a{
	display:block;
	height:29px;
	position: relative;
}
li.n01a{ width:99px; height:29px; background:url(../img/menu/gnavi01a.png) bottom; margin-bottom:11px;}
li.n01a a { display:block; width:99px; height:29px; background:url(../img/menu/gnavi01a.png) top;}
li.n01a a:hover { background:url(../img/menu/gnavi01a.png) bottom;}

li.n02a{ width:99px; height:29px; background:url(../img/menu/gnavi02a.png) bottom; margin-bottom:11px;}
li.n02a a { display:block; width:99px; height:29px; background:url(../img/menu/gnavi02a.png) top;}
li.n02a a:hover { background:url(../img/menu/gnavi02a.png) bottom;}

li.n03a{ width:99px; height:29px; background:url(../img/menu/gnavi03a.png) bottom;}
li.n03a a { display:block; width:99px; height:29px; background:url(../img/menu/gnavi03a.png) top;}
li.n03a a:hover { background:url(../img/menu/gnavi03a.png) bottom;}

li.n04a{ width:99px; height:29px; background:url(../img/menu/gnavi04a.png) bottom; margin-bottom:11px;}
li.n04a a { display:block; width:99px; height:29px; background:url(../img/menu/gnavi04a.png) top;}
li.n04a a:hover { background:url(../img/menu/gnavi04a.png) bottom;}

li.n05a{ width:99px; height:29px; background:url(../img/menu/gnavi05a.png) bottom; margin-bottom:11px;}
li.n05a a { display:block; width:99px; height:29px; background:url(../img/menu/gnavi05a.png) top;}
li.n05a a:hover { background:url(../img/menu/gnavi05a.png) bottom;}

li.n06a{ width:99px; height:29px; background:url(../img/menu/gnavi06a.png) bottom;}
li.n06a a { display:block; width:99px; height:29px; background:url(../img/menu/gnavi06a.png) top;}
li.n06a a:hover { background:url(../img/menu/gnavi06a.png) bottom;}

li.n07a{ width:99px; height:29px; background:url(../img/menu/gnavi07a.png) bottom;}
li.n07a a { display:block; width:99px; height:29px; background:url(../img/menu/gnavi07a.png) top;}
li.n07a a:hover { background:url(../img/menu/gnavi07a.png) bottom;}



/*90周年ロゴ*/



#pankuzu{ height:23px; line-height:23px; margin:3px 0 24px 0; font-size:10px;}

#contents_blackarea{ background:#000;}
#contents_whitearea{ background:#fff;}
#contents_titlearea{ border-bottom:1px #000 solid; height:60px;}
#contents_titlearea #title{ width:950px; margin:0 auto; padding-top:18px;}
#wrapper{ width:950px; margin:0 auto; padding-bottom:30px;}
#wrapper2{ width:1104px; margin:0 auto; padding-bottom:30px;}

.subtitle{width:940px; color:#fff; background:#000; padding:5px 0 5px 10px; font-size:12px; margin:30px 0 0;}

#footer_area{background:#1c1c1c;}

#footer{
	width:950px;
	margin:0 auto;
	padding-top:30px;
	padding-bottom:20px;
}

#footer .fnavibox { float:left; font-size:9px;}

#footer #fnavi { font-size:9px;}
#footer #fnavi li{float:left; margin-right:20px; line-height:19px;}

#footer #fnavi a{color:#fff; text-decoration:none}
#footer #fnavi a:hover{color:#b2182c; text-decoration:none}

#footer .fnavi2 {
	width:950px;
	font-size:9px;
	color:#FFFFFF;
	margin-top:10px;
	padding-top:2px;
	height:21px;
	border-top:solid 1px #FFFFFF;
	border-bottom:solid 1px #FFFFFF;
	}

#footer .fnavi2 ul{ margin:0; padding:0 0 0 90px;}
#footer .fnavi2 li{float:left; margin:0 20px; line-height:19px;}

#footer .fnavi2 a{color:#fff;}
#footer .fnavi2 a:hover{color:#b2182c;}

#footer #pagetop { text-align: right; line-height:19px;}
#footer #copy { float:right; margin-top:10px;}


a.hi:hover img {
	opacity: 1 !important;
}