@charset "UTF-8";

/*============================================
reset
============================================*/
body {
margin:0;
border:0;
padding:0;
font-size:100%;
font-family:"Hiragino Kaku Gothic Pro","Meiryo","MS PGothic","Osaka",Arial,sans-serif;
color: #000;
line-height:150%;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, div, form, address {
list-style-type:none;
margin:0;
border:0;
padding:0;
font-style:normal;
font-weight:normal;
font-size:100%;
}

img {
border:none;
}

/*--------------------------------------------------------
reset css end
--------------------------------------------------------*/

/*--------------------------------------------------------
clearfix
--------------------------------------------------------*/
.clearfix:after { content:""; display:block; clear:both; }
.clearfix { width:100%; overflow:hidden; }
.floatL { float: left; }
.floatR { float: right; }

/*魔法の呪文
.name { overflow: hidden; zoom: 1; }
*/

/* ------------------------------------------------------
base setting
------------------------------------------------------ */
body { font-size: 13px; color:#000; background-color: #fff; }

/*リンク画像の枠線を消すために記述*/
img { border-style:none; vertical-align: bottom; }

/*FireFox リンク選択時の点線を消す*/
a { 
	overflow: hidden; outline: none;
	text-decoration: none; color: #364ec2;
 }

a:visited { text-decoration: none; color: #364ec2; }
a:hover { text-decoration: none; color: #de8bf0; }

#rightBlock h3{
	height: 27px;
	width: 690px;
	background-image: url("../img/common/top_captionber.jpg");
	margin-bottom: 15px;
	padding-top: 8px;
	padding-left: 15px;
	color: #016a61;
	font-size: 16px;
}

#rightBlock h4 {
	height: 27px;
	width: 690px;
	background-image: url("../img/common/top_captionber.jpg");
	margin-bottom: 15px;
	padding-top: 8px;
	padding-left: 15px;
	color: #016a61;
	font-size: 16px;
}

#rightBlock h5{
	height: 25px;
	width: 690px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-left: 15px;
	border-bottom: solid 1px ;
	font-size: 16px;
	color: #ff0303;
}

/*--------------------------------------------------------
base css end
--------------------------------------------------------*/

/*ここからヘッダー*/

#header {
	width: 980px;
	margin:0 auto 10px;
}

#header h1 img {
	float: left;
	margin-left: 15px;
	margin-top: 25px;
}

#header .link {
	float: right;
	width: 300px;
	margin-top: 10px;
}

#header .link a {
	border-bottom: solid 1px;
	color: #364ec2;
	float: right;
	margin-right: 15px;
}

#header .link a:hover {
	color: #de8bf0;
}

#header .link p {
	margin-top: 15px;
	letter-spacing: 0.1em;
	color: #364ec2;
	font-size: 20px;
	float: right;
	margin-right: 15px;
}

/*ヘッダー終わり*/

/*メインイメージ*/
#home_main_image{
	width: 960px;
	height: 250px;
	padding: 15px 15px 15px 15px;
	position: relative;
}

#home_main_image aside {
	position: absolute;
	bottom: 30px;
	left: 50%;
	display: block;
	width: 65%;
	height: ;
	background-color: #ff0303;
	border: 2px solid #ff0303;
	border-radius: 8px;
	transform: translate(-50%, -0%);
}

#home_main_image aside h3 {
	color: white;
	font-weight: bold;
	text-align: center;
	background-color: #ff0303;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	padding: 0.25em;
}

#home_main_image aside .textBox {
	background-color: white;
	margin: auto;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	padding: 1em;
	line-height: 1.5;
}

#home_main_image aside .textBox p {
	display: block;
	font-size: 20px;
}

/*ここからナビゲーション*/

#mainNav {
	width: 960px;
}

#mainNav ul {
	width: 958px;
	height: 45px;
	margin-top: 15px;
	border: solid 1px #aeaeae;
}

#mainNav li {
	float: left;
	height: 45px;
	margin-bottom: 15px;
}

#mainNav li a {
	display: block;
	width: 192px;
	height: 33px;
	text-align: center;
	font-size: 16px;
	padding-top: 12px;
	color: #364ec2;
	background-image: url("../img/common/menu.jpg");
}

#mainNav li #navLas {
	width: 190px;
}


#mainNav li a:hover {
	background-position: 0 -45px;
	color: #d31dcd;
}



#rightBlock {
	width: 705px;
	margin-bottom: 50px;
}

/*ここからレフトブロック*/

#leftBlock {
	width: 240px;
	float: left;
}

#leftBlock .side {
	border: solid 1px #364ec2;
	margin-bottom: 10px;
	color: #6E6E6E;
}


/*ここからローカルナビ*/

#locallNavblock {
	width: 240px;
}

#locallNav {

}

#locallNav dl {
	margin: 0 0 10px 0;
	border: 1px solid #364ec2;
	padding:10px;
}

#locallNav dt{
	background-image: url("../img/local.png");
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
	border-bottom: 2px solid #364ec2;
	margin-bottom: 10px;
	font-weight: 500;
	font-size: 15px;
	color: #364ec2;
}

#locallNav dd{
	margin: 0 0 0 20px;
	width: 200px;
	margin-right: 150px;
}

#locallNav dd a{
	color: #364ec2;
}

#locallNav dd a:hover{
	color: #d31dcd;
}




#leftBlock h2 {
	width: 230px;
	height: 26px;
	background-image: url("../img/common/side.jpg");
	padding-top: 8px;
	padding-left: 10px;
	font-size: 16px;
	color: #FFF;
}

#leftBlock .side dl {
	margin-left: 6px;
	margin-top: 10px;
}

#leftBlock .side dt {
	float: left;
	margin-right: 10px;
}

#leftBlock .side dd {
	margin-bottom: 6px;
}

#leftBlock .access {
	margin-bottom: 6px;
	color: #364ec2;
}

#leftBlock .access a {
	border-bottom: solid 1px;
	margin-left: 10px;
	color: #364ec2;
}

#leftBlock .access a:hover {
	color: #de8bf0;
}

#leftBlock .qr {
	margin-left: 82px;
	margin-bottom: 10px;
}

#leftBlock .side h3 {
	margin-bottom: 5px;
}

#leftBlock .side h3 a {
	display: block;
	width: 200px;
	height: 26px;
	background-image: url("../img/common/form.png");
	margin-left: 6px;
	font-size: 16px;
	padding: 8px 0 0 25px;
	color: #39d6ef;
}

#leftBlock .side h3 a:hover {
	background-position: 0 -34px;
	color: #FFA500;
}

#leftBlock .side p {
	width: 228px;
	margin-left: 6px;
	margin-bottom: 6px;
}

#leftBlock .banner li {
	margin-bottom: 5px;
}



/*新　天気予報*/

.bold {
	font-weight: bold;
}

.new_weather {
	width: 220px;
	border: solid 1px #566ed4;
	padding: 6px;
	margin: 5px;
}

.w_place {
	background-color: #566ed4;
	color: #fff;
	text-align: center;
	padding: 5px 0px;
}

.theDayTitle {
	font-size: 16px;
	font-weight: bold;
	margin-left: 3px;
	margin-bottom: 5px;
}

.theDayWap {
	border-bottom: dotted 1px #5f5f5f;
	padding-bottom: 10px;
}

.visualWap {
	width: 98px;
	float: left;
}

.nowTime {
	text-align: center;
	font-size: 12px;
}

.todayIcon {
	padding-top: 10px;
	text-align: center;
}

/*今日info*/
.todayInfo{
	width: 121px;
	font-size: 13px;
	border-left: solid 1px #566ed4;
}

.infT {
	width: 30px;
	margin-left: 10px;
	margin-right: 10px;
}

.infD {
	width: 71px;
}

.max {color: #e52721;}
.min {color: #1489ed;}
.wind {color: #04897b;}
.dig {color: #ff6600;}
.desc {color: #8957a1;}

.wTableWap {

}

.wTableWap table {
	width: 220px;
}

.wTableWap table td {
	font-size: 14px;
	border-bottom: dotted 1px #5f5f5f;
}


.wTableWap table .w_day {width: 55px; text-align: center;}
.wTableWap table .w_icon {width: 35px; text-align: center;}
.wTableWap table .w_max {width: 25px; text-align: center;}
.wTableWap table .w_dash {width: 15px; text-align: center;}
.wTableWap table .w_min {width: 25px; text-align: center;}
.wTableWap table .w_temp {width: 17px; text-align: center;}
.wTableWap table .w_desc {width: 25px; text-align: center;}
.wTableWap table .w_descP {width: 20px; text-align: center;}


/*レフトブロック終わり*/

/*ここからコンテナ*/

#container {
	width: 988px;
	margin: 0 auto;
	background: url("../img/common/content_bottom.jpg")  no-repeat bottom;
	padding-bottom: 14px;
}

#container .top {
	background: url("../img/common/content_top.png")  no-repeat top;
	padding-top: 14px;
}

#container .body {
	background: url("../img/common/content_body.jpg")  repeat-y;
	width: 960px;
	padding-left: 14px;
	padding-right: 14px;
}

.upper {
	margin-bottom: 25px;
}

/*コンテナ終わり*/

/*ここからフッター*/

#footer {
	height: 35px;
	width: 968px;
	background-image: url("../img/common/footer.png");
	margin:0 auto 15px;
	padding-top: 23px;
	padding-left: 20px;
}

#footer address {
	float: left;
}

#footer ul {
	float: right;
	margin-right: 10px;
}

#footer li {
	float: left;
	padding-right: 8px;
	margin-left: 8px;
	border-right: solid 1px #6E6E6E;
}

#footer li a {
	color: #364ec2;
}

#footer li a:hover{
	color: #de8bf0;
}

#footer li.site_map {
	border: none;
}

/*フッター終わり*/


/*ここからデザイン調整*/
.cautionTxt {
	font-size: 11px;
	color: #6E6E6E;
	margin-left: 15px;
	margin-bottom: 25px;
}

.cautionTxt_noBottom {
	font-size: 11px;
	color: #6E6E6E;
	margin-left: 15px;
}

.linkTxt {
	color: #6E6E6E;
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 25px;
}

.listGuide {
	color: #6E6E6E;
	margin-left: 15px;
}

.marginBox {
	margin-bottom: 10px;
}



/*デザイン調整終わり*/

/*--------------------------------------------------------
トップ編集
--------------------------------------------------------*/
.open {
	margin-top: 13px;
	margin-left: 70px;
}

/*--------------------------------------------------------
プライバシーポリシー編集
--------------------------------------------------------*/
.contents .h4Box {
	color: #ff0303;
	font-size: 13px;
	border-bottom: 1px solid #ff0303;
	margin-bottom: 10px;
}


/*--------------------------------------------------------
汎用クラス
--------------------------------------------------------*/
.boxCenter { margin: 0 auto; }
.hidden { display: none; }
.block { display: block; }
.txHidden { display: block; text-indent: -10000px; overflow: hidden; }

.alignR { text-align: right !important; width: inherit; }
.alignL { text-align: left !important; width: inherit; }
.alignC { text-align: center !important; width: inherit; }

.inline { display: inline }

.bold { font-weight: bold; }
.normal { font-weight: normal; }

.white { color: #ffffff !important; }
.black { color: #000000 !important; }
.red { color: #ff0000 !important; }
.blue { color: #0000ff !important; }
.green{ color: #00ff00 !important; }
.yellow{ color: #ffff00 !important; }
.pink{ color: #ff00ff !important; }
.mad_orange{ color: #CF9911 !important; }
.mad_green{ color: #41A587!important;}
.mad_blue{ color: #668CD9!important;}
.link_blue{ color: #364ec2!important;}

.flex_start {
	display: flex;
	justify-content: flex-start;
}

#rightBlock .pl0 {
	padding-left: 0;
}

/*--------------------------------------------------------
サイトマップ
#rightBlock ul.map_left {
	width: 300px;
	float: left;
	margin-left: 15px;
}

#rightBlock span.border_line {
	color: #8E8E8E;
}
--------------------------------------------------------*/

/*--------------------------------------------------------
404
--------------------------------------------------------*/
#error404 {
	width: 80%;
	min-height: calc(100vh - 1vw - 3vh - 519px);
	margin: 0 auto 3vh;
	text-align: center;
}

#error404 h3 {
	font-size: max(2vw,29px);
	font-weight: 600;
	line-height: 1.3;
	margin: 1em 0;
	color: #3e478a;
}

#error404 h4 {
	font-size: max(1.2vw,17px);
	line-height: 1.7;
	font-weight: 300;
	color: #000;
	margin: 0 auto 3em;
}