@charset "utf-8";

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

/* ---------------------
Common style
--------------------- */
html{
	overflow-y:scroll;
}
*{
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ 明朝",serif;
}
.gothic{
	font-family:Arial, Helvetica, sans-serif;
}
body{
	color: #3e3a39;
	font-size: 13px;
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
}
a:link {
	text-decoration: underline;
	outline : 0;
	color: #FFFFFF;
	outline: 0;
}
a:visited {
	text-decoration: underline;
	outline : 0;
	color: #FFFFFF;
	outline: 0;
}
a:hover {
	text-decoration: underline;
	outline : 0;
	color: #FFFFFF;
	outline: 0;
}
a:active {
	text-decoration: underline;
	outline : 0;
	color: #FFFFFF;
	outline: 0;
}
.contents a,
.u a,
a.u{
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
	color: #828283;
}
a[href*="tel:"] {
	pointer-events: none;
	cursor: default;
	text-decoration: none !important;
}
.green,
table.green td
table.green th{
	color:#003302;
}
.midbox{
	width:1000px;
	margin-right:auto;
	margin-left:auto;
}
.midbox p{
	line-height:180%;
}
.eng, .eng p{
	font-size:13px;
}

/* ---------------------
HEADER
--------------------- */
#headarea{
	background-image: url(../img/bg.gif);
	background-repeat: repeat-y;
	background-position: center;
}

/* ---------------------
MENU
--------------------- */
.menu li{
	height: 14px;
}
.menu li a{
	display: block;
	background-repeat: no-repeat;
	height: 14px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Yu Gothic", "ＭＳ Ｐゴシック", sans-serif;
	text-decoration: none;
	/* text-indent: -9999px; */
}

/*
#gm01, #gm01 a{
	width: 86px;
}
#gm02, #gm02 a{
	width: 70px;
}
#gm03, #gm03 a{
	width: 57px;
}
#gm04, #gm04 a{
	width: 55px;
}
#gm05, #gm05 a{
	width: 99px;
}
#gm06, #gm06 a{
	width: 39px;
}
#gm07, #gm07 a{
	width: 56px;
}
*/

/*
#gm01 a{background-image: url(../img/gmenu01.png);}
#gm02 a{background-image: url(../img/gmenu02.png);}
#gm03 a{background-image: url(../img/gmenu03.png);}
#gm04 a{background-image: url(../img/gmenu04.png);}
#gm05 a{background-image: url(../img/gmenu05.png);}
#gm06 a{background-image: url(../img/gmenu06.png);}
#gm07 a{background-image: url(../img/gmenu07.png);}

#gm01, #gm01 a:hover{background-image: url(../img/gmenu01_ov.png);}
#gm02, #gm02 a:hover{background-image: url(../img/gmenu02_ov.png);}
#gm03, #gm03 a:hover{background-image: url(../img/gmenu03_ov.png);}
#gm04, #gm04 a:hover{background-image: url(../img/gmenu04_ov.png);}
#gm05, #gm05 a:hover{background-image: url(../img/gmenu05_ov.png);}
#gm06, #gm06 a:hover{background-image: url(../img/gmenu06_ov.png);}
#gm07, #gm07 a:hover{background-image: url(../img/gmenu07_ov.png);}
*/

/* ---------------------
Retinaディスプレイ用
--------------------- */
/*
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
#gm01 a{background-image: url(../img/gmenu01@2x.png); background-size: 86px 14px; }
#gm02 a{background-image: url(../img/gmenu02@2x.png); background-size: 70px 14px; }
#gm03 a{background-image: url(../img/gmenu03@2x.png); background-size: 57px 14px; }
#gm04 a{background-image: url(../img/gmenu04@2x.png); background-size: 55px 14px; }
#gm05 a{background-image: url(../img/gmenu05@2x.png); background-size: 99px 14px; }
#gm06 a{background-image: url(../img/gmenu06@2x.png); background-size: 39px 14px; }
#gm07 a{background-image: url(../img/gmenu07@2x.png); background-size: 56px 14px; }

#gm01, #gm01 a:hover{background-image: url(../img/gmenu01_ov@2x.png); background-size: 86px 14px; }
#gm02, #gm02 a:hover{background-image: url(../img/gmenu02_ov@2x.png); background-size: 70px 14px; }
#gm03, #gm03 a:hover{background-image: url(../img/gmenu03_ov@2x.png); background-size: 57px 14px; }
#gm04, #gm04 a:hover{background-image: url(../img/gmenu04_ov@2x.png); background-size: 55px 14px; }
#gm05, #gm05 a:hover{background-image: url(../img/gmenu05_ov@2x.png); background-size: 99px 14px; }
#gm06, #gm06 a:hover{background-image: url(../img/gmenu06_ov@2x.png); background-size: 39px 14px; }
#gm07, #gm07 a:hover{background-image: url(../img/gmenu07_ov@2x.png); background-size: 56px 14px; }
}
*/

/* ---------------------
CONTENTS
--------------------- */
.hl02{
	font-size: 30px;
	color: #FFFFFF;
	font-weight: normal;
	border-left-width: 9px;
	border-left-style: solid;
	border-left-color: #563511;
	padding-left: 18px;
	vertical-align: middle;
	display: table-cell;
	margin-top: auto;
	margin-bottom: auto;
}
.pagetop{
	clear:both;
	text-align:right;
}

/* ---------------------
footer
--------------------- */
#footbox{
	background-image: url(../img/bg2.gif);
	background-repeat: repeat-y;
	background-position: center;
	box-shadow:0 8px 12px -8px #222 inset;
	color: #fff;
	position: relative;
	padding-right: 0;
	padding-bottom: 90px;
	padding-left: 0;
	margin-top: 0px;
}
#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;
    height: 83px;
    width: 83px;
}
#foot{
	position: relative;
}
#f_left{
	float:left;
	width:470px;
	padding-left:30px;
}
#f_right{
	float:right;
	width:440px;
	text-align:right;
	position: absolute;
	right: 0px;
	bottom: 0px;
	padding:0 30px;
}

/* top footermenu */
#f_left ul.menu{
	width:658px;
	padding:0;
	margin:0;
}
#f_left .menu li{
	margin-bottom: 25px;
}
#f_left #gm05{
	margin-bottom:0;
}
#snsbtn{
	margin-top:65px;
}
.copy{
	font-size:12px;
	line-height:100%;
	padding-top:25px;
}

/* footer */
#smenu02{
	float: left;
	width: 146px;
}
#smenu02 li{
	line-height: 100%;
	margin-bottom: 23px !important;
}
#smenu02 a{
	font-size:14px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
#smenu02 a:hover{color:#adadad;}
.footmenu1{
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #533c02;
	vertical-align: middle;
	padding-left: 14px;
}
.footmenu2{
	vertical-align: middle;
	margin-left: 7px;
}

/* 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;
}

/* SNS */
.none{
	display:none;
}