@charset "utf-8";
/* CSS Document */

#conteiner{
/*margin-left:3em;*//*左寄せ処理*/
margin:auto;/*センタリング処理*/
width:60em;
text-align:left;
padding:1em 0 0 1em;
}
/*----------------------
	ヘッダ
------------------------*/
#header{
	height:3em;
	background-color:#eee;/*最後には削除*/
}
#ivw_logo{
/*width:14.625em;
height:1.875em;*/
float:left;
padding:0.3em 0 0 0.3em;
border:none;
}

#button_lang_jpn{
float:right;
width:5.06em;
height:2.25em;
padding:0.3em 5em 0 0;
border:none;
}
#navi_lang {
	height: 3em;
	font-size:0.9em;
	position:relative;
	background-color:#eee;
	float: right;
	margin-right:1.9em;
}
#navi_lang_current {
	cursor:default;
	color: #eee;
	background-color:#666;
	display:block;
	font-weight:bold;
	text-align:center;
	padding:0 1em 0 1em;
	height:2.2em;
	line-height:2.2em;
	position:relative;
	text-decoration: none;
}
#navi_lang ul {
	padding:0 0;
}
#navi_lang ul li {
	float:left;
}
#navi_lang ul a {
	padding:0 1em 0 1em;
	height:2.2em;
	color: #666666;
	font-weight:bold;
	text-align:center;
	line-height:2.2em;
	display:block;
	position:relative;
	text-decoration: none;
}
#navi_lang ul a:hover {
	padding:0 1em 0 1em;
	display:block;
	background-color: #aaa;
	color:#eeeeee;
}
/* ------------------------------
ナビゲーション
	リストマーカーに記号をつけないようにする
------------------------------ */
#navi_main ul,#navi_sub ul,#sub_area_01 ul,#sub_area_02 ul {
	list-style-type: none;
}
/* ------------------------------
ナビゲーション メイン
------------------------------ */
#navi_main {
	height: 3em;
	font-size:0.9em;
	position:relative; 
	width:100%;
	background-color:#eee;
}

#Snavi_main ul{
	padding:0 0;
}
#navi_main ul li{
	float:left;
}
#navi_main_current{
	cursor:default;
	color: #eee;
	background-color:#666;
	display:block;
	font-weight:bold;
	text-align:center;
	padding:0 1em 0 1em;
	height:2.2em;
	line-height:2.2em;
	position:relative;
	text-decoration: none;
}
#navi_main ul a{
	padding:0 1em 0 1em;
	height:2.2em;
	color: #666666;
	font-weight:bold;
	text-align:center;
	line-height:2.2em;
	display:block;
	position:relative;
	text-decoration: none;
}

#navi_main ul a:hover{
	padding:0 1em 0 1em;
	display:block;
	background-color: #aaa;
	color:#eeeeee;
}
/*----------------------
	サブメニュー
------------------------*/
#sub_menu{
height:2em;
background-color:#eee;
}
#navi_sub {
	clear: both;/*これやんないとメインメニューの右に回り込みしてしまう*/
	margin-left:20em;
	height:2em;
	color:#996699;
}
#navi_sub ul { 
list-style-type : none; 
}
#navi_sub li { 
/*display : inline;*/
float:left;
font-size:1em;
line-height:1.5em;
}
#navi_sub_current {
display:block; 
background-color: #666666;
color:#eeeeee;
cursor:default;
font-weight:bold;
padding:0.25em 0.5em 0 0.5em;
text-decoration:none;
text-align:center;
height:1.75em;
}
#navi_sub a {
display:block; /*ブロックレベルで表示*/
background-color:#eee;
color:#666;

font-weight:bold;
padding:0.25em 0.5em 0 0.5em;
text-decoration:none;
text-align:center;
height:1.75em;
}
#navi_sub a:hover {
display:block; 
background-color: #aaa;
color:#eeeeee;

font-weight:bold;
padding:0.25em 0.5em 0 0.5em;
text-decoration:none;
text-align:center;
height:1.75em;
}
/*----------------------
	コンテンツ
------------------------*/
#contents{
float:left;
width:100%;
padding-left:1em;
/*background-color:#e0e;*/
}

#tips_column1{
float:left;}
#tips_column2{
margin-left:24em;
}

div.tips_box{
/*float:left;*/
margin-top:2em;
margin-right:2em;
width:20em;
padding:16px;/*JavaScript"NiftyCube"対策のためピクセル単位での表記とした*/
background-color:#bfbfbf;
}
.tips_header_01{
	width:15em;
	margin:1em 0 1em 0;
	color:#fff;
	letter-spacing:0.05em;
	font-size:1.6em;
/*	font-weight:bold;*/
	padding:0.3em 0 0.3em 3em;
	background-color:#2b7ab7;
}
.tips_header_02{
font-size:1.3em;
font-weight:bold;
}
.tips_text{
margin-top:2em;
font-size:1em;
}
.tips_pictgram{
float:left;
margin:0 0.5em 0.2em 0;
}


/*----------------------
	ウェザー
------------------------*/

#weather_menu ul {
list-style-type:none;
margin-left:0.5em;
margin-top:1em;
width:23em;
}

#weather_menu a {
display:block;
padding:0.25em 0.5em 0 0.5em;
font-size:0.8em;
font-weight:bold;
color:#666;
height:1.3em;
line-height:1em;
text-decoration:none;
}
#weather_menu a:hover {
display:block;
font-size:0.8em;
color:#eee;
background-color:#666;
text-decoration:none;
}

.weather_header_01{
	width:15em;
	margin:1em 0 1em 0;
	color:#fff;
	letter-spacing:0.05em;
	font-size:1.6em;
	padding:0.3em 0 0.3em 3em;
	background-color:#2b7ab7;
}
#weather-header-a1{
	clear:both;
	width:30em;
	margin:2em 0 0 1em;
	color:#eee;
	letter-spacing:0.05em;
	font-size:1em;
	font-weight:bold;
	padding:10px 20px 10px 20px;
	background-color:#666;
}

#weather_service{
margin:0.5em 0 0 2em;
}
#weather_service a{
color:#666;
font-weight:bold;
}
#weather_service a:hover{
color:#eee;
background-color:#666;
font-weight:bold;
}
#weather-header-a2{
	clear:both;
	width:15em;
	margin:1em 0 0 1em;
	color:#eee;
	letter-spacing:0.05em;
	font-size:1em;
	font-weight:bold;
	padding:10px 20px 10px 20px;
	background-color:#666666;
}
#weather-header-a3{
	clear:both;
	width:12em;
	margin:1em 0 0 1em;
	color:#eee;
	letter-spacing:0.05em;
	font-size:1em;
	font-weight:bold;
	padding:10px 20px 10px 20px;
	background-color:#666666;
}
#weather-header-a4{
	clear:both;
	width:15em;
	margin:1em 0 0 1em;
	color:#eee;
	letter-spacing:0.05em;
	font-size:1em;
	font-weight:bold;
	padding:10px 20px 10px 20px;
	background-color:#666;
}
#weather-header-a5{
	clear:both;
	width:30em;
	margin:1em 0 0 1em;
	color:#eee;
	letter-spacing:0.05em;
	font-size:1em;
	font-weight:bold;
	padding:10px 20px 10px 20px;
	background-color:#666;
}

#w-year-box{
margin-left:7em;
background-color:#99CC00;
margin-top:2em;
width:20em;
height:22.5em;
}
#w-month-box{
float:left;
height:22.5em;
color:#000;
/*background-color:#0099FF;*/
}
#w-month{
font-size:1.5em;
font-weight:bold;
background-color:#fff;
width:1.8em;
height:1.25em;
text-align:center;
}

#w-season-box{
/*ackground-color:#FF6600;*/
font-size:1.5em;
font-weight:bold;
color:#eee;
}
#w-winter-1{
background-color:#9296cc;
height:2.2em;
padding-top:1.1em;
padding-left:3em;
}
#w-spring{
background-color:#d996d5;
height:2.2em;
padding-top:1.1em;
padding-left:3em;
}
#w-rainy{
background-color:#a874a5;
height:1.8em;
padding-top:0.5em;
padding-left:3em;
}
#w-summer{
background-color:#de5c5c;
height:1.8em;
padding-top:0.7em;
padding-left:3em;
}
#w-autumn{
background-color:#d9ab74;
height:1.7em;
padding-top:0.5em;
padding-left:3em;
}
#w-winter-2{
background-color:#9296cc;
height:1.3em;
padding-top:0.1em;
padding-left:3em;
}
/*----------------------
	ホリデー
------------------------*/

#hol-header-a1{
	clear:both;
	width:12em;
	margin:2em 0 2em 1em;
	color:#eee;
	letter-spacing:0.05em;
	font-size:1em;
	font-weight:bold;
	padding:10px 20px 10px 20px;
	background-color:#666;
}

#hol-header-a2{
	clear:both;
	width:12em;
	margin:3em 0 0 1em;
	color:#eee;
	letter-spacing:0.05em;
	font-size:1em;
	font-weight:bold;
	padding:10px 20px 10px 20px;
	background-color:#666666;
}

.hol-long-table{
width:32em;
margin-top:0.5em;
margin-left:1.5em;
padding:0 16px;
background-color:#b6b6b6;
}
.hol-long-left{
float:left;
width:8em;
margin-right:0.5em;
padding-top:5px;
font-size:1.3em;
text-align:right;
/*background-color:#00FF33;*/
}

.hol-long-pic{
margin:0.3em 0.3em 0 0;
}
.hol-long-right{
padding:20px 0 0 0;
/*background-color:#00FFFF;*/
}

#hol-h-new{
height:4.5em;
}
#hol-h-gweek{
height:4.5em;
}
#hol-h-obon{
height:4.5em;
}
#hol-h-school{
height:7.5em;
}

.row-1{
font-size: 15px;
background-color:#ffffff;
}

.row-2{
height: 24px;
font-weight: bold;
color:#000;
background-color:#b6b6b6;
}

#hol-year-table td{
padding:0.5em;
}
#hol-year-table{
margin:1.5em;
}

/*----------------------
	フッタ
------------------------*/
#footer{
clear:both;
font-size:0.9em;
color:#999999;
height:3em;
padding:1em 0 0 1em;
background-color:#eee;
}