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

/***********************************************************/
/*レイアウトのスタイル（共通）*/
/***********************************************************/

*{
	margin:0;
	padding:0;	
}

html{
    overflow-y: scroll;
	height:100%;
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
    font-weight: normal;
}
ol, ul{
    list-style:none;
}
fieldset, img{
     border:0;
}
a{ text-decoration: none; outline:none;}
table{
    border-collapse: collapse; 
    border-spacing:0;
}
caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, th, var{
    font-style: normal; 
    font-weight: normal;
}

body {
	color:#333333;
	font-size:13px;
	line-height	: 1.35em;
	height:100%;
	width: 100%;
	background:url(../img/common/bg_body.jpg) repeat-x left top #F2E9CC;
	font-family: Arial, Helvetica,sans-serif;
	/*font-family: Arial, Helvetica, SimSun, Tahoma,sans-serif;*/
	
}


p 	{ margin: 0 0 10px; line-height: 1.5em;}

img{vertical-align:bottom;border:none;}

small{ font-size:85%;}

/*----------------------------------------------------
　　　フォーム
-----------------------------------------------------*/


input[type='text'],textarea,select,button {
	color:#333;
	font-size:13px;
	padding:0 2px;
	height: 26px;
    line-height: 26px;
	border:1px solid #AAA;
	border-radius: 4px;
	-moz-border-radius:4px;
    -webkit-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px; 
	box-shadow:0 2px 2px #ccc inset;
	-moz-box-shadow:0 2px 2px #ccc inset;
    -webkit-box-shadow:0 2px 2px #ccc inset;
    -o-box-shadow:0 2px 2px #ccc inset;
    -ms-box-shadow:0 2px 42px #ccc inset;
}


/*----------------------------------------------------
　　　リンクのスタイル（共通）
-----------------------------------------------------*/

a:link {color: #333; text-decoration:underline;}
a:visited {color: #333; text-decoration:underline;}
a:hover {color: #333;text-decoration:none;}



/*----------------------------------------------------
		クラス
-----------------------------------------------------*/

.left{text-align:left!important;}
.right{text-align:right;}
.center{text-align:center;}
.v_top{vertical-align:top;}
.f_r{float:right!important;}
.f_l{float:left!important;}
.clear{ clear:both;}
.mg-0{ margin:0!important;}
.mg-t5{ margin-top:5px!important;}
.mg-t10{ margin-top:10px!important;}
.mg-t20{ margin-top:20px!important;}
.mg-t30{ margin-top:30px!important;}
.mg-r10{ margin-right:10px!important;}
.mg-r15{ margin-right:15px!important;}
.mg-r20{ margin-right:20px!important;}
.mg-r160{ margin-right:160px!important;}
.mg-r200{ margin-right:200px!important;}
.mgr-0{margin-right:0px!important;}
.mg-l10{ margin-left:10px!important;}
.mg-l15{ margin-left:15px!important;}
.mg-l20{ margin-left:20px!important;}
.mg-b0{ margin-bottom:0px!important;}
.mg-b5{ margin-bottom:5px!important;}
.mg-b10{ margin-bottom:10px!important;}
.mg-b15{ margin-bottom:15px!important;}
.mg-b20{ margin-bottom:20px!important;}
.mg-b30{ margin-bottom:30px!important;}
.mg-b35{ margin-bottom:35px!important;}
.mg-b40{ margin-bottom:40px!important;}
.mg-b50{ margin-bottom:50px!important;}
.mg-b65{ margin-bottom:65px!important;}
.pd-t5{ padding-top:5px!important;}
.pd-t15{ padding-top:15px!important;}
.pd-t20{ padding-top:20px!important;}
.pd-t30{ padding-top:30px!important;}
.pd-b5{padding-bottom:5px!important;}
.pd-b15{padding-bottom:15px!important;}
.pd-b20{padding-bottom:20px!important;}
.pd-l20{padding-left:20px!important;}
.pd-r200{padding-right:200px!important;}
.pd-r160{padding-right:160px!important;}
.bold{font-weight:bold;}


.f-bl{color:#4187DD;}
.f-red{color:#EE3113;}
.f-bl-02{color:#4187DD;}

.f-13{font-size:13px!important;}

/*----------------------------------------------------
		画像の透過ロールオーバー
-----------------------------------------------------*/
.roll_over_img img:hover {
	opacity:0.85;
	filter:alpha(opacity=85);
	-ms-filter: "alpha( opacity=85 )";
	zoom:1;
}


/***********************************************************/
/*基本*/
/***********************************************************/



#wrapper {
	width: 100%;
    
	min-width:980px;
	background:url(../img/guest_bg/published.jpg) center top no-repeat;
	
}


#content-wrap{
	width:980px;
	margin:0 auto;
}


/*-----------------------------------------
　　　ヘッダー
-------------------------------------------*/
#header-wrapper{
	width:100%;
	height:160px;
}
#header{
	width:980px;
	margin:0 auto;
	position:relative;
	height:120px;
	padding-top:16px;
}
#header h1 a {
	text-decoration:none;
	
}
#header h1 span{
	color:#000;
	font-size:20px;
	letter-spacing: 0.1em;
	font-weight:900;
	text-shadow:0 0 10px #fff;
	-moz-text-shadow:0 0 10px #fff;
    -webkit-text-shadow:0 0 10px #fff;
    -o-text-shadow:0 0 10px #fff;
    -ms-text-shadow:0 0 10px #fff;
	position:absolute;
	left:113px;
	top:100px;
	
}
#header h1 img{
	vertical-align:-45px;
	margin-right:10px;
}



/*言語切替
-----------------*/

.lang-select{
	width:140px;
	position:absolute;
	right:0;
	top:65px;
	color:#333;
	font-size:13px;
	padding:4px;
	/*height: 26px;
    line-height: 26px;*/
	border:1px solid #AAA;
	border-radius: 4px;
	-moz-border-radius:4px;
    -webkit-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px; 
	box-shadow:0 2px 2px #ccc inset;
	-moz-box-shadow:0 2px 2px #ccc inset;
    -webkit-box-shadow:0 2px 2px #ccc inset;
    -o-box-shadow:0 2px 2px #ccc inset;
    -ms-box-shadow:0 2px 42px #ccc inset;
	
	/*font-family:"MS Sans Serif","돋움","중고딕","중명조",dotum,AppleGothic,SimSun,Tahoma,Arial,Helvetica,Clean,Sans-serif;*/
	font-family:"MS Sans Serif","돋움","중고딕","중명조",dotum,AppleGothic,'SimSun','Song' ,"Arial UnicodeMS",Tahoma,Arial,Helvetica,Clean,Sans-serif;
	
	
}


/*addthis
-----------------*/

.addthis_toolbox{
	position:absolute;
	right:0;
	top:110px;
	z-index:10;
}



/*-----------------------------------------
　　　他サイトへのナビゲーション
-------------------------------------------*/

#outside-navi{
	height:20px;
	background:#CC5711;
	padding:4px 10px;
	color:#FFF;
}

#outside-navi a{
	color:#FFF;
	font-size:12px;
	text-decoration:underline;
}
#outside-navi a:hover{
	text-decoration:none;
}

/*-----------------------------------------
　　　フッター
-------------------------------------------*/

#footer{
	background:url(../img/common/bg_footer.gif) left top repeat-x #ffffff;
	padding:12px 0 0 0;
	height:70px;
	clear:both;
	font-size:12px;
	width:100%;
	min-width:980px;
	
}
#footer-inner{
	width:980px;
	
	margin:auto;
	text-align:right;
}
.footer-navi{
	margin:0 0 4px 0;
	
}
.footer-navi a{
	color:#333;	
}



/***********************************************************/
/*レイアウト*/
/***********************************************************/


/*-----------------------------------------
　　　左カラム
-------------------------------------------*/
#main-column{
	width:795px;
	float:left;
	margin-bottom:40px;
}

#breadcrumbs{
	font-size:12px;
	margin-bottom:15px;
}


#map-area{
	position:relative;
}

/*日付選択エリア*/

.date-select-area{
	position:relative;
	height:31px;
	color:#000;
	margin:0 0 -2px 10px;
	z-index:2;
	
}
.date-select-area li{
	width:83px;
	height:30px;
	float:left;
	position:relative;
	margin-right:2px;
	
}
.date-select-area li a{
	display:block;
	height:27px;
	width:83px;
	background:url(../img/common/bg_tab_of.png) left bottom no-repeat;
	position:absolute;
	left:0;
	bottom:0;
	line-height:27px;
	text-decoration:none;
	font-size:14px;
	text-align:center;
	font-weight:700;
	
}
.date-select-area li.active{
	height:31px;
	width:85px;
	
	
}
.date-select-area li.active a{
	display:block;
	height:31px;
	width:85px;
	background:url(../img/common/bg_tab_on.png) left bottom no-repeat;
	font-weight:900;
	color:#000;
	line-height:31px;
	
	
}

.date-select-area li.sat a{color:#003399;}
.date-select-area li.sun a{color:#ff0000;}



/*--------------------------------------------------------------------
                  地図エリア
---------------------------------------------------------------------*/
#map-box{
	width:791px;
	height:562px;
	background:url(../img/common/map_border.png) no-repeat left top;
	margin-bottom:20px;
	padding:2px 0 0 2px;
	position:relative;
	z-index:1;
	
}

/*
　　　天気情報のボックス
-------------------------------------------*/
#map-box a{
	text-decoration:none;
}

.we-info-box{
	width:75px;
	height:70px;
	background:url(../img/common/bg_we_info.png) left top no-repeat;
	position:absolute;
	left:0;
	top:0;
	text-align:center;
	font-size:12px;
	padding:35px 7px 6px 5px;
	line-height:1.2;
}
.we-info-box .city-name{
	line-height:1;
	/*background:#066;*/
	position:absolute;
	width:75px;
	top:6px;
	left:5px;
	word-wrap:break-word;
	margin:0;
	font-weight:bold;
	font-size:13px;
	/*visibility: hidden;*/
}
.we-info-box .icon img{
	height:40px;
	margin-bottom:3px;	
}

.we-info-box .high_temp{
	line-height:1;
	font-weight:bold;
	color:#EE3113;
	font-size:14px;
}

.we-info-box .low_temp{
	line-height:1;
	font-weight:bold;
	color:#4187DD;
	font-size:14px;
}

.we-info-box .prob_rain{
	line-height:1;
	font-size:12px;
}



.map-notes{
	position:absolute;
	top:526px;
	left:30px;
	line-height:1.2;
	font-size:12px;
	background:#fff;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:6px 10px;
	width:720px;
}

.btn-back-jp{
	position:absolute;
	left:6px;
	top:4px;
	line-height:22px;
	font-size:12px;
	
}






.tbl-style-01,.tbl-style-02{
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #aCC0CB;
	border-left-color: #aCC0CB;
	width:790px;
	margin:0 auto;
}
.tbl-style-01 th,.tbl-style-01 td,.tbl-style-02 th,.tbl-style-02 td{
	border-right:1px solid #aCC0CB;	
	border-bottom:1px solid #aCC0CB;
	padding:8px;
	
}
.tbl-style-02 th{
	background:#EFEFEF;
	text-align:center;
    word-break:break-all; 
	
}
.tbl-style-01 th{
	background:#EFEFEF;
	text-align:center;
	word-wrap:break-word;
	
}
.tbl-style-01 td,.tbl-style-02 td{
	background:#ffffff;
	
}
.tbl-style-01 td,.tbl-style-02 td.left{
	background:#ffffff;
	
}

.tbl-style-02 th{
	font-size:14px;
}


.tbl-style-02 th.th-02{
	background:#EEF5FF;
}
.tbl-style-02 td{
	text-align:center;
	vertical-align:middle;
	
}
.tbl-style-02 td.left{
	text-align:left;
	
}
.tbl-style-02 td img{
	vertical-align:middle;
	
}

.wb-ba{
	word-break:break-all; 
}


/*-----------------------------------------
　　　右カラム
-------------------------------------------*/

#side-column{
	width:170px;
	float:right;
	margin-bottom:40px;
}

.cur-date{
	font-size:24px;
	font-weight:700;
	border-bottom:1px solid #bebebe;
	margin-bottom:20px;
	line-height:1.4;
}

/*気温単位切替ボタン*/
.btn-temp{
	width:169px;
	height:26px;
	display:block;
	margin-bottom:20px;
	cursor:pointer;
}
.btn-temp.fah{
	background:url(../img/common/btn_temp.png) left top no-repeat;
}
.btn-temp.cel{
	background:url(../img/common/btn_temp.png) left -26px no-repeat;
}
body.temp_unit_f .btn-temp.fah { display:block;}
body.temp_unit_f .btn-temp.cel { display:none;}
body.temp_unit_c .btn-temp.fah { display:none;}
body.temp_unit_c .btn-temp.cel { display:block;}



.btn-submit{
	width:52px;
	height:23px;
	cursor:pointer;
	border:none;
	background:url(../img/common/btn_search.png) left top no-repeat;
	color:#FFF;
	/*font-weight:bold;*/
	font-size:10px;
}


.select-ss{
	width:170px;
	height:300px;
	margin:10px 0 20px;
	overflow-y:scroll;
	border:1px solid #DDD;
	background-color:#FDFAF5;
}
.select-ss li{
	padding:2px 5px;
	background:white;
}

.select-ss li.bg-g{
	background:#ECEBE6;
}


.bnr-area li{
	margin-bottom:8px;
}


/***********************************************************/
/*要素*/
/***********************************************************/

h2{
	clear:both;
	color:#000000;
	font-size:24px;
	font-weight:700;
	background:url(../img/common/bg_h2.gif) left bottom no-repeat;
	padding:0 0 10px 5px;
	margin-bottom:20px;
	line-height:1.2;
	
}

h2 span{
	font-size:20px;
	font-weight:300;
}

h3{
	font-size:12px;
	font-weight:bold;
	margin:0 0 3px 0;
}

h3.main{
	font-size:18px;
	font-weight:700;
	margin:0 0 10px 0;
	background:url(../img/common/bg_h3.png) left bottom repeat-x;
	padding:10px 0 10px;
}

/*h3.main span{
	display:block;
	height:auto;
	width:auto;
	background:url(../img/common/bg_h3.png) left center repeat-x;
}*/
h3.main.short{
	padding-right:300px;
}



h4{
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}













/***********************************************************/
/*トップページ*/
/***********************************************************/





/***********************************************************/
/*下層ページ*/
/***********************************************************/

.btn-change{
	height:31px;
	position:relative;
}
.btn-change p{
	text-align:center;
	float:right;
	width:103px;
	height:31px;
	cursor:pointer;
	/*display:block;*/
	background:url(../img/common/btn_change.png);
	line-height:31px;
	text-decoration:none;
	font-weight:bold;
	padding:0 35px 0 5px; 
	font-size:12px;
}

.btn-ch-wrap{
	float:right;
	width:142px;
	cursor:pointer;
}

.btn-ch-top{
	width:142px;
	height:4px;
	background:url(../img/common/btn_chang_bg.png) left top no-repeat;
}
.btn-ch-mid{
	width:142px;
	background:url(../img/common/btn_chang_bg.png) left -4px no-repeat;
	
}
.btn-ch-mid-inner{
	width:103px;
	padding:4px 35px 4px 5px; 
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
	line-height:1.2;
	text-align:center;
	background:url(../img/common/btn_chang_icon.png) 110px center no-repeat;
	
}
.btn-ch-btm{
	background:url(../img/common/btn_chang_bg.png) left bottom no-repeat;
	width:142px;
	height:4px;
	margin:0 0 10px 0;
}

.popmsg-wrap{
	width:147px;
	position:absolute;
	bottom:-5px;
	right:140px;
}

.popmsg{
	padding:2px 20px 9px 10px;
	color:#ec6841;
	font-size:12px;
	background:url(../img/common/bg_popmsg.png) left bottom no-repeat;
}
.popmsg-top{
	background:url(../img/common/bg_popmsg.png) left top no-repeat;
	height:6px;
	width:147px;
}

#citylist-box{
	width:170px;
	height:300px;
	border: 1px solid #AAAAAA;
    border-radius: 4px;
    box-shadow: 0 2px 2px #CCCCCC inset;
	background:#fff;
    line-height: 26px;
    padding: 0 2px;
	display:none;
	position:absolute;
	overflow:scroll;
}


#citylist-box ul li a{
	display:block;
	background:#FDFAF5;
	padding:0 5px;
}
#citylist-box ul li.bg-g a{
	display:block;
	background:#ECEBE6;
}





.list-aroundcity li{
	line-height:2.5;
	display:inline;
	margin:0 10px 0 0;
}