@charset "utf-8";

/* Common */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
border:0;
}

article, aside, dialog, figure, footer, header, hgroup, menu, nav, section {
display:block;
}


*{
margin:0;
padding:0;
font-family:Verdana, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
vertical-align:baseline;
outline:none;
}

*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

body{background: #000000;}

img{border:none; vertical-align:bottom;}
li{list-style:none;}
hr{clear:both; border:none; border-bottom:dotted 1px #999999; width:977px; height:15px;}

.clearfix:before,
.clearfix:after {
content:"";
display:table;
}
.clearfix:after {
clear:both;
}
.clearfix {
zoom:1;
}


.sp{display:none;}
.non {display: none;}

.noborder{border:none;}

.spimg{display:none;}
.tbimg{display:none;}
.pcimg{display:inline;}


.spbox{display:none;}
.tbbox{display:none;}
.pcbox{display:block;}


/* 検索関連 */
header#KMFixMenu div.search{height:auto;}
header#KMFixMenu div.search{margin:10px auto;}


header#KMFixMenu div.search{
width : 98% ; /* IE8以下とAndroid4.3以下用フォールバック */
width : -webkit-calc(100% - 350px) ;
width : calc(100% - 350px) ;	
}




@media only screen and (max-width:768px) {
header#KMFixMenu div.search{position:absolute; top:40px; left:0; width:100%; padding:10px 0;}	
.gsc-control-cse, .gsc-control-cse-ja{background:none !important; border:none !important; padding:0 !important;}
.gsc-input-box{height:30px !important; border:none !important; margin-left:10px;}
.gsc-input{line-height:25px !important;}
.gsc-search-button,.gsc-search-button-v2{height:30px !important; width:30px !important; border:none !important; margin-right:10px;}
.gsc-search-button,.gsc-search-button-v2{}
}



header#KMFixMenu div.search ul.searchselect {padding:0 3px;}
header#KMFixMenu div.search ul.searchselect li{float:left; padding:0 5px; border-right:1px dotted #FFFFFF; margin:3px 0; cursor: pointer;}
header#KMFixMenu div.search ul.searchselect li:first-child{padding-left:0;}
header#KMFixMenu div.search ul.searchselect li:last-child{border-right:none;}

header#KMFixMenu div.search ul.searchselect li span{
	display:inline-block;
	color:#FFFFFF;
	padding:2px 5px;
	border-radius:3px;        /* CSS3草案 */  
    -webkit-border-radius:3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:3px;   /* Firefox用 */
}

header#KMFixMenu div.search ul.searchselect li.selected span{background-color:#FFFFFF; color:#006563;}


header#KMFixMenu div.search form{clear:both;}
.searchbox{}


.cf:before, .cf:after{
    content:"";
    display:table;
}
 
.cf:after{
    clear:both;
}
 
.cf{
    zoom:1;
}


.gsc-control-cse, .gsc-control-cse-ja{background:none !important; border:none !important; padding:0 !important;}
.gsc-input-box{height:30px !important; border:none !important;}
.gsc-input{line-height:25px !important;}
.gsc-search-button,.gsc-search-button-v2{height:30px !important; width:30px !important; border:none !important;}
.gsc-search-button,.gsc-search-button-v2{}


.fl{font-size:35px; font-weight:bold;}
.fm{font-size:20px; font-weight:bold;}
.fs{font-size:14px; font-weight:normal;}

.fs span{font-size:12px; font-weight:normal;}

.tl{text-align:left; background-position:left;}
.tc{text-align:center; background-position:center;}
.tr{text-align:right; background-position:right;}

.Resimg{width:100%; height:auto;}

.font_w{color:#FFFFFF;}



/*base*/
@media only screen and (min-width:960px) and (max-width:1280px) {


}

/*base*/
@media only screen and (min-width:600px) and (max-width:959px) {
.pcimg{display:none;}
.tbimg{display:inline;}

.pcbox{display:none;}
.tbbox{display:block;}	

}

/*base*/
@media only screen and (max-width:599px) {
.pcimg{display:none;}
.spimg{display:inline;}

.pcbox{display:none;}
.spbox{display:block;}	
}



#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #e83416;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #333;
}


.menu-btn {
	position: absolute;
	right: 0;
	top:-10px;
	height: 60px;
	width: 60px;
	display: block;
	background: url(../spimg/menu.png) no-repeat left top;
	-webkit-background-size: 100%;
	background-size: 100%;
}
.tooltip-btn {
	position: absolute;
	right: 0;
	top:0;
	height: 60px;
	width: 60px;
	display: block;
	background: url(../spimg/config.png) no-repeat left top;
	-webkit-background-size: 100%;
	background-size: 100%;
}
#tooltip h2{
	margin: 0.5em 0;
	font-size: 18px;
	font-weight: bold;
}