@charset "Shift_JIS";


/*
	* Copyright (C) 2007 CREATIVE-WEB All rights reserved.
	* URL : http://www.Sample.com/
	* 最終更新日 2007年6月18日
*/


/*
	* 1.基本レイアウト
	* 2.基本設定
	* 3.ヘッダー（header）
	* 4.サイド（left）
	* 5.メイン（maincol）
	* 6.サイド（right）
	* 7.フッター（footer）
	* 8.サブページ
*/



/********************************************************************************************************************************
**	1.基本レイアウト
********************************************************************************************************************************/
html {
	overflow-y:scroll;
}

body {
	margin:0;
	padding:0;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

html:\66irst-child body {
	letter-spacing:-1px;/* Mac Safariのみ適用 \*/
}

#container {
	margin:0 auto;
	padding:0;
	width:100%;
	font-size:12px;
	line-height:1.4;
	color:#666666;
}

#header {
	width:100%;
	height:155px;
	background:url(../img/h_bg.gif) top repeat-x;
	margin:0 0 15px 0;
	padding:0;
}

#header_inner {
	position:relative;
	width:800px;
	margin:0 auto;
	padding:0;
}
	
#header2 {
	width:100%;
	height:155px;
	background:url(../img/h_bg2.gif) repeat-x;
	margin:0 0 15px 0;
	padding:0;
}
	


#content {
	width:800px;
	margin:0 auto;	
	padding:0;
}

#content_inner {

}



#maincol {
	float:left;
	width:580px;
	margin:0;
	line-height:160%;
}


#rightcol {
	float:right;
	width:200px;
}

#footer {
	width:100%;
	padding:0;
	background:url(../img/h_bg.gif) bottom repeat-x;
	margin:20px 0 0 0;
}

#footer_inner {
	background:url(../img/f_bg_up.gif) top repeat-x;
	width:100%;
	margin:0 auto;
	padding:5px 0 0 0;
}

#footer_content {
	width:800px;
	margin:0 auto;
}


/********************************************************************************************************************************
**	2.基本設定
********************************************************************************************************************************/

h1,h2,h3,h4,h5 {
margin:0;
padding:0;
}

h3{
	margin:0 0 10px 0;
	padding:0;
}
	

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

p {
	margin:0;
	padding:0;
}

.clear {clear:both;}

form {margin:0;}

textarea {}

input {}

.margin10{
	margin:10px;
}
	
.padding10{
	padding:10px;
}
	
.dot{
	padding:0 0 3px 0;
	margin:0 0 3px 0;
	background:url(../img/dot.gif) bottom repeat-x;
}
		
.text10{
	font-size:10px;
}

.ieselect_area{
	margin:0;
	padding:5px 0 4px 10px;
	color:#00214A;
	background:url(../img/bar_chiiki.jpg) no-repeat;
	font-weight:bold;
	font-size:14px;
}

.color_black{
	color:#000000;
}
	
.bg_brown{
	background:#666666;
	color:#FFFFFF;
	font-weight:bold;
	padding:3px 0 3px 10px;
}
.orange{
	color:#FF3300;
}
	
.under_15px{
	margin:0 0 15px 0;
}


.white{
	color:#FFFFFF;
	font-weight:bold;
}
	
.text10_120{
	font-size:10px;
	line-height:120%;
}

.text12_120{
	font-size:12px;
	line-height:120%;
}
	
.red{
	color:red;
}
	
.marginup_15{
	margin:15px 0 0 0;
	padding:0;
}
.text20{
	font-size:20px;
	line-height:100%;
	}	
	


	
/* link
----------------------------------------------------------------------------------------------------------------------------- */

a:link {
	color:#333333;
	text-decoration:none;
}
a:visited {
	color:#0099FF;
	text-decoration:none;	
}
a:hover {
	color:#FF66CC;
	text-decoration:none;	
}



table.ieselect a:link {
	color:#0066FF;
	text-decoration:none;
}
table.ieselect a:visited {
	color:#0066FF;
	text-decoration:none;	
}
table.ieselect a:hover {
	color:#FF0000;
	text-decoration:none;	
}



/********************************************************************************************************************************
**	3.ヘッダー
********************************************************************************************************************************/



h1{
	position:absolute;
	left:0;
	top:35px;
}

h2{
	position:absolute;
	height:16px;
	background:#F3F3F3;
	width:375px;
	font-size:10px;
	left:290px;
	top:35px;
	padding:2px;
	font-weight:normal;
	}
	
#header_inner p{
	position:absolute;
	right:0;
	top:35px;
	}
	
	
#h_text{
	position:absolute;
	width:800px;
	font-size:10px;
	color:#FFFFFF;
	}	

#h_comment{
	position:absolute;
	width:375px;
	left:290px;
	top:60px;
	padding:2px;
	font-size:10px;
	}




/* h_Navi
------------------------------------------------------------------------------- */

ul#h_navi {
	top:100px;
	position:absolute;
	margin:10px 0 0 0;
	padding:0;
	width:800px;
	list-style:none;
	display:inline-block;/* For IE7 */
}

/*　これはfloatのあとのclearなしでレイアウト保持できるCSSハック

ul#global_navi:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;　
}

*/

ul#h_navi li {
	float:left;
	margin:0;
	padding:0;
}

ul#h_navi li a{
	display:block;
	width:133px;
	height:45px;
	outline:none;/* For FF */
}


ul#h_navi li.con a{
	display:block;
	width:135px;
	height:45px;
	outline:none;/* For FF */
}

ul#h_navi li#h_navi1 {background:url(../img/h_navi1_mo.jpg) no-repeat;}
ul#h_navi li#h_navi2 {background:url(../img/h_navi2_mo.jpg) no-repeat;}
ul#h_navi li#h_navi3 {background:url(../img/h_navi3_mo.jpg) no-repeat;}
ul#h_navi li#h_navi4 {background:url(../img/h_navi4_mo.jpg) no-repeat;}
ul#h_navi li#h_navi5 {background:url(../img/h_navi5_mo.jpg) no-repeat;}
ul#h_navi li#h_navi6 {background:url(../img/h_navi6_mo.jpg) no-repeat;margin:0;}
ul#h_navi li#h_navi7 {background:url(../img/h_navi7_mo.jpg) no-repeat;}
ul#h_navi li#h_navi8 {background:url(../img/h_navi8_mo.jpg) no-repeat;}
ul#h_navi li#h_navi9 {background:url(../img/h_navi9_mo.jpg) no-repeat;}
ul#h_navi li a:hover img{visibility:hidden;}
ul#h_navi li a:hover{background-color:transparent;}




/********************************************************************************************************************************
**	4.top_search
********************************************************************************************************************************/



#top_search{
	width:775px;
	height:105px;
	background:url(../img/top_search_bg.jpg) no-repeat;
	padding:95px 0 0 25px;
	margin:0 0 20px 0;

}

#top_search2{
	width:800px;
	padding:0;
	margin:0 0 20px 0;

}

#top_search_ensen{
	float:left;
	width:280px;
	margin:0;
}

#top_search_area{
	float:left;
	margin:0 20px 0 0;
	width:250px;
}

.frame {
	padding:2px;
	margin:0 0 1px 0;
	width:100%;
	clear:both;
}

.a_name {
	padding:0 0 0 0;
	float:left;
	width:55px;
	font-size:14px;
	font-weight:bold;
}

.frame ul {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	font-size:14px;
}

.frame ul li {
	margin:0;
	padding:0;
	float:left;
}

.frame ul li a {
	display:block;
	width:40px;
	padding:0 0 0 20px;
	background:url(../img/icon.gif) 5px 3px no-repeat;	
}
/********************************************************************************************************************************
**	5.メイン
********************************************************************************************************************************/

#top_areashop{
	width:580px;
	margin:20px 0 10px 0;
	padding:0;
}
	
#top_areashop h3{
	margin:0 0 10px 0;
}

#top_areashop ul{
	width:580px;
	margin:0;
	padding:0;
	list-style:none;
}	


#top_areashop ul li{
	float:left;
	width:285px;
	margin:0 10px 10px 0;
	background:url(../img/dot.gif)bottom repeat-x;
	padding:0 0 10px 0;
}
	
#top_areashop ul li.none{
	margin:0;
}

.top_areashop_address{
	float:right;
	width:165px;
	margin:0;
	padding:0;
}

.top_areashop_img{
	float:left;
	width:110px;
	margin:0;
	padding:0;
}
	
	
#top_joken{
	width:580px;
	margin:0 0 10px 0;
	padding:0;
}
	
#top_joken h3{
	margin:0 0 10px 0;
}
	
#top_joho{
	width:580px;
	margin:0 0 10px 0;
	padding:0;
}
	
#top_joho h3{
	margin:0 0 10px 0;
}
	
#top_areasite{
	width:580px;
	margin:20px 0 10px 0;
	padding:0;
}
	
#top_areasite h3{
	margin:0 0 10px 0;
}		

.top_bnr{
	width:580px;
	padding:0;
	margin:0;
}	
	
.top_bnr ul{
	padding:0;
	float:left;
	width:580px;
	list-style:none;
	margin:0;
}	

.top_bnr ul li{
	float:left;
	margin:0 20px 10px 0;
	padding:0;
}
	
.top_bnr ul li.none{
	margin:0;
	padding:0;
}
	
.top_bnr ul li a{
	height:80px;
	width:280px;
	display:block;
}

#top_madori{
	height:30px;
	width:455px;
	padding:0 0 0 125px;
	margin:0 0 20px 0;
	background:url(../img/top_madori.jpg) no-repeat left;
}

#top_sonota{
	height:30px;
	width:425px;
	padding:0 0 0 155px;
	margin:0 0 20px 0;
	background:url(../img/top_sonota.jpg) no-repeat left;
}


.madori {
	padding:5px 0;
	width:100%;
	clear:both;
	background:#F3EDE7;
	height:20px;

}

.madori ul {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	font-size:12px;
}

.madori ul li {
	margin:0;
	padding:0;
	float:left;
}

.madori ul li a {
	display:block;
	width:120px;
	padding:0 0 0 20px;
	background:url(../img/icon.gif) 5px 3px no-repeat;	
}

.areamap{
	padding:10px;
	width:560px;
	height:180px;
	background:url(../img/areasite_map_bg.jpg) no-repeat;
}


#areamap_area ul {
	list-style:none;
	width:560px;
	margin:0;
	padding:0;
	font-size:12px;
	color:#996600;
}

#areamap_area ul li {
	margin:0 10px 10px 0;
	padding:0;
	float:left;
}

#areamap_area ul li a {
	display:block;
	padding:0 0 0 20px;
	width:80px;
	background:url(../img/icon.gif) 5px 3px no-repeat;	
}	

#f_tel{
	margin:20px 0 0 0;
	}
	
	
ul#joho{
	width:570px;
	height:40px;
	padding:5px;
	margin:0;
	background:#CCCCCC;
}	
	
ul#joho li{
	padding:0;
	float:left;
	list-style:none;
	margin:0 5px 0 0;
}

ul#joho li a{
	text-align:center;
	display:block;
	padding:10px 0 0 0;
	width:139px;
	height:30px;
	background:#FFFFFF;
	font-size:14px;
	color:#333333;

}	

ul#joho li.none{
	padding:0;
	margin:0;
	width:137px;
}	


ul#joho li a:hover{
	background:#FF66FF;
	color:#FFFFFF;
}	
/********************************************************************************************************************************
**	6.サイド（right）
********************************************************************************************************************************/


#search {
	margin:0;
	padding:0;
	width:200px;
}

#search p {
	margin:0 0 10px 0;
	padding:0;
	width:200px;
}

#search p.st {
	margin:15px 0 10px 0;
	padding:0;
	width:200px;
}


#search ul {
	list-style:none;
	margin:0 0 15px 0;
	padding:0;	
}

#search li{
	margin:0 0 5px 0;
	padding:0;
}







/********************************************************************************************************************************
**	7.フッター
********************************************************************************************************************************/

#footer ul {
	width:800px;
	margin:0 0 15px 0;
	padding:0;
	list-style:none;
}

#footer ul li {
	font-size:10px;
	margin:0;
	padding:0;
	display:inline;
}

#footer ul li a {
	margin:0 10px 0 0;
	padding:0 0 0 10px;
	white-space:nowrap;
	background:url(../img/f_icon.gif) 0 2px no-repeat;	
}
#footer ul li.bnone {border: none;}



#footer address{
	font-style:normal;
	padding:2px;
	color:#FFFFFF;
	font-size:10px;
	text-align:center;
}

#footer_back{
	width:800px;
	padding:0;
	margin:20px auto 10px auto;
}

#f_company{
	width:276px;
	height:18px;
	margin:0 0 0 auto;
	padding:6px 6px 6px 18px;
	background:url(../img/f_company_bg.gif) no-repeat;
}

#footer_back ul {
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
}

#footer_back ul li {
	font-size:10px;
	margin:0;
	padding:0;
	display:inline;
	background:url(../img/f_icon.gif) 0 2px no-repeat;
}

#footer_back ul li a {
	margin:0 1.2em;
	padding:0 0 2px 0;}
#footer_back ul li.bnone {border: none;}
	


/********************************************************************************************************************************
**	8.サブページ
********************************************************************************************************************************/

#pankuzu{
	margin:0 0 10px 0;
	padding:0 0 0 18px;
	background:url(../img/pankuzu.jpg) 0 1px no-repeat;
	font-size:10px;
	}
	
	
/* shoplist/
=============================================================================================================================== */

.dot_bar_blue {
	margin:0;
	padding:5px 0 7px 10px;
	height:19px;
	font-size:14px;
	color:#333333;
	background:url(../img/bg_dotbar_blue.gif) repeat-x;
	}
	
.dot_bar {
	height:29px;
	background:url(../img/dot.gif) repeat-x;
	}
	
.dot_bar_text {
	margin:0;
	padding:5px 0 5px 10px;
	height:14px;
	font-size:12px;
	color:#0099FF;
	background:url(../img/bar_dot2.jpg) repeat-x;
	}
	
.shop_text {
	font-size:12px;
	padding:0 0 0 10px;
}


/********************************************************************************************************************************
**	9.エリアサイト
********************************************************************************************************************************/



#top_ensen{
	width:580px;
	margin:0 0 10px 0;
	padding:0;
}
	
#top_ensen h3{
	margin:0 0 10px 0;
}







/********************************************************************************************************************************
**	10.駅サイト
********************************************************************************************************************************/

#header_st {
	width:100%;
	height:150px;
	background:url(../img/h_bg.gif) top repeat-x;
	margin:0 0 15px 0;
	padding:0;
}

#header_st_inner {
	position:relative;
	width:800px;
	margin:0 auto;
	padding:0;
	height:150px;
}
	
#header_st2 {
	width:100%;
	height:150px;
	background:url(../img/h_bg2.gif) repeat-x;
	margin:0 0 15px 0;
	padding:0;
}	

#header_st2_inner {
	position:relative;
	width:800px;
	margin:0 auto;
	padding:0;
	height:150px;
}
#header_st h1{
	position:absolute;
	left:0;
	top:65px;
	font-size:25px;
	color:#493825;
}

#header_st2 h1{
	position:absolute;
	left:0;
	top:65px;
	font-size:25px;
	color:#493825;
}

#header_st h2{
	position:absolute;
	height:16px;
	background:#F3EDE7;
	width:365px;
	color:#996633;
	font-size:10px;
	left:285px;
	top:35px;
	padding:2px;
	font-weight:normal;
}
#header_st2 h2{
	position:absolute;
	height:16px;
	background:#F3EDE7;
	width:365px;
	color:#996633;
	font-size:10px;
	left:285px;
	top:35px;
	padding:2px;
	font-weight:normal;
}	
#header_st_inner p.cjslogo{
	position:absolute;
	right:0;
	top:35px;
}
	
#header_st_inner p.cjstitle{
	position:absolute;
	left:0;
	top:30px;
	width:275px;
}	
	
#h_text_st{
	position:absolute;
	width:800px;
	font-size:10px;
	color:#FFFFFF;
}	

#h_comment_st{
	position:absolute;
	width:365px;
	left:285px;
	top:60px;
	padding:2px;
	font-size:10px;
}



#top_search_area_st{
	width:380px;
	height:75px;
	background:url(../img/top_search_st_bg.jpg) no-repeat;
	padding:75px 180px 15px 20px;
	margin:0 0 20px 0;
}

#top_search_area_st h3{
	width:530;
	margin:0 0 15px 0;
	padding:0;
	font-size:12px;
	font-weight:normal;
}
	

/* search_btn/
=============================================================================================================================== */

#search_st_btn{
	background:url(../img/search_st_btn.jpg) no-repeat;
	margin:0 0 25px 0;
}	
	
#search_st_btn a{
	text-align:center;
	display:block;
	width:550px;
	height:30px;
	padding:25px 15px ;
	line-height:100%;
	font-size:25px;
	color:#FFFFFF;
}			

#search_st_btn a:hover{
	background:url(../img/search_st_btn2.jpg) no-repeat;
}


#near{

}

#near p{
	margin:0 0 10px 0;
}

.st_icon{
	padding:0 0 0 20px;
	background:url(../img/icon.gif) 5px 3px no-repeat;
	font-size:14px;
	color:#0099FF;
}

#near ul {
	width:800px;
	margin:0 0 15px 20px;
	padding:0;
	list-style:none;
}

#near ul li {
	font-size:12px;
	margin:0;
	padding:0;
	display:inline;

}

#near ul li.here {
	font-size:14px;
	margin:0 10px 0 0;
	padding:0 0 0 10px;
	color:#FF3300;
	background:url(../img/f_icon.gif) 0 3px no-repeat;	
	
}

#near ul li a {
	margin:0 10px 0 0;
	padding:0 0 0 10px;
	white-space:nowrap;
	background:url(../img/f_icon.gif) 0 3px no-repeat;	

}

#near ul li a:link  {
	text-decoration:underline;
}	

#top_areasite_st{
	width:580px;
	margin:20px 0 10px 0;
	padding:0;
}
	
#top_areasite_st h3{
	margin:0 0 10px 0;
}
.areamap_st{
	padding:10px;
	width:560px;
	height:80px;
	background:url(../img/bar_top_areasite_st.jpg) no-repeat;
}