@charset "euc-jp";

/*========================================
  ブラウザ初期化
-----------------------------------------*/
* {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 18px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif, Arial, Verdana;
	color: #666666;
	background-color:transparent;
}
img {
	border: none;
	margin: 0;
	padding: 0;
	display: inline;
}
ul {
	list-style-type: none;
}
table {
	border-collapse: collapse;
	empty-cells: show;
}

/*ブラウザ初期化 for IE6*/
td,th,form {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 18px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif, Arial, Verdana;
	color: #666666;
	background-color:transparent;
}
/*========================================
  本文スタイル

-----------------------------------------*/
/*-- aタグ関連 --*/
a:link {
	color: #2276CC;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #2276CC;
}
a:hover {
	text-decoration: underline;
	color: #2276CC;
}
a:active {
	text-decoration: none;
	color: #17378A;
}

/*-- フォントカラー --*/
.brown {color: #D5AD46}
.bold{font-weight: bold; }
.small{font-size: 10px;	line-height: 16px; }

.cl{
	clear:both;
}
.sptxt {  font-size: 12px; 
	text-align-right;
	line-height: 20px;}
/*========================================
  レイアウト
-----------------------------------------*/

body {
	background-color: #1D1D1D;
	background-image: url(img/bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
	text-align:center;
}
img,object {
	border: 0px;
	vertical-align:bottom;
}

#base {
	background-color: #FFFFFF;
	width: 640px;
	margin-right: auto;
	margin-left: auto;
}
/*========================================
  ヘッダー
-----------------------------------------*/
#header {
	background-color: #000000;
	width: 640px;
	height: 75px;
	background-image: url(img/logo.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
}
#header h1 {
	width:251px;
	height:60px;
	text-align: left;
	float: left;
	text-indent: -9999px;
}
#header h1 a{
	width:251px;
	height:60px;
	display:block;
/* ここからIE5 mac には読めない\*/
	overflow: hidden;
/* ここまで IE5 mac には読めない*/
	}
#header p{
	background-image: url(img/logo_sub.gif);
	background-repeat: no-repeat;
	background-position: 1px;
	width:372px;
	height:72px;
	float: left;
	text-indent: -9999px;
}


/*========================================
  メイン

-----------------------------------------*/

#main {
	background-image: url(img/main.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 640px;
	text-align: left;
	margin-bottom: 10px;
}

#main2 {
	background-image: url(img/main2.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 640px;
	text-align: left;
}
#mainleft{
	width:194px;
	margin: 135px 0px 0px 15px;
	float: left;
	display : inline;/*for IE6 marginbug*/
}
#mainright{
	margin: 135px 0px 0px 0px;
	float: left;
	width:395px;
	display : inline;/*for IE6 marginbug*/
}

/*========================================
  フッタ
-----------------------------------------*/
#footer {
	background-color: #333333;
	width: 640px;
	text-align: center;
	height: 34px;
	background-image: url(img/footerbg.gif);
	background-repeat: x;
	}
#footer a{
	line-height: 36px;
	font-size: 11px;
}


/*========================================
  TOPページジャンルリスト
-----------------------------------------*/

#toplist{
	margin: 236px 0px 10px 15px;
	float: left;
	display : inline;/*for IE6 marginbug*/
}

#toplist dl{
 	width:194px;
	float: left;
	margin: 0px 10px 5px 4px;
}
/* for win IE */
/* Hides from IE-mac */
*html body #toplist dl{
 	width:189px;
}
/* End for win IE */
#toplist dt{
	width:184px;
	height:22px;
	margin: 0px 0px 3px 0px;
	padding-top:3px;
	background-image: url(img/top_listbg.gif);
	background-repeat: no-repeat;
}
#toplist dt p{
 	margin: 0px 0px 0px 10px;
	line-height: 22px;
	font-weight: bold; 
	color: #563F03;
}
#toplist li {
	margin: 0px 0px 3px 5px;
	background-image: url(img/top_ya.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#toplist li a{
	margin: 0px 0px 3px 14px;
}
.lists {
	margin:0px;
	width:85px;
	float: left;
}
.top_genre{
	color: #2276CC;
	text-decoration: none;
}
.top_naiyou{
	margin: 0px 0px 3px 20px;
	font-size: 10px;
	line-height: 12px;
}

/*========================================
  検索結果画面リスト
-----------------------------------------*/

#mainleft dl{
 	width:194px;
	float: left;
	margin: 0px 0px 5px 0px;
}
#mainleft dt{
	width:184px;
	height:22px;
	margin: 0px 0px 3px 0px;
	padding-top:3px;
	background-image: url(img/top_listbg.gif);
	background-repeat: no-repeat;
}
#mainleft dt p{
 	margin: 0px 0px 0px 10px;
	line-height: 22px;
	font-weight: bold; 
	color: #563F03;
}
#mainleft li a{
	margin: 0px 0px 3px 15px;
}

#mainleft .in{
	font-weight: bold;
	color: #D5AD46;
 }

#mainright h2{
	background-color: #FFFFFF;
	border: 1px solid #D8BEB8;
	height:21px;
	width:395px;
	margin: 0px 0px 3px 0px;
}
#mainright h2 p{
	color:#D5AD46;
	margin: 2px 0px 0px 10px;
}

#mainright table{
	float: left;
	width:100%;
}
#mainright th{
	color:#BB9D6F;
	font-size: 10px;
	line-height: 18px;
	border-bottom: 1px solid #E0BC85;
	text-align: left;
	text-indent: 2px;
}
#mainright td{
	font-size: 12px;
	line-height: 14px;
	border-bottom: 1px solid #CCCCCC;
	text-align: left;
	padding: 2px;
}
.toindex{
	float: left;
	width:200px;
	margin:5px 0px 5px 10px;
	line-height: 12px;
	text-indent:18px;
	background-image: url(img/toindex_ico.gif);
	background-position: 1px 3px;
	background-repeat: no-repeat;
}
.totop{
	float: right;
	text-align: right;
	width:100px;
	margin:5px 0px 5px 8px;
	background-image: url(img/totop_ico.gif);
	background-position: 60px 3px;
	background-repeat: no-repeat;
}
/*========================================
  店舗詳細画面
-----------------------------------------*/
#maindetail{
	width: 640px;
	text-align: left;
}
#maindetail h2{
	color:#AD3421;
	background-color: #FDBA2F;
	background-image: url(img/h2_bg.gif);
	background-repeat: repeat-x;
	padding:5px 2px 2px 12px;
	height:30px;
	line-height: 30px;
}

#maindetail h3{
	color:#D5AD46;
}
#photo{
	width:280px;
	margin: 15px;
	float: left;
	text-align: center;
	display : inline;/*for IE6 marginbug*/
}

#shoplogo{
	float: left;
	width:580px;
	margin: 15px 0px 5px 0px;
	text-align: center;
	display : inline;/*for IE6 marginbug*/
}

#text{
	width:315px;
	margin: 15px 0px 15px 0px;
	float: left;
}
#about{
	margin-left: 15px;
	float: left;
	width: 400px;
	display : inline;/*for IE6 marginbug*/
}

#about dl{
	border-top: 1px solid #ccc;
}
#about dt{
	width: 8em;
	float: left;
	margin-left:5px;
	display : inline;/*for IE6 marginbug*/
}
#about dd{
	padding-left: 8em;
	border-bottom: 1px solid #ccc;
	text-indent:-5px;
}
.name{
	color: #D5AD46;
	font-weight: bold;
}

#ico{
	margin: 0px 0px 0px 15px;
	float: left;
	padding-top: 10px;
	width: 190px;
	text-align: center;
}
#ico ul{
	text-align: left;
	text-indent: 22px;
}
#ico li{
	background-position: 1px 1px;
	background-repeat: no-repeat;
	line-height: 22px;
	color: #BF786F;
}

#ico1{
	background-image: url(img/ico1.gif);
}
#ico2{
	background-image: url(img/ico2.gif);
}
#ico3{
	background-image: url(img/ico3.gif);
}
#ico4{
	background-image: url(img/ico4.gif);
}
#ico5{
	color: #F74C36;
	background-image: url(img/ico5.gif);
	border: 1px solid #F74C36;
	width:150px;
	height:21px;
	display:block;
}
#ico5 a{
	width:150px;
	height:21px;
	display:block;
	color: #F74C36;
	line-height: 21px;
}
#ico5 a:hover{
	color: #FFFFFF;
	background-color: #F74C36;
	background-image: url(img/ico5.gif);
	background-repeat: no-repeat;
	background-position: 1px 1px;
	text-decoration: none;
}
#friend{
	background-position: 0px 0px;
	background-repeat: no-repeat;
	color: #D5AD46;
	background-image: url(img/friend_ico.gif);
	margin: 5px 0px 0px 0px;
	width: 190px;
	text-align: left;
	text-indent: 22px;
}

#qr{
	margin: 10px 0px 0px 0px;
	padding: 5px;
	width: 185px;
	border: 1px solid #D8BEB8;
	text-align: center;
}
#back{
	width:630px;
	float: left;
        clear: both;
}
#menu {
	margin-left:15px;
}
#menu li{
	width:108px;
	height:24px;
	background-repeat: no-repeat;
	float:left;
	text-indent:-9999px;
	margin-right:5px;
	}
#menu li a{
	width:108px;
	height:24px;
	display:block;
/* ここからIE5 mac には読めない\*/
	overflow: hidden;
/* ここまで IE5 mac には読めない*/
	}

#menu1 {
	background-image: url(img/menu_1.gif);
}
#menu1 a:hover{
	background-image: url(img/menu_1.gif);
	background-position: -108px 0px; 
}
#menu1in{
	background-image: url(img/menu_1.gif);
	background-position: -216px 0px; 
}
#menu2 {
	background-image: url(img/menu_2.gif);
}
#menu2 a:hover{
	background-image: url(img/menu_2.gif);
	background-position: -108px 0px; 
}
#menu2in{
	background-image: url(img/menu_2.gif);
	background-position: -216px 0px; 
}
#menu3{
	background-image: url(img/menu_3.gif);
}
#menu3 a:hover{
	background-image: url(img/menu_3.gif);
	background-position: -108px 0px; 
}
#menu3in{
	background-image: url(img/menu_3.gif);
	background-position: -216px 0px; 
}
#menu4{
	background-image: url(img/menu_4.gif);
}
#menu4 a:hover{
	background-image: url(img/menu_4.gif);
	background-position: -108px 0px; 
}
#menu4in{
	background-image: url(img/menu_4.gif);
	background-position: -216px 0px; 
}

#map{
	color:#CC3399
}
/*========================================
  クーポン

-----------------------------------------*/
#coupon{
	width:640px;
	text-align: center;
	float:left;
	}
.coupont{
	margin:30px auto 10px auto;
	text-indent:-9999px;
	width:346px;
	height:39px;
	background-image: url(img/coupon.gif);
	background-repeat: no-repeat;
}
#coupon2{
	margin:20px auto 10px auto;
	width:500px;
	border: 2px solid #E0BC85;
	}
.tokuten{
	font-size: 14px;
	margin:10px;
	text-align: center;
	color: #D5AD46;
	font-weight: bold;
	}
#coupon_2 ul{
	margin:10px;
	}
.memo{
	color: #666666;
	font-size: 12px;
	margin:10px;
	}

/*========================================
  写真ギャラリー
-----------------------------------------*/
#photolist{
	width:640px;
	text-align: left;
	float:left;
}

#photolist1,
#photolist2{
	float:left;
	width: 290px;
	text-align: center;
	margin:20px 0px 10px 22px;
	display : inline;/*for IE6 marginbug*/
}

#photolist1 ul,
#photolist2 ul{
}

#photolist1 li,
#photolist2 li{ 
	float: left;
	width:280px;
	margin:10px 0px 10px 0px;
	text-align: left;
	display : inline;/*for IE6 marginbug*/
}

/*========================================
  おすすめプラン-----------------------------------------*/
#osusume{
	width:640px;
	text-align: center;
	float:left;
	}
.osusumet{
	margin:30px auto 10px auto;
	width:346px;
	height:20px;
	color: #D5AD46;
	font-weight: bold;
}

.osusumep{
	margin:0px auto 15px auto;
	}
.plan{
	margin:0px auto 10px auto;
	width:500px;
	border: 1px solid #CCCCCC;
	}
.plant{
	margin:10px;
	text-align: left;
	}
#coupon_2 ul{
	margin:10px;
	}
.memo{
	color: #666666;
	font-size: 12px;
	margin:10px;
	}

/*========================================
  エラー
-----------------------------------------*/
#error{
	margin-left: auto;
	margin-right: auto;
	width:316px;
	height:316px;
	text-align: center;
	margin-top:10px;
	background-image: url(img/404.gif);
	background-repeat: no-repeat;
	padding-top:150px;
	}
#error p{
	}



/*========================================
  clearfix
-----------------------------------------*/
/*firefox etc.*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/*MacIE WinIE7*/
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



.cl{
	clear: both; 
}