/*
============================ TOP CSS ============================

			デフォルト設定
				1.背景
				2.汎用
				3.検索
				4.お知らせ
				5.トピックスボタン
				6.スマートフォン

====================================================================
*/
/*背景*/
body{
	background-image:url(/content/common/top/top_bg_koan.jpg) !important; 
	background-size: 100% auto!important;
        background-attachment:fixed;
}
#contentWrap{margin:4em auto 0 !important; min-height:0;}


/*汎用*/
.radius{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}


/* 検索
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
#searchWrap{position:static;width:46.3%;margin:25px auto 20px;}
#serchBoxGoogle{background-color:rgba(255,255,255,0.8) !important; padding: .5em 1em !important;}
#searchWrap #serchBoxGoogle .keyword{border-radius:3px; text-align:center;}
#serchBoxGoogle ul{width:100%; margin: .5em 0 0 6em;}
#serchBoxGoogle li{font-size:1em; margin: .8em .2em 0;}
#gsc table.gsc-search-box input{height:27px !important; border:#aaa solid 1px !important; border-radius:3px;}
#gsc input[type="text"]:focus {box-sizing: inherit !important;}



/* お知らせ
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
#infomation{
	background:rgba(255,255,255,0.8) !important;
	width:87%;
	margin:0 auto 145px;
	z-index:-2;
	line-height:1;
}

#infomation .infomationWrap{padding:15px;}

#infomation h2{
	text-align:center;
	color:#000066;
	font-size:1.857em;
}

#infomation .emergency{
	width:100%;
	color:#FFF;
	background-color:#f62e36;
	font-size:1.286em;
	margin:10px 0;
	position:relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
	
#infomation .emergency .tag{
	width:12.8%;
	float:left;
	text-align:center;
	letter-spacing:5px;
	white-space:nowrap; 
	position:absolute; 
	top:50%; 
	margin-top:-8px;
}

#infomation .emergency .emergency_text{
	width:85%;
	float:right;
	background-color:#000;
	padding:8px 0 8px 2%;
	-webkit-border-radius:0 4px 4px 0/0 4px 4px 0;
	-moz-border-radius:0 4px 4px 0/0 4px 4px 0;
	border-radius: 0 4px 4px 0/0 4px 4px 0;
}

#infomation .emergency .emergency_text a{color:#fff;}

#infomation dl.update{
	width:100%;
	line-height:1.2;
	overflow-y:scroll;
	height:160px;
	padding-top:5px;
	margin-top:10px;
}

#infomation dl.update dt{
	width:17%;
	float:left;
	clear:both;
	color:#231815;
}
	
#infomation dl.update dd{
	width:80%;
	float:right;
	padding:0 3% 1% 0; 
	margin-bottom:10px;
}

#infomation dl.update dd a{color:#333333;}	




/* トピックスボタン
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
#topics{width:870px; margin:0 auto; padding-left:2.76%; padding-bottom:10em;}
#topics ul li{
	float:left;
	width:45%;
	margin-right:4.77%;
	background:#FFF;
	border:#999999 solid 1px;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
	opacity:0.9;
}

#topics ul li a{
	display:block;
	color:#000066; 
	text-decoration:none;
	text-align:center;
	padding:1.5em 0;
	font-size:1.143em;
        text-indent:-1.2em; 
}

#topics ul li a:before{
    background: url(/content/admin/top_bx-next_koan.png) 0 0 no-repeat;
    background-size: 1em 1em;
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    padding-left: 1%;
    position: relative;
    top: .2em;
}







@media screen and (max-width:667px) {
body {
    background: url(/content/common/top/top_sp_bg_koan.jpg) no-repeat 0 top !important;
    background-size:contain !important;
}
/*#wrapper{word-break:break-all; background:url(../../img/each/top/top_bg02.png) repeat-x 0 0 !important; } */

/* 背景 */
/*body{background:#99ccff !important;}	*/ /* ######### 161105削除 ######### */

/* SPナビゲーション */ /* ######### 161031追加 ######### */
#gNav {top: 0;}


/* 検索
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

#searchWrap { width: 100%;margin-top: 20px;}
#serchBoxGoogle ul{width:75%;}	
#serchBoxGoogle li{ margin: 0 .8em .3em 0;}


/* お知らせ
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
#infomation{width:100%; margin-bottom:50px;}
#infomation .infomationWrap{width:94%; padding:5% 3% 3% 3%;}
#infomation .emergency{font-size:1em; position:relative;}
#infomation .emergency .tag{width:20%; padding-left:1%;}
#infomation .emergency .emergency_text{width:76%; padding:1.5% 2%;}	
#infomation dl.update{width:100%; overflow:hidden; height:auto;}
#infomation dl.update dt{width:100%; float:none;}
#infomation dl.update dt span{width:20%; font-size:.8em;}
#infomation dl.update dd{width:100%; float:none; border-bottom:#666666 solid 1px; padding:5px 0 15px; margin-bottom:4%;}
#infomation dl.update dd a{text-decoration:none;}
.open a{background:#006 url(/content/admin/icon_arrow_white_down_koan.png)  no-repeat center center !important;}
.close a{background:#006 url(/content/admin/icon_arrow_white_up_koan.png) no-repeat center center !important;}
.open a,.close a {display: block; min-height:30px; background-size: contain!important;}




/* トピックスボタン
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
#topics{width:95%; padding:0 0 1em;}
#topics ul li{float:none; width:auto; margin-bottom:1em; margin-right:0;}
#topics ul li a{text-align:left; padding:1.5em 1em; font-size:1em; text-indent:-1.2em; margin-left:1.2em;}
.topics_sp{display:block;}
#topics ul li a:before{top:.3em;}


/* 関連リンク
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
#footLinkArea{padding-bottom:0 !important;}

}