@charset "utf-8";

/* ---------------------
Import file
--------------------- */
@import url("base.css");

/* ---------------------
Common style
--------------------- */
html{overflow-y:scroll;}

.gothic{font-family:Arial, Helvetica, sans-serif;}

body{
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 13px;
	margin:0;
	padding:0;
	background: #eaeae9;
	-webkit-text-size-adjust: 100%;
}

a,
a:link,
a:visited{
	outline : 0;
	color: #375672;
	text-decoration: none;
	outline:0;
	/*-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;*/
	transition: 0.3s;
}

.contents a,
.u a,
a.u{
	text-decoration: underline;
}

a:hover{
	text-decoration: underline;
	color: 375672;
	opacity: 0.7;
}


.midbox{width:1000px;margin-right:auto;margin-left:auto;}

.eng, .eng p{font-size:13px;}

.clear{
	clear: both;
}


/* ---------------------
HEADER
--------------------- */
#headarea{
	background-color: #252c2f;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #242424;	
}

/* ---------------------
MENU
--------------------- */
.menu li{
	height: 41px;
	margin: 0 45px 0 0;
}
	
.menu li a{
	display: block;
	background: no-repeat;
	height: 41px;
	color:#fff;
	text-indent: -9999px;
	/*-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	-o-transition: 1.5s;
	-ms-transition: 1.5s;*/
	transition: 1.5s;
}

#gm01, #gm01 a{width:116px;}
#gm02, #gm02 a{width:71px;}
#gm03, #gm03 a{width:71px;}
#gm04, #gm04 a{width:98px;}
#gm05, #gm05 a{width:97px;}
#gm06, #gm06 a{width:98px;}
#gm07, #gm07 a{width:123px;}
#gm08, #gm08 a{width:105px;}

#gm01 a{background: url(../img/gm/gmenu01.png) no-repeat; background-size:100%;}
#gm02 a{background: url(../img/gm/gmenu02.png) no-repeat; background-size:100%;}
#gm03 a{background: url(../img/gm/gmenu03.png) no-repeat; background-size:100%;}
#gm04 a{background: url(../img/gm/gmenu04.png) no-repeat; background-size:100%;}
#gm05 a{background: url(../img/gm/gmenu05.png) no-repeat; background-size:100%;}
#gm06 a{background: url(../img/gm/gmenu06.png) no-repeat; background-size:100%;}
#gm07 a{background: url(../img/gm/gmenu07.png) no-repeat; background-size:100%;}
#gm08 a{background: url(../img/gm/gmenu08.png) no-repeat; background-size:100%;}

#gm01 a:hover{background: url(../img/gm/gmenu01_ov.png) no-repeat; background-size:100%;}
#gm02 a:hover{background: url(../img/gm/gmenu02_ov.png) no-repeat; background-size:100%;}
#gm03 a:hover{background: url(../img/gm/gmenu03_ov.png) no-repeat; background-size:100%;}
#gm04 a:hover{background: url(../img/gm/gmenu04_ov.png) no-repeat; background-size:100%;}
#gm05 a:hover{background: url(../img/gm/gmenu05_ov.png) no-repeat; background-size:100%;}
#gm06 a:hover{background: url(../img/gm/gmenu06_ov.png) no-repeat; background-size:100%;}
#gm07 a:hover{background: url(../img/gm/gmenu07_ov.png) no-repeat; background-size:100%;}
#gm08 a:hover{background: url(../img/gm/gmenu08_ov.png) no-repeat; background-size:100%;}

#gm01 a.active{background: url(../img/gm/gmenu01_ov.png) no-repeat; background-size:100%;}
#gm02 a.active{background: url(../img/gm/gmenu02_ov.png) no-repeat; background-size:100%;}
#gm03 a.active{background: url(../img/gm/gmenu03_ov.png) no-repeat; background-size:100%;}
#gm04 a.active{background: url(../img/gm/gmenu04_ov.png) no-repeat; background-size:100%;}
#gm05 a.active{background: url(../img/gm/gmenu05_ov.png) no-repeat; background-size:100%;}
#gm06 a.active{background: url(../img/gm/gmenu06_ov.png) no-repeat; background-size:100%;}
#gm07 a.active{background: url(../img/gm/gmenu07_ov.png) no-repeat; background-size:100%;}
#gm08 a.active{background: url(../img/gm/gmenu08_ov.png) no-repeat; background-size:100%;}

/* ---------------------
Retinaディスプレイ用
--------------------- */
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
#gm01 a{background-image: url(../img/gm/gmenu01@2x.png); background-size: 116px 41px; }
#gm02 a{background-image: url(../img/gm/gmenu02@2x.png); background-size: 71px 41px; }
#gm03 a{background-image: url(../img/gm/gmenu03@2x.png); background-size: 71px 41px; }
#gm04 a{background-image: url(../img/gm/gmenu04@2x.png); background-size: 98px 41px; }
#gm05 a{background-image: url(../img/gm/gmenu05@2x.png); background-size: 97px 41px; }
#gm06 a{background-image: url(../img/gm/gmenu06@2x.png); background-size: 98px 41px; }
#gm07 a{background-image: url(../img/gm/gmenu07@2x.png); background-size: 123px 41px; }
#gm08 a{background-image: url(../img/gm/gmenu08@2x.png); background-size: 105px 41px; }

#gm01 a:hover{background-image: url(../img/gm/gmenu01_ov@2x.png); background-size: 116px 41px; }
#gm02 a:hover{background-image: url(../img/gm/gmenu02_ov@2x.png); background-size: 71px 41px; }
#gm03 a:hover{background-image: url(../img/gm/gmenu03_ov@2x.png); background-size: 71px 41px; }
#gm04 a:hover{background-image: url(../img/gm/gmenu04_ov@2x.png); background-size: 98px 41px; }
#gm05 a:hover{background-image: url(../img/gm/gmenu05_ov@2x.png); background-size: 97px 41px; }
#gm06 a:hover{background-image: url(../img/gm/gmenu06_ov@2x.png); background-size: 98px 41px; }
#gm07 a:hover{background-image: url(../img/gm/gmenu07_ov@2x.png); background-size: 123px 41px; }
#gm08 a:hover{background-image: url(../img/gm/gmenu08_ov@2x.png); background-size: 105px 41px; }
}

/* ---------------------
CONTENTS
--------------------- */

.pagetop{clear:both;text-align:right;}



/* ---------------------
footer
--------------------- */
#footbox {
	font-family: "游明朝","YuMincho", serif !important;
	background-image: url(../img/bg.gif);
	background-repeat: repeat-y;
	background-position: center;
	padding:90px 0;
	color:#fff;
	position: relative;
	margin-top: 100px;
}
#gotop {
	position: absolute;
	left:50%;
	top: -42px;
	margin-left:-42px;
	background-image: url(../img/foot_gotop_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;	
	height: 83px;
	width: 83px;
}

#foot {position: relative;}

#footbox a {
	color: #ffffff;
}
#footbox a:hover {
	opacity: 0.7;
	text-decoration: none;
}

#f_left {
	float:left;
	width:470px;
}
#f_left img#logo_foot {
	float:left;
	width: 170px;
}
#f_left ul {
	clear: both;
	margin: 50px 0 0 0;
	font-size: 13px;
	line-height: 30px;
}
#f_left ul li a {
	clear: both;
	margin: 50px 0 0 0;
	color: #ffffff;
	font-size: 13px;
	line-height: 30px;
	letter-spacing: 3px;
}


#f_right {
	float:right;
	width: 440px;
	text-align:left;
	padding: 0;
	color: #e8e8e8;
}
#f_right h2 {
	font-size: 13px;
	letter-spacing: 3px;
	margin: 0 0 25px 0;
}
#f_right ul {
	float: left;
	width: 270px;
	font-size: 13px;	
}
#f_right ul li {
	margin: 0 0 10px 0;
	color: #e8e8e8;
	letter-spacing: 2px;	
}
#f_right ul li a {
	color: #e8e8e8;	
}
#f_right ul#rightlist {
	float: left;
	width: 170px;
}
#f_right .link1 a:link{
    text-decoration: underline;
}
#f_right .link1 a:hover{
    text-decoration: none;
}
#f_right .link1 a:visited{
    text-decoration: underline;
}


#snsbtn{margin-top:65px;}

.copy {
	clear: both;
	font-size: 11px;
	letter-spacing: 1px;	
	line-height:100%;
	padding-top:25px;
	float: right;
}


/*sub menu*/
#smenu{
	position: absolute;
	top: 72px;
	left: 135px;
	background-image: url(../img/foot_line.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left:82px;
}
#smenu li{line-height:100%;margin-bottom:0.9em;}
#smenu a{font-size:14px;color:#fff;font-family:Arial, Helvetica, sans-serif;}
#smenu a:hover{color:#adadad;}