@charset "utf-8";

/*
基本設定・ヘッダー・フッター・サイドバー・共通設定
2017/02/14
*/

/*基本設定
------------------------------*/
*{margin:0;padding:0;outline:none;}
body {text-align:center;background:#fff;-webkit-text-size-adjust:100%;}
body div{text-align:left;margin:0 auto}
body,td,th{font-size:14px;color:#222;font-family:geneva,verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,osaka,'ＭＳ Ｐゴシック',sans-serif}
td,th{vertical-align:top}

img{border:0px;vertical-align:bottom;}
.clear{clear:both}

a:link{color:#222;text-decoration:none}
a:visited{color:#222;text-decoration:none}
a:hover{color:#0053a9;text-decoration:none}
a:active{color:#ff0000}

/*ヘッダー
------------------------------*/
#header{width:960px;height:85px;position:relative;z-index:3}
#header h1{position:absolute;top:15px;left:3px;}
/*天気*/
#weather{position:absolute;top:19px;left:222px;line-height:100%;font-size:14px}
#weather b{font-size:15px;}
#weather img{vertical-align:-5px;width:44px;height:22px;}
#weather span a{background:#3c82cc;color:#fff;padding:2px 5px 2px 5px;;line-height:100%;font-size:12px;}
#weather span a:hover{background:#4ea5e8}

#tw{position:absolute;top:50px;left:222px;}
#fb{position:absolute;top:50px;left:332px;}

#sitemap{position:absolute;top:50px;right:250px;border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5;font-size:13px;}
#sitemap a{display:block;padding:0 10px;line-height:25px;}
#sitemap a:hover{background:#f9f9f9;text-decoration:underline}

/*文字の大きさ*/
#t_text{position:absolute;top:15px;right:86px;line-height:22px;font-weight:bold}
#header ul{list-style-type:none;position:absolute;top:15px;right:0;font-size:14px;font-weight:bold}
#header ul li{width:22px;height:22px;line-height:22px;margin-left:5px;background:#d5d5d5;text-align:center;cursor:pointer;float:left;}
.ie8 #header ul li{line-height:25px;height:22px;}/*ie8*/
#header ul li.hover{background:#77b9ff}
#header ul li.active{background:#3c82cc;color:#fff}

/*検索窓*/
#search{position:absolute;top:50px;right:0;position:relative}
#se_txt{border:1px solid #d5d5d5 !important;border-right:0px;width:174px;padding:0 5px !important;margin:0;height:23px;line-height:21px;}
#se_btn {
	display:block;
	width:35px;
	height:25px;
	padding:0;
	border:0;
	background:url(../images/b_search.gif) no-repeat left top;
	text-indent:-9999px;
	font-size: 0px;
	line-height: 0px;
	cursor:pointer;
}
#se_btn:hover,
#se_btn:focus {
	background-position:left -25px;
}
#se1{position:absolute;top:0;right:35px;/top:-1px;}
#se2{position:absolute;top:0;right:0;}

#search input{
	-webkit-border-radius:0;
	border-radius: 0;
	-webkit-appearance: none;
}


/*ナビゲーション
------------------------------*/
#navi{background:#0053a9;height:36px;margin-bottom:10px;z-index:2}
#navi ul{list-style-type:none;width:960px;margin:0 auto;}
#navi ul li{float:left;position:relative;_z-index:1}
#navi ul li a{display:block;text-indent:-9999px;}
a#n1{width:138px;height:36px;background:url(../images/navi.png);}
a#n2{width:137px;height:36px;background:url(../images/navi.png) -138px 0;}
a#n3{width:137px;height:36px;background:url(../images/navi.png) -275px 0;}
a#n4{width:137px;height:36px;background:url(../images/navi.png) -412px 0;}
a#n5{width:137px;height:36px;background:url(../images/navi.png) -549px 0;}
a#n6{width:137px;height:36px;background:url(../images/navi.png) -686px 0;}
a#n7{width:137px;height:36px;background:url(../images/navi.png) -823px 0;}
a#n1:hover,a#n1now:hover{background-position:0 -36px}
a#n2:hover,a#n2now:hover{background-position:-138px -36px}
a#n3:hover,a#n3now:hover{background-position:-275px -36px}
a#n4:hover,a#n4now:hover{background-position:-412px -36px}
a#n5:hover,a#n5now:hover{background-position:-549px -36px}
a#n6:hover,a#n6now:hover{background-position:-686px -36px}
a#n7:hover,a#n7now:hover{background-position:-823px -36px}
a#n1now{width:138px;height:36px;background:url(../images/navi.png) 0 -72px;}
a#n2now{width:137px;height:36px;background:url(../images/navi.png) -138px -72px;}
a#n3now{width:137px;height:36px;background:url(../images/navi.png) -275px -72px;}
a#n4now{width:137px;height:36px;background:url(../images/navi.png) -412px -72px;}
a#n5now{width:137px;height:36px;background:url(../images/navi.png) -549px -72px;}
a#n6now{width:137px;height:36px;background:url(../images/navi.png) -686px -72px;}
a#n7now{width:137px;height:36px;background:url(../images/navi.png) -823px -72px;}

/*プルダウン*/
#navi ul li ul{
	display:none;position:absolute;background:#fff;width:136px;font-size:13px;border:1px solid #d5d5d5;border-top:0;z-index:1;
	box-shadow: 4px 4px 0 #fff,-4px 4px 0 #fff;
}
#navi ul li ul li{clear:left;border-bottom:1px solid #ccc;}
#navi ul li ul li a{width:136px;text-indent:8px;background:#fff;display:block;padding:5px 0;color:#222}
#navi ul li ul li a:hover{background:#edf3f9}

#navi ul li ul#n2s,
#navi ul li ul#n3s,
#navi ul li ul#n4s
{left:-1px}

#navi ul li ul#n5s{width:160px;left:-1px;}
#navi ul li ul#n5s li a{width:160px;}

#navi ul li ul#n6s{width:190px;left:-1px;}
#navi ul li ul#n6s li a{width:190px;}

#navi ul li ul#n7s{width:235px;left:-100px;}
#navi ul li ul#n7s li a{width:235px;}

/*何探しちょると？
------------------------------*/
#smbox{background:url(../images/sitemap.png);width:960px;border-bottom:1px solid #d5d5d5;position:absolute;top:80px;left:0;display:none;z-index:1}
#smbox_in{overflow:hidden;padding:0px 10px 10px 10px}

#smbox a{}
#smbox a:hover{text-decoration:underline;}
#smbox_in .f_link_box{width:172px;float:left;margin-left:20px;}
#smbox_in dt{border-bottom:1px solid #4c86c3;padding:0 10px 6px 10px;margin:20px 0 7px 0;font-weight:bold}
#smbox_in dd{font-size:12px;margin-bottom:3px;}

#smbox_in .fl1 dd{margin-left:10px;}
#smbox_in .fl2{}
#smbox_in .fl2 dd{margin:0 5px 3px 10px;float:left;white-space:nowrap;_display:inline}
#smbox_in .fl3{}
#smbox_in .fl3 dt{border-bottom:0;margin:0 0 3px 0;padding:0;font-weight:normal}
#smbox_in .fl3 dd{float:left;margin:0 0 3px 15px;white-space:nowrap;_display:inline}

/*上部ワイドバナー
------------------------------*/
#top_banner{width:960px;text-align:center;margin-bottom:10px;background:#fff}

/*レイアウト
------------------------------*/
#contents{width:960px;overflow:hidden;z-index:1}
#contents_left{float:left;width:640px;overflow:hidden;}
#contents_right{float:left;width:300px;margin-left:20px;overflow:hidden;}

/*サイドバー
------------------------------*/
/*共通*/
.sidebox{margin-bottom:20px;}
.side_title{border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;height:29px;position:relative;}
.side_title strong{display:block;padding-left:5px;line-height:29px;font-size:15px;letter-spacing:1px;}
.side_title a{display:inline-block;background:#3c82cc;position:absolute;top:5px;right:5px;line-height:19px;font-size:12px;padding:0 10px;color:#fff}
.ie8 .side_title a{line-height:23px;height:19px;}/*ie8*/
.side_title a:visited{color:#fff}
.side_title a:hover{background:#4ea5e8}

/*購読キャンペーン*/
#side_koudokucamp{margin-bottom:10px;}
#side_koudokucamp ul{padding:10px;background:#5c9ecf;list-style-type:none}
#side_koudokucamp ul li{margin-bottom:4px;}
#side_koudokucamp ul li:last-child{margin-bottom:0;}
#side_koudokucamp a{display:block;}
#side_koudokucamp a:hover{opacity:0.8}
a.bn_quo{display:block;margin-bottom:10px;}

/*購読案内・広告案内*/
#side_koudoku,#side_adinfo{padding:10px;background:#d7ebf8;}
#side_koudoku{background:#3c82cc}
#side_koudoku ul,#side_adinfo ul{list-style-type:none;margin-bottom:-4px;}
#side_koudoku ul li,#side_adinfo ul li{margin-bottom:4px;line-height:30px;}
#side_koudoku ul li a,#side_adinfo ul li a{height:30px;display:block;background:#fff url(../images/icon_right_off.gif) no-repeat 267px center;border-bottom:1px solid #d5d5d5;padding-left:10px;}
#side_koudoku ul li a:hover,#side_adinfo ul li a:hover{background:#f9f9f9 url(../images/icon_right_on.gif) no-repeat 267px center;}

/*画像バナー*/
.side_ad{text-align:center}

/*サムネイルバナー*/
.side_thumb{padding:10px 0;}
.side_thumb ul{list-style-type:none;margin:-10px 0}
.side_thumb ul li{width:100%;border-bottom:1px solid #d5d5d5;overflow:hidden;}
.side_thumb ul li a{display:block;padding:10px 5px 10px 10px;/zoom:1;}
.side_thumb ul li a:hover{background-color:#f9f9f9}
.side_thumb ul li img{float:left;margin-right:10px;}
.side_thumb ul li strong{display:block;font-size:13px;margin-bottom:3px;}
.side_thumb ul li p{font-size:11px;line-height:140%;overflow:hidden;}
.side_thumb ul li:only-child,.side_thumb ul li:first-child{border-top:1px solid #d5d5d5;}

/*テキストバナー*/
.side_thumb ul li.icon a{background:url(../images/bullet.png) no-repeat 5px 11px;padding-left:25px;}
.side_thumb ul li.icon a:hover{background-color:#f9f9f9}

/*アクセスランキング*/
#side_ranking ol{list-style-type:none;}
#side_ranking li{font-size:13px;border-bottom:1px dotted #d5d5d5;}
#side_ranking li a{background-repeat:no-repeat;display:block;padding:10px 10px 10px 30px;_zoom:1;}
#side_ranking li a:hover{background-color:#f9f9f9;}
.rank1 a{background:url(../images/icon_ranking.gif) 10px 13px;}
.rank2 a{background:url(../images/icon_ranking.gif) 10px -87px;}
.rank3 a{background:url(../images/icon_ranking.gif) 10px -187px;}
.rank4 a{background:url(../images/icon_ranking.gif) 10px -287px;}
.rank5 a{background:url(../images/icon_ranking.gif) 10px -387px;}
.rank1 a:hover{background-position:-290px 13px;}
.rank2 a:hover{background-position:-290px -87px;}
.rank3 a:hover{background-position:-290px -187px;}
.rank4 a:hover{background-position:-290px -287px;}
.rank5 a:hover{background-position:-290px -387px;}

/*共同通信 PRワイヤー*/
#side_prwire ul{list-style-type:none}
#side_prwire ul li{border-bottom:1px dotted #d5d5d5;}
#side_prwire ul li a{display:block;padding:10px 5px;_zoom:1;}
#side_prwire ul li a:hover{background:#f9f9f9}
#side_prwire ul li strong{display:block;font-size:13px;margin-bottom:3px;}
#side_prwire ul li p{font-size:11px;line-height:140%}

/*関連リンク*/
#side_link ul{width:300px;list-style-type:none;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;font-size:12px;overflow:hidden}
#side_link ul li{border-top:1px solid #d5d5d5;width:150px;float:left}
#side_link ul li a{display:block;width:150px;height:30px;line-height:30px;text-indent:17px;background:url(../images/icon_link_off.gif) no-repeat 5px center;_zoom:1;}
#side_link ul li a:hover{background:#f9f9f9 url(../images/icon_link_on.gif) no-repeat 5px center;}

.safari #side_link ul li:nth-child(2){border-top:0}/*safariバグ*/

/*下部ワイドバナー
------------------------------*/
#bottom_banner{width:960px;text-align:center;margin-bottom:20px;background:#fff;}

/*フッターメニュー
------------------------------*/
#f_menu{border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;}
#f_menu_in{width:960px;height:34px;position:relative;}
#f_menu_in ul{list-style-type:none;}
#f_menu_in li{float:left;margin-right:15px;font-size:13px;}
#f_menu_in li a{display:block;padding:0 5px;line-height:34px;}
#f_menu_in li a:hover{background:#f9f9f9}
#pagetop{width:130px;height:27px;position:absolute;top:-1px;right:0;cursor:pointer;}

/*フッターサイトマップ
------------------------------*/
#f_link{background:#0053a9;color:#e6eef7}
#f_link a{color:#e6eef7}
#f_link a:hover{text-decoration:underline;color:#fff}
#f_link_in{width:960px;overflow:hidden;padding:0 0 20px 0}
#f_link_in .f_link_box{width:176px;float:left;margin-left:20px;}
#f_link_in dt{border-bottom:1px solid #4c86c3;padding:0 10px 6px 10px;margin:20px 0 7px 0;font-weight:bold}
#f_link_in dd{font-size:12px;margin-bottom:3px;}

#f_link_in .fl1 dd{margin-left:10px;}
#f_link_in .fl2{}
#f_link_in .fl2 dd{margin:0 5px 3px 10px;float:left;white-space:nowrap;_display:inline}
#f_link_in .fl3{}
#f_link_in .fl3 dt{border-bottom:0;margin:0 0 3px 0;padding:0;font-weight:normal}
#f_link_in .fl3 dd{float:left;margin:0 0 3px 15px;white-space:nowrap;_display:inline}

/*フッターボトム
------------------------------*/
#f_bottom{background:#535353;}
#f_bottom_in{width:960px;color:#eee;padding:20px 0 30px 0;}
#f_bottom_in a{color:#eee;}
#f_bottom_in a:hover{text-decoration:underline;color:#fff;}

#copyright1{text-align:center;font-size:12px;color:#eee;margin-bottom:14px;}
#copyright2{text-align:center;font-size:11px;color:#ccc;margin-bottom:28px;letter-spacing:1px;}

#news47 strong{border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;display:block;line-height:29px;font-size:13px;margin-bottom:10px;padding-left:5px;letter-spacing:1px;}
#news47 ul{list-style-type:none;overflow:hidden;font-size:12px;padding:0 0 0 5px}
#news47 ul li{
	float:left;border-right:solid 1px #888;margin:0 10px 8px 0;padding-right:10px;line-height:100%;letter-spacing:1px;
	/white-space:nowrap;/display:inline;/line-height:110%;
}

/*その他共通
------------------------------*/
/*clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/*回り込み*/
.leftbox{float:left;margin:0 15px 15px 0}
.rightbox{float:right;margin:0 0 15px 15px}

/*エラーページ*/
#error{text-align:center}
#error h2{font-size:23px;margin-bottom:20px;}
#error p{line-height:170%;margin-bottom:30px;}
#error a{display:block;text-align:center;color:#0053a9;padding:10px;}
#error a:hover{background:#f9f9f9;}