@charset "utf-8";
/*------------------------------------------------------------------------------
[1] トップページレイアウト
[2] 詳細デザイン
------------------------------------------------------------------------------*/
/*******************************************************************************
[1] トップページレイアウト
*******************************************************************************/
/*==============================================================================
		配置
==============================================================================*/
#wrap{
	background-size:cover;
	background-attachment:fixed;
	width:100%;
	min-width:950px;
}
/*------ランダム背景------*/
.image1 #wrap{
	background-image:url(../background/bg1.jpg);
}
.image2 #wrap{
	background-image:url(../background/bg2.jpg);
}
.image3 #wrap{
	background-image:url(../background/bg3.jpg);
}
.image4 #wrap{
	background-image:url(../background/bg4.jpg);
}
.image5 #wrap{
	background-image:url(../background/bg5.jpg);
}
/*------ランダム背景------*/
#util{
	padding:5px 0px 0px 0px;
}
#topcontent{
	margin:15px auto 0px auto;
	width:950px;
}
#toppagebody{
	background:url(images/top/toppagebody_bg.png) repeat-x center bottom;
}
#content3{
	padding:13px 15px 13px 15px;
	background:url(images/top/white_bg.png) repeat 0px 0px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#leftbox{
	margin-bottom:20px;/*　フッタとのすき間　*/
	width:620px;
	float:left;
}
#rightbox{
	margin-bottom:20px;/*　フッタとのすき間　*/
	width:310px;
	float:right;
	text-align:left;
}
#sadbg{
	padding:0px 0px 20px 0px;
	width:100%;
	background:#FFFFFF;
	text-align:left;
}
#sad{
	margin:0px auto 0px auto;
	padding:0px 15px 0px 15px;
	width:920px;
}
/*------iPad用背景------*/
#ipadbg #wrap{
	background:none;
}
#topbg{
    z-index: -1;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position:top center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
/*------ランダム背景------*/
.image1 #topbg{
    background-image:url(../background/bg1.jpg);
}
.image2 #topbg{
	background-image:url(../background/bg2.jpg);
}
.image3 #topbg{
	background-image:url(../background/bg3.jpg);
}
.image4 #topbg{
	background-image:url(../background/bg4.jpg);
}
.image5 #topbg{
	background-image:url(../background/bg5.jpg);
}
/*******************************************************************************
[2] 詳細デザイン
*******************************************************************************/
/*==============================================================================
	グローバルナビ
==============================================================================*/
#gnavi{
	margin:0px auto 20px auto;
	padding:0px 15px 0px 15px;
	background:url(images/topgnavi/gnav_bg.png) repeat 0px 0px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#gnavi h2{
	float:left;
}
#gnavi h2 a{
	padding:8px 0px 7px 0px;
	display:block;
}
#gnavi #topscate{
	margin:0px auto 0px auto;
}
#gnavi .scate{
	position:relative;
	z-index:999;
}
#gnavi .scate .navi{
	padding:20px 5px 15px 15px;
	width:958px;
	display:none;
	position:absolute;
	/* top:57px; */
	bottom:0px;
	left:-15px;
	z-index:999;
	background:#FFFFFF;
	border:1px solid #666666;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#gnavi .scate .navi p{
	margin:0px 0px 20px 0px;
	text-align:left;
}
#gnavi .scate .navi ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#gnavi .scate .navi ul li{
	margin:0px 10px 12px 0px;
	padding:0px 0px 0px 15px;
	width:214px;
	display:block;
	font-size:100%;
	background:url(images/top/mark_ul.gif) no-repeat 0px 3px;
	text-align:left;
}
#gnavi .scate .navi ul li a{
	font-weight:normal;
	text-decoration:underline;
}
/*==============================================================================
	検索
==============================================================================*/
#search{
	margin:0px 0px 20px 0px;
	width:620px;
	float:left;
	zoom:1;
}
#search ul#tabsearch{
	list-style-type:none;
	zoom:1;
}
#search ul#tabsearch li{
	float:left;
}
#search ul#tabsearch li#for_search1{
	margin:0px 13px 0px 128px;
	width:100px;
}
#search ul#tabsearch li#for_search2{
	margin:0px 13px 0px 0px;
	width:139px;
}
#search ul#tabsearch li#for_search3{
	width:100px;
}
#search ul#tabsearch li a{
	margin:0px 0px 13px 0px;
	padding:6px 5px 2px 5px;
	display:block;
	font-size:120%;
	color:#333333;
	background:#FFFFFF;
	text-align:center;
	text-decoration:none;
}
#search ul#tabsearch li#for_search1 a:hover,
#search ul#tabsearch li#for_search1.ui-tabs-active a,
#search ul#tabsearch li#for_search3 a:hover,
#search ul#tabsearch li#for_search3.ui-tabs-active a{
	margin:0px 0px 0px 0px;
	padding:6px 5px 15px 5px;
	color:#333333;
	background:#FFFFFF url(images/top/tabsearch1_bg.png) no-repeat center bottom;
}
#search ul#tabsearch li#for_search2 a:hover,
#search ul#tabsearch li#for_search2.ui-tabs-active a{
	margin:0px 0px 0px 0px;
	padding:6px 5px 15px 5px;
	color:#333333;
	background:#FFFFFF url(images/top/tabsearch2_bg.png) no-repeat center bottom;
}
#searchmenu{
	margin:-13px 0px 0px 0px;
	padding:20px 60px 5px 60px;
	background:#EDEDED;
	text-align:left;
}
#searchmenu form label{
	margin:0px 7px 0px 0px;
	float:left;
}
#searchmenu form input{
	float:left;
	vertical-align:middle;
}
#key{
	margin:0px 5px 0px 0px!important;
	padding:2px 5px 2px 5px!important;
	width:306px!important;
	height:auto!important;
	font-size:100%;
	border:1px solid #999!important;
}
#key2{
	margin:0px 5px 0px 0px!important;
	padding:2px 5px 2px 5px!important;
	width:298px!important;
	height:19px!important;
	font-size:100%;
	border:1px solid #999!important;
}
#kohoid{
	margin:0px 5px 0px 0px;
	padding:2px 5px 2px 5px;
	width:258px;
	height:19px;
	font-size:100%;
	border:1px solid #999;
}
#searchmenu p.use{
	margin:3px 0px 0px 10px;
	float:left;
	font-size:100%;
	vertical-align:middle;
}
#searchmenu h3{
	margin:10px 0px 0px 0px;
	width:190px;
	float:left;
	clear:both;
	font-size:100%;
	font-weight:normal;
}
#searchmenu ul{
	margin:10px 0px 0px 0px;
	width:310px;
	float:left;
	list-style-type:none;
}
#searchmenu ul li{
	margin:0px 5px 5px 0px;
	display:inline-block;
}
#searchmenu ul li a{
	padding:0px 10px 0px 0px;
	display:inline-block;
	border-right:1px solid #CCCCCC;
	line-height:1.5;
}
#searchmenu #idform p{
	margin:0px 0px 10px 0px;
}
#searchmenu #idresult{
	padding:10px 0px 5px 0px;
	clear:both;
}
#searchmenu #idresult p{
	font-weight:bold;
	color:#931B1B;
}
/*==============================================================================
	スクロールメニュー
==============================================================================*/
#pickup .bannerimg{
	padding:0px 0px 0px 0px;
}
#pickup{
	margin:0px 0px 20px 0px;
	padding:6px 12px 15px 12px;
	width:276px;
	float:right;
	background:url(images/top/white_bg.png) repeat 0px 0px;
	text-align:center;
}
#scroll_b .window{
	width:275px;
	height:260px;
	background:#FFFFFF;
}
#pickup .main_view{
	width:275px;
}
#scroll_b .main{
	width:275px;
	height:260px;
}
#scroll_b .main p.photoleft{
	padding:0px 5px 70px 0px;
	width:270px;
	height:185px;
	float:none;
	text-align:left;
}
#scroll_b .main p.photoleft img{
	margin:0px 0px 5px 0px;
}
#scroll_b .main p.photoleft .imgtxt{
	padding:0px 0px 0px 0px;
	width:auto;
	height:auto;
	float: none;
	position:relative;
	left:5px;
}
#scroll_b .main p.photoleft .external{
	margin:0px 0px 0px 0px;
	float:none;
}
#scroll_b .main h2{
	margin:0px 0px 0px 0px;
	font-size:105%;
	font-weight:normal;
	background:#FFFFFF;
}
#scroll_b p.btn{
	width:51px;
	position:absolute;
	left:5px;
	bottom:5px;
}
#scroll_b .paging{
	width:210px;
	position:absolute;
	left:61px;
	bottom:5px;
}
/*==============================================================================
		ページ
==============================================================================*/
/*==============================================================================
	バナー
==============================================================================*/
/*------------------------------------------------------------------------------
		画像バナー
------------------------------------------------------------------------------*/
.bannerimg,
.bannerimg2{
	padding:0px 0px 13px 0px;
}
.bannerimg ul,
.bannerimg2 ul{
	list-style-type:none;
}
.bannerimg ul li{
	margin:0px 10px 7px 0px;
}
.bannerimg2 ul li{
	margin:0px 10px 7px 0px;
	float:left;
}
.bannerimg ul li img,
.bannerimg2 ul li img{
	vertical-align:bottom;
}
/*------------------------------------------------------------------------------
		テキストバナー
------------------------------------------------------------------------------*/
.bannertxt{
	margin:0px 10px 0px 0px;
	padding:0px 0px 13px 0px;
	margin-bottom:0px;
}
.bannertxt ul li{
	margin-bottom:7px;
	color:#0F552D;
}
/*==============================================================================
		左
==============================================================================*/
#kinkyu-tw{
	text-align:center;
}
/*------------------------------------------------------------------------------
		緊急情報
------------------------------------------------------------------------------*/
.kinkyu{
	margin:0px 0px 20px 0px;
	padding:0px 0px 6px 0px;
	background:#FFFFFF;
	border:1px solid #A01313;
}
.kinkyu h2{
	margin:1px 1px 10px 1px;
	padding:8px 10px 4px 10px;
	font-size:110%;
	color:#FFFFFF;
	background:#A01313;
	text-align:left;
}
.kinkyu h3{
	margin:0px 12px 10px 12px;
	padding:8px 5px 4px 5px;
	border-left:6px solid #A01313;
	border-bottom:1px solid #CCCCCC;
	font-size:100%;
	text-align:left;
}
.kinkyu p{
	padding:0px 15px 5px 15px;
}
.kinkyu ul{
	padding:0px 15px 5px 15px;
	list-style-type:none;
}
.kinkyu ul li{
	margin-bottom:3px;
	padding-left:15px;
	background:url(images/top/mark_kinkyu.gif) no-repeat left 4px;
}
/*------------------------------------------------------------------------------
		スマホ緊急情報
------------------------------------------------------------------------------*/
.smpkinkyu{
	margin:0px 0px 20px 0px;
	padding:0px 0px 6px 0px;
	background:#FFFFFF;
	border:1px solid #A01313;
}
.smpkinkyu h2{
	margin:1px 1px 10px 1px;
	padding:8px 10px 4px 10px;
	font-size:110%;
	color:#FFFFFF;
	background:#A01313;
	text-align:left;
}
.smpkinkyu h3{
	margin:0px 12px 10px 12px;
	padding:8px 5px 4px 5px;
	border-left:6px solid #A01313;
	border-bottom:1px solid #CCCCCC;
	font-size:100%;
	text-align:left;
}
.smpkinkyu p{
	padding:0px 15px 5px 15px;
}
.smpkinkyu ul{
	padding:0px 15px 5px 15px;
	list-style-type:none;
}
.smpkinkyu ul li{
	margin-bottom:3px;
	padding-left:15px;
	background:url(images/top/mark_smpkinkyu.gif) no-repeat left 4px;
}
/*------------------------------------------------------------------------------
		重要なお知らせ
------------------------------------------------------------------------------*/
.important{
	margin:0px 0px 20px 0px;
	padding:0px 0px 6px 0px;
	background:#FFFFFF;
	border:1px solid #CCCCCC
}
.important h2{
	margin:1px 1px 10px 1px;
	padding:8px 10px 4px 10px;
	font-size:110%;
	background:#EBE4B0;
	text-align:left;
}
.important h3{
	margin:0px 12px 10px 12px;
	padding:8px 5px 4px 5px;
	border-left:6px solid #EBE4B0;
	border-bottom:1px solid #CCCCCC;
	font-size:100%;
	text-align:left;
}
.important p{
	padding:0px 15px 5px 15px;
}
.important ul{
	padding:0px 15px 5px 15px;
	list-style-type:none;
}
.important ul li{
	margin-bottom:3px;
	padding-left:15px;
	background:url(images/top/mark_important.gif) no-repeat left 4px;
}
/*------------------------------------------------------------------------------
		トピックス
------------------------------------------------------------------------------*/
#topics{
	margin-bottom:20px;
	zoom:1;
}
#topics ul#tab{
	list-style-type:none;
	zoom:1;
}
#topics ul#tab li{
	float:left;
}
#topics ul#tab li a{
	margin:0px 10px 0px 0px;
	padding:10px 15px 6px 15px;
	display:block;
	font-size:110%;
	color:#FFFFFF;
	background:#0F552D;
	border-top:1px solid #0F552D;
	border-right:1px solid #0F552D;
	border-left:1px solid #0F552D;
	text-align:center;
	text-decoration:none;
}
#sns ul#tabsns li#for_sns2 a{
	margin:0px 0px 0px 0px;
}
#topics ul#tab li a:hover,
#topics ul#tab li.ui-tabs-active a{
	color:#333333;
	background:#F7F7F7;
	border-top:1px solid #0F552D;
	border-right:1px solid #0F552D;
	border-left:1px solid #0F552D;
	font-weight:bold;
}
#tmenu{
	margin:-1px 0px 0px 0px;
	padding:15px 15px 10px 15px;
	background:#F7F7F7;
	border:1px solid #666666;
}
#tmenu ul{
	list-style-type:none;
}
#tmenu ul li{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 10px;
	background:url(images/top/topics_ul.gif) no-repeat 0px 5px;
	clear:both;
}
#tmenu #topics1 h3,#tmenu #topics2 h3,
#tmenu #topics4 h3{
	margin:0px 0px 5px 0px;
	padding:3px 5px 3px 7px;
	font-size:100%;
	border-left:#0F552D 4px solid;
	border-bottom:#CCCCCC 1px dotted;
}
#wrap ul.datelist{
	margin:5px 0px 8px 5px;
}
#wrap ul.datelist li img{
	margin:4px 0px 0px 0px;
}
#wrap ul.datelist li span{
	padding:0px 0px 0px 5px;
	width:548px;
	float:left;
}
#tmenu #topics2 p{
	margin:0px 10px 8px 10px;
}
#tmenu #topics2 p.order{
	margin:0px;
	padding-left:10px;
}
#tmenu #topics2 p.order span{
	display:block;
	text-align:right;
}
#tmenu #topics2 p.order span a{
	padding:0px 0px 0px 15px;
	background:url(images/top/list.gif) no-repeat left center;
}
#tmenu #topics2 ul{
	padding:0px 10px 5px 10px;
	list-style-type:none;
}
#tmenu #topics2 ul li{
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 10px;
	background:url(images/top/topics_ul.gif) no-repeat 0px 5px;
}
#tmenu #topics3 ul li{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 10px;
	background:url(images/top/topics_ul.gif) no-repeat 0px 5px;
	clear:both;
}
#tmenu #topics3 ul li span.date{
	width:70px;
	float:left;
}
#tmenu #topics3 ul li span.newsli{
	padding:0px 0px 0px 5px;
	width:473px;
	float:left;
}
#tmenu #topics3 ul li img{
	float:left;
	vertical-align:middle;
}
#topics #tmenu p.topicsdetail{
	padding:5px 0px 0px 0px;
}
#topics #tmenu ul.topicsdetail{
	padding:5px 0px 0px 0px;
	text-align:right;
}
#topics #tmenu ul.topicsdetail li{
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 15px;
	clear:none;
	display:inline;
	background:url(images/top/list.gif) no-repeat left center;
	border:none;
	text-align:right;
}
#topics #tmenu ul.topicsdetail li.rss{
	background:url(images/top/rss.gif) no-repeat left center;
}
#topics #tmenu ul.topicsdetail li:after{
	content:"";
	display:inline;
	clear:none;
}
#topics #tmenu ul.topicsdetail li a{
	display:inline;
	float:none;
}
/*------------------------------------------------------------------------------
		便利ショートカット
------------------------------------------------------------------------------*/
#life{
	margin:0px 0px 20px 0px;
	background:#FFFFFF;
	border:1px solid #666666;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	zoom:1;
}
#life h2{
	margin:4px 4px 4px 4px;
	padding:6px 5px 2px 10px;
	font-size:110%;
	color:#000000;
	background:#EBE4B0;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}
#life ul{
	padding:6px 0px 3px 9px;
	list-style-type:none;
}
#life ul li{
	margin:0px 6px 6px 0px;
	float:left;
}
#life ul li a img{
	vertical-align:bottom;
}
/*------------------------------------------------------------------------------
		SNS
------------------------------------------------------------------------------*/
#sns{
	margin:0px 0px 20px 0px;
	zoom:1;
}
#sns ul#tabsns{
	list-style-type:none;
	zoom:1;
}
#sns ul#tabsns li{
	width:250px;
	float:left;
}
#sns ul#tabsns li a{
	margin:0px 15px 0px 0px;
	padding:6px 5px 2px 5px;
	display:block;
	font-size:110%;
	color:#FFFFFF;
	background:#0F552D;
	border-top:1px solid #0F552D;
	border-right:1px solid #0F552D;
	border-left:1px solid #0F552D;
	text-align:center;
	text-decoration:none;
}
#sns ul#tabsns li#for_topics5 a{
	margin:0px 0px 0px 0px;
}
#sns ul#tabsns li a:hover,
#sns ul#tabsns li.ui-tabs-active a{
	color:#333333;
	background:#F7F7F7;
	border-top:1px solid #0F552D;
	border-right:1px solid #0F552D;
	border-left:1px solid #0F552D;
	font-weight:bold;
}
#snsmenu{
	margin:-1px 0px 0px 0px;
	padding:5px 5px 5px 5px;
	background:#F7F7F7;
	border:1px solid #666666;
	text-align:center;
}
#sns ul li a img{
	vertical-align:bottom;
}
/*==============================================================================
		右
==============================================================================*/
/*------------------------------------------------------------------------------
		いざというときに
------------------------------------------------------------------------------*/
#emergency{
	margin:0px 10px 20px 0px;
	background:#FFF5F5;
	border:2px solid #C04141;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}
#emergency h2{
	margin:2px 2px 10px 2px;
	padding:4px 5px 2px 10px;
	font-size:120%;
	color:#FFFFFF;
	background:#931B1B;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
#emergency ul{
	padding:0px 2px 5px 15px;
	list-style-type:none;
}
#emergency ul li{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 12px;
	display:block;
	background:url(images/top/emergency_ul.gif) no-repeat 0px 5px;
	font-size:100%;
}
#emergency ul li.txtside{
	margin:0px 45px 10px 0px;
	display:inline-block;
}
#emergency ul li.imglink{
	padding:0px 0px 0px 12px;
	background:none;
}
/*------------------------------------------------------------------------------
		バナー広告
------------------------------------------------------------------------------*/
#randomad{
	margin:0px 10px 5px 0px;
	padding:10px 10px 10px 10px;
	background:#FFFFFF;
	border:1px solid #666666;
}
#randomad h2{
	margin:0px 0px 18px 0px;
	padding:0px 10px 0px 0px;
	float:left;
	font-size:110%;
	font-weight:normal;
}
#randomad p{
	float:right;
}
#randomad p.randomaddetail{
	margin:0px 0px 0px 0px;
	float:left;
	width:145px;
	text-align:right;
}
/*==============================================================================
		下
==============================================================================*/
#sad ul{
	padding:10px 0px 7px 120px;
}