@import url("menu.css");
@import url("common.css");
/* =====================================================================
　トップページ用設定　
===================================================================== */

/* ------------------------------------------------------------------
背景　
---------------------------------------------------------------------*/
#ground_body {
	background-image: url(../images/shared/ground.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}


/**トップページメイン******/
#top_img{
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/top/main.jpg);
	background-repeat: no-repeat;
	height: 237px;
}
#top_img h2{
	padding-top: 10px;
	padding-left: 350px;
}
#top_img p{
	padding-top: 10px;
	padding-left: 350px;
	font-size: 75%;
	padding-right: 10px;
	padding-bottom: 10px;
}
#top_img .qr {
	TEXT-ALIGN: center;
	MARGIN-TOP: 20px;
	WIDTH: 110px;
	FLOAT: right;
	FONT-SIZE: 8pt
}

/*************************************/
.box {
	font-size:10pt;
	background-color: #333333;
	background-image: url(../images/top/info_bg.gif);
	background-repeat: repeat;
	width: 285px;
	float: left;
	margin-left: 10px;
	margin-bottom: 20px;
	overflow: hidden;
}
.box p{padding:5px;}
.box img{
	padding: 3px;

}
.box h3{
	background-color: #333333;
	font-size: 11pt;
	font-weight: bold;
	padding: 3px;
	border: 1px solid #666666;
	width: 274px;
}

.box a{
	color:#FFFF66;
	font-weight: bold;
	text-decoration: underline;
}
.box a:hover{color:#FF9966;font-weight: bold;}

.box .btm a{
	background-image: url(../images/top/more.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 75px;
	text-indent: -9999pt;
	display: block;
	vertical-align: bottom;
}
.box .btm a:hover{background-position:0 -18px;}

#container div.box h3 a {display:block; overflow:hidden; white-space:nowrap;}

.caption {font-size:8pt;color:#FFCC99;}

.readMore {text-align:right; margin-right:10px; font-size:9pt;}
.readMore a {color:#FFFF66; text-decoration:underline;}
.readMore a:hover{color:#FF9966;}
/******************************************************/
#weather {
	font-size:10pt;
	padding-top: 25px;
}
#weather  h4{float:right;margin-right:10px; margin-top:5px;}
.weather_link {display:none;}

/***コンテナー*************************/
#container{
	background-color: #2D1307;
	width: 898px;
	margin-right: auto;
	margin-left: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}