@charset "UTF-8";

/* ***************************************************
* CSS file For jem-com.jp
	FileName: menu.css
	data:2008/08/29 kinoshita

■目次 ==========================================
■[01]:menu
**************************************************** */



/*-----------------------------------------------------------
■[01]:menu
------------------------------------------------------------*/
div.MenuBox {
	width: 360px;
}

div.MenuBox table{
}

div.MenuBox table caption{
	padding-bottom: 3px;
}

div.MenuBox table th{
	color: #7c3514;
	width: 290px;
	text-align: left;
	border-bottom: 1px solid #faf2ed;
	padding-left: 10px;
	line-height: 22px;
	background: url(/common/left_line.gif) no-repeat left 5px ;
}

div.MenuBox table th.kome{
	font-size: 10px;
	background-image:none ;
	line-height: 14px;
	padding: 4px 0px 4px 10px;
	letter-spacing: 1px;
}

/* これ以降Mac IE 5のみに適用される \*//*/
div.MenuBox table th.kome{letter-spacing: 0px;}
/* これ以降Mac IE 5以外にも適用される */

div.MenuBox table tr.Color1,div.MenuBox table tr.Color1 th { background-color: #f0d9cb; }
div.MenuBox table tr.Color1 td.price{ background-color: #e2bca9; }
div.MenuBox table tr.Color2 td.price{ background-color: #ebd0c1; }


div.MenuBox table td{
	line-height: 22px;
}

div.MenuBox table td.price{
	width: 60px;
/* 	color: #8c4d2f;
 */	color: #3d0000;
	padding-left: 18px;
	letter-spacing: 1px;
	background: url(/common/dot.gif) repeat-x bottom ;

}
/* これ以降Mac IE 5のみに適用される \*//*/
div.MenuBox table td.price{letter-spacing: 0px; padding-left: 8px;}
/* これ以降Mac IE 5以外にも適用される */

div.MenuBox table td.hashi{
	width: 10px;
}

/* 画像とテキスト */
	
div.Hair_title{
	width: 780px;
	padding-top: 10px;
}

div.Hair_title:after{ 
	content:"."; 
	display:block; 
	height:0; 
	clear: both; 
	visibility:hidden; 
} 
/* \*/ 
* html div.Hair_title {
	height:0;
	display: block;
}/* */ 

div.Hair_title p{
	float: left;
	width: 513px;
	letter-spacing: 1px;
	line-height: 20px;
}

/* これ以降Mac IE 5のみに適用される \*//*/
div.Hair_title p{
	width: 508px;
	letter-spacing: 0px;
}/* これ以降Mac IE 5以外にも適用される */



/* おすすめ */


.Hair_osusume_left { width:475px; float:left; }
.Hair_osusume_left p { padding:5px 0px; }
.Hair_osusume_left ul{ padding-left:20px; list-style-type:disc; }

.Hair_osusume_title { color:#2a8e27; }



.Hair_osusume_right { width:261px; float:right; }

/* ヘアリセッタ */
div#HairBox{
	width: 780px;
}

div#HairBox div{
	width: 360px;
	height: 118px;
	padding: 8px 10px;
	background: url(/special/img/bg_small1.gif) no-repeat ;
}


div#HairBox div p.text{
	font-size: 10px;
	line-height: 20px;
	letter-spacing: 1px;
	padding-left: 2px;
	padding-top: 4px;
	height: 40px;
}

div#HairBox div p.price,div#HairBox div p.price2{
	text-align: right;
	position: relative;
	width: 112px;
	height: 22px;
	letter-spacing: 1px;
}

div#HairBox div p.price span,div#HairBox div p.price2 span{
	text-align: right;
	position: absolute;
	width: 112px;
	height: 22px;
	color: #fff;
	line-height: 24px;
	padding-right: 6px;
}

div#HairBox div p.price span{ top: 11px; left: 240px; }
/* div#HairBox div p.price2 span{ top: 12px; left: 240px; }
 */
/* これ以降Mac IE 5のみに適用される \*//*/
div#HairBox div p.text{letter-spacing: 0px;}
div#HairBox div p.price{letter-spacing: 0px;}
/* これ以降Mac IE 5以外にも適用される */

div.BgBox{
	background: url(/special/img/bg_middle_big.gif) repeat-y ;
	width: 740px;
	padding: 5px 20px 0px 20px;
}

p.BgBox_top{ background: url(/special/img/bg_top_big.gif) no-repeat bottom ; width: 780px; height: 8px; }
p.BgBox_bottom{ background: url(/special/img/bg_bottom_big.gif) no-repeat ; width: 780px; height: 8px; }

div.BgBox2{
	background: url(/special/img/bg_middle_big.gif) repeat-y ;
	width: 760px;
	padding: 7px 0px 0px 20px;
	position: relative;
	height: 196px;
}


div.BgBox2 p.image{
	position: absolute;
	top: 8px;
	left: 392px;
	width: 372px;
	height: 184px;
}
/* これ以降Mac IE 5のみに適用される \*//*/
div.BgBox2 p.image{ height: 200px; }
/* これ以降Mac IE 5以外にも適用される */


/* 商品 */
div#ProductBox{
	width: 780px;
	padding-top: 10px;
}

div#ProductBox div{
	width: 380px;
	height: 200px;
	position: relative;
}

div#ProductBox div.box1{ background: url(/special/img/bg_small2_1.gif) no-repeat bottom ; }
div#ProductBox div.box2{ background: url(/special/img/bg_small2_2.gif) no-repeat bottom ; }


div#ProductBox div p.photo,div#ProductBox div p.photo2{
	float: left;
	padding: 14px 0px 0px 12px;
}

div#ProductBox div p.photo{ width: 110px; }
div#ProductBox div p.photo2{ width: 139px; }

div#ProductBox div p.text,div#ProductBox div p.text2{
	font-size: 10px;
	line-height: 19px;
	padding-left: 2px;
	padding-top: 4px;
	float: right;
	height: 150px;
	letter-spacing: 1px;
	padding: 12px 12px 0px 0px;
}
div#ProductBox div p.text{ width: 236px; }
div#ProductBox div p.text2{ width: 206px; }

/* これ以降Mac IE 5のみに適用される \*//*/
div#ProductBox div p.text{ width: 216px; }
div#ProductBox div p.text2{ width: 196px; }
/* これ以降Mac IE 5以外にも適用される */




div#ProductBox div p.price1,div#ProductBox div p.price2{
	text-align: right;
	width: 118px;
	height: 24px;
	position: absolute; 
	color: #fff;
	padding-right: 7px;
	line-height: 24px;
	letter-spacing: 0px;
}

div#ProductBox div p.price1{ top: 166px; left: 124px; }
div#ProductBox div p.price2{ top: 166px; left: 246px; }

/* div#ProductBox div p.price1 span{ top: -21px; left: 124px; }
div#ProductBox div p.price2 span{ top: -21px; left: 246px; }
 */


div.Memo{
	margin-top: 26px;
	height: 62px;
}

/* これ以降Mac IE 5のみに適用される \*//*/
div.Memo{ margin-top: -10px; }
/* これ以降Mac IE 5以外にも適用される */


/* エアーウェーブ */
div.BgBox3{
	background: url(/special/img/bg_air2.gif) no-repeat ;
	width: 760px;
	padding: 15px 0px 0px 20px;
	height: 330px;
	text-align: left;
	position: relative;
}

div.BgBox3 p.text{
	width: 375px;
	line-height: 22px;
	padding-left: 2px;
	padding-top: 2px;
	height: 136px;
}

div.BgBox3 p.price2{
	width: 118px;
	height: 24px;
	margin-top : 6px;
	color: #fff;
	line-height: 24px;
	letter-spacing: 0px;
	position: absolute;
	top: 239px;
	left: 367px;
}

div.BgBox3 p.image{
	width: 352px;
	height: 310px;
	position: absolute;
	top: 8px;
	left: 418px;
}


p.linktext{
	position: absolute;
	top: 290px;
	left: 20px;
}

p.linktext a{
	color: #3d0000;
}

p.linktext a:link 	{ color: #3d0000; text-decoration: underline; }
p.linktext a:visited 	{ color: #3d0000; text-decoration: underline; }
p.linktext a:hover 	{ color: #b55a00; text-decoration: underline; }