@charset "UTF-8";

/*-----------------------------------------------
(Component)
__NavSkip (NavigationSkip)
__Header
__Clearfix
__Global Navi
__Side
__Main
__Footer
__Common
-----------------------------------------------*/
body{
	background-image: url(../images/top/blue_gradation.gif);
	background-repeat:repeat-x;	 
}
/*----------------------------------------------
__NavSkip (NavigationSkip)
-----------------------------------------------*/
span#navSkip {
	position: absolute;
	top: 0;
	left: 0;
}
/*-----------------------------------------------
__Header
-----------------------------------------------*/
#header h1{
	width: 1000px;
	margin: 0;
}
.header_img{
	clear: left;
}
/*----------------------------------------------
__Clearfix
-----------------------------------------------*/
/*
div:after {
	content: ".";
	display: block;
	visibility: hidden;  
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
div{---For IE7
	zoom: 100%;
}
*/

/*-----------------------------------------------
__Global Navi
-----------------------------------------------*/
#gl_navi{
	margin: 0 auto;
	width: 796px;
}	
#gl_navi li{
	margin: 0;
	padding: 0;
	float: left;
}
/*---Clearfix
div:after {
	content: ".";
	display: block;
	visibility: hidden;  
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
div{---For IE7
	zoom: 100%;
}
*/
/*-----------------------------------------------
__Main
-----------------------------------------------*/
#main p.box_01{
	width: 530px;
	margin: 0 0 20px 30px;
}
#main .bn_top-nannounet{
	margin: 0 0 10px 28px;
}
#main h2{
	margin: 15px 0 10px 20px;
}
#news{
	width: 525px;
	margin: 10px 0 30px 25px;
	height: 100px;
	padding: 5px 5px 15px 10px;
	overflow: auto;
	background-color: #f1f1f1;
}
#news dl {
	width:200px;
}
#news dt {
	width:120px;
	line-height:15px;
	font-weight: bold;
	color: #777777;
	margin-top: 10px;
}
#news dd {
	line-height: 15px;
	margin:-15px 0 0 140px;
}
#main #kankou_spot{
	width: 530px;
	margin: 10px 0 0 30px;
}	
#main #kankou_spot .align-r{
	text-align: right;
	margin: 10px 0 0 0;
	font-size: 95%;
}
#main #shop_pick-up{
	width: 530px;
	margin: 10px 0 0 30px;
}
#main #shop_pick-up .align-r{
	text-align: right;
	margin: 10px 0 0 0;
	font-size: 95%;
}
/*-----------------------------------------------
__マウスが重なったとき、下線を出す
-----------------------------------------------*/
a:link {color:#663300 ; text-decoration: none;}
a:visited {color:#663300 ; text-decoration:none;}
a:active {color:#663300 ; text-decoration:none;}
a:hover {color: #ff6600; text-decoration:underline;}
	
#main .p_ko01{
	width: 219px;
	text-align: right;
	margin: 10px 0 30px 345px;
}
/*-----------------------------------------------
__ページの先頭へ戻る
-----------------------------------------------*/
.page_top{
	width: 730px;
	clear: both;
	border-top: dotted 2px #ccc;
	padding-top: 15px;
}
#baner_box .page_top{
	margin: 0 auto;
	padding-bottom: 20px;
}
/*-----------------------------------------------
__Side
-----------------------------------------------*/
#side ul{
	margin: 10px 0 0 0;
}
#side li{
	margin: 5px 0 0 8px;
}
.margin_top_10{
	margin-top: 10px;
}
.margin_0{
	margin: 0;
}
/*-----------------------------------------------
__baner_box　自動でスクロールするバナー
-----------------------------------------------*/
#baner_box{
	clear: both;
	width: 797px;
	margin: 0 auto;
}
#baner_box .p_ko01{
	margin: 10px 0 0 30px;
	font-size: 95%;
}
#baner_box .p_ko03{
	width: 765px;
	text-align: right;
	margin: 10px 0 30px 0;
}
/*-----------------------------------------------
__Footer
-----------------------------------------------*/
#footer{
	width: 1000px;
	height: 184px;
}
#footer p{
	width:500px;
	padding: 75px 0px 0 390px;
}
#footer p img{
	margin: 5px 5px 0 5px;
}
/*-----------------------------------------------
__Common
-----------------------------------------------*/
.f_right{
	float: right;
}
.f_right{
	float: left;
}
.c_both{
	clear: both;
}
.img_line{
	margin: 5px;
	padding: 2px;
	border: 1px solid #ccc;
}
.icon{
	margin: 5px;
	vertical-align: middle;
}