﻿/*@ charset "UTF-8";*/

/* ヘッダーレイアウト01 */

div#header_unit1:after {
	content:"";
	display:block;
	clear:both;
	}

div#header_unit1 {
	clear:both;
	width:1000px;
	margin: 0 auto ;
	position : relative ;
	background:#ffd200;
	text-align:left;
	}

	div#header_unit1 #comment {
		float: left;
		width:450px;
		text-align:left;
		padding:2px 10px;
		}

	div#header_unit1 #welcome {
		text-align:right;
		padding:2px 10px;
		}

	div#header_unit1 #login {
		float: right;
		width:200px;
		text-align:right;
		padding:2px 10px;
		}

	div#header_unit1 #login ul {
		margin: 0px;
		padding:0px;
		}

	div#header_unit1 #login ul li {
		list-style: none;
		margin: 1px 2px;
		float: left;
		}

	div#header_unit1 #login ul li a {
		display: block;
		background: url("../img/btn_hbg.gif") 0 0 no-repeat;
		width:70px;
		height:16px;
		font-size:10px;
		line-height:16px;
		color: #222;
		text-decoration: none;
		text-align:center;
		font-weight: normal;
		font-style: normal;
		font-family: "ＭＳ Ｐゴシック", Osaka, Sans-Serif;
		}

	div#header_unit1 #login ul li a:hover {
		background: url("../img/btn_hbg.gif") 0 -16px no-repeat;
		}

/* ヘッダーレイアウト02 */

div#header_unit2 {
	width:1000px;
	margin: 10px auto 10px auto ;
	position : relative ;
	background:#ffffff;
	}

div#header_unit2:after {
	content:"";
	display:block;
	clear:both;
	}

	div#header_unit2 img.LogoImage {
		float: left;
		width:130px;
		height:175px;
		}

/* 今日の日付・天気 */

div#header_unit2 .r_side {
	float: right;
	width:870px;
	position : relative ;
	}

div#header_unit2 .r_side:after {
	content:"";
	display:block;
	clear:both;
	}

	div#header_unit2 .r_side #today {
		float: right;
		}

	div#header_unit2 .r_side #today table {
		width:130px;
		height:90px;
		border-collapse:collapse;
		border:0px;
		padding:0px;
		background: url("../img/bg_today.gif") 0 0 no-repeat;
		}

	div#header_unit2 .r_side #today table td.month {
		width:50%;
		height:47px;
		text-align:center;
		vertical-align:top;
		padding:8px 1px 0 5px;
		}

	div#header_unit2 .r_side #today table td.date {
		width:50%;
		height:47px;
		text-align:center;
		vertical-align:top;
		padding:8px 5px 0 1px;
		}

	div#header_unit2 .r_side #today table td.weather {
		height:40px;
		text-align:left;
		vertical-align:top;
		padding:0 10px;
		font-size:10px;
		line-height:33px;
		color: #444;
		text-decoration: none;
		font-weight: normal;
		}

	div#header_unit2 .r_side img#bn {
		float: left;
		height:90px;
		position : relative ;
		}

/* メニューレイアウト */

	div#header_unit2 .r_side #menu:after {
		content:"";
		display:block;
		clear:both;
		}

	div#header_unit2 .r_side #menu {
		position : relative ;
		width:870px;
		height:38px;
		background: url("../img/menu_bg.gif") 0 0 repeat-x;
		margin-top:3px;
		}

	div#header_unit2 .r_side #menu ul {
		margin: 0px 15px;
		padding:0px;
		}

	div#header_unit2 .r_side #menu ul li {
		list-style: none;
		margin: 0px 1px;
		height:38px;
		font-weight: bold;
		font-size:12px;
		line-height:35px;
		text-decoration: none;
		text-align:center;
		float: left;
		background: url("../img/menu_now.gif") 0 0 repeat-x;
		}

	div#header_unit2 .r_side #menu ul li#m1 {
		width:40px;
		}

	div#header_unit2 .r_side #menu ul li#m2 {
		width:80px;
		}

	div#header_unit2 .r_side #menu ul li#m3 {
		width:80px;
		}

	div#header_unit2 .r_side #menu ul li#m4 {
		width:60px;
		}

	div#header_unit2 .r_side #menu ul li#m5 {
		width:80px;
		}

	div#header_unit2 .r_side #menu ul li#m6 {
		width:140px;
		}

	div#header_unit2 .r_side #menu ul li#m7 {
		width:60px;
		}

	div#header_unit2 .r_side #menu ul li a:hover {
		color: #fff;
		background: url("../img/menu_over.gif") 0 0 repeat-x;
		}

	div#header_unit2 .r_side #menu ul li a {
		display: block;
		height:38px;
		font-weight: bold;
		font-size:12px;
		line-height:35px;
		text-decoration: none;
		text-align:center;
		color: #fff;
		background: url("../img/menu_bg.gif") 0 0 repeat-x;
		}

	div#header_unit2 .r_side #menu ul li a.MenuSelectorImage
	{
		background-image: none;
	}

/* 検索ボックス */

	div#header_unit2 .r_side #menu #searchcmds {
		float:right;
		width: 232px;
		height: 22px;
		margin:6px 0;
	}

	div#header_unit2 .r_side #menu #searchcmds .search {
		width: 180px;
		height: 20px; /* content-box */
		border: 1px solid #222;
	}

	div#header_unit2 .r_side #menu #searchcmds .search:focus {
		border: 1px solid #222;
		background-color: #ffffe0;
	}

	div#header_unit2 .r_side #menu #searchcmds .searchsubmit {
		width: 50px;
		height: 20px;
		padding: 0;
		border: 0;
		background-color: #000;
		color: #ffd200;
		font-size:12px;
		font-weight: bold;
		text-decoration: none;
		text-align:center;
	}

	div#header_unit2 .r_side #menu #searchcmds .searchsubmit:hover {
		background-color: #333;
	}

/* コメント＆パンくず */

	div#header_unit2 .r_side #path {
		position : relative ;
		width:870px;
		height:38px;
		text-align:left;
		background-color: #dcdcdc;
		}

	div#header_unit2 .r_side #path:after {
		content:"";
		display:block;
		clear:both;
		}

	div#header_unit2 .r_side #path #cmt {
		position : relative ;
		top:0px;
		left:10px;
		display:block;
		padding-left:20px;
		font-size:12px;
		line-height:35px;
		color: #696969;
		text-decoration: none;
		font-weight: normal;
		font-style: normal;
		font-family: "ＭＳ Ｐゴシック", Osaka, Sans-Serif;
		background: url("../img/path_ar.gif") 0 11px no-repeat;
		float: left;
		}

	div#header_unit2 .r_side #path .pan {
		position : relative ;
		top:0px;
		left:10px;
		display:block;
		padding-left:24px;
		font-size:12px;
		line-height:35px;
		color: #303030;
		text-decoration: none;
		font-weight: normal;
		font-style: normal;
		font-family: "ＭＳ Ｐゴシック", Osaka, Sans-Serif;
		background: url("../img/path_next.gif") 5px 11px no-repeat;
		float: left;
		}

	div#header_unit2 .r_side #path .pan a:link,
	div#header_unit2 .r_side #path #cmt a:link,
	div#header_unit2 .r_side #path .pan a:visited,
	div#header_unit2 .r_side #path #cmt a:visited,
	div#header_unit2 .r_side #path .pan a:active,
	div#header_unit2 .r_side #path #cmt a:active {
		color: #696969;
		}

	div#header_unit2 .r_side #path .pan a:hover,
	div#header_unit2 .r_side #path #cmt a:hover {
		color: #303030;
		text-decoration: underline;
		}

	div#header_unit2 .r_side #path img.TeleonImage {
		float: right;
		margin-right:2px;
		width: 70px;
		height: 50px;
	}

/* フッターメニュー */

div#footmenu_unit {
	width:1000px;
	margin: 0 auto ;
	position : relative ;
	background:#fff;
	text-align:left;
	border-top: 1px solid #c0c0c0;
	}

div#footmenu_unit:after {
	content:"";
	display:block;
	clear:both;
	}

	div#footmenu_unit #left_line {
		float: left;
		position : relative ;
		width:780px;
		text-align:left;
		}

	div#footmenu_unit #left_line #menu  {
		padding-left:15px;
		font-size:12px;
		line-height:41px;
		color: #222;
		text-decoration: none;
		font-weight: normal;
		font-style: normal;
		font-family: "ＭＳ Ｐゴシック", Osaka, Sans-Serif;
		}

	div#footmenu_unit #right_line {
		float: right;
		position : relative ;
		width:205px;
		text-align:right;
		}

	div#footmenu_unit #right_line #pagetop {
		display:block;
		padding-right:30px;
		font-size:12px;
		line-height:41px;
		color: #222;
		text-decoration: none;
		font-weight: normal;
		font-style: normal;
		font-family: "ＭＳ Ｐゴシック", Osaka, Sans-Serif;
		background: url("../img/pagetop_ar.gif") 180px 14px no-repeat;
		}


/* フッターレイアウト */

div#footer_unit {
	width:1000px;
	margin: 0 auto ;
	position : relative ;
	background:#ffd200;
	text-align:left;
	}

div#footer_unit:after {
	content:"";
	display:block;
	clear:both;
	}

	div#footer_unit #mobile {
		float: left;
		position : relative ;
		width:385px;
		}

	div#footer_unit #copy {
		float: right;
		position : relative ;
		width:605px;
		}

	div#footer_unit #mobile img {
		float: left;
		width:80px;
		height:80px;
		margin:10px;
		}

	div#footer_unit #mobile .mt {
		margin:22px 0;
		color: #222;
		}

	div#footer_unit #copy .mt {
		text-align:right;
		margin:22px 10px;
		color: #222;
		}

	div#footer_unit #copy .mt a:link {
		color: #222;
		}

	div#footer_unit #copy .mt a:hover {
		color: #222;
		text-decoration: underline;
		}


/* --- ヘッダー・テキスト --- */

	/* 月 */
	#month {
		font-size:26px;
		line-height:27px;
		color: #222;
		text-decoration: none;
		font-weight: bold;
		font-style: normal;
		font-family: Arial, Helvetica, Sans-Serif;
		}

	/* 年 */
	#year {
		font-size:12px;
		line-height:13px;
		color: #ffd200;
		text-decoration: none;
		font-weight: bold;
		font-style: normal;
		font-family: Arial, Helvetica, Sans-Serif;
		}

	/* 日 */
	#day {
		font-size:26px;
		line-height:27px;
		color: #222;
		text-decoration: none;
		font-weight: bold;
		font-style: normal;
		font-family: Arial, Helvetica, Sans-Serif;
		}

	/* 曜日 */
	#week {
		font-size:12px;
		line-height:13px;
		color: #696969;
		text-decoration: none;
		font-weight: bold;
		font-style: normal;
		font-family: Arial, Helvetica, Sans-Serif;
		}

	/* 天気（晴れ） */
	div#header_unit2 .r_side #today table td.weather p#w01 {
		background: url("../img/weather/ic_weather01.gif") 70px 5px no-repeat;
		}

	/* 天気（晴れ時々曇） */
	div#header_unit2 .r_side #today table td.weather p#w04 {
		background: url("../img/weather/ic_weather04.gif") 70px 5px no-repeat;
		}

	/* 天気（曇） */
	div#header_unit2 .r_side #today table td.weather p#w11 {
		background: url("../img/weather/ic_weather11.gif") 70px 5px no-repeat;
		}

	/* 天気（曇のち晴れ） */
	div#header_unit2 .r_side #today table td.weather p#w12 {
		background: url("../img/weather/ic_weather12.gif") 70px 5px no-repeat;
		}

	/* 天気（曇時々晴れ） */
	div#header_unit2 .r_side #today table td.weather p#w14 {
		background: url("../img/weather/ic_weather14.gif") 70px 5px no-repeat;
		}

	/* 天気（曇時々雨） */
	div#header_unit2 .r_side #today table td.weather p#w15 {
		background: url("../img/weather/ic_weather15.gif") 70px 5px no-repeat;
		}

	/* 天気（雨のち晴れ） */
	div#header_unit2 .r_side #today table td.weather p#w22 {
		background: url("../img/weather/ic_weather22.gif") 70px 5px no-repeat;
		}
