/* -- Base -- */

body {
	background : #bce2e8 repeat-y url(./images/base_bg.gif) 50% 0px;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #333;
	font: 11px/20px Helvetica;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #6ab;
}

h1 {
	width: 640px;
	height: 68px;
	margin: 0;
	background: url(./images/header.gif) #bce2e8 0px 7px;
	text-indent: -9999px;
}

h1 a {
	display: block;
	height: 48px;
	width: 355px;
}

h2 {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	height: 153px;
}

h3 {
	font-size: 13px;
	font-weight: bold;
	background: no-repeat url(./images/midasi.gif) 0px 6px;
	padding-left: 15px;
	letter-spacing: 1px;
}

#header {
	text-indent: -9999px;
	height: 180px;
	background: no-repeat url(./images/topimg_home.jpg);
	margin-left: auto;
	margin: 0;
}

#header {
	margin-bottom: 38px;
}

/* @group Menu */

#menu {
	text-indent: -9999px;
	padding: 0 0 0 50px;
	height: 27px;
	margin: 0;
}

#menu li {
	display: block;
	float: left;
}

#menu li#menu_salon {
	display: block;
	width: 70px;
	background: no-repeat;
	height: 27px;
}

#menu li#menu_salon a {
	display: block;
	height: 27px;
}

#menu li#menu_salon a:hover {
	display: block;
	background: url(./images/menu.gif) -50px -27px no-repeat;
}

#menu li#menu_menu {
	display: block;
	width: 115px;
	height: 27px;
}

#menu li#menu_menu a {
	display: block;
	height: 27px;
}

#menu li#menu_menu a:hover {
	display: block;
	background: url(./images/menu.gif) no-repeat -120px -27px;
}

#menu li#menu_staff {
	display: block;
	width: 68px;
	height: 27px;
}

#menu li#menu_staff a {
	display: block;
	height: 27px;
}

#menu li#menu_staff a:hover {
	display: block;
	background: url(./images/menu.gif) no-repeat -235px -27px;
}

#menu li#menu_gallary {
	display: block;
	width: 84px;
	height: 27px;
}

#menu li#menu_gallary a {
	display: block;
	height: 27px;
}

#menu li#menu_gallary a:hover {
	display: block;
	background: url(./images/menu.gif) -303px -27px  no-repeat;
}

#menu li#menu_ticket {
	display: block;
	width: 124px;
	height: 27px;
}

#menu li#menu_ticket a {
	display: block;
	height: 27px;
}

#menu li#menu_ticket a:hover {
	display: block;
	background: url(./images/menu.gif) -387px -27px  no-repeat;
}

#menu li#menu_home {
	display: block;
	width: 78px;
	height: 27px;
}

#menu li#menu_home a {
	display: block;
	height: 27px;
}

#menu li#menu_home a:hover {
	display: block;
	background: url(./images/menu.gif) -511px -27px  no-repeat;
}
	
/* @end */

#wrapper {
	width: 640px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#content {
	padding: 0 50px;
	text-align: left;
	background: inherit;
	clear: both;
	margin: 0;
}

#navi {
	margin-bottom: 20px;
}

#footer {
	text-align: center;
	font-size: 11px;
	padding-bottom: 30px;
	padding-top: 40px;
	clear: both;
}

#cp {
	position: absolute;
	top: 10px;
	right: 20px;
	text-align: right;
}

/* -- Page -- */

/* @group Salon */

#salon div#header {
	text-indent: -9999px;
	background: no-repeat url(./images/topimg_salon.jpg);
}

#salon #menu li#menu_salon a {
	display: block;
	height: 27px;
	background: url(./images/menu.gif) -50px 0px;
}

#salon #main {
	padding: 0;
	width: 540px;
	margin: 0;
}

#salon #sub, #salon #sub2 {
	width: 540px;
	padding: 0;
	margin-top: 21px;
}

#salon h4 {
	width: 540px;
	height: 140px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

#salon h4 a {
	width: 540px;
	height: 140px;
	display: block;
}

#salon h4#loco {
	background: url(./images/locopicaro_img.jpg) no-repeat;
	margin-top: 10px;
}

#salon h4#loco a:hover {
	background: url(./images/locopicaro_img_hover.jpg) no-repeat;
}

#salon h4#picaro {
	background: url(./images/picaropresto_img.jpg) no-repeat;
}

#salon h4#picaro a:hover {
	background: url(./images/picaropresto_img_hover.jpg) no-repeat;
}

#salon h4#mse {
	background: url(./images/musee_img.jpg) no-repeat;
}

#salon h4#mse a:hover {
	background: url(./images/musee_img_hover.jpg) no-repeat;
}

#salon div#content div#main p, #salon div#content div#sub p {
	margin-top: 5px;
	margin-bottom: 10px;
}
	
/* @end */

/* @group Locopicaro, Picaro Presto */

#loco #menu li#menu_salon a,
#presto #menu li#menu_salon a,
#mse #menu li#menu_salon a {
	display: block;
	height: 27px;
	background: url(./images/menu.gif) -50px 0px;
}

#loco div#header {
	text-indent: -9999px;
	background: no-repeat url(./images/topimg_locopicaro.jpg);
}

#presto div#header {
	text-indent: -9999px;
	background: no-repeat url(./images/topimg_picaropresto.jpg);
}

#mse div#header {
	text-indent: -9999px;
	background: no-repeat url(./images/topimg_musee.jpg);
}

#loco #main, #presto #main, #mse #main {
	float: left;
	padding: 0;
	width: 245px;
	margin: 0;
}

#loco #main .cap, #presto #main .cap, #mse #main .cap {
	line-height: 24px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 23px;
}

#loco #sub, #presto #sub, #mse #sub {
	float: right;
	width: 260px;
	padding: 0;
	margin: 0;
}

#loco #sub p, #presto #sub p, #mse #sub p {
	margin-top: 0;
	margin-bottom: 15px;
}

#loco h3, #presto h3, #mse h3 {
	margin-top: 0;
	margin-bottom: 0;
	width: 245px;
	height: 56px;
	text-indent: -9999px;
}

h3#locopicaro {
	background: url(./images/headcopy_loco.gif) no-repeat;
}

h3#picaropresto {
	background: url(./images/headcopy_presto.gif) no-repeat;
}

h3#musee {
	background: url(./images/headcopy_musee.gif) no-repeat;
}

#loco h4, #presto h4, #mse h4 {
	margin-top: 0;
	margin-bottom: 8px;
	width: 245px;
	height: 25px;
	text-indent: -9999px;
}

h4#locopicaro {
	background: url(./images/locopicaro_logo.gif);
}

h4#presto {
	background: url(./images/picaropresto_logo.gif);
}

h4#musee {
	background: url(./images/musee_logo.gif);
}

#loco table, #presto table, #mse table {
	margin: 0 0 20px;
	padding: 0;
	border-width: 0;
	border-spacing: 0;
	border-style: none;
}

#loco td,#presto td, #mse td {
	font-size: 11px;
	padding: 0;
}

#loco th, #presto th, #mse th {
	text-align: left;
	font-size: 11px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-top: 4px;
	font-weight: normal;
}

#tel {
	font-size: 15px;
	line-height: 22px;
	background: no-repeat url(./images/freedial.gif) 0px 50%;
	padding-left: 25px;
	letter-spacing: 1px;
}

.map {
	margin-top: 20px;
	margin-bottom: 20px;
}
	
/* @end */

/* @group Menu & Price */

#menu_price div#header {
	text-indent: -9999px;
	background: no-repeat url(./images/topimg_menu.jpg);
}

#menu_price #menu li#menu_menu a {
	display: block;
	height: 27px;
	background: url(./images/menu.gif) -120px 0px;
}

#menu_price div.container {
	clear: both;
	margin-top: 30px;
}

#menu_price h4 {
	float: left;
	margin-top: 0px;
	background: repeat-x url(./images/menu_line.gif) 0px 3px;
	width: 220px;
	letter-spacing: 1px;
	font-size: 12px;
	padding-left: 0;
}

#menu_price .title {
	background: #fff no-repeat url(./images/menu_midasi.gif) 0px 0px;
	padding-right: 10px;
	padding-left: 15px;
	font-size: 12px;
}

#menu_price .komi {
	font-size: 10px;
	color: #666;
	font-weight: normal;
	display: block;
	padding-left: 13px;
	letter-spacing: 0;
}

#menu_price table {
	border-width: 0;
	border-spacing: 0;
	border-style: none;
	float: right;
	width: 300px;
	margin-bottom: 35px;
}

#menu_price th, #menu_price td {
	font-size: 11px;
	padding-top: 2px;
	padding-bottom: 6px;
	line-height: 16px;
}

#menu_price th {
	text-align: left;
	background: url(./images/menu_midasi_s.gif) no-repeat 0px 3px;
	padding-left: 10px;
}

#menu_price td {
	text-align: right;
	font-weight: bold;
}

#menu_price td.com {
	text-align: left;
	font-weight: normal;
	font-style: normal;
	padding-bottom: 12px;
}
	
/* @end */

/* @group Profile */

body#staff_profile {
	background : #bce2e8;
	text-align: left;
	margin: 0;
	padding: 0;
	color: #333;
}

#staff_profile div#content {
	margin: 18px 0 0;
	padding: 0;
}

#staff_profile div#main {
	float: left;
	text-align: right;
	width: 170px;
}

#staff_profile div#main p {
	margin: 0;
	padding: 0;
}

#staff_profile div#sub {
	width: 275px;
	float: right;
}

#staff_profile div#sub dl {
	line-height: 18px;
	clear: both;
	margin: 0;
}

#staff_profile div#sub dl#salon dt {
	width: 250px;
	font-weight: bold;
	margin-bottom: 10px;
}

#staff_profile dl#name dd,#staff_profile #name dt {
	margin-bottom: 9px;
}

#staff_profile div#sub dl#name dd strong {
	font-weight: normal;
	font-size: 12px;
}

#staff_profile div#sub dl#name dd em {
	font-size: 10px;
	font-style: normal;
	margin-left: 8px;
}

#staff_profile div#sub dt {
	float: left;
	width: 70px;
	margin-top: 5px;
}

#staff_profile div#sub dd {
	margin-left: 0;
	float: left;
	width: 180px;
	margin-top: 5px;
}

#staff_profile div#profile {
	border-top: 1px dotted #333;
	clear: both;
	width: 250px;
	padding-top: 9px;
}
	
/* @end */

/* @group Gallary */

#gallary div#header {
	background: no-repeat url(./images/topimg_gallary.jpg);
}

#gallary #menu li#menu_gallary a {
	display: block;
	height: 27px;
	background: url(./images/menu.gif) -303px 0px;
}

#gallary #content div {
	width: 180px;
	float: left;
	height: 164px;
	margin-bottom: 25px;
	margin-top: 20px;
}

#gallary #content div img {
	display: none;
}

/* @group Style */

#gallary #content div a {
	width: 120px;
	height: 164px;
	display: block;
	position: relative;
	top: 0;
	left: 30px;
}

#gallary #content div#style001 a {
	background: no-repeat url(./gallary/images/style001_th.jpg) 50% 0px;
}

#gallary #content div#style001 a:hover {
	background: url(./gallary/images/style001_th_hover.jpg) no-repeat;
}

#gallary #content div#style002 a {
	background: url(./gallary/images/style002_th.jpg) no-repeat;
}

#gallary #content div#style002 a:hover {
	background: url(./gallary/images/style002_th_hover.jpg) no-repeat;
}

#gallary #content div#style003 a {
	background: no-repeat url(./gallary/images/style003_th.jpg) 50% 0px;
}

#gallary #content div#style003 a:hover {
	background: url(./gallary/images/style003_th_hover.jpg) no-repeat;
}

#gallary #content div#style004 a {
	background: no-repeat url(./gallary/images/style004_th.jpg) 50% 0px;
}

#gallary #content div#style004 a:hover {
	background: url(./gallary/images/style004_th_hover.jpg) no-repeat;
}

#gallary #content div#style005 a {
	background: no-repeat url(./gallary/images/style005_th.jpg) 50% 0px;
}

#gallary #content div#style005 a:hover {
	background: url(./gallary/images/style005_th_hover.jpg) no-repeat;
}

#gallary #content div#style006 a {
	background: no-repeat url(./gallary/images/style006_th.jpg) 50% 0px;
}

#gallary #content div#style006 a:hover {
	background: url(./gallary/images/style006_th_hover.jpg) no-repeat;
}

#gallary #content div#style007 a {
	background: no-repeat url(./gallary/images/style007_th.jpg) 50% 0px;
}

#gallary #content div#style007 a:hover {
	background: url(./gallary/images/style007_th_hover.jpg) no-repeat;
}
	
/* @end */
	
/* @end */

/* @group Style */

body#gallary_style {
	background : #bce2e8;
	text-align: left;
	margin: 0;
	padding: 0;
	color: #333;
}

#gallary_style p {
	margin: 0;
}

#gallary_style p#credit {
	margin: 0;
	padding-top: 10px;
	padding-left: 18px;
}
	
/* @end */

/* @group Ticket */

#ticket div#header {
	background: no-repeat url(./images/topimg_ticket.jpg);
}

#ticket #menu li#menu_ticket a {
	display: block;
	height: 27px;
	background: url(./images/menu.gif) -387px 0px no-repeat;
}

#ticket div.box {
	border: 1px solid #999;
	margin-bottom: 15px;
	padding: 5px 10px;
	clear: both;
}
*html #ticket div.box {height: 1px;}

#ticket p#machiuke {
	float: right;
	height: 165px;
	width: 125px;
	border: 1px solid #ccc;
	padding-top: 5px;
	padding-left: 5px;
}

*html #ticket p#machiuke {
	height: 172px;
	width: 132px;
	margin-top: 5px;
	margin-bottom: 10px;
}

#ticket h4 {
	font-size: 12px;
	border-bottom: 1px solid #999;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
}

#ticket a {
	color: #6ab;
	font-weight: bold;
}

#ticket #footer a {
	color: #333;
	font-weight: normal;
}

#ticket #footer a:hover {
	color: #6ab;
}

#ticket .tlink {
	padding-left: 15px;
	background: url(images/arw.gif) no-repeat 0 50%;
	font-size: 12px;
}
	
/* @end */

/* @group Home */

#home div#header {
	height: 360px;
}

#home li#menu_home a {
	display: block;
	background: url(./images/menu.gif) -511px 0px  no-repeat;
}

#home h2 {
	height: 333px;
	margin: 0;
	padding: 0;
}

#home div#main {
	width: 280px;
	float: left;
}

#home div#sub {
	width: 240px;
	float: right;
}

#home div#sub img {
	margin-right: 8px;
}


#home dd {
	margin: 0;
	padding-bottom: 7px;
	padding-left: 12px;
}

#home dd a {
	border-bottom: 2px solid #e2f1ed;
	padding-bottom: 1px;
}

#home dt {
	font-weight: bold;
	padding-top: 10px;
	border-top: 1px dotted #b4cac8;
	color: #99c9d1;
}

#home dl {
	margin: 0;
}
	
/* @end */

/* @group CP */

body#recruit {
	text-align: left;
	margin: 0;
	padding: 0;
	color: #333;
	background: #fff;
}

#recruit div#content {
	width: 380px;
	height: 420px;
	margin: 0;
	padding: 0;
}

#recruit div#main {
	margin: 10px;
	padding: 10px;
	background: #fff;
}

#recruit h1 {
	background: url(./images/rclt_title.gif) no-repeat;
	width: 380px;
	height: 100px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

#recruit table {
	border-width: 0;
	border-spacing: 0;
	border-style: none;
	width: 320px;
}

#recruit th, #recruit  td {
	font-size: 11px;
	font-weight: normal;
	padding-top: 4px;
	padding-bottom: 10px;
	line-height: 16px;
}

#recruit th {
	padding-right: 10px;
	text-align: left;
	font-weight: bold;
}

#recruit td {
	text-align: left;
}
	
/* @end */

/* @group CP */

body#compprofile {
	text-align: left;
	margin: 0;
	padding: 0;
	color: #333;
	background: #fff;
}

#compprofile div#content {
	width: 380px;
	height: 420px;
	margin: 0;
	padding: 0;
}

#compprofile div#main {
	margin: 10px;
	padding: 10px;
	background: #fff;
}

#compprofile h1 {
	background: url(./images/cp_title.gif) no-repeat;
	width: 380px;
	height: 100px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

#compprofile table {
	border-width: 0;
	border-spacing: 0;
	border-style: none;
	width: 320px;
}

#compprofile th, #compprofile  td {
	font-size: 11px;
	font-weight: normal;
	padding-top: 4px;
	padding-bottom: 10px;
	line-height: 16px;
}

#compprofile th {
	padding-right: 10px;
	text-align: left;
	font-weight: bold;
}

#compprofile td {
	text-align: left;
}
	
/* @end */

/* -- Common -- */

img {
	border-style: none;
}

.clear {
	clear: both;
}

.head {
	font-size: 13px;
}

#home dd.info201012 a {
	border-style: none;
}

#home dd.info201012 img {
	border: 1px solid #6ab;
	margin-right: 5px;
}