/* ------------------------------------------------------------------------- */
/*		base Style Sheet		*/
/* ------------------------------------------------------------------------- */


*{
margin:0;
padding:0;
border:0;
}

div{
	border:0;
}


body{
font-family:"ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3",verdana,arial, sans-serif;
background-color:#FFFFFF;
margin:0 auto;
padding:0;
text-align:center;
font-size:11px;line-height:1.6;
color:#3333333;
background-color:#2C3364;
}

/* IE 6made only*/
* html body{
font-size:68%;line-height:1.5;
}

/* safari only*/
html[xmlns*=""]body:last-child {
font-size:11px;
}

img{
border:none;
vertical-align:top;
margin:0;
padding:0;
}


a{
color:#444444;
text-decoration:none;
border:0;
}

a:hover{
color:#444444;
text-decoration:underline;
border:0;
}


.clear{
clear:both;
margin:0;
_height:1px;
}

/*CLEARFIX*/
.clearf:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearf {
	display:block;
	min-height: 1px;
}


input{
border:1px gray solid;
padding:5px;
}

textarea{
border:1px gray solid;
padding:5px;
margin-bottom:10px;
}

#all{
width:100%;
text-align:center;
}

#wrap{
width:880px;
margin:20px auto;
text-align:center;
}

#white{
background-image:url(img/back_white.gif);
background-repeat:repeat-y;
text-align:left;
}

#n_wide{
width:774px;
margin-left:53px;
padding-top:30px;
}

#n_wide2{
width:774px;
margin-left:53px;
}

.margin20{
	margin-bottom:20px;
}

/* ------------------------------------------------------------------------- */
/*		head		*/
/* ------------------------------------------------------------------------- */

#headmail{
width:860px;
padding-top:7px;
text-align:right;
}

#headtit{
	margin:8px auto 0 302px;
	;
}

#headtit_each{
	margin:0 auto 0 336px;
	;
}

#hmenu{
width:800px;
margin:27px auto 0 52px;
height:18px;
background:url(../img/menu_ten.gif) no-repeat;
background-position:0 22px;
height:46px;
}

#hm{
list-style-type:none;

}

#hm li{
float:left;
}

#hm li#hm_top, #hm li#hm_scone, #hm li#hm_bike, 
#hm li#hm_cafe, #hm li#hm_map, 
#hm li#hm_contact, #hm li#hm_blog, #hm li#hm_bar, #hm li#hm_links,
#hm li#hm_top a, #hm li#hm_scone a, #hm li#hm_bike a, 
#hm li#hm_cafe a, #hm li#hm_map a, 
#hm li#hm_contact a, #hm li#hm_blog a, #hm li#hm_bar a, #hm li#hm_links a{
display:block;
height:18px;
background-repeat:no-repeat;
margin-right:34px;
}

#hm li#hm_blog, #hm li#hm_blog a{
margin-right:160px;
}

*html #hm li#hm_top, *html #hm li#hm_scone, *html #hm li#hm_bike, 
*html #hm li#hm_cafe, *html #hm li#hm_map, 
*html #hm li#hm_contact, *html #hm li#hm_blog, *html #hm li#hm_bar, *html #hm li#hm_links,
*html #hm li#hm_top a, *html #hm li#hm_scone a, *html #hm li#hm_bike a, 
*html #hm li#hm_cafe a, *html #hm li#hm_map a, 
*html #hm li#hm_contact a, *html #hm li#hm_blog a, *html #hm li#hm_bar a, 
*html #hm li#hm_links a{
display:block;
height:18px;
background-repeat:no-repeat;
margin-right:17px;
}

*html #hm li#hm_blog, *html #hm li#hm_blog a{
	margin-right:80px;
}


#hm li#hm_top a span, #hm li#hm_scone a span, #hm li#hm_bike a span, 
#hm li#hm_cafe a span, #hm li#hm_map a span, 
#hm li#hm_contact a span, #hm li#hm_blog a span, #hm li#hm_bar a span, #hm li#hm_links a span{
position:absolute;
top:-3000px;
left:-3000px;
z-index:1;
} 

#hm li#hm_top, #hm li#hm_top a{
width:28px;
height:18px;
background:url(img/hm_top.gif) no-repeat;
}

#top #hm li#hm_top a, #hm li#hm_top a:hover{
background-image:url(img/ov/hm_top.gif);
height:18px;
}

#hm li#hm_scone, #hm li#hm_scone a{
width:45px;
height:18px;
background:url(img/hm_scone.gif) no-repeat;
}

#scone #hm li#hm_scone a, #hm li#hm_scone a:hover{
background-image:url(img/ov/hm_scone.gif);
height:18px;
}



#hm li#hm_bike, #hm li#hm_bike a{
width:95px;
height:18px;
background:url(img/hm_bike.gif) no-repeat;
}

#bike #hm li#hm_bike a, #hm li#hm_bike a:hover{
background-image:url(img/ov/hm_bike.gif);
height:18px;
}


#hm li#hm_cafe, #hm li#hm_cafe a{
width:87px;
height:18px;
background:url(img/hm_cafe.gif) no-repeat;
}

#cafe #hm li#hm_cafe a, #hm li#hm_cafe a:hover{
background-image:url(img/ov/hm_cafe.gif);
height:18px;
}




#hm li#hm_map, #hm li#hm_map a{
width:36px;
height:18px;
background:url(img/hm_map.gif) no-repeat;
}

#map #hm li#hm_map a, #hm li#hm_map a:hover{
background-image:url(img/ov/hm_map.gif);
height:18px;
}



#hm li#hm_contact, #hm li#hm_contact a{
width:59px;
height:18px;
background:url(img/hm_contact.gif) no-repeat;
}

#contact #hm li#hm_contact a, #hm li#hm_contact a:hover{
background-image:url(img/ov/hm_contact.gif);
height:18px;
}


#hm li#hm_blog, #hm li#hm_blog a{
width:45px;
height:18px;
background:url(img/hm_blog.gif) no-repeat;
}

#blog #hm li#hm_blog a, #hm li#hm_blog a:hover{
background-image:url(img/ov/hm_blog.gif);
height:18px;
}

#hm li#hm_bar, #hm li#hm_bar a{
width:137px;
height:18px;
background:url(img/hm_bar.gif) no-repeat;
}

#blog #hm li#hm_bar a, #hm li#hm_bar a:hover{
background-image:url(img/ov/hm_bar.gif);
height:18px;
}

#hm li#hm_links, #hm li#hm_links a{
width:45px;
height:18px;
background:url(img/hm_links.gif) no-repeat;
}

#blog #hm li#hm_links a, #hm li#hm_links a:hover{
background-image:url(img/ov/hm_links.gif);
height:18px;
}

/* ------------------------------------------------------------------------- */
/*		footer		*/
/* ------------------------------------------------------------------------- */

#footer{
width:774px;
background-image:url(img/foot_back.gif);
background-repeat:no-repeat;
margin:55px 0 0 0;
height:142px;
}

.gotop{
width:774px;
text-align:right;
height:22px;
}

#address{
width:300px;
margin:15px auto 0 210px;
font-size:90%;line-height:1.5;
}




/* ------------------------------------------------------------------------- */
/*		toppage		*/
/* ------------------------------------------------------------------------- */

#top_news{
width:774px;
background-image:url(img/topimg_news.gif);
background-repeat:no-repeat;
padding-left:95px;
}

#top_news ul{
list-style-type:none;
}

#top_news ul li{
margin-top:5px;
}

#toparea{
margin-top:50px;
}

#top_scone{
width:234px;
float:left;
}
#top_bike{
width:250px;
float:left;
margin-left:50px;
}

#top_cafe{
width:187px;
float:left;
margin-left:50px;
}


/* ------------------------------------------------------------------------- */
/*		common pages		*/
/* ------------------------------------------------------------------------- */

.red{
	color:#F30;
}

.pagearea_top{
width:705px;
margin-top:37px;
margin-left:88px;
text-align:left;
}

.pagearea{
width:705px;
margin-left:88px;
text-align:left;
}

.pagearea_bike{
	margin-top:37px;
width:718px;
margin-left:78px;
text-align:left;
}

.pagearea_map{
width:730px;
margin-top:52px;
margin-left:88px;
text-align:left;
}



.mainimage{
width:250px;
text-align:left;
float:left;
}

.maintext{
width:405px;
margin-left:48px;
float:left;
}

.pagearea_bike .maintext{
width:405px;
margin-left:38px;
float:left;
}


.pagearea_bike .mainimage{
width:275px;
text-align:left;
float:left;
}


.pagearea_map .mainimage{
width:320px;
text-align:left;
float:left;
}


.pagearea_map .maintext{
width:370px;
margin-left:38px;
float:left;
}


.pagetitle{
margin:12px auto 25px 0;
}

.bikeimg{
width:275px;
text-align:left;
float:left;
}



.midashiblue{
display:block;
color:#348699;
margin:25px auto 5px 0;
}

.midashiorange{
display:block;
color:#FF9833;
margin:25px auto 5px 0;
}




.small{
font-size:70%;
margin-left:15px;
}

.small2{
font-size:90%;
}

.ten880{
width:880px;
margin-top:34px;
padding-bottom:34px;
}

.cyusyaku{
	border:1px dotted #acb5c6;
	padding:15px;
}

.cyusyaku h3{
	display:block;
	margin-bottom:7px;
	font-size:100%;
	color:#2c4064;
}

.margint30{
	margin-top:30px;
}

.margint40{
	margin-top:40px;
}

/* ------------------------------------------------------------------------- */
/*		contact		*/
/* ------------------------------------------------------------------------- */

#main_contact{
	width:668px;
	margin-top:30px;
	margin-left:37px;
}

#main_links{
margin-top:30px;
width:100%;
}

.midashi_red{
display:block;
color:#FF3300;
margin:5px auto 5px 0;
}

.left50{
width:674px;
margin:15px 50px;
}


/* ------------------------------------------------------------------------- */
/*		news	*/
/* ------------------------------------------------------------------------- */


#map_img{
width:325px;
float:left;
}

#news_text{
width:400px;
float:left;
margin-left:10px;
}

.list{
margin-top:16px;
list-style-type:none;
list-style-position:inside;
list-style-image:url(img/ten.gif);
}

.listscone{
margin-top:16px;
margin-bottom:16px;
list-style-type:none;
list-style-position:inside;
list-style-image:url(img/ten.gif);
}

.list2{
margin-top:8px;
list-style-type:none;
list-style-position:inside;
list-style-image:url(img/ten.gif);
}

.list li{
margin-top:2px;
}

/* ------------------------------------------------------------------------- */
/*		tea	*/
/* ------------------------------------------------------------------------- */


.teas{
display:block;
color:#79A8C1;
margin-bottom:3px;
margin-top:12px;
}


/* ------------------------------------------------------------------------- */
/*		links	*/
/* ------------------------------------------------------------------------- */

.linktable{
width:705px;
margin:5px 0 10px 0;

}

.linktable td{
	 font-size:11px;
}

.linktable td a{
	color:#036;
}

.tdleft{
	 width:170px;
	 padding-left:6px;
}

.tdright{
	padding:5px 10px 2px 10px;
 border-bottom:1px dotted #999;
}


.tourtable{
	display:block;
	width:400px;
	margin-bottom:25px;
}

.tourtable th, .tourtable td{
	padding:3px;
	text-align:left;
	font-size:10px;
	line-height:1.5em;
	border-bottom:1px dotted #999;
}

.tourtable thead th, .tourtable thead td{
	font-weight:bold;
	padding-bottom:5px;
}

.margint100{
	display:block;
	margin-top:100px !important;
}


/* ------------------------------------------------------------------------- */
/*		scones	*/
/* ------------------------------------------------------------------------- */

.topm30{
	margin-top:30px;
}

dl.sconelist {
	width:705px;
	margin:20px 0 15px 0;
}

.sconelist dt{
	float:left;
	width:240px;
	padding:5px;
	clear:both;
	border-bottom:1px dotted #CCC;
}


.sconelist dd{
	float:left;
	width:445px;
	padding:5px;
border-bottom:1px dotted #CCC;
}


dl.giftmemo{
	width:400px;
	margin:25px 0 35px 0;
	line-height:1.7;
	font-size:11px;
}

dl.giftmemo dd a{
	text-decoration:underline;
}

.giftmemo dt{
	float:left;
	width:20px;
padding-bottom:15px;
	clear:both;
}


.giftmemo dd{
	float:left;
	width:360px;
padding-bottom:15px;
}

/* ------------------------------------------------------------------------- */
/*		2011/12/12 追加	*/
/* ------------------------------------------------------------------------- */

#blog{
	padding:0 0 0 0;
}

#blog .newsBlock {
	padding:0 0 0 0;
	width:650px;
}

#blog .newsBlock dl {
	margin:0 0 0 2px;
}

#blog .newsBlock dt {
	float:left;
	padding:0px 15px 10px 0px;
	line-height:1.2;
	color:#2b588e;
	font-weight:bold;
}

#blog .newsBlock dd {
	padding:0px 0 10px 0px;
	line-height:1.2;
	overflow:hidden;
}

.giftmemo p{
padding-bottom:15px;
}