@charset "utf-8";

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, label, fieldset, input, p, blockquote, th, td {
 margin: 0;
 padding: 0
 }
body {
	color: #444;
	font-family: arial,sans-serif;
	font-size: 85%;
	/font-size: 75%;
	line-height: 1.4em;
}
h1, h2, h3, h4, h5, h6{
 font-size: 100%;
 font-weight: normal;
 }
/*em, strong,*/
th {
 font-style: normal;
 font-weight: normal;
 }
table {
 border-collapse: collapse;
 border-spacing: 0;
 }
fieldset, img {
 border: 0;
 }
.cl {
 clear: both;
}

/* コピーライト */
#copyright {
	font-size:0.8em;
	color: #E4E4E4;
	margin-top:15px;
	text-align:center;
	/*border-top: #fff 1px solid;*/
	background-color:#AAA;
	padding:10px;
	}


/* パンくず */
#topicpath {
	font-size:0.8em;
	color:#888;
	margin-top:10px;
	}
#topicpath a { color:#888; }

/* HEADINGS_LINKS */
a {
	color: #004176;
}
a:hover {
	text-decoration: none;
}
#h2_outer {
	 width: 780px;
		overflow: hidden;
		border-bottom: #1f1f1f 3px solid;
		margin: 10px 0;
		padding-bottom: 5px;
}
h2 {
	float: right;
	font-size: 0.8em;
	font-weight: bold;
	letter-spacing: 0.05em;
	padding: 0 8px;
	height: 26px;
	line-height: 26px;
	margin: 14px 0 4px 0;
	background-color: #1f1f1f;
	color: #fff;
}
.top h2 {
	border-bottom: #1f1f1f 3px solid;
	background: none;
	padding:0 0 5px 0;
	height:auto !important;
	margin-bottom:10px;
}
h3 {
	font-size: 1.3em;
	font-weight: bold;
	text-indent: 34px;
	line-height: 26px;	
	height: 26px;
	letter-spacing: 0.07em;
	float: left;
	margin-top: 12px;
}
h3.bg01 {
	background: url(../images/h3_01.gif) no-repeat left top;
}
h3.bg02 {
	background: url(../images/h3_02.gif) no-repeat left top;
}
h3.bg03 {
	background: url(../images/h3_03.gif) no-repeat left top;
}
h3.bg04 {
	background: url(../images/h3_04.gif) no-repeat left top;
}
h3.bg05 {
	background: url(../images/h3_05.gif) no-repeat left top;
}
h3.bg06 {
	background: url(../images/h3_06.gif) no-repeat left top;
}
h3.bg037 {
	background: url(../images/h3_07.gif) no-repeat left top;
}
h4 {
	padding: 2px 0 2px 32px;
	margin-top: 10px;
	color: #04c4d9;
	font-weight: bold;
	background: url(../images/h4_bg.gif) no-repeat left center;
}

h5.news_date { /* News & Features用の日付 */
	margin-bottom:1em;
	padding:3px 3px 3px 32px;
	background-color:#EFEFEF;
	font-weight:bold;
	border-top: 1px solid #BBB;
}


/* LAYOUT */
html {
	background: url(../images/wrapper_bg.jpg) repeat-y center;
}
body {
	width: 100%;
	text-align: center;
}
#sup_header_wrapper {
	height: 80px;
	background: #fff url(../images/top_bg.gif) no-repeat top center;	
}
#sup_header {
	height:80px;
	width:1000px;
	margin:0 auto;
	position:relative;
}
h1 strong {
	width: 320px;
	display: block;
	text-align: left;
	float:left;
}

h1 a {
	width: 320px;
	height: 80px;
	text-indent: -9999px;
	display: block;
	background: url(../images/siteid.jpg) no-repeat left top;
}
#sub_navi { 
	width:400px;
	position:absolute;
	bottom:15px;
	right:260px;
	text-align:right;
	font-size:0.9em;
	/*border:1px solid red;*/}
	
	#sub_navi a { 
		color:#666; 
		text-decoration:none; 
		background:url(../images/arw_gray.gif) no-repeat 0 0.3em; 
		padding-left:13px; 
		margin-left:8px}

#header {
	width: 100%;
	text-align: center;
	background: #ca0002 url(../images/header_bg.jpg) repeat-x left top;
	border-bottom: #460000 3px solid;
}
#header .outer {
	background: url(../images/top_bg2.gif) no-repeat center top;
}
#header .inner {
	width: 1000px;
	text-align: left;
	margin: 0 auto;
	position: relative;
}
#wrapper {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	}
/* メインコンテンツ部 */
#maincol {
	width: 780px;
	float: left;
}
	/* リスト表示の再定義 */
	#maincol ol { list-style:decimal none inside;}
	#maincol ul { list-style:disc none inside;} 
	#maincol li { list-style:inherit;}
	#maincol table {
		 border-collapse: collapse;
		 border-spacing: 3px;
		 }
	#maincol h4, #maincol p, #maincol ol, #maincol ul { margin-bottom: 0.7em;}

 /* ローカルナビつきレイアウト */
	.local_on {
	}
	.local_on #maincol_inner {
		overflow: hidden;
	}
	/* ローカルナビのスタイル */
	.local_on #localnavi {
		background:url(../images/localnavi/bg.gif) repeat-y;		
		float: left;
		width: 190px;
		padding-bottom: 32768px;
		margin-bottom: -32768px;
	}	
	.local_on #maincol_cont {
		float: right;
		width: 570px;
	}
	.local_on #localnavi dl { margin:15px;}
	.local_on #localnavi dd { margin-bottom:7px;}
	.local_off #localnavi {
		display:none;
	}

#subcol {
	width: 190px;
	float: right;
	margin-top: -30px;
	padding-bottom: 20px;
	position: relative;
}
#footer {
	clear: both;
	width: 100%;
	text-align: center;
	background: #9f9f9f;
	margin-top: 20px;
	/*padding-bottom:20px;*/
	padding-top: 10px;
	border-top: #fff 4px solid;
}
#footer .inner {
	width: 1000px;
	text-align: left;
	margin: 0 auto;
	position: relative;

}

/* HEADER_FOOTER */
#header .inner dl, #footer .inner dl {
	width: 200px;
	padding-bottom: 15px;
}
#header .inner dt, #footer .inner dt {
	width: 190px;
	color: #fff;
	padding-bottom: 3px;
	font-weight: bold;
}
#header .inner dd,  #footer .inner dd{
	padding-left: 16px;
	font-size: 0.85em;
}
#header .inner a,  #footer .inner a {
	color: #fff;
}
#header .inner a:hover,  #footer .inner a:hover {
	text-decoration: none;
}
#header .inner .col01 dt,  #footer .inner .col01 dt {
	margin-bottom: 5px;
	padding-top: 10px;
	border-bottom: #efabd2 3px solid;
}
#footer .col01 dt {
	color: #efabd2;
}
#header .inner .col01 dd {
	background: url(../images/arw_pink.gif) no-repeat left center;
}
#header .inner .col02, #footer .inner .col02 {
	position: absolute;
	top: 0;
	left: 200px;
}
#header .inner .col02 dt, #footer .inner .col02 dt {
	margin-bottom: 5px;
	padding-top: 10px;
	border-bottom: #85fafa 3px solid;
}
#footer .col02 dt {
	color: #85fafa;
}
#header .inner .col02 dd {
	background: url(../images/arw_blue.gif) no-repeat left center;
}
#header .inner .col03, #footer .inner .col03 {
	position: absolute;
	top: 0;
	left: 400px;
}
#header .inner .col03 dt, #footer .inner .col03 dt{
	margin-bottom: 5px;
	padding-top: 10px;
	border-bottom: #cff12a 3px solid;
}
#footer .col03 dt {
	color: #cff12a;
}
#header .inner .col03 dd {
	background: url(../images/arw_green.gif) no-repeat left center;
}
#header .inner .col04, #footer .inner .col04 {
	position: absolute;
	top: 0;
	left: 600px;
}
#header .inner .col04 dt, #footer .inner .col04 dt {
	margin-bottom: 5px;
	padding-top: 10px;
	border-bottom: #f2b705 3px solid;
}
#footer .col04 dt {
	color: #f2b705;
}
#header .inner .col04 dd {
	background: url(../images/arw_orange.gif) no-repeat left center;
}
#header .inner .col05, #footer .inner .col05 {
	position: absolute;
	top: 0;
	left: 800px;
}
#header .inner .col05 dt, #footer .inner .col05 dt {
	margin-bottom: 5px;
	padding-top: 10px;
	border-bottom: #873399 3px solid;
}
#footer .col05 dt {
	color: #873399;
}
#header .inner .col05 dd {
	background: url(../images/arw_orange.gif) no-repeat left center;
}
#footer dd {
	text-indent: -15px;
	background: none;
}
	

/* SUBCOL */
.row01 dd {
	padding-left: 46px;
	line-height: 34px;
	font-size: 0.85em;
}
.row01 .bg01 {
	background: url(../images/planning_01.jpg) no-repeat 15px center;
}
.row01 .bg02 {
	background: url(../images/planning_02.jpg) no-repeat 15px center;
}
.row01 .bg03 {
	background: url(../images/planning_03.jpg) no-repeat 15px center;
}
.row01 .bg04 {
	background: url(../images/planning_04.jpg) no-repeat 15px center;
}
.bg023 {
	background: url(../images/h2_05.gif) no-repeat 0px center;
}
.bg024 {
	background: url(../images/h2_06.gif) no-repeat 0px center;
}
.row02 dd, .row03 dd {
	padding: 0 0 4px 15px;
}
.row04 dt {
	margin-top: 20px;
	padding: 20px 0 4px 7px;
	color: #990000;
	font-weight: bold;
	background: url(../images/subcol_border.gif) no-repeat top;
}
.row04 dd {
	padding-left: 5px;
}

.row05 dd {
	padding-left: 18px;
	line-height: 34px;
	font-size: 0.85em;
}

/* TOP */
#main_flash {
	width: 780px;
	height: 190px;
	padding: 10px 0;
	margin: 2px 0 0 0;
	text-align: center;
	background: url(../images/flash_bg.gif) repeat;
}
#main_flash img {
	border: #fff 2px solid;
}
.top .box {
	clear: both;
	margin: 15px 0;
	padding-bottom: 10px;
	border-bottom: #ccc 1px dotted;
	overflow: hidden;
}
#news_top {
	width: 360px;
	float: left;
}
#news_top .box ul {
	list-style: none;
	float: left;
	width: 90px;
	/*font-size: 0.8em;*/
}
#news_top .box dl {
	float: right;
	width: 260px;
}
#news_top .bg {
	text-align: center;
	color: #fff;
	margin-top: 4px;
	background: #990000;
	font-size: 0.8em;
}
.top .box dt {
	font-size: 1.1em;
	font-weight: bold;
	padding-bottom: 8px;
}
.top .box dt a {
	text-decoration: none;
}
.top .box dt a:hover {
	text-decoration: underline;
}
#features_top {
	width: 360px;
	float: right;
}
#features_top .box img {
	padding: 3px;
	border: #999 1px solid;
	float: left;
}
#features_top .box dl {
	width: 270px;
	float: right;
}
#facebook {
	width: 360px;
	float: right;
	margin: 10px 0 20px 0;
}

/*----------下階ページ----------*/
/*共通*/
.art_box {
	margin: 5px 0;
	padding: 0 0 20px 0;
	clear: both;
	border-bottom: solid #eee 2px;
	overflow: hidden;
}


.art_box dt{
	float: left;
	width: 50px;
}

.art_box dd{
	float: right;
	width: 500px;
}


.tbl_float {
	margin: 15px 10px;
	float: left;
	overflow: hidden;
	border:1px #ccc solid;
	border-collapse:collapse;
}



.tbl_weather{
	margin: 15px 10px;
	/*float: left;*/
	overflow: hidden;
	border:1px #ccc solid;
	border-collapse:collapse;
}

.tbl_weather th,
.tbl_float  th {
	padding: 8px;
	color: #fff;
	background-color: #04c4d9;
	font-weight:bold;
	border:1px #ccc solid;
	text-align: left;
}

.tbl_weather tr.bg td,
.tbl_float  tr.bg td{
	background-color: #e0fbfe;
}


.tbl_weather td,
.tbl_float td{
	padding: 5px;
	border:1px #ccc solid;
}




.bg_gray {
	background-color: #eee;
	padding: 15px;
}

.bg_yellow {
	background-color: #ffffcc;
	padding: 15px;
}

.img_link {
	float: left;
	width: 200px;
	text-align:center;
	margin: 15px 20px 0 0;
	padding: 15px 0;
	background:url(../images/img_back200.jpg) no-repeat;
	height: 150px;
}

.img_link180 {
	float: left;
	width: 180px;
	text-align:center;
	margin: 2px 0 0 20px;
	padding: 7px 0;
	background:url(../images/img_back180.jpg) no-repeat;
	height: 135px;
}

.img_ver_btm {
	vertical-align:bottom;
	margin-right: 10px;
}
	
/* ページ送り */
.pagination {
	clear: both;
	margin: 30px 0;
	padding: 5px 20px;
	background: #e0fbfe;
	overflow: hidden;
	width: 740px;
	}
.pagination a {
	color: #04c4d8;
	font-weight: bold;
	text-decoration: none;
}
.pagination a:hover {
	text-decoration: underline;
}

/*climate*/
.blue_belt {
	margin: 10px 0 0 200px;
	padding: 5px 5px 5px 20px;
	background-color: #E0FBFE;
	color: #04c4d9;
}



.layout_left80 {
	margin: 0 15px 0 30px;
	float:left;
	width: 80px;
}

.layout_left150 {
	margin: 0 15px 0 30px;
	float:left;
	width: 150px;
}

.layout_left180 {
	margin: 0 15px 0 30px;
	float:left;
	width: 180px;
}

.layout_left174 {
	margin: 0 15px 0 30px;
	float:left;
	width: 174px;
}

.layout_right655 {
	float: right;
	width: 655px;
}

.layout_right585 {
	float: right;
	width: 585px;
}

.layout_right555 {
	float: right;
	width: 555px;
}

.layout_right561 {
	float: right;
	width: 561px;
}

.anc {
	background:url(../images/arw_gray.gif) no-repeat left;
	padding-left: 20px;
}

/*Link*/
.layout_right560 {
	float: left; 
	width: 560px;
	margin: 0;
	padding: 0;
}

.layout_right560 p{
	background:url(../images/arw_gray.gif) no-repeat left;
	padding-left: 16px;
	margin: 0 20px;
	width: 220px;
	float: left;
}
.layout_left {
	float: left;
}
.layout_right {
	float: right;
}

/* food */
.food_line {
	margin: 30px 0 15px;
	padding: 0;
	border-bottom: solid #eee 2px; 
	overflow: hidden;
}

.food_art {
	margin: 0;
	padding: 0;
	overflow: hidden;
	float: left;
	width: 380px;
}

.food_img {
	background:url(../images/img_back180.jpg) no-repeat;
	margin: 0;
	padding: 11px 15px;
	width: 180px;
	float: left;
}

.food_art dl {
	float: left;
	width:  150px;
	margin:  0 10px 0 0;
	padding: 0;	
}


.food_art dt{
	border-bottom: dotted #444 1px;
	margin: 10px 0;
	padding: 0;
	color: #04c4d9;
}

.food_art dd {
	margin: 10px 0 15px;
	padding: 0;
}

.food_line h5 {
	color: #000;
	margin: 0 0 20px 0;
	font-size: 0.85em;
	border-left: 0.4em solid #444;
	padding-left: 5px;
	/*width: 140px;*/
	/*float: left;*/
}

/* ABOUT US */
dl.about_jnto {
	margin: 30px 0;
	clear: both;
	padding: 10px;
	border: solid 1px #ccc;
	overflow:hidden;
}

dl.about_jnto dt {
	width: 100px;
	float: left;
	margin: 0;
	padding: 0;
}

dl.about_jnto dd {
	width: 650px;
	float: left;
	margin: 3px 0;
	padding: 0;
}


/* NEWS */
#news .box {
	width: 700px;
	padding: 30px 40px;
	overflow: hidden;
	border-bottom: #eee 3px solid;
}
#news .box ul {
	list-style: none;
	float: left;
	width: 110px;
	font-size: 0.8em;
}
#news .box dl {
	float: right;
	width: 560px;
}
#news dt {
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	padding-bottom: 10px;
}
#news .bg {
	text-align: center;
	color: #fff;
	margin-top: 4px;
	background: #990000;
}
#ditto_pages { padding-bottom:10px;}
#ditto_pages a { padding:3px;}

/* FEATURES */
#features .box {
	width: 700px;
	padding: 30px 40px;
	overflow: hidden;
	border-bottom: #eee 3px solid;
}
#features .box img {
	padding: 3px;
	border: #999 1px solid;
	float: left;
}
#features .box dl {
	width: 590px;
	float: right;
}
#features .box dt {
	font-size: 1.1em;
	font-weight: bold;
	padding-bottom: 10px;
}