@charset "utf-8";

/*==================================
  reSet
==================================*/
body{margin:0 auto; padding:0; color:#231815; min-width:960px;}
html{margin:0 auto; padding:0; font-family:"メイリオ", 'ＭＳ Ｐゴシック', 'Osaka', Helvetica, Verdana, Arial, sans-serif;}
@media screen and (max-width: 640px) {
body{min-width:100%; -webkit-text-size-adjust:100%;}
html{font-family:Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3","Droid Sans",Helvetica,Arial,sans-serif;}
}

*{margin:0; padding:0; text-align:left;}
img{border:none; vertical-align:bottom; max-width:100%;}
a img,a{-moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
p,li,dt,dd,th,td{line-height:1.6;}
hr{display:none;}
.clear{zoom:100%;}
.clear:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}
::selection{background:#231815; color:#fff;}
::-moz-selection{background:#231815; color:#fff;}

/* LinxColor
==================================*/
a{color:#231815; text-decoration:none;}
a:visited{color:#231815; text-decoration:none;}
a:hover{color:#e6370c; text-decoration:underline;}
a:active{color:#e6370c; text-decoration:underline;}

/* loAding
==================================*//*
#loading{width:100%; height:100%; position:fixed; top:0; background:#fff; z-index:1500;}
#loading img{position:absolute; top:50%; left:50%; margin-left:-16px; margin-top:-16px;}*/

/*==============================================
  coMMon_seTTing
==============================================*/
/*--header_bread--*/
header{width:960px; height:125px; margin:0 auto; position:relative;}
header h1{font-size:11px; line-height:1; position:absolute; top:20px; font-weight:normal; text-indent:3px;}
header .logo{font-size:0; line-height:0; position:absolute; top:57px;}
header li{list-style:none; position:absolute; width:150px; font-size:0; line-height:0;}
header li a{display:block; padding-bottom:12px;background:url(../img/arrow_bottom.png) top center no-repeat;}
header li a:hover,
header li a.current{background:url(../img/arrow_bottom.png) bottom center no-repeat;}
header li#navi01{top:68px; left:280px;}
header li#navi02{top:68px; left:453px;}
header li#navi03{top:68px; left:615px;}
header li#navi04{top:68px; left:788px;}
header li#navi05{width:90px; top:13px; left:750px;}
header li#font-n,
header li#font-l{width:31px; height:31px; top:12px;}
header li#font-n{right:65px; background:url(../img/btn_n_ov.png);}
header li#font-l{right:25px; background:url(../img/btn_l_ov.png);}
header li#font-n a,
header li#font-l a{display:block; width:31px; height:31px; background:none; -moz-transition:none; -webkit-transition:none; -o-transition:none; -ms-transition:none; transition:none;}
div#bread{width:960px; margin:0 auto; padding:0 0 2em;}
div#bread ul li{list-style:none; display:inline-block; font-size:1.2em;}
div#bread ul li:after{content:"＞"; margin:0 .2em 0 .4em;}
div#bread ul li.last:after{content:""; margin:0;}

@media screen and (max-width: 640px) {
header{width:auto; height:auto; padding:60px 0 1em;}
header h1{position:static; width:90%; padding:10px;text-align:center;line-height:1.4;}
header .logo{position:fixed;top:0;width:100%;padding:10px 0;clear:both;z-index:1001;background:#fff;text-align:center;}
header li{position:relative; width:50%; float:left; text-align:center;}
header li a{text-align:center;}
header li#navi01,
header li#navi02,
header li#navi03,
header li#navi04{top:auto; left:auto;}
header li#navi05{width:100%; top:auto; left:auto;}
ul.font_change{display:none;}
div#bread{width:auto; margin:0 3%;}
}

/*--content--*/
body h2{font-size:3.6em; font-family:"Kaisho MCBK1"; background:url(/common/img/lm00.png) left 6px no-repeat; background-size:32px 32px; padding-left:40px;}
div#contents{width:960px; margin:0 auto; padding-bottom:30px;}
p.description{font-size:1.2em; width:960px; margin:0 auto; padding-bottom:2.5em;}
@media screen and (max-width: 640px) {
body h2{font-size:2.5em; background-size:25px 25px; background-position:0 0; padding-left:30px;}
div#contents{width:auto;}
p.description{width:auto; padding:0 3% 2.5em;}
}
/*--footer--*/
footer{width:960px; margin:0 auto; padding:15px 0; background:#231815; position:relative; z-index:5;}
footer ol{list-style:none; width:708px; float:right;}
footer ol>li.first{width:225px; margin-right:20px; float:left;}
footer ol>li.even{width:90px; margin-right:20px; float:left;}
footer ol>li.multiple3{width:140px; float:left;}
footer ol>li dt{color:#fff; margin:0 0 .5em; padding:.75em 0 .25em; border-bottom:1px solid #eee;}
footer ol>li dt span{background:url(../img/lm01.gif) right no-repeat; padding-right:16px;}
footer ol>li ul{list-style: none; color:#fff; font-size:.85em;}
footer ol>li ul li{margin-bottom:.25em;padding-left:7px; background:url(../img/footer_list.png) left no-repeat; }
footer ol>li.first ul li{width:50%; float:left;}
footer ol>li.first ul li.even{width:38%; float:right;}
footer ol>li ul li a{color:#fff !important;}
footer p#btn_f_online{font-size:0; line-height:0; position:absolute; top:20px; right:25px;}
footer p#btn_f_online a:hover img{-ms-filter:"alpha(opacity=70)"; filter:alpha(style=0,opacity=70); -moz-opacity:.7; opacity:.7;}
footer dl#copyrights{width:220px; float:left;}
footer dl#copyrights dt{font-size:0; line-height:0; margin:8px 0 15px 25px;}
footer dl#copyrights dd address{font-style:normal; color:#fff; position:absolute; left:25px; bottom:20px; font-size:.7em;}
@media screen and (max-width: 640px) {
footer{width:auto; padding:1.5em 0 1em;}
footer ol{width:auto; float:none; padding:0 3% 2em;}
footer ol>li{width:auto; float:none;}
footer ol>li.first,
footer ol>li.even,
footer ol>li.multiple3{width:auto; float:none; margin:0;}
footer ol>li dt{font-size:1.3em; margin:0 0 .75em; border:none;}
footer ol>li ul{border:solid #fff; border-width:1px 0 0 1px; float:none; padding:0; list-style:none;}
footer ol>li ul li{width:50%; float:left; margin:0;padding-left:0; background:none;}
footer ol>li.first ul li{width:50%;}
footer ol>li.first ul li.even{width:50%; float:left;}
footer ol>li.even ul li{width:100%; float:none;}
footer ol>li ul li a{display:block; border:solid #fff; border-width:0 1px 1px 0; padding:.5em 1em;}
footer ol>li ul li a:hover{text-decoration:underline;}
footer p#btn_f_online{position:relative; top:auto; right:auto; text-align:center; padding:5px 0 10px;}
footer dl#copyrights{width:auto; float:none;}
footer dl#copyrights dt{margin:0 15% 15px; text-align:center;}
footer dl#copyrights dd address{width:100%; text-align:center; position:relative; left:auto; bottom:auto;}
}

/*--goToTop--*/
p#gototop{position:fixed; left:50%; margin-left:500px; bottom:50px; display:none;}
p#gototop a:hover img{-ms-filter:"alpha(opacity=70)"; filter:alpha(style=0,opacity=70); -moz-opacity:.7; opacity:.7;}
@media screen and (max-width: 640px) {
p#gototop{position:relative; left:auto; margin:0 3%; bottom:auto; display:block; margin-bottom:1em;}
p#gototop a{display:block; border:1px solid #231815; font-size:14px; color:#231815 !important; padding:.5em; text-align:center; text-decoration:none;}
}


/*==================================
ヘッダ重要告知
202/04/28 T.Yamamoto
==================================*/
header h1{
	top:10px;
}
#immediately{
	font-size: 15px;
	line-height: 1;
	position: absolute;
	top: 28px;
	font-weight: normal;
	padding: 4px;
	background: #ffb000;
}
#immediately a{
	font-weight: normal;
}
@media screen and (max-width: 640px) {
	#immediately{
		box-sizing: border-box;
		position: static;
		padding: .5em;
		margin: 0 3%;
		text-align: center;
		line-height: 1.4;
	}
}