@charset "UTF-8";

/* ------------------------------------------- CSS Information
 File Name:      salon.css
 Author:         Real Needs Creates
 Style Info:     Setting for salon.html, link_tsujido.html, link_kugenuma.html
 Date:			 20101025
----------------------------------------------------------- */

/* salon.html
===================================================================== */

#salon_inner{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.salonTsujido_inner{
	float:left;
	width:800px;
	margin-top: 20px;
}
.salonChigasaki_inner{
	float:left;
	width:800px;
	margin-top: 30px;
}

.salonKugenuma_inner{
	float:left;
	width:800px;
	margin-top: 30px;
}
.salonTsujido_inner h3, 
.salonChigasaki_inner h3, .salonKugenuma_inner h3{
	padding-bottom:10px;
	background-repeat:no-repeat;
	width:425px;
	height:120px;
	float: left;
}
.salonTsujido_inner h3 a, 
.salonChigasaki_inner h3 a , .salonKugenuma_inner h3 a{
	text-indent:-9999px;
	outline:none; /* for Firefox */
	display:block;
	width:425px;
	height:120px;
}

.salonTsujido_inner h3 {
	background-image:url(../salon/images/h4_tsujido.jpg);
}
.salonChigasaki_inner h3 {
	background-image:url(../salon/images/h4_chigasaki.jpg);
}
.salonKugenuma_inner h3 {
	background-image:url(../salon/images/h4_kugenuma.jpg);
}



/* botton
----------------------------------------------------------------- */
ul.button{
	list-style:none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10;
	float: left;
	margin-left: 0px;
}

li.button_moreinfo, 
li.button_staffinfo, 
li.button_printpage, 
li.button_googlemap {
	padding:0;
	width:100px;
	height:16px;
	float: left;
	margin-left: 5px;
	margin-top: 10px;
}

li.button_moreinfo a, 
li.button_staffinfo a, 
li.button_printpage a, 
li.button_googlemap a {
	width: 100px; 	/* for Win IE6 */
	height:16px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;/*	outline:none;*/
}

/* button "More info" Image at link Setting */
li.button_moreinfo a{
	background-image:url(../salon/images/button_moreinfo.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}

li.button_moreinfo a:link, 
li.button_moreinfo a:visited{
	background-image:url(../salon/images/button_moreinfo.gif);
	background-repeat:no-repeat;
	background-position:0 -16px;
}

/* button "More info" Image at hover Setting */
li.button_moreinfo a:hover, 
li.button_moreinfo a:active{
	background-image:url(../salon/images/button_moreinfo.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}

/* button "Staff info" Image at link Setting */
li.button_staffinfo a{
	background-image:url(../salon/images/button_staffinfo.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}

li.button_staffinfo a:link, 
li.button_staffinfo a:visited{
	background-image:url(../salon/images/button_staffinfo.gif);
	background-repeat:no-repeat;
	background-position:0 -16px;
}

/* button "Staff info" Image at hover Setting */
li.button_staffinfo a:hover, 
li.button_staffinfo a:active{
	background-image:url(../salon/images/button_staffinfo.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}

/* button "Print Page" Image at link Setting */
li.button_printpage a{
	background-image:url(../salon/images/button_printpage.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}

li.button_printpage a:link, 
li.button_printpage a:visited{
	background-image:url(../salon/images/button_printpage.gif);
	background-repeat:no-repeat;
	background-position:0 -16px;
}

/* button "Print Page" Image at hover Setting */
li.button_printpage a:hover, 
li.button_printpage a:active{
	background-image:url(../salon/images/button_printpage.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}

/* button "Google Map" Image at link Setting */
li.button_googlemap a{
	background-image:url(../salon/images/button_googlemap.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}

li.button_googlemap a:link, li.button_googlemap a:visited{
	background-image:url(../salon/images/button_googlemap.gif);
	background-repeat:no-repeat;
	background-position:0 -16px;
}

/* button "Google Map" Image at hover Setting */
li.button_googlemap a:hover, li.button_googlemap a:active{
	background-image:url(../salon/images/button_googlemap.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
#salon_inner #map {
	float: right;
}
/* link_tsujido.html, link_chigasaki.html, link_kugenuma.html
===================================================================== */

#linkTsujido_inner,#linkChigasaki_inner,#linkKugenuma_inner{
	padding:0 20px;
	font-family: "メイリオ", Meiryo, "MS Pゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif, Geneva, Arial, Helvetica;
}
/* h3 Setting
----------------------------------------------------------------- */
#linkTsujido_inner h3,
#linkChigasaki_inner h3, #linkKugenuma_inner h3{
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	text-indent:-9999px;
	margin:0;
	height: 50px;
}

#linkTsujido_inner h3{
	background-image:url(../salon/images/tsujido/h5_tsujido.gif);
	font-family: "メイリオ", Meiryo, "MS Pゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif, Geneva, Arial, Helvetica;
}
#linkChigasaki_inner h3 {
	background-image:url(../salon/images/chigasaki/h5_chigasaki.gif);
	font-family: "メイリオ", Meiryo, "MS Pゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif, Geneva, Arial, Helvetica;
}
#linkKugenuma_inner h3{
	background-image:url(../salon/images/kugenuma/h5_kugenuma.gif);
	font-family: "メイリオ", Meiryo, "MS Pゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif, Geneva, Arial, Helvetica;
}



/* Salon Images
----------------------------------------------------------------- */
.salonImage_box{
	float:left;
	margin-right:5px;
	padding-top:30px;
}

.salonImage_box_last{
	float:left;
	margin:0;
	padding-top:30px;
}

.salonImage_box img,.salonImage_box_last img{
	border: 1px solid #CCC;
	background: #FFF;  
	padding: 2px;
	margin-bottom:5px;
}



/* Salon Infomation
----------------------------------------------------------------- */
h4.salonInfo{
	background-image:url(../salon/images/tsujido/h3_salon_info.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	text-indent:-9999px;
	height:60px;
	clear:both;
	font-family: "メイリオ", Meiryo, "MS Pゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif, Geneva, Arial, Helvetica;
}

.salonInfo_left_inner{
	float:left;
	font-family: "メイリオ", Meiryo, "MS Pゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif, Geneva, Arial, Helvetica;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}

.salonInfo_left_inner img{
	margin-bottom:10px;
	text-align: left;
	font-family: "メイリオ", Meiryo, "MS Pゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif, Geneva, Arial, Helvetica;
}



/* Salon Infomation rightside
----------------------------------------------------------------- */

.salonInfoTsujido_right_inner,
.salonInfoChigasaki_right_inner{
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 500px;
}

.salonInfoKugenuma_right_inner{
	padding:20px 0 0 370px;
}

.salonInfoTsujido_right_inner img,
.salonInfoKugenuma_right_inner img{
	border: 1px solid #CCC;
	background: #FFF;  
	padding: 2px;
}

.salonInfoKugenuma_right_inner img{
	margin-right:5px;
}


/* Staff Infomation
----------------------------------------------------------------- */
#staffInfo_inner {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 40px;
}

h4.staffInfo{
	background-image:url(../salon/images/tsujido/h3_staff_info.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	text-indent:-9999px;
	height:60px;
	clear:both;
	font-family: "メイリオ", Meiryo, "MS Pゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif, Geneva, Arial, Helvetica;
}

#staffInfo_inner img {
	border: 1px solid #CCC;
	background: #FFF;  
	padding: 2px;
	margin-bottom:5px;
	float:left;
}

#staffInfo_inner ul {
	float:left;
	padding-left:100px;
}

#staffInfo_inner ul li {
	line-height:200%;
}