@charset "UTF-8"; 

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

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,from,fieldset,input,textarea,p,blockquote,th,td{
	margin: 0;
	padding: 0;
}

html{
	overflow-y: scroll;
}

h1,h2,h3,h4,h5,h6,pre,address,em,strong,p,dl,li,a,th,td,caption,label{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","Meiryo", "ＭＳ Ｐゴシック", sans-serif;
	font-style: normal;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	line-height: 1.5;
}

ol,ul{
	list-style: none;
}

table{
     border-collapse: collapse;
     border-spacing: 0;
}

caption,th {
     text-align: left;
}

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

a{
	text-decoration: none;
	overflow: hidden;
}

/* ------------------------------- link ------------------------------- */
a:link{
	color: #4D7CC4;
	text-decoration: underline;
}

a:visited{
	color: #810081;
	text-decoration :none;
}

a:hover{
	color: #E18700;
	text-decoration: underline;
}

/* ------------------------------- base ---------------------- */

body{
	background-color: #FFF;
	background: url(../img/site-bg1.jpg) repeat-x left top;
}

	#wrap{
		width: 960px;
		margin: 0px auto;
	}

/* ------------------------------- header ------------------------------- */

#header{
	width: 960px;
	height: 100px;
	background: url(../img/head-bg.jpg) no-repeat left top;
	overflow: hidden;
}

	h1{
		width: 315px;
		height: 66px;
		margin: 20px 0 0 35px;
		float: left;
	}

	p.head{
		margin: 5px 20px 0 0;
		font-size: 10px;
		float: right;
	}

	#header p strong{
		font-size: 10px;
	}
 
/* ------------------------------- menu ------------------------------- */

	#header ul{
		width: 558px;
		height: 45px;
		margin: 35px 6px 0 0;
		background: url(../img/menu.jpg) no-repeat;
		float: right;
	}

		#header ul li{
			float: left;
		}

			#header ul li.home a,
			#header ul li.new a,
			#header ul li.girl a,
			#header ul li.sc a,
			#header ul li.news a,
			#header ul li.history a,
			#header ul li.recruit a,
			#header ul li.mobile a{
				height: 45px;
				display: block;
				text-indent: -9999em;
			}

			#header ul li.home a{
				width: 53px;
			}

			#header ul li.new a{
				width: 71px;
			}

			#header ul li.girl a{
				width: 83px;
			}

			#header ul li.sc a{
				width: 56px;
			}

			#header ul li.news a{
				width: 70px;
			}

			#header ul li.history a{
				width: 69px;
			}

			#header ul li.recruit a{
				width: 70px;
			}

			#header ul li.mobile a{
				width: 85px;
			}

			#header ul li.home a.active,
			#header ul li.home a:focus,
			#header ul li.home a:hover{
				background: url(../img/menu.jpg) no-repeat left -45px;
			}

			#header ul li.new a.active,
			#header ul li.new a:focus,
			#header ul li.new a:hover{
				background: url(../img/menu.jpg) no-repeat -53px -45px;
			}

			#header ul li.girl a.active,
			#header ul li.girl a:focus,
			#header ul li.girl a:hover{
				background: url(../img/menu.jpg) no-repeat -124px -45px;
			}

			#header ul li.sc a.active,
			#header ul li.sc a:focus,
			#header ul li.sc a:hover{
				background: url(../img/menu.jpg) no-repeat -207px -45px;
			}

			#header ul li.news a.active,
			#header ul li.news a:focus,
			#header ul li.news a:hover{
				background: url(../img/menu.jpg) no-repeat -263px -45px;
			}

			#header ul li.history a.active,
			#header ul li.history a:focus,
			#header ul li.history a:hover{
				background: url(../img/menu.jpg) no-repeat -333px -45px;
			}

			#header ul li.recruit a.active,
			#header ul li.recruit a:focus,
			#header ul li.recruit a:hover{
				background: url(../img/menu.jpg) no-repeat -402px -45px;
			}

			#header ul li.mobile a.active,
			#header ul li.mobile a:focus,
			#header ul li.mobile a:hover{
				background: url(../img/menu.jpg) no-repeat -472px -45px;
			}

/* ------------------------------- photo ------------------------------- */

/*#photo{
	width: 960px;
	height: 100px;
	padding: 10px 30px 0;
	background: url(../img/photo-bg.gif) repeat-y left top;
	clear: both;
}*/

/* ------------------------------- container ------------------------------- */

#container{
	width: 960px;
	background: url(../img/container-bg1.gif) repeat-y left top;
	overflow: hidden;
}

	#shop-box{
		width: 960px;
		height: 106px;
		/*background:  url(../img/shop-bg1.gif) no-repeat;*/
		background:  url(../img/shop-bg2.gif) no-repeat;
	}

		#shop-box ul{
			width: 918px;
			height: 82px;
			margin: 0 auto;
			padding: 13px 0;
			overflow: hidden;
		}

			#shop-box ul li{
				width: 82px;
				height: 82px;
				margin: 0 10px;
				float: left;
			}

				#shop-box ul li.orange{
					background: url(../img/orange.jpg) no-repeat left top;
				}

				#shop-box ul li.lettuce{
					background: url(../img/lettuce.jpg) no-repeat left top;
				}

				#shop-box ul li.romanee{
					background: url(../img/romanee.jpg) no-repeat left top;
				}

				#shop-box ul li.firstlady{
					background: url(../img/firstlady.jpg) no-repeat left top;
				}

				#shop-box ul li.shy{
					background: url(../img/shy.jpg) no-repeat left top;
				}

				#shop-box ul li.asakusa11{
					background: url(../img/asakusa11.jpg) no-repeat left top;
				}

				#shop-box ul li.hana{
					background: url(../img/hana.jpg) no-repeat left top;
				}

				#shop-box ul li.broadway{
					background: url(../img/broadway.jpg) no-repeat left top;
				}

				#shop-box ul li.shinjuku11{
					background: url(../img/shinjuku11.jpg) no-repeat left top;
				}

				#shop-box ul li a{
					width: 82px;
					height: 82px;
					display: block;
					text-indent: -9999em;
				}

	#content{
		width: 945px;
		margin: 0 10px 0 15px;
	}

	#content p.rule1{
		margin: 0 0 0 15px;
	}

	#content-left,
	#content-right{
		width: 455px;
		margin: 0 10px 0 15px;
		float: left;
	}

	#content-right{
		margin: 0 15px 0 10px;
		float: right;
	}

			#content-left dl,
			#content-right dl{
				width: 443px;
				/*height: 80px;*/
				margin: 10px 0 0;
				padding: 5px 0 5px 10px;
				/*overflow: auto;*/
				background-color: #fffffc;
				border: 1px solid #94843E;
			}

				#content-left dd,
				#content-right dd{
					margin: 0 10px 10px;
				}

				#content-left a.right,
				#content-right a.right{
					margin: 0 10px;
					float: right;
				}

		h2.news,
		h2.history{
			clear: both;
		}

			h2.news,
			h2.history,
			h2.newface,
			h2.girls,
			h2.sc{
				width: 358px;
				height: 30px;
				margin-top: 10px;
				background: url(../img/news.gif) no-repeat;
			}

			h2.news a,
			h2.history a,
			h2.newface a,
			h2.girls a,
			h2.sc a{
				width: 358px;
				height: 30px;
				display: block;
				text-indent: -9999em;
			}

		h2.history{
			background: url(../img/history.gif) no-repeat;
		}

		h2.sokuho{
			margin: 12px 0;
			background: url(../lettuce/img/sokuho.jpg) no-repeat;
		}

		h2.newface{
			margin: 0 0 12px;
			background: url(../img/newface.gif) no-repeat;
		}

		h2.girls{
			margin: 0 0 12px;
			background: url(../img/girls.gif) no-repeat;
		}

		h2.sc{
			margin: 0 0 12px;
			background: url(../img/sc.gif) no-repeat;
		}

	.jump{
		clear: both;
		margin: 10px 30px 10px;
		text-align: right;
	}
/* ------------------------------- footer ------------------------------- */

#footer{
	width: 960px;
	padding-bottom: 20px;
	clear: both;
	background: url(../img/footer-bg.gif) no-repeat left bottom;
	overflow: hidden;
}

	#footer-box1{
		width: 960px;
	}
		p.keitai,
		p.kyujin{
			width: 400px;
			height: 110px;
			margin: 10px 0 10px 50px;
			background: url(../img/keitai1.jpg) no-repeat left top;
			float: left;
		}

		p.kyujin{
			margin: 10px 50px 10px 0;
			background: url(../img/kyujin1.jpg) no-repeat left top;
			float: right;
		}

			p.keitai a,
			p.kyujin a{
				width: 400px;
				height: 110px;
				display: block;
				text-indent: -9999em;
			}

			p.keitai a:focus,
			p.keitai a:hover{
							background: url(../img/keitai1.jpg) no-repeat left bottom;
						}

			p.kyujin a:focus,
			p.kyujin a:hover{
							background: url(../img/kyujin1.jpg) no-repeat left bottom;
						}

	#footer-box2{
		width: 960px;
		height: 82px;
		margin: 0 auto 10px;
		clear: both;
	}

		#footer-box2 ul{
			width: 918px;
			height: 82px;
			margin: 0 auto;
		}

			#footer-box2 ul li{
				width: 82px;
				height: 82px;
				margin: 0 10px;
				float: left;
			}

				#footer-box2 ul li.orange{
					background: url(../img/orange.jpg) no-repeat left top;
				}

				#footer-box2 ul li.lettuce{
					background: url(../img/lettuce.jpg) no-repeat left top;
				}

				#footer-box2 ul li.romanee{
					background: url(../img/romanee.jpg) no-repeat left top;
				}

				#footer-box2 ul li.firstlady{
					background: url(../img/firstlady.jpg) no-repeat left top;
				}

				#footer-box2 ul li.shy{
					background: url(../img/shy.jpg) no-repeat left top;
				}

				#footer-box2 ul li.asakusa11{
					background: url(../img/asakusa11.jpg) no-repeat left top;
				}

				#footer-box2 ul li.hana{
					background: url(../img/hana.jpg) no-repeat left top;
				}

				#footer-box2 ul li.broadway{
					background: url(../img/broadway.jpg) no-repeat left top;
				}

				#footer-box2 ul li.shinjuku11{
					background: url(../img/shinjuku11.jpg) no-repeat left top;
				}

					#footer-box2 ul li a{
						width: 82px;
						height: 82px;
						display: block;
						text-indent: -9999em;
					}

	#footer-box3{
		width: 892px;
		margin: 0 30px;
		text-align: center;
		overflow: hidden;
	}

		#footer-box3 ul li{
			margin: 0 5px;
			display: inline;
		}

	#footer p.middle{
		margin: 10px 0;
		text-align: center;
		clear: both;
	}

	address{
		text-align: center;
	}


    #footer .og-message{
        font-size: 16px;
        font-weight: bold;
        color: #444444;
    }

/* ------------------------------- for IE6 ------------------------------- */

*html li a{
	display: inline-block;
	display: block;
}

*html #footer-box3 ul{
	margin-left: 230px;
}

*html #footer-box3 ul li{
	float: left;
}

*html #header ul,#shop-box ul li,#content-left,p.keitai,p.kyujin,#footer-box2 ul li,#footer-box3 ul li{
	display: inline;
}