@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}
body {
	color: #333;
	background: #fff url(../img/bar.gif) repeat left bottom;
	font-size: 75%;
	line-height: 140%;
	text-align: center;
	padding: 9px 0;
}
*html body {
	padding-left: 1px;
}
*:first-child+html body {
	padding-left: 1px;
}
body,x:-moz-broken {
	margin-left:-1px;
}
div#body {
	width: 100%;
	height: 100%;
	min-height: 800px;
	background: #fff url(../img/head_bg.png) no-repeat top center;
}
a {
	color: #e60;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1,h2,h3,p,ol,ul,li,dl,dt,dd,table {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
table {
	line-height: 140%;
	border: 0;
}
td {
	vertical-align: top;
}
img {
	border: 0;
	vertical-align: top;
}
p.spacer {
	margin-bottom: 15px;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.bold {
	font-weight: bold;
}
.black {
	color: #000;
}
/******************** header ********************/
div#head {
	width: 750px;
	height: 228px;
	margin: 0 auto;
}
div#head div#head_innner {
	margin: 0 auto;
	padding: 20px 0;
}
div#head div#head_innner h1 {
	color: #000;
	font-weight: normal;
	float: left;
	margin-left: 8px;
	text-align: left;
	width: 430px;
}
ul#top_navi {
	float: left;
	margin-left: -10px;
}
ul#top_navi li {
	list-style-type: none;
	float: left;
}
ul#top_navi li a {
	display: block;
	width: 90px;
	height: 21px;
	text-indent: -500px;
	overflow: hidden;
}
ul#top_navi li.access {
	background: url(../img/button_access.gif) no-repeat top;
	margin-right: 10px;
	width: 80px;
}
ul#top_navi li.sitemap {
	background: url(../img/button_sitemap.gif) no-repeat top;
}
p#title {
	clear: both;
	text-align: left;
	padding-top: 5px;
}	
p#title a {
	display: block;
	background: url(../img/title.png) no-repeat;
	width: 235px;
	height: 105px;
	text-indent: -10000px;
	overflow: hidden;
}
/******************** menu ********************/
ul#menu {
	margin: 28px 0 0 15px;
}
ul#menu li {
	list-style-type: none;
	float: left;
}
ul#menu li a {
    display: block;
	height: 34px;
    text-indent: -10000px;
    overflow: hidden;
	background-image: url("../img/menu.gif");
}
ul#menu li a:hover {
	background-image: url("../img/menu_hover.gif");
}
ul#menu li a.current {
	background-image: url("../img/menu_current.gif");
}
ul#menu li.home a {
    background-position: 0px 0px;
	width: 85px;
}
ul#menu li.system a {
    background-position: -85px 0px;
	width: 125px;
}
ul#menu li.girl a {
    background-position: -210px 0px;
	width: 85px;
}
ul#menu li.recruit a {
    background-position: -295px 0px;
	width: 70px;
}
ul#menu li.link a {
    background-position: -365px 0px;
	width: 75px;
}
ul#menu li.access a {
    background-position: -440px 0px;
	width: 95px;
}
/******************** main ********************/
div#main {
	width: 750px;
	margin: 0 auto;
	background: #ffd696 url(../img/main_bg.gif) no-repeat top;
}
div#main div#main_innner {
	padding: 0 15px;
	margin: 0 auto;
}
div#main:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
*html div#main {
    height: 1em;
    overflow: visible;
}
div.bg_long {
	background: url(../img/bg_long.gif) repeat-y center top;
	width: 100%;
	margin: 0 auto 10px;
}
div.bg_long:after {
	content: "";
	display: block;
	clear: both;
	height: 0px;
	overflow: hidden;
}
*html div.bg_long {
    height: 0em;
    overflow: visible;
}
div.left {
	width: 250px;
	float: left;
}
div.right {
	width: 465px;
	float: right;
	text-align: left;
}
h2 {
	display: block;
	height: 50px;
	text-indent: -10000px;
	overflow: hidden;
}
/******************** foot ********************/
img.hr {
	clear: both;
	margin: 7px auto 10px;
}
ul#text_menu {
	color: #fff;
	background: #ffd696 url(../img/text_menu.gif) no-repeat center top;
	line-height: 40px;
	margin-bottom: 2px;
}
ul#text_menu li {
	list-style-type: none;
	padding: 0 15px;
	border-right: 1px solid #fff;
	display: inline;
}
ul#text_menu li.start {
	border-left: 1px solid #fff;
}	
ul#text_menu li a {
	color: #fff;
	text-decoration: none;
}
ul#text_menu li a:hover {
	text-decoration: underline;
}
div#foot {
	padding-bottom: 15px;
	margin-top: 8px;
	text-align: right;
	width: 720px;
	margin: 0 auto;
}
div#foot p, div#foot p a {
	color: #974;
}
/********************************************************************************/
/******************** index ********************/
div#index_body {
	width: 100%;
	height: 400px;
	background: #fff url(../img/index.png) no-repeat top center;
}
div.index {
	width: 750px;
	height: 335px;
	margin: 0 auto;
	text-align: left;
}
div.index h1 {
	color: #000;
	font-weight: normal;
	padding: 20px 0 0 8px;
}
div.index div.index_innner {
	padding: 165px 0px 20px 30px;
}
p.warning {
	background: url(../img/warning.gif) no-repeat left;
	height: 80px;
	width: 380px;
	display: block;
	text-indent: -1000px;
	overflow: hidden;
	float: left;
}
div.enter {
	float: right;
	width: 320px;
	margin: 34px 0 0;
}
p.enter {
	float: left;
}
p.enter a, p.leave a {
	width: 140px;
	height: 45px;
	display: block;
	text-indent: -500px;
	overflow: hidden;
	background: url(../img/enter.gif);
}
p.enter a:hover {
	background-position: 0 -45px;
}
p.leave {
	margin: 10px 0 0 20px;
	float: left;
}
p.leave a {
	width: 120px;
	height: 35px;
	background: url(../img/leave.gif);
}
p.leave a:hover {
	background-position: 0 -35px;
}

/******************** top ********************/
p#waribiki {
	clear: both;
	display: block;
	width: 720px;
	height: 115px;
	text-indent: -10000px;
	overflow: hidden;
	margin: 0 auto;
	background: url(../img/waribiki.gif) no-repeat center top;
}
h2#pickup_h2 {
	width: 250px;
	margin-top: 18px;
	background: url(../img/h2_pickup.gif) no-repeat left top;
}
div.pickup {
	background: url(../img/bg_left.gif) repeat-y top left;
}
div.pickup p.pic {
	border: 1px solid #ccc;
	width: 224px;
	height: 334px;
	margin: -7px auto 6px;
	position: relative;
}
div.pickup p.pic img {
	margin: 2px;
}
div.pickup p.name {
	background: url(../img/icon-arrow.gif) no-repeat left;
	padding: 0 3px 3px 10px;
	border-bottom: 1px dotted #666;
	text-align: left;
	margin: 0 12px;
	font-weight: bold;
	color: #e34;
}
div.pickup p.name span {
	margin-left: 10px;
	color: #333;
	font-weight: normal;
}
div.pickup p.size {
	padding: 5px 3px 3px;
	border-bottom: 1px dotted #666;
	text-align: left;
	margin: 0 12px;
}
h2#news_h2 {
	width: 465px;
	margin-top: 18px;
	background: url(../img/h2_news.gif) no-repeat left top;
}
div.news {
	padding: 0 12px;
	background: url(../img/bg_right.gif) repeat-y top left;
}
div.news iframe {
	width: 435px;
	height: 200px;
	border: 0;
}
img.bottom {
	margin-bottom: 10px;
}
p.mobile {
	display: block;
	width: 465px;
	height: 120px;
	text-indent: -10000px;
	overflow: hidden;
	text-align: center;
	background: url(../img/mobile.gif) no-repeat center top;
}	
/******************** girl ********************/
h2#girl_h2, h2#system_h2, h2#recruit_h2, h2#access_h2, h2#link_h2 {
	width: 720px;
	background: url(../img/h2_girl.png) no-repeat left top;
	margin: 0 auto;
}
table.girl {
	width: 72px;
	margin: -3px auto 0;
}
table.girl td {
	vertical-align: middle;
	height: 295px;
	padding: 0 11px;
	border: none;
	background: url(../img/bg_girl.gif) no-repeat top center;
}
table.girl td p.name {
	background: url(../img/icon-arrow.gif) no-repeat left;
	padding: 0 0 2px 10px;
	border-bottom: 1px dotted #666;
	text-align: left;
	margin: 6px 0 0;
	font-weight: bold;
	color: #e34;
}
table.girl td p.name span {
	font-weight: normal;
	color: #333;
	margin-left: 5px;
	font-size: 85%;
}
table.girl td p.size {
	padding: 2px;
	border-bottom: 1px dotted #666;
	text-align: left;
	margin: 0 2px;
}
div.highslide-caption p.name {
	background: url(../img/icon-arrow.gif) no-repeat left;
	padding: 0 3px 2px 12px;
	border-bottom: 1px dotted #666;
	text-align: left;
	margin: 0 5px;
}
div.highslide-caption p.name span {
	font-weight: bold;
	color: #e34;
	margin-right: 10px;
}
p.name img {
	margin-left: 3px;
	vertical-align: text-top;
}
/******************** highslide ********************/
div.highslide-caption {
	background: #fff;
}
div#highslide-container {
	padding: 0 15px;
	margin: 0 auto;
}
.highslide {
	cursor: url(../highslide/graphics/zoomin.cur) , pointer;
    outline: none;
}
.highslide img {
	border: 1px solid #e60;
}
.highslide:hover img {
	border: 1px solid #fc0;
}
.highslide-image {
    cursor: pointer; /* opera */
	cursor: url(../highslide/graphics/zoomout.cur) , pointer;
    border: 2px solid #fff;
}
.highslide-image-blur {
    cursor: pointer;
    cursor: hand;
}
.highslide-caption {
    display: none;
    padding: 5px 0;
    background: #fff;
	text-align: left;
	line-height: 140%;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-loading {
    display: block;
	color: white;
	font-style: 'MS Sans Serif';
	font-size: 85%;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	opacity: 0.60; /* w3c */
	filter: alpha(opacity=60); /* ie */
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    padding-left: 22px;
    background-image: url(../highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
/******************** system ********************/
h2#system_h2 {
	background: url(../img/h2_system.png) no-repeat left top;
}
table.system {
	margin: 0 auto 300px;
	border-collapse: collapse;
}
table.system td {
	padding: 5px;
	border-bottom: 1px dotted #666;
	vertical-align: middle;
	font-size: 170%;
	font-family: "Times New Roman", Times, serif;
}
table.system td.item {
	text-align: left;
}

/******************** recruit ********************/
h2#recruit_h2 {
	background: url(../img/h2_recruit.png) no-repeat left top;
}
div.recruit {
	padding: 0 31px;
	text-align: center;
}
img.recruit {
	margin: 0 auto 15px;
}
p.recruit_0, p.recruit_1, p.recruit_2, p.recruit_3, p.recruit_4,
p.recruit_5, p.recruit_6, p.recruit_7, p.recruit_8 {
	float: left;
	display: block;
	width: 225px;
	height: 40px;
	text-indent: -1000px;
	overflow: hidden;
	background: url(../img/recruit_0.gif) no-repeat center;
	margin: 0 2px 8px 2px;
}
p.recruit_1 {
	background: url(../img/recruit_1.gif) no-repeat center;
}
p.recruit_2 {
	background: url(../img/recruit_2.gif) no-repeat center;
}
p.recruit_3 {
	background: url(../img/recruit_3.gif) no-repeat center;
}
p.recruit_4 {
	background: url(../img/recruit_4.gif) no-repeat center;
}
p.recruit_5 {
	background: url(../img/recruit_5.gif) no-repeat center;
}
p.recruit_6 {
	background: url(../img/recruit_6.gif) no-repeat center;
}
p.recruit_7 {
	background: url(../img/recruit_7.gif) no-repeat center;
}
p.recruit_8 {
	background: url(../img/recruit_8.gif) no-repeat center;
}
div.recruit_table {
	clear: both;
	background: #fffbe9;
	padding: 8px 10px 12px;
	float: left;
	margin: 10px 10px 18px 2px;
}
div.recruit_table table {
	color: #000;
	width: 520px;
	text-align: left;
	border-collapse: collapse;
	background: none;
}
div.recruit_table table td {
	padding: 5px;
	border-bottom: 1px dotted #666;
}
div.recruit_table table td.item {
	width: 80px;
}
p.recruit_qr {
	float: right;
	margin: 0 auto 0;
}
p.tel {
	clear: both;
	margin: 0 0 10px 4px;
}
p.tel a {
	display: block;
	width: 680px;
	height: 80px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(../img/recruit_tel.gif) no-repeat center;
}
/******************** link ********************/
h2#link_h2 {
	background: url(../img/h2_link.png) no-repeat left top;
}
div.link {
	padding: 0 10px 0 40px;
}
div.link iframe {
	width: 650px;
	height: 400px;
}
div.link p {
	text-align: left;
}
div.link img {
	margin: 8px 0 8px 16px;
}
div.link p.arrow {
	background: url(../img/icon-arrow.gif) no-repeat left;
	padding-left: 25px;
	margin: 30px 0 5px;
	font-weight: bold;
}
div.link p.arrow span {
	color: #e34;
	margin-left: 10px;
	font-weight: normal;
	font-size: 85%;
}

/******************** access ********************/
h2#access_h2 {
	background: url(../img/h2_access.png) no-repeat left top;
}
div.access {
	padding: 10px 50px;
	margin-bottom: 300px;
}
img.access {
	float: left;
	margin: 0 5px 0 0;
	border: 1px solid #000;
}
table.access {
	float: right;
	width: 180px;
	text-align: left;
	line-height: 170%;
}
table.access td {
	padding: 2px;
}
p.rcity {
	font-size: 180%;
	font-weight: bold;
	color: #721;
	font-family: "Times New Roman", Times, serif;
}
p.rcity span {
	font-size: 40%;
	font-weight: normal;
}
div.access p.arrow {
	background: url(../img/icon-arrow.gif) no-repeat left;
	padding-left: 25px;
	font-weight: bold;
	margin: 10px 0 0 -5px;
}
p.streetview {
	margin: 5px 0 0 10px;
}









/********************
*html  Internet Explorer6.0
*:first-child+html  Internet Explorer7.0
html>body  Firefox
html:first-child  Safari & Opera
********************/