/*  -------------- 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;
}

.contactBtn{
	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{
	margin-right: 5px;
	float: left;
	margin-top: 5px;
}

.newsTitle{
	color: #8BA17F;
	font-weight: bold;
	line-height: 160%;
	font-size: 11px;
}

.newsBodytext{
	color: #666666;
	line-height: 160%;
	font-size: 11px;
}


/*  -------------- 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;
}


/*  -------------- product shopping added at 09.Oct.2009 --------------  */
h4.shopping{
	font-size: 12px;
	color: #8BA17F;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
div.h2shopping{
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.shopping2{
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	font-size: 12px;
	line-height: 156%;
}
table.shopping3{
	background-image: url(../../product/img/sho_frame_02.gif);
	background-repeat: repeat-y;
	width: 537px;
	margin: 0px;
}

/*  -------------- hair catalog ------------------------------  */

#catalog{
	background-image: url(../../catalog/img/cat_thumb_bg.jpg);
	background-repeat: repeat-y;
	/*width: 543px;*/
}
#catalog img.cIMG{
	margin-bottom: 5px;
	margin-right: 5px;
	float: left;
	/*height: 240px;
	width: 176px;*/
}


/*
#catalog .cIMG{
	margin-bottom: 5px;
}
#catalog .cIMG img{
	margin-right: 5px;
}
#catalog .cIMG img.nomargin{
	margin-right: 0px;
}
*/

body.cata {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: #666666;
}
/*#catalog {
	height: 500px;
	width: 630px;
}*/
#cataIMG{
	float: left;
	height: 500px;
	width: 366px;
}
#cataTXT{
	float: right;
	width: 246px;
	height: 480px;
}
#closeBTN{
	float: right;
	height: 20px;
	width: 246px;
	text-align: right;
}
h2{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}
p.details{
	font-size: 11px;
	color: #666666;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}
dl.point{
	line-height: 165%;
	font-size: 11px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}
dl.point dt{
	font-size: 12px;
	font-weight: bold;
	color: #8BA17F;
}
dl.point dd{
	margin: 0px;
	padding: 0px;
}
dl.staff{
	line-height: 165%;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
}
dl.staff dt{
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
}
dl.staff dd{
	margin: 0px;
	padding: 0px;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a.popup{
	color: #8BA17F;
}

/*  -------------- 20110420 追加 --------------  */

.main #contents h2.cataH2{
	padding: 0px;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}
.cataNavi{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.cataNavi ul{
	margin: 0px;
	padding: 0px;
}
.cataNavi ul li{
	float: left;
	height: 157px;
	width: 266px;
	display: inline;
	list-style-type: none;
	margin: 0px;
}
#cata1{
	margin-right: 9px;
	margin-bottom: 9px;
}
#cata2{
	margin-bottom: 9px;
}
#cata3{
	margin-right: 9px;
	margin-bottom: 20px;
}
#cata4{
	margin-bottom: 20px;
}
#cata1 a{
	display: block;
	overflow: hidden;
	height: 0px;
	width: 266px;
	padding-top: 157px;
	background-image: url(../../catalog/img/cat_btn_short.jpg);
}
#cata2 a{
	display: block;
	overflow: hidden;
	height: 0px;
	width: 266px;
	padding-top: 157px;
	background-image: url(../../catalog/img/cat_btn_medium.jpg);
}
#cata3 a{
	display: block;
	overflow: hidden;
	height: 0px;
	width: 266px;
	padding-top: 157px;
	background-image: url(../../catalog/img/cat_btn_semi.jpg);
}
#cata4 a{
	display: block;
	overflow: hidden;
	height: 0px;
	width: 266px;
	padding-top: 157px;
	background-image: url(../../catalog/img/cat_btn_long.jpg);
}

#cata1 a:hover {
background-position: 0 -157px;
}
#cata2 a:hover {
background-position: 0 -157px;
}
#cata3 a:hover {
background-position: 0 -157px;
}
#cata4 a:hover {
background-position: 0 -157px;
}

#cata1stay{
	margin-right: 9px;
	margin-bottom: 9px;
	display: block;
	overflow: hidden;
	height: 0px;
	width: 266px;
	padding-top: 157px;
	background-image: url(../../catalog/img/cat_btn_short.jpg);
	background-position: 0 -157px;
}
#cata2stay{
	margin-bottom: 9px;
	display: block;
	overflow: hidden;
	height: 0px;
	width: 266px;
	padding-top: 157px;
	background-image: url(../../catalog/img/cat_btn_medium.jpg);
	background-position: 0 -157px;
}
#cata3stay{
	margin-right: 9px;
	margin-bottom: 20px;
	display: block;
	overflow: hidden;
	height: 0px;
	width: 266px;
	padding-top: 157px;
	background-image: url(../../catalog/img/cat_btn_semi.jpg);
	background-position: 0 -157px;
}
#cata4stay{
	margin-bottom: 20px;
	display: block;
	overflow: hidden;
	height: 0px;
	width: 266px;
	padding-top: 157px;
	background-image: url(../../catalog/img/cat_btn_long.jpg);
	background-position: 0 -157px;
}











/*  -------------- EOF --------------  */

