@charset "shift_jis";
/*
===== CONTENTS ==============================
    1: universal reset
    2: body and base setting
        : general params
        : acronyms and abbreviations styles
    3: link setting
=============================================
*/
/*
===== 1: universal reset =====
*/
*{
    margin:0;
    padding:0;
}
/* general params
--------------------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
	font-size:1em;
	padding: 0;/* margin&padding reset */
	line-height: 160%;/* base line height */
	text-align: left;
	display: block;
	margin: 0px;
	font-weight: normal;
	color: #333333;
}
/*table {margin : 0;empty-cells: show;}*/
hr {}
img { border: none; }/* img do not want a border */
li {}/* link do not want a dot */
img {
	vertical-align: bottom;
}
ol, ul {
	list-style: none;
}
table {
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
}
/* acronyms and abbreviations styles
-------------------------------------*/
acronym,abbr{}
/*
===== 3: link setting =====

a:link{
    color:#0089B6;
    text-decoration:none;
}
a:visited{
    color:#005B79;
    text-decoration:none;
}
a:hover{
    color:#0089B6;
    text-decoration:underline;
}
a:active{
    color:#0089B6;
    text-decoration:underline;
}*/
/*
===== clear setting =====
*/
.f-box-header:after, #f-plan:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/*
===== content setting =====
*/
#f-wrapper {
	width: 980px;
	clear: both;
}
/*#f-wrapper h1, #f-wrapper h2, #f-wrapper h3, #f-wrapper h4,
#f-wrapper h5, #f-wrapper p, #f-wrapper li, #f-wrapper td, #f-wrapper th {
	font-size: 0.8em
}*/
#f-header .f-header-box1 {
	width: 980px;
}
#e-nav {
	clear: both;
	padding-top: 29px;
}
#bt_forecast, #bt_why {
	float: left;
}
#bt_forecast {
	padding-right: 14px;
}
#bt_print {
	float: right;
}
#e-guide {
	clear: both;
}
#e-guide h1 {
	padding-top: 45px;
}
#guide-box {
	padding: 65px 0 55px 20px;
}
#e-guide h2 {
	float: left;
	width: 330px;
	padding-right: 30px;
}
#guide-box ul li {
	float: left;
	padding-right: 19px;
}
#per-day, #situation-graph, #diary-list {
	clear: both;
	width: 940px;
	height: auto;
	background: #ffffff url(/forecast/html/images/explain_bg03.gif) repeat-x 0px 0px;
	margin-top: 60px;
	padding: 20px 20px 0;
}
#per-day {
	_margin-top: 30px;
}
#per-day h2, #situation-graph h2, #diary-list h2 {
	margin-bottom: 30px;
}
#per-day h3, #per-day_img {
	margin-left: 162px;
}
#per-day h3 {
	width: 616px;
	margin-bottom: 22px;
}
#per-day_img {
	background: url(/forecast/html/images/explain_il01.jpg) no-repeat;
	width: 616px;
	height: 308px;
}
#per-day_img ul {
	padding: 228px 0 0 85px;
}
#per-day_img li {
	float: left;
}
#per-day_left {
	padding-right: 113px;
}
#outlook, #usage {
	clear: both;
	margin-top: 50px;
}
#outlook h4, #usage h4 {
	padding-bottom: 8px;
	border-bottom: 4px solid #b3b3b3;
	margin-bottom: 35px;
}
#outlook_info {
	width: 940px;
	background: url(/forecast/html/images/explain_bg01.jpg) no-repeat right;	
	min-height: 209px;
	height: auto !important;
	height: 209px;
}
#outlook_info p {
	width: 393px;
}
#color {
	width: 393px;
	float: left;
	padding-right: 78px;
}
#calculation {
	width: 430px;
	float: left;
}
#color h5, #calculation h5 {
	padding: 60px 0 10px;
	font-weight: bold;
}
#color p, #calculation p {
	padding-bottom: 10px;
}
#related {
	clear: both;
	margin-left: 471px;
}
#related li {
	display: inline;
	padding-right: 25px;
}
.totop {
	clear: both;
	margin-top: 30px;
	width: 940px;
}
.totop p {
	text-align: right;
}
.totop a, .totop a:hover {
	color: #000000;
	text-decoration: none;
}
#usage {
	width: 940px;
	background: url(/forecast/html/images/explain_bg02.gif) no-repeat right 59px;
	min-height: 291px;
	height: auto !important;
	height: 291px;
}
#usage h5, #usage p {
	width: 393px;
}
#usage h5 {
	font-weight: bold;
	padding-bottom: 10px;
}
#usage p {
	padding-bottom: 30px;
}
#tab-area {
	margin: 30px 0 0;
	width: 903px;
}
#graph-nav {
	float: right;
}
#graph-nav li {
	margin-bottom: 7px;
}
#tab-2, #tab-3, #tab-4 {
	display: none;
}
#tab-box {
	border: 4px solid #80e8d1;
	width: 680px;
	padding: 4px 6px 30px;
}
.tab-inner {
	width: 660px;
	margin-left: 10px;
}
#tab-box h4 {
	margin: 10px 0 0;
	font-weight: bold;
}
.bold {
	font-weight: bold;
}
#tab-3 li {
	margin-top: 20px;
	padding-left: 32px;
}
#olist1 {
	background: url(/forecast/html/images/explain_ic01.gif) no-repeat 10px 0px;	
}
#olist2 {
	background: url(/forecast/html/images/explain_ic02.gif) no-repeat 10px 0px;	
}
#olist3 {
	background: url(/forecast/html/images/explain_ic03.gif) no-repeat 10px 0px;	
}
#tab-4 h5 {
	margin-top: 45px;
}
#tab-4 li {
	display: inline;
	padding-right: 25px;
}
#list_headline:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#list_headline {
	display: block;
	min-height: 1%;
}
*:first-child+html #list_headline {
	display:
	 inline-table;
}
#diary-list h3 {
	float: left;
	width: 774px;
}
#diary_print {
	float: right;
	width: 136px;
}
#month_open {
	clear: both;
}
#diary-list h4 {
	font-weight: bold;
	float: left;
	padding-bottom: 5px;
}
#singular {
	height: 18px;
	line-height: 18px;
	float: right;
}
.month_box {
	clear: both;
	margin-top: 28px;
	background: url(none);
}
#diary-list table {
	clear: both;
	border-right: 1px solid #9e9e9e;
	border-bottom: 1px solid #9e9e9e;
	width: 940px;
}
#diary-list td, #diary-list th {
	border-left: 1px solid #9e9e9e;
	border-top: 1px solid #9e9e9e;
	text-align: center;
	vertical-align: middle;
	padding-top: 10px;
	padding-bottom: 10px;
}
#diary-list th {
	font-weight: normal;
}
#diary-list td {
	width: 26px;
}
.col_sat {
	color: #0000ff;
}
.col_sun {
	color: #ff0000;
}
.bg_sin {
	background-color: #b3b3b3;
}
.trigger {
	margin: 17px 0 0 417px;
}
#to-en {
	margin-top: 60px;
	padding-bottom: 20px;
}
#to-en p {
	text-align: right;
}