* {
	margin: 0;
}

html, body {
	height: 100%;
}

body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 11px;
	color: #666666;
	margin: 0px;
	padding: 0px;
	background-color: #F0F2ED;
}

img{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#layout{
	width: 836px;/*2007.07.29修正*/
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	/*2007.07.29修正*/
	background-color: #FFFFFF;
	background-image: url(../img/cmn_back_gnav.jpg);
	background-repeat: repeat-y;
}


#gnavFla{
	width: 200px;/*2007.07.29修正*/
	margin: 0px;
	float: left;
	/*2007.07.29修正*/
	/*background-color: #007145;
	text-align: right;
	background-image: url(../img/cmn_back_gnav.jpg);
	background-repeat: repeat-y;*/
}

.main{
	width: 636px;
	background-color: #FFFFFF;
	margin: 0px;
	float: right;
}

#head{
	width: 636px;
	height: 128px;
}

.lnavFla{
	background-image: url(../img/cmn_line_01.gif);
	padding-left: 51px;
	padding-right: 48px;
	padding-bottom: 0px;
	background-repeat: no-repeat;
	margin-top: 41px;
	margin-bottom: 0px;
}

h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	background-image: url(../img/cmn_line_01.gif);
	background-repeat: no-repeat;
	padding-left: 51px;
}

.main #contents{
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 51px;
}

.main #contents h2{
	margin-top: 6px;
	margin-bottom: 6px;
	margin-right: 0px;
	margin-left: 0px;
	clear: both;
}

.main .head{
	margin-top: 0px;
	margin-bottom: 40px;
	margin-right: 0px;
	margin-left: 2px;
	clear: both;
}

.main #contents .body{
	margin-top: 5px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	clear: both;
	line-height: 156%;
	width: 537px;
	font-size: 11px;
}

.main #contents .body img{
	margin-top: 30px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	clear: both;
}


/*  -------------- foot --------------  */
#foot{
	background-image: url(../img/cmn_foot_back.jpg);
	background-repeat: repeat-x;
	clear: both;
}

#foot .top{
	margin-top: 54px;
	margin-right: 48px;
	margin-bottom: 42px;
	margin-left: 0px;
	float: right;
}

#foot .gnav{
	clear: right;
	float: left;
}

#foot .spacer{
	margin-left: 11px;
	margin-right: 11px;
}

#foot .copr{
	margin-right: 21px;
	clear: right;
	float: right;
}


/*  -------------- subMenu --------------  */
.subMenu{
	margin-top: 12px;
	margin-left: 51px;
	margin-bottom: 22px;
}


.subMenu .line{
	margin-right: 24px;
	margin-left: 24px;
}


/*  -------------- salon staff --------------  */
#contents .staff{
	background-color: #FFFFFF;
	width: 103px;
	height: 125px;
	margin-top: 0px;
	margin-bottom: 6px;
	margin-right: 5px;
	margin-left: 0px;
	background-image: url(../../salon/img/sal_thumb_back.jpg);
	background-repeat: no-repeat;
	float: left;
}

.main #contents .staff img{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 13px;
}

.main #contents .staff .staffName{
	font-size: 10px;
	color: #999999;
	text-align: center;
}

.main #contents a:link.staff{
	text-decoration: none;
	background-image: url(../../salon/img/sal_thumb_back.jpg);
}

.main #contents a:visited.staff{
	text-decoration: none;
	background-image: url(../../salon/img/sal_thumb_back.jpg);
}

.main #contents a:active.staff{
	text-decoration: none;
	background-image: url(../../salon/img/sal_thumb_back_o.jpg);
}

.main #contents a:hover.staff{
	text-decoration: none;
	background-image: url(../../salon/img/sal_thumb_back_o.jpg);
}


/*  -------------- salon pricelist --------------  */
.price{
	margin-top: 20px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

.line1{
	margin-top: 0px;
	margin-bottom: 6px;
	width: 537px;
	background-image: url(../img/cmn_line_03.gif);
	background-repeat: repeat-x;
}

.line2{
	margin-top: 0px;
	margin-bottom: 6px;
	width: 490px;
	background-image: url(../img/cmn_line_03.gif);
	background-repeat: repeat-x;
}

h3{
	margin-top: 14px;
	margin-bottom: 4px;
}

.main #contents .body td{
	line-height: 220%;
}

.attention{
	margin-top: 30px;
	margin-bottom: 14px;
}

.attention ul{
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-position: outside;
}

.attention li{
	line-height: 220%;
	background-image: url(../../salon/img/pri_list_01.jpg);
	background-repeat: no-repeat;
	background-position: 0.2em;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 18px;
}

.gakuwari{
	background-image: url(../../salon/img/pri_frame_02.jpg);
	background-repeat: repeat-y;
	width: 537px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}

.gakuwari img{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.gakuwari .contetns{
	margin-left: 23px;
}

.gakuwari td{
	line-height: 220%;
}

.small{
	font-size: 10px;
	line-height: 220%;
}

.card{
	background-image: url(../../salon/img/pri_frame_05.jpg);
	background-repeat: repeat-y;
	width: 537px;
}

.card .contents{
	margin-left: 20px;
}

.card .contents table{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 18px;
}

.card .contents .bodytxt{
	line-height: 180%;
}

.card .contents img{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 6px;
}

.cardBTN{
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/*  -------------- salon nail --------------  */
.nail{
	color: #D99993;
	font-weight: bold;
}

.nailAttention{
	margin-top: 15px;
	margin-bottom: 14px;
	margin-left: -40px;
}

.nailAttention ol{
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.nailAttention li{
	line-height: 220%;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 18px;
	list-style-type: none;
	background-image: url(../../salon/img/nai_list_01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 7px;
}

/*  -------------- salon system --------------  */
.imgmargin{
	margin-bottom: 18px;
	margin-left: 51px;
}

.imgmargin2{
	margin-bottom: 10px;
	margin-left: 51px;
}

.thumbnails{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 18px;
	margin-left: 138px;
}

.thumbnails img{
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/*  -------------- product --------------  */
.proFrame{
	background-image: url(../../product/img/pro_frame_02.gif);
	background-repeat: repeat-y;
	width: 537px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


/*  -------------- product shopping --------------  */
.lead{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}

.shopping{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 13px;
	margin-left: 0px;
}

.shopping td{
	line-height: 158%;
	font-size: 10px;
}

.line3{
	margin-top: 0px;
	margin-bottom: 15px;
	width: 495px;
	background-image: url(../img/cmn_line_03.gif);
	background-repeat: repeat-x;
}

.shoppingIMG{
	margin-top: 9px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}

.shoppingBTN{
	text-align: center;
}

.shoppingBTN img{
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/*  -------------- product shoplist --------------  */
.shopList{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.shopListItem{
	color: #999999;
	/*color: #8BA17F;*/
	font-weight: bold;
	line-height: 168%;
	font-size: 12px;
}

.shopListValue{
	color: #666666;
	line-height: 168%;
	font-size: 11px;
}

.shopListValue a{
	color: #666666;
	line-height: 168%;
	font-size: 11px;
	text-decoration: none;
}

/*  -------------- product order --------------  */
.orderIMG{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
}

input.orderPrice{
	border: 1px solid #CCCCCC;
}

.orderFlow{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 28px;
	margin-left: 0px;
}

input.ID{
	border: 1px solid #999999;
	width: 109px;
	height: 24px;
}

input.PASS{
	border: 1px solid #999999;
	width: 109px;
	height: 24px;
}

input.num{
	border: 1px solid #CCCCCC;
	width: 45px;
	height: 14px;
}

.orderAttention{
	font-size: 11px;
	color: #809475;
	font-weight: bold;
	line-height: 158%;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

a.orderFoot{
	text-decoration: none;
	font-size: 11px;
	color: #809475;
	line-height: 158%;
	padding-left: 10px;
	background-image: url(../../product/img/ord_arrow.gif);
	background-repeat: no-repeat;
}

input.orderName{
	border: 1px solid #CCCCCC;
	width: 302px;
	height: 18px;
}

input.orderTel{
	border: 1px solid #CCCCCC;
	width: 216px;
	height: 18px;
}

input.orderMail{
	border: 1px solid #CCCCCC;
	width: 290px;
	height: 18px;
}

input.orderAdress{
	border: 1px solid #CCCCCC;
	width: 365px;
	height: 18px;
}

select.orderPref{
	border: 1px solid #CCCCCC;
}

input.orderText{
	border: 1px solid #CCCCCC;
	width: 470px;
	height: 50px;
}


/*  -------------- 20070702 追加 --------------  */

/*  -------------- product voice --------------  */
.lineVoice{
	margin-top: 15px;
	margin-bottom: 20px;
	width: 493px;
	background-image: url(../img/cmn_line_03.gif);
	background-repeat: repeat-x;
}

.voiceBTN{
	text-align: center;
	margin-top: 15px;
}

.voiceBTN img{
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}


/*  -------------- company contact --------------  */
textarea.contactText{
	border: 1px solid #CCCCCC;
	width: 370px;
	height: 210px;
}

input.contactBtn{
	background-image: url('img/con_btn_01.jpg');
	text-align: right;
	margin-top: 15px;
}

.contactAttention{
	color: #809475;
	font-size: 11px;
	line-height: 180%;
	margin-bottom: 20px;
}

.contactAttention select{
	border: 1px solid #CCCCCC;
}


/*  -------------- company profile --------------  */
.lineProf{
	margin-top: 4px;
	margin-bottom: 4px;
	width: 537px;
	background-image: url(../img/cmn_line_03.gif);
	background-repeat: repeat-x;
}

.lineProf2{
	margin-top: 4px;
	margin-bottom: 4px;
	width: 400px;
	background-image: url(../img/cmn_line_03.gif);
	background-repeat: repeat-x;
}


/*  -------------- company recruit --------------  */
h2 .recruit{
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}

.recLead{
	width: 537px;
	font-size: 11px;
	line-height: 180%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}


/*  -------------- company links --------------  */
.linFrame{
	background-image: url(../../company/img/lin_flame_02.gif);
	background-repeat: repeat-y;
	width: 537px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.lineLinks{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 490px;
	background-image: url(../img/cmn_line_03.gif);
	background-repeat: repeat-x;
}

/*  -------------- news news --------------  */
.newsBox{
	border: 1px solid #DCDED5;
	margin-top: 5px;
	margin-bottom: 5px;
}

.newsIMG{
	float: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}

.newsDate{
	color: #8BA17F;
	font-weight: bold;
	line-height: 160%;
	font-size: 11px;
}

.newsTitle{
	color: #8BA17F;
	font-weight: bold;
	line-height: 160%;
	font-size: 11px;
}

.newsBodytext{
	width: 405px;
	color: #666666;
	line-height: 160%;
	font-size: 11px;
}

.newsViewBTN{
	width: 415px;
	clear:both;
	text-align: right;
}


/*  -------------- news media --------------  */
.mediaBox{
	margin-top: 20px;
	margin-bottom: 20px;
}


/*  -------------- news cm --------------  */
.cmIMG{
	margin-top: 20px;
	margin-bottom: 20px;
}

.cmBodytext{
	color: #666666;
	line-height: 190%;
	font-size: 11px;
	width: 538px;
	margin-bottom: 20px;
}


/*  -------------- salon card --------------  */
.card{
	margin-bottom: 14px;
}

.carFrame{
	background-image: url(../../salon/img/car_frame_02.gif);
	background-repeat: repeat-y;
	width: 539px;
	margin: 0px;
}

.carFrame2{
	background-image: url(../../salon/img/car_frame_05.gif);
	background-repeat: repeat-y;
	width: 424px;
	margin: 0px;
}

.carH2{
	margin-left: 2px;
}

.lineCard{
	margin-top: 9px;
	margin-bottom: 12px;
	width: 429px;
	background-image: url(../img/cmn_line_03.gif);
	background-repeat: repeat-x;
}

.lineCard2{
	margin-top: 30px;
	margin-bottom: 0px;
	width: 489px;
	background-image: url(../img/cmn_line_03.gif);
	background-repeat: repeat-x;
}

.lineCardFree{
	margin-top: 5px;
	margin-bottom: 10px;
	background-image: url(../img/cmn_line_03.gif);
	background-repeat: repeat-x;
}

.cardIMG{
	margin-top: 30px;
	margin-bottom: 30px;
}

.cardIMG2{
	margin-right: 10px;
	margin-left: 10px;
}

.cardText{
	color: #666666;
	line-height: 180%;
	font-size: 11px;
	text-align: left;
}

.cardStrongText{
	color: #8BA17F;
	font-weight: bold;
	line-height: 180%;
	font-size: 11px;
}

.cardSmallText{
	color: #666666;
	line-height: 180%;
	font-size: 10px;
}

.carFrame3{
	background-image: url(../../salon/img/car_frame_08.gif);
	background-repeat: repeat-y;
	width: 489px;
	margin: 0px;
}

.cardMargin{
	margin-bottom: 10px;
}

.cardBtn{
	text-align: right;
	margin-top: 15px;
}

.cardTextAttention{
	width: 458px;
	color: #666666;
	line-height: 180%;
	font-size: 11px;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 10px;
}


/*  -------------- 20070729 追加 --------------  */

div.clear {
   clear: both;
}

#mainContents{
	min-height: 760px;
}

/*
.main{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -132px; 
}

#foot, .push {
	height: 132px;
}
*/


/*  -------------- 20070825 追加 --------------  */

.main #contents h2.prop{
	margin-top: 6px;
	margin-bottom: 2px;
	margin-right: 0px;
	margin-left: 0px;
	clear: both;
}

.propIMG{
	margin-top: 0px;
	margin-bottom: 8px;
	margin-right: 0px;
	margin-left: 0px;
}

.propBTN img{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 3px;
}

.themeTxt{
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 0px;
	margin-left: 0px;
	line-height: 200%;
}

.main #contents h2.whs{
	margin-top: 6px;
	margin-bottom: 25px;
	margin-right: 0px;
	margin-left: 0px;
	clear: both;
}

h3.whs{
	margin-top: 0px;
	margin-bottom: 24px;
	margin-right: 0px;
	margin-left: 0px;
}

.whsLead{
	margin-top: 0px;
	margin-bottom: 24px;
	margin-right: 0px;
	margin-left: 0px;
}