@charset "EUC-JP";

/*
 * Copyright (c) 2000-2007 LOCKON CO.,LTD. All Rights Reserved.
 *
 * http://www.lockon.co.jp/
 */

/* EC-CUBE Blue Template Build: 0:22 2007/08/31 */


/*FORM*/
.box3 { width: 33px; }	/*W3*/
.box6 { width: 54px; }	/*W6*/
.box10 { width: 82px; }	/*W10*/
.box12 { width: 96px; }	/*W12*/
.box18 { width: 138px; }	/*W18*/
.box19 { width: 145px; }	/*W19*/
.box20 { width: 152px; }	/*W20*/
.box30 { width: 222px; }	/*W30*/
.box33 { width: 243px; }	/*W30*/
.box40 { width: 292px; }	/*W40*/
.box47 { width: 341px; }	/*W47*/
.area40 { width: 302px; height: 134px; }	/*W40¡ßH8*/
.area45 { width: 337px; height: 290px; }	/*W40¡ßH20*/
.area46 { width: 337px; height: 134px; }	/*W40¡ßH8*/
.area50 { width: 372px; height: 290px; }	/*W50¡ßH20*/
.area55 { width: 407px; height: 290px; }	/*W55¡ßH20*/
.area65 { width: 444px; height: 290px; }	/*W65¡ßH20*/
.area68 { width: 498px; height: 134px; }	/*W68¡ßH8*/
.area80 { width: 572px; height: 134px; }	/*W80¡ßH8*/
.area80_2 { width: 99%; height: 420px; }	/*W80¡ßH30*/
.area92 { width: 666px; height: 160px; }	/*W92¡ßH10*/
.area96 { width: 694px; height: 420px; }	/*W80¡ßH30*/
.area96_2 { width: 694px; height: 160px; }	/*W80¡ßH10*/

/*COLOR*/
.white { color: #ffffff; }
.whitest { color: #ffffff; font-weight: bold; }
.red { color: #ec0000; }
.redst { color: #ec0000; font-weight: bold; }
.blue { color: #3a75af; }
.bluest { color: #3a75af; font-weight: bold; }
.black { color: #000000; }
.blackst { color: #000000; font-weight: bold; }
.orange { color: #ff6600; }
.orangest { color: #ff6600; font-weight: bold; }
.pink{ color: #c54e89;}

/*texts*/
.lh18{ line-height: 18pt;}
.center{ text-align: center;}
.right{ text-align: right;}

/*layout*/
.fleft{ float: left;}
.fright{ float: right;}

.mgn-top-s{ margin-top: 5px;}
.mgn-top-m{ margin-top: 15px;}
.mgn-top-ml{ margin-top: 20px;}
.mgn-top-l{ margin-top: 25px;}
.mgn-lft-s{ margin-left: 5px;}
.mgn-lft-m{ margin-left: 15px;}
.mgn-lft-l{ margin-left: 25px;}
.mgn-btm-s{ margin-bottom: 5px;}
.mgn-btm-m{ margin-bottom: 15px;}
.mgn-btm-l{ margin-bottom: 25px;}
.pdd-top-s{ padding-top: 5px;}
.pdd-top-m{ padding-top: 15px;}
.pdd-top-l{ padding-top: 25px;}
.pdd-lft-s{ padding-left: 5px;}
.pdd-lft-m{ padding-left: 15px;}
.pdd-lft-l{ padding-left: 25px;}
.pdd-btm-s{ padding-bottom: 5px;}
.pdd-btm-m{ padding-bottom: 15px;}
.pdd-btm-l{ padding-bottom: 25px;}

/*lines*/
.bdr-btm-dot{ border-bottom: 1px dotted #d9d7bd;}
.bdr-lft-bld-c{ border-left: 2px solid #c54e89;}

/*box*/
.w100{ width: 100px;}
.w650{ width: 650px;}

.clear{ clear:both;}

.fs-small{ font-size: 8pt; line-height: 14pt;}
.fs-normal{ font-size: 11pt; line-height: 16pt;}
.fs-lage{ font-size: 11pt; line-height: 18pt;}

input.short{
	width: 100px;
	margin: 4px;
}

input.mid{
	width: 200px;
	margin: 4px;
}

input.long{
	width: 300px;
	margin: 4px;
}

/* green Additional Style
--------------------------------------------------------------------*/

/* General - ¥µ¥¤¥ÈÁ´ÂÎ
-------------------------------------------------------- */

*{
	margin: 0;
	padding: 0;
	margin: 0;
    padding: 0;
	/*font-family: "Hiragino Kaku Gothic Pro", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Osaka", "ricoh-lx p gothic", "MS PGothic", "£Í£Ó £Ð¥´¥·¥Ã¥¯", sans-serif;*/
	font-family: monospece, "MS PGothic", "£Í£Ó £Ð¥´¥·¥Ã¥¯", "Osaka", "ricoh-lx p gothic", sans-serif;
	}

html{
	}

body{
	font-family: Verdana, Tahoma, Arial, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0 0 1em 0;
	background: url(../image/global/bg-body.gif) repeat-x;
	color: #3a3823;
	behavior:url("/user_data/css/csshover.htc");
	}

table{
	font-size: 10pt;
	}

.table{
	background: #CCCCCC;
	}

.table tr td{
	padding: 5px;
	}

.table_01 tr td{
padding:5px;
border:0;
}


th a:link, th a:active, th a:visited{
	}

hr{
	}

img{
	border: 0px;
	}

p{
	padding: 0;
	margin: 0.5em 0;
	}

h1,h2,h3,h4{
	font-size: 10pt !important;
	}

h4{
	}

/* Link - Eó¥
-------------------------------------------------------- */

a:link, a:active{
	color: #3a3823 !important;
	text-decoration: none;
	}

a:visited{
	color: #3a3823 !important;
	text-decoration: none;
	}

a:hover{
	color: #c54e89 !important;
	text-decoration: none;
	}

a:hover img{

  filter: alpha(opacity=80);

  -moz-opacity:0.80;

  opacity:0.80;

}


/* Form - ¥Õ¥©¡¼E
-------------------------------------------------------- */

form {
	margin: 0;
	padding: 0;
	}


input {
	margin: 0;
	padding: 0;
	}

td input {
	margin: 0;
	padding: 0;
	line-height: 18px;
	}

textarea{
	font-size: 10pt;
	}

input.simple,
select.simple{
	border: 1px solid #d9d7bd;
	}
	
form .short{
	width: 150px;
	}

form .mid{
	width: 250px;
	}

form .long{
	width: 500px;
	}
	
.Content input,.Content select{
	margin: 5px 0px 5px;
	}

.Content .simple{
	margin-left: 2px;
	}

.btn:hover {
	filter: alpha(opacity=30);
	opacity:0.3;
}

/* List - E¹¥
-------------------------------------------------------- */

ul	{
	margin: 0 1.8em;
	padding: 0px;
	}

ol	{
	margin: 0 1.8em;
	padding: 0px;
	}

li	{
	line-height: 1.4em;
	}

/* Layout - E¤¥¢¥¦¥
-------------------------------------------------------- */

#wrap{
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	}


/* Header - ¥Ø¥Ã¥À¡¼ */

#header{
	height: 100px;
	font-size: 8pt;
	}

#header h1 {
	background: url(../image/global/head/logo.gif) no-repeat;
	position: relative;
	top: 9px;
	left: 6px;
	width: 110px;
	height: 45px;
	margin: 0;
	padding: 0;
	float: left;
	}
	
#header h2 {
	font-size: 10pt;
	float: left;
	position: relative;
	font-weight: normal;
	top: 28px;
	left: 10px;
	}

#header .logo a{
	display: block;
	height: 45px;
	}

#header span{
	display: none;
	}

#header a:link,#header a:visited{
	color: #000;
	text-decoration: none;
	}

#usernavi{
	width: 452px;
	top: 0px;
	float:right;
	list-style: none;
	}

#usernavi li{
	float:left;
	margin: 0px;
	padding: 0px;
	}

#usernavi2{
	width: 339px;
	top: 0px;
	float:right;
	list-style: none;
	}

#usernavi2 li{
	float:left;
	margin: 0px;
	padding: 0px;
	}
	
.mainmenu{
	width: 1000px;
	height: 34px;
	margin-top: 6px;
	}

.mainmenu ul{
	margin: 6px 0px 0px 168px;
	padding: 0px;
	list-style: none outside;
	}

.mainmenu ul li{
	line-height: 34px;
	width: 91px;
	text-align: center;
	float: left;
	}

.mainmenu ul li a{
	width: 91px;
	line-height: 34px;
	display: block;
	background-image: url(../image/global/head/bg-menu_ro.gif);
	font-size: 9pt;
	color: #c54e89 !important;
	}
	
.mainmenu ul li a:hover{
	background-image: url(../image/global/head/bg-menu_ro.gif);
	color: #fc8220 !important;
	}

.mainmenu ul li a.on{
	background-image: url(../image/global/head/bg-menu_ro.gif);
	color: #fc8220 !important;
	}



.sale{
	width: 1000px;
	height: 100px;
	position: relative;
	margin: -15px 0px 16px;
}

.flasharea{
	width: 1000px;
	height: 155px;
	margin-bottom: 10px;
}



/* Container - ¥³¥ó¥Æ¥Ê */

.cont_width_dc{ /* double column */
	width: 810px;
	}

.cont_width_lc{ /* left column */
	width: 813px;
	}

.cont_width_rc{ /* right column */
	width: 1000px;
	}

.cont_width_nc{ /* no column */
	width: 900px;
	}

#container{
	float: right;
	text-align: left;
	display: inline; /* IE Fix */
	margin: 0px;
	}


/* Left Column - º¸¥«¥éE*/

#leftcolumn{
	float: left;
	width: 171px;
	font-size: 8pt !important;
	}

#leftcolumn .Content{
	margin: 0;
	padding: 1px 5px;
	background: url(../image/global/side/bg-side.gif);
	}

#leftcolumn table{
	}


/* Center Column - Ãæ±û¥«¥éE*/

.width_dc{ /* double column */
	width: 619px;
	}

.width_lc{ /* single column */
	width: 813px;
	}

.width_rc{ /* single column */
	width: 808px;
	}

.width_nc{ /* no column */
	width: 813px;
	}

#centercolumn{
	float: left;
	margin-bottom: 2em;
	text-align: left;
	}

#centercolumn .bred{
	margin: 0px 0px 15px;
	font-size: 8pt;
}

#centercolumn  .blockTitle{
	background: #0059A2 url(../image/blocktitle_center.gif);
	padding: 0 10px;
	height: 28px;
	line-height: 28px;
	color: #FFFFFF;
	font-weight: bold;
	}

#centercolumn .blockContent{
	margin: 0 0 .5em 0;
	padding: 6px 5px;
	}

#centercontents{
	}


/* Right Column - ±¦¥«¥éE*/

#rightcolumn{
	float: right;
	width: 171px;
	font-size: 8pt;
	}

#rightcolumn .Content{
	margin: 0;
	padding: 6px 5px;
	background: url(../image/global/side/bg-side.gif);
	}

#rightcolumn .Content p{
	margin: 5px 3px 0px 3px;
	padding: 0px;
	}

.c-both{
	clear: both;
	}

/* Footer - ¥Õ¥Ã¥¿¡¼ */

#pagetop{
	padding: 0 20px 15px 20px;
	text-align: center;
	}

#footer{
	background-image: url(../image/global/foot/bg-foot.gif);
	background-repeat: repeat-x;
	height: 38px;
	line-height: 38px;
	padding: 12px 0px 0px;
	text-align: center;
	width: 100%;
	}

#footer a:link, #footer a:visited, #footer a:active{
	text-decoration: none;
	}

#footer a:hover{
	}


/* Blocks
---------------*/

.drop-p{
	background: url(../image/global/icon/drop-p.gif) no-repeat;
	padding-left: 14px;
	margin: 5px 0px;
}

.drop-b{
	background: url(../image/global/icon/drop-b.gif) no-repeat;
	padding-left: 14px;
	margin: 5px 0px;
}

#leftcolumn .Title,
#rightcolumn .Title{
	background: #0059A2 url(../image/global/side/title_back.gif) repeat-x;
	height: 28px;
	line-height: 24px;
	}

#leftcolumn .Title .left,
#rightcolumn .Title .left{
	float: left;
	width: 22px;
	height: 28px;
	background: url(../image/global/side/title_Left.gif) no-repeat;
	}

#leftcolumn .Title .right,
#rightcolumn .Title .right{
	float: right;
	width: 10px;
	height: 28px;
	background: url(../image/global/side/title_Right.gif) no-repeat;
	}

#centercolumn .Title{
	background: url(../image/global/center/title_back.gif) repeat-x;
	height: 25px;
	line-height: 25px;
	margin: 0px 0px 14px;
	
	font-weight: normal;
	}
	
#centercolumn h2.Title{
	margin: 0px 0px 5px;
	}

#centercolumn .Title .left{
	float: left;
	width: 22px;
	height: 25px;
	background: url(../image/global/center/title_Left.gif) no-repeat;
	}

#centercolumn .Title .right{
	float: right;
	width: 10px;
	height: 25px;
	background: url(../image/global/center/title_Right.gif) no-repeat;
	}

#promotion, .banners{
	width: 619px;
	_width: 621px;
	margin: 0px 0px 0px;
	}
	
#promotion img{
	margin-bottom: 14px;
	}

.banners img{
	margin-bottom: 14px;
	}
.banners img.fleft{
	_margin-left: -3px;
	}

.banners img.fright{
	_margin-right: 1px;
	}

#blockLogin .Title a{
	color: #FFF;
	}

#blockLogin input.short{
	width: 145px;
	margin: 4px;
}

#blockLogin .bdr-btm-dot{
	text-align: center;
	}

#blockLogin input.btn{
	margin: 7px 0px;
	}

#blockLogin .memory{
	float: left;
	position: relative;
	top: 10px;
	left: 5px;
	}

#blockLogin .memory span{
	position: relative;
	top: -5px;
	}


#blockLogin .entryarea{
	padding: 7px 0px;
	margin: 10px 0px;
	text-align: center;
	border-bottom: 1px solid #d9d7bd;
	}

.rank{
	background: url(../image/global/side/bg-rank-line.gif);
}

.rank ul{
	width: 171px;
	margin: 0px;
	padding: 0px;
	list-style: none outside;
}

.rank ul li{
	width: 171px;
	height: 125px;
	margin: 0px 0px 10px;
	display: block;
	padding: 0px;
	background: url(../image/global/side/bg-rank.gif);
}

.rank ul li img{
	padding: 5px;
}

.rank ul li p{
	width: 74px;
	font-size: 8pt;
	line-height: 9pt;
}

#blockSearch{
	width: 1000px;
	border-bottom: 1px dotted #d9d7bd;
	text-align: right;
	line-height: 12px;
	margin: 0px 0px 14px 0px;
	font-size: 8pt;
	}
	
#blockSearch img{
	margin-right: 14px;
	}

#blockSearch input.simple{
	margin: 0px 14px 0px 0px;
	_position: relative;
	_top: 4px;
	padding: 2px 0px 0px;
	_padding: 0px;
	height: 18px;
	width: 150px;
	line-height: 14px;
	font-size: 8pt;
	}

#blockSearch select{
	margin: 0px 14px 0px 0px;
	_position: relative;
	_top: 4px;
	padding: 0px;
	height: 20px;
	width: 170px;
	font-size: 8pt;
	}

#blockSearch input.simple{
	line-height: 20px;
	}

#blockSearch form{
	line-height: 20px;
	padding: 0px 0px -10px;
	float: left;
	position: relative;
	top: -10px;
	}

#blockSearch .btn{
	position: relative;
	top: 12px;
	_top: 9px;
	left: 5px;
	margin: 0px;
	padding: 0px;
	}

#blockCart{
	
}

#blockCart .cartNumber, #blockCart .cartTotal{
	padding: 5px 0px 10px;
	}

#blockCart table td{
	padding: 3px 0px;
	font-size: 8pt !important;
	}

#blockCart .data{
	border: 1px solid #d9d7bd;
	padding: 2px;
	margin: 0px 5px 0px 5px;
	width: 127px;
	_width: 122px;
	height: 14px;
	line-height: 14px;
	text-align: right;
	display: block;
	
	}

#blockCart .cartQuantity{
	font-size: 11px;
	}

#blockCart .cartView{
	text-align: center;	}


/* menu - item category */
#blockCat{
	font-size: 9pt !important;
	}

#blockCat ul{
	margin: 0px !important;
	padding: 0px !important;
	list-style: none;
	}

#blockCat ul li{
	line-height: 20px;
	margin: 0px !important;
	/*padding: 0px !important;*/
	background: transparent url(../image/global/side/bg-side.gif) repeat scroll 0 0;
	padding-left: 5px !important;
	}
	
#blockCat ul li.sub{
	background: transparent url(../image/global/side/bg-side-sub.gif) repeat scroll 0 0 !important;
	}
	
#blockCat ul li.sel{
	background: transparent url(../image/global/side/bg-side-sel.gif) repeat scroll 0 0 !important;
	}

#blockCat a{
	background: url(../image/global/icon/drop-b.gif) no-repeat;
	padding-left: 14px;
	margin: 5px 0px;
	}

#blockCat a:hover{
	background: url(../image/global/icon/drop-p.gif) no-repeat;
	padding-left: 14px;
	margin: 5px 0px;
	}

#blockNews{
	text-align: left;
	}

#blockNews h2{
	padding: 0;
	}

#blockNews a.feed{
	background: url(../image/feedicon.gif) no-repeat 2% 0%;
	padding-left: 22px;
	text-decoration: none;
	}

#blockNews dl{
	width: 150px;
	height: 150px;
	margin: 0px;
	padding: 5px;
	font-size: 9pt;
	overflow: auto;
	}

#blockNews dt{
	color: #c54e89;
	}

#blockNews dd{
	margin: 0px 0px 10px 5px;
	}

#blockNews dd p{
	padding: 0.5em 0;
	}

/*¥È¥Ã¥×¥Ú¡¼¥¸ÍÑ¿·Ã徦ÉÊ*/
#blockNewitems p{
	text-align: left;
	margin: 5px 10px;
	padding: 0px;
	line-height: 11pt;
	}

#blockNewitems .bseparate{
	height: 236px;
	width: 145px;
	background-image: url(../image/global/center/bg-item-normal.gif);
	background-repeat: no-repeat;
	float: left;
	margin: 0px 13px 15px 0px;
}

#blockNewitems .end{
	margin: 0px 0px 15px 0px;
}

#blockNewitems .bseparate .iconsarea{
	width: 125px;
	margin: 0px 10px;
	padding: 5px 0px;
}


#blockNewitems .bseparate .iconsarea img{
	margin-right: 5px;
}


#blockNewitems .bseparate .img{
	margin: 10px 12px 5px;
	padding: 0px;
}

/*EÑ¥Ú¡¼¥¸ÍÑ¿·Ã徦É/

#blockNewitems-2nd{
	padding: 1px 0px;
	}

#blockNewitems-2nd h2.Title{
	margin-bottom: 14px;
	}
/*
#blockNewitems-2nd h3{
	padding: 0px 0px 5px;
	text-align: left;
	font-size: 9pt;
	margin: 0px;
	line-height: 11pt;
	}

#blockNewitems-2nd .fleft{
	text-align: right;
	}

#blockNewitems-2nd img{
	margin: 0px 7px;
	}

#blockNewitems-2nd p{
	width: 470px;
	height: 90px;
	padding: 0px;
	margin: 0px;
	line-height: 11pt;
	text-align: left;
	}

#blockNewitems-2nd .bseparate{
	height: 171px;
	width: 619px;
	background-image: url(../image/global/center/bg-item-wide.gif);
	background-repeat: no-repeat;
	margin: 0px 13px 14px 0px;
}

#blockNewitems-2nd .bseparate .iconsarea{
	width: 599px;
	margin: 0px;
	padding: 5px 0px;
	line-height: 13px;
}


#blockNewitems-2nd .bseparate .iconsarea img{
	margin-right: 5px;
}


#blockNewitems-2nd .bseparate .img{
	margin: 10px 10px 5px;
	float: left;
}
*/

table.calender{
	border-top: 1px solid #bcac90;
	border-left: 1px solid #bcac90;
	text-align: center;
	width: 159px;
	margin: 5px auto 10px;
}

.calender td{
	text-align: center;
	border-bottom: 1px solid #bcac90;
	border-right: 1px solid #bcac90;
	width: 21px;
}

.calender td.head{
	width: 157px;
}

.calender td.brown{
	background-color: #bcac90;
	color: #ffffff;
}

.calender td.glay{
	background-color: #f4f2ee;
}

/* Goods
---------------*/

.section{
	height: 255px;
	width: 145px;
	background-image: url(../image/global/center/bg-item-normal.gif);
	background-repeat: no-repeat;
	float: left;
	margin: 0px 13px 15px 0px;
	_margin: 0px 13px 7px 0px;
	text-align: center;
	}

.section.end{
	margin: 0px 0px 15px 0px;
}

.goodsPhoto{
	margin: 5px auto 5px;
	padding: 0px;
	}

.goodsName,.goodsPrice{
	text-align: left;
	margin: 5px 10px;
	padding: 0px;
	font-size: 8pt !important;
	line-height: 9pt;
	font-weight: normal;
	}

.goodsName a:link, .goodsName a:visited{
	}

.goodsStatus{
	width: 125px;
	margin: 0px 10px;
	padding: 7px 0px 0px;
	text-align: left;
	height: 17px;
	}

.colorStatus{
	height: 0px;
	line-height: 0px;
	display: none;
}

.colorStatus ul{
	margin: 0px 5px 0px;
	padding-bottom: 3px;
	list-style: none;
}

.colorStatus li.icon{
	width: 17px;
	height: 17px;
	float: left;
	list-style: none;
	margin-right: 3px;
	_margin-right: 2px;
}

.colorStatus li.icon:hover {
	width: 60px;
	height: 17px;
}

.colorStatus span{
	display: none;
}

.goodsInfo{
	}

.goodsEx{
	border: 1px dotted #ccc;
	background: #F7F7F7;
	margin-left: 150px;
	padding: 5px;
	text-align: right;
	}

.goodsDetail{
	}

.goodsCart{
	padding: 5px;
	}

.goodsCart input{
	margin: 3px 0;
	}

.goodsQuery{
	padding: 5px;
	margin: 0px 0px 15px;
	border-bottom: 1px dotted #d9d7bd;
	line-height: 20px;
	clear: both;
	font-size: 8pt;
	}

.goodsQuery .floatright{
	float:right;
	}

.Title{
	font-size: 10pt;
}

/* Detail
-------------*/


#detailBox{
	width: 300px;
	background-repeat: repeat-y;
	margin: 14px 0px 0px;
	height: 350px;
	font-size: 8pt;
	}

#detailBox .namearea{
	width: 280px;
	padding: 0px 10px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	font-size: 9pt;
	text-align: right;
	}

#detailBox .namearea h3{
	width: 280px;
	line-height: 18px;
	color: #3a3823;
	margin: 0px 0px 10px;
	text-align: left;
	font-size: 9pt;
	padding: 7px 0px 7px;
	border-bottom: 1px dotted #d9d7bd;
	}
	
#detailBox .namearea .fs12{
	color: #3a3823;
}

#detailBox .code{
	padding: 0px 10px 2px;
	text-align: right;
}

.detailMaincom .icons-detail{
	margin-bottom: 10px;
}

#detailPicture{
	text-align: center;
	margin: 0px auto 15px;
	}

#detailPaymentGuide{
	width: 500px;
	margin: 15px 0px 0px 0px;
	float: right;
	text-align:right;
	font-size: 10pt;
	font-weight: bold;
	padding: 0px;
	}

#detailData{
	width: 500px;
	background-image: url(../image/detail/bg-cartin.gif);
	margin: 15px 0px 0px 0px;
	float: left;
	font-size: 10pt;
	padding: 0px;
	}

#detailData .price{
	margin-bottom: 0px;
	}

#detailData .selectarea{
	clear: both;
	width: 480px;
	margin-left: 20px;
	_margin-left: 7px;

	}

#detailData .selectarea select{
	width: 210px;
	margin-left: 10px;
	_margin-left: 5px;
	float: left;
	}

#detailData .inputarea{
	clear: both;
	width: 480px;
	margin-left: 20px;
	text-align: right;
	margin-bottom: 5px;
	float: right;
	}

#detailData a{
	margin-right: 14px;
	position: relative;
	top: 9px;
	_top: 6px;
	}

#detailData input{
	margin-right: 14px;
	line-height: 20px;
	}

#detailData .inputarea #cart{
	position: relative;
	top: -10px;
	bottom: -10px;
	}

#detailData .clear{
	_height: 18px;
	vertical-align: bottom;
	_margin-top: -20px;
	}

#detailData .clear img{
	_margin-top: 12px;
	}

#detailData .nostock{
	text-align: center;
	font-size: 14px;
	line-height: 40px;
	}


#detailLinkData{
	width: 380px;
	margin: 0px 0px 0px 30px;
	color: #3f4226;
	float: left;
	font-size: 10pt;
	padding: 0px;
	}
#detailLinkData .linkCell {
	width: 175px;
	margin: 0 0 5px 0;
	float: left;
	}


/* L-Detail-Products
---------------------------*/

#detail_l_price {
width: 500px;
}

#detail_l_price #detail_l_left {
width: 240px;
float: left;
}

#detail_l_price #detail_l_right {
width: 250px;
margin: 0 10px 0 0;
float: right;
}

#detail_l_right #d_l_area{
width: 240px;
border: 1px solid #E3E1D4;
background-color: #FCFBF7;
padding: 0 0 14px 8px;
}

#detail_l_price #detail_l_right2 {
width: 150px;
margin: 0 10px 0 0;
float: right;
}

#detail_l_right2 #d_l_area2{
width: 140px;
border: 1px solid #E3E1D4;
background-color: #FCFBF7;
padding: 0 0 14px 8px;
}

#d_l_favorite{
text-align: right;
margin: 0 0 15px 0;
}




/* Restock mail
---------------------------*/

#restockBox{
	width: 300px;
	background-image: url(../image/detail/bg-detailBox-body.gif);
	background-repeat: repeat-y;
	margin: 14px 0px 0px;
	height: 257px;
	font-size: 8pt;
	}

#restockBox .namearea{
	width: 280px;
	padding: 0px 10px;
	background-image: url(../image/detail/bg-detailBox-head.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	font-size: 9pt;
	text-align: right;
	}

#restockBox .namearea h3{
	width: 280px;
	line-height: 18px;
	color: #3a3823;
	margin: 0px 0px 10px;
	text-align: left;
	font-size: 9pt;
	padding: 7px 0px 7px;
	border-bottom: 1px dotted #d9d7bd;
	}
	
#restockBox .namearea .fs12{
	color: #3a3823;
}

#restockPicture{
	text-align: center;
	margin: 0px auto 15px;
	}

#restockConfirmBox{
	width: 300px;
	background-image: url(../image/detail/bg-detailBox-body.gif);
	background-repeat: repeat-y;
	margin: 14px 0px 0px;
	height: 230px;
	font-size: 8pt;
	}

#restockConfirmBox .namearea{
	width: 280px;
	padding: 0px 10px;
	background-image: url(../image/detail/bg-detailBox-head.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	font-size: 9pt;
	text-align: right;
	}

#restockConfirmBox .namearea h3{
	margin: 0px 0px 10px;
	padding: 7px 0px 7px;
	}

#restockData{
	width: 500px;
	margin: 15px 0px 0px 13px;
	float: left;
	font-size: 10pt;
	padding: 0px;
	}



/* L-Review contributes
---------------------------*/
#contributes{
text-align: left;
}

#contributes #contributes_button{
margin: 20px 0 0 0;
padding: 0 0 20px 0;
line-height: 14pt;
font-size: 10pt;
}

#contributes #contributes_button #button01{
float: left;
padding: 0 0 0 20px;
}

#contributes #contributes_button #button02{
float: right;
padding: 0 20px 0 0;
}

#contributes #contributes_review{
padding: 20px 0 0 0;
line-height: 14pt;
font-size: 10pt;
}

#contributes #contributes_review #photo{
float: left;
width: 180px;
padding: 0 0 0 20px;
}


#contributes #contributes_review #photo_small{
float: left;
width: 160px;
padding: 0 0 0 10px;
}

#contributes #contributes_review #review{
float: right;
width: 590px;
padding: 0 20px 0 0;
}

#contributes #contributes_review #review2{
float: right;
width: 590px;
padding: 0 10px 0 0;
}

#contributes #contributes_review #name{
padding: 0 0 10px 0;
border-bottom: 1px solid #D9DAD2;
}

#contributes #contributes_review #satisfaction{
padding: 10px 0;
}

#contributes #contributes_review #satisfaction .staricon{
	color: #E9004C;
}

#contributes #contributes_review .reviewttl{
	color: #E9004C;
	font-weight: bold;
}

#contributes #reviewline{
clear: both;
padding: 10px 0;
border-bottom: 1px dashed #D9D9D7;
}

#contributes #nodata{
clear: both;
padding: 10px 15px;
color: #383431;
font-size: 12px;
}



/* L-Review
---------------------------*/
#products_review{
clear: both;
margin: 20px 0 0 0;
border: 1px solid #E3E1D4;
background-color: #FCFBF7;
padding: 10px 0;
overflow : auto;
line-height: 14pt;
font-size: 10pt;
}

#products_review #photo{
float: left;
width: 120px;
padding: 0 0 0 20px;
}

#products_review #review{
float: right;
width: 650px;
padding: 0 20px 0 0;
}

#products_review #review #reviewttl{
padding: 0 0 6px 0;
border-bottom: 1px dashed #D9D9D7;
}

#products_review #review #reviewname{
padding: 10px 0 0 0;
}

#products_review .reviewprice{
color: #C54E89;
font-weight: bold;
}




#review_detail div{
vertical-align:top;
}

#review_detail #review_comment{
float: left;
width: 300px;
}

#review_detail #products_review2{
float: right;
width: 270px;
margin: 12px 0 0 0;
border: 1px solid #E3E1D4;
background-color: #FCFBF7;
padding: 10px 0;
overflow : auto;
line-height: 14pt;
font-size: 10pt;
}

#review_detail #products_review2 #photo_small{
float: left;
width: 70px;
}

#review_detail #products_review2 #review02{
float: right;
width: 190px;
}

#products_review2 #reviewttl{
padding: 0 0 6px 10px;
}

#products_review2 #review #reviewname{
padding: 10px 0 0 0;
}

#products_review2 .reviewprice{
color: #C54E89;
font-weight: bold;
}










.detailMaincom{
	width: 490px;
	height: auto;
	line-height: 1.5;
	float: left;
	padding: 14px 0px 0px 20px;
	line-height: 14pt;
	font-size: 10pt;
	}

#detailSubcom{
	clear: both;
	padding: 5px 0;
	margin: 5px 0px 0px;
	}

#detailSubcom .picture{
	float: right;
	width: 200px;
	}

#customerVoice{
	padding: 1em 0;
	}

#customerVoice .head{
	background: #0059A2 url(../image/title_goods.gif);
	padding: 0 10px;
	height: 28px;
	line-height: 28px;
	color: #FFFFFF;
	font-size: 110%;
	font-weight: bold;
	}

#customerVoice .write{
	text-align: right;
	padding: 5px 0;
	}

#customerVoice .small{
	font-size: 11px;
	}

#customerVoice dd{
	padding: 10px;
	}

#detailPickup h2{
	background: #0059A2 url(../image/title_goods.gif);
	padding: 0 10px;
	height: 28px;
	line-height: 28px;
	color: #FFFFFF;
	font-weight: bold;
	}

#detailPickup p{
	text-align: left;
	}

#detailPickup .bseparate{
	clear: both;
	height: 15px;
	width: 520px;
}
#detailPickup .bsectionBox{
	float: left;
	width: 520px;
}
#detailPickup .bsection{
	float: left;
	width: 300px;
	padding: 7px 8px 7px 9px;
}

#detailPickup img{
	float: left;
}
#detailPickup p.bgoodsName{
	float: right;
	width: 230px;
	margin-bottom: 7px;
	font-weight: bold;
}
#detailPickup p.bgoodsName img{
	margin-right: 5px;
}
#detailPickup p.bgoodsPrice{
	float: right;
	width: 230px;
	margin-bottom: 2px;
	color: #FF3300;
}
#detailPickup p.bgoodsInfo{
	float: right;
	width: 230px;
	margin-bottom: 7px;
}
#detailPickup p.bgoodsInfo img{
	margin: 2px 2px 0px 0px;
}
#detailPickup p.bgoodsEx{
	clear: both;
	width: 290px;
}

/* Page
---------------------------*/

#page{}

#page h3{
	background: url(../image/mypage_history.gif);
	margin: 0 0 1em 0;
	padding: 0 10px;
	height: 32px;
	line-height: 32px;
	color: #333;
	font-size: 120%;
	font-weight: bold;
	}

#page .important{
	margin: 1em 0;
	padding: 10px;
	font-style: italic;
	}

#page .submit{
	text-align: center;
	padding: 1em;
	}

/* My Page
---------------------------*/

#mypage{
	font-size: 9pt !important;
	}

#mypage h2{
	
	}

#mypage h3{
	margin: 0 0 1em 0;
	padding: 0 10px;
	height: 32px;
	line-height: 32px;
	width: 97%;
	background-color: #f7f3e8;
	border-bottom: 1px solid #d9d7bd;
	text-align: left;
	}

#mypage .history{
	}

#mypage .leftbox{
	float: left;
	width: 180px;
	}

#mypage .rightbox{
	float: left;
	width: 600px;
	}

#mypage .buydate{
	background: #FFDFD0;
	padding: 10px;
	font-style: italic;
	}

#mypage .important{
	margin: 10px 0;
	padding: 10px;
	}

#mypage .important textarea{
	margin: 10px 0px;
	padding: 7px;
	padding-right: 2px;
	border: 1px solid #d9d7bd;
	background-color: #f7f3e8;
	}

#mypage .submit{
	text-align: center;
	padding: 1em;
	}

#mypage table{
	border-top: 1px solid #d9d7bd;
	border-left: 1px solid #d9d7bd;
	text-align: left !important;
	}

#mypage table table{
	border: 0px;
	}

#mypage table tr td{
	padding: 5px;
	border-bottom: 1px solid #d9d7bd;
	border-right: 1px solid #d9d7bd;
	}

#mypage table table td{
	border: 0px;
	}

#mypage table tr td.label{
	background-color: #f7f3e8;
	width: 150px;
	}

#mypage .notfound{
	border: 1px solid #CCCCCC;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	}

#mypage .paddingbox{
	padding: .5em 2em;
	}

#mypage .frame{
	background: #FFF;
	border: 1px solid #CCC;
	margin: 10px;
	padding: 10px;
	}

#mypage .frame2{
	background: #FFF;
	border: 5px solid #CCC;
	margin: 20px 40px;
	padding: 10px;
	}

#mypage input{
	padding: 0px 0px;
	}

#mypage .loginbox{
	padding: 20px 60px;
	}

#mypage .welcome{
	background: url(../image/mypage/welcome.gif) no-repeat;
	height: 60px;
	padding: 5px 0 0 10px;
	line-height: 1.5;
	margin-bottom: 4px;
	font-size: 8pt;
	}

#navi {
	margin: 0 0 6px 0;
	padding: 0;
	}

#navi li{
	list-style: none;
	margin: 0px 0px 10px;
	text-align: left;
	}

#navi a{
	display: block;
	width: 150px;
	padding-left: 20px;
	height: 31px;
	line-height: 31px;
	}

/*--guide.tpl--*/
#navi a.about:link, #navi a.about:visited, #navi a.about:active{
	background: url(../image/about.gif) no-repeat;
	}

#navi a.about:hover{
	background: url(../image/about_on.gif) no-repeat;
	}

#navi a.about_on:link, #navi a.about_on:visited, #navi a.about_on:active{
	background: url(../image/about_on.gif) no-repeat;
	}

#navi a.contact:link, #navi a.contact:visited, #navi a.contact:active{
	background: url(../image/contact.gif) no-repeat;
	}

#navi a.contact:hover{
	background: url(../image/contact_on.gif) no-repeat;
	}

#navi a.contact_on:link, #navi a.contact_on:visited, #navi a.contact_on:active{
	background: url(../image/contact_on.gif) no-repeat;
	}

#navi a.order:link, #navi a.order:visited, #navi a.order:active{
	background: url(../image/low.gif) no-repeat;
	}

#navi a.order:hover{
	background: url(../image/low_on.gif) no-repeat;
	}

#navi a.order_on:link, #navi a.order_on:visited, #navi a.order_on:active{
	background: url(../image/low_on.gif) no-repeat;
	}


/*--navi.tpl--*/
#navi a.navi:link, #navi a.navi:visited, #navi a.navi:active{
	background: url(../image/mypage/navi.gif) no-repeat;
	}

#navi a.navi:hover{
	background: url(../image/mypage/navi_on.gif) no-repeat;
	}

#navi a.navi_on, #navi a.navi_on:link, #navi a.navion:visited, #navi a.navi_on:active{
	background: url(../image/mypage/navi_on.gif) no-repeat;
	}

#mypage .flow{
	text-align: center;
	padding: 20px 0;
	}

#mypage .add_deliv{
	padding: 10px 0;
	}

#mypage .thanks{
	line-height: 2;
	}


/* Forgot
--------------------------*/

#miniwin{
	background: #FFFFFF;
	border-top: 3px solid #0059A2;
	border-bottom: 3px solid #0059A2;
	margin: 2em;
	padding: 2em;
	text-align: left;
	}

#miniwin h2{
	background: url(../image/mypage_h2.gif);
	margin-bottom: 1em;
	padding: 0 10px;
	height: 35px;
	line-height: 35px;
	color: #FFFFFF;
	font-size: 130%;
	font-weight: bold;
	}

#miniwin .frame{
	border: 3px solid #CCC;
	text-align: center;
	margin: 1em 0;
	padding: 4em 0;
	}

#miniwin .submit{
	text-align: center;
	padding: 1em;
	}

/*ÀÅŪ¥Ú¡¼¥¸E/

.detail{
	width: 813px;
}

.detail p{
	padding-left: 7px;
	font-size: 10pt;
}

.detail h3{
	margin: 0 0 1em 0;
	padding: 0 10px;
	height: 32px;
	line-height: 32px;
	width: 97%;
	background-color: #f7f3e8;
	border-bottom: 1px solid #d9d7bd;
	text-align: left;
}

.detail h3.title{
	background-image: url(../../img/lesson/bg-title.gif);
	margin: 0px 0px 10px;
	padding: 0px;
	font-size: 10pt;
	line-height: 25px;
	height: 25px;
	font-weight: normal;
	color: #3a3823;
	border-bottom: 0px;
	width:813px;
}

h3.title span{
	margin-left: 20px;
}

table.normal{
	border-top: 1px solid #d9d7bd;
	border-left: 1px solid #d9d7bd;
	margin: 10px 0px;
}

table.normal.wide{
	width: 100%;
}

table.normal td, table.normal th{
	border-bottom: 1px solid #d9d7bd;
	border-right: 1px solid #d9d7bd;
	padding: 7px 4px;
}

table.normal .head{
	background-color: #f7f3e8;
}

table.normal .d-head{
	background-color: #d9d7bd;
}

table.normal textarea{
	width: 500px;
	height: 120px;
	margin: 4px;
}

.detail button{
	background-color: #FFFFFF;
	border: 0px;
}

.detail ul.guide{
	list-style: none outside;
	margin: 15px 0px 0px 0px;
	padding: 0px;
}

.detail ul.guide li{
	float: left;
}

.detail ul.guide li img{
	margin-right: 16px;
	margin-bottom: 16px;
}

.detail ul.guide li.end img{
	margin-right: 0px;
}

.detail .outlinebox{
	margin: 20px 0px 20px 0px;
	width: 798px;
	padding: 0px;
	background-color: #E8AAC6;
	font-size: 2px;
	background-image: url(../image/guide/box-bg.gif);
	background-repeat: repeat-y;
}

.detail .outlinebox p{
	padding: 0px 20px;
}

.detail p.q_box {
	width: 813px;
	padding: 5px;
	margin: 0px 0px 10px 0px;
	padding-bottom: 10px;
}

.detail p.a_box {
	width: 813px;
	padding: 5px;
	line-height: 20px;
	margin: 0px 0px 25px 0px;
	border-bottom: 1px solid #d9d7bd;
	padding-bottom: 20px;
}

.detail .titlesub{
	padding: 7px;
	margin: 10px;
	border: 5px solid #d9d8bc;
	text-align: left;
	color: red;
}

/*¥«¥é¡¼¥¸¥§Eé¥ó¥­¥ó¥/

.c-Title{
	height: 28px;
	line-height: 24px;
	background: url(../image/global/side/title_back_rank.gif) repeat-x !important;
	color: #bc4277;
	}

.c-Title .left{
	float: left;
	width: 12px;
	height: 28px;
	background: url(../image/global/side/title_Left_rank.gif) no-repeat !important;
	}

.c-Title .right{
	float: right;
	width: 10px;
	height: 28px;
	background: url(../image/global/side/title_Right_rank.gif) no-repeat !important;
	}

.c-Content{
	margin: 0;
	padding: 6px 1px 6px 1px;
	background: url(../image/global/side/bg-crank.gif);
	font-size: 9pt;
	letter-spacing: -1px;
	}

.sc-area{
	height: 310px;
	overflow: auto;
}

.c-Content ul{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	list-style: none outside;
	}

.c-Content ul li{
	border-bottom: 1px dotted #bc4277;
	margin: 0px 0px 7px;
	padding: 0px 0px 5px 4px;
	height: 45px;
	_height: 50px;
	}
	
.c-Content ul li.long{
	height: 55px;
	}

.c-Content ul li.subtitle{
	line-height: 23px;
	height: 23px;
	background: url(../image/global/side/bg-subtitle-rank.gif) repeat-x;
	color: #ffffff;
	margin: 0px 0px 7px;
	padding: 0px;
	border-bottom: 0px;
	font-weight: 200;
	font-size: 10pt;
	letter-spacing: 1px;
	}

.c-Content ul li.subtitle span{
	margin-left: 7px;
	}

.c-Content p{
	margin: 0px;
	padding: 0px 0px 0px 4px;
	line-height: 10pt;
	width: 100px;
	}

/*¥«¥é¡¼¥¸¥§Eé¥ó¥­¥ó¥/

hr.calendar {
	margin: 5px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #D9D7BD;
}

/*How To Nail*/
.htn-head{
	position: relative;
	width: 100%;
}


.htn-list{
	position: relative;
	margin-left: -100px;
	_margin-left: 0px;
}


.htn-head img{
	margin: 0px auto;
}


.htn-body{
	width: 620px;
	margin: 0px 15px;
}

.htn-menu{
	width: 351px;
	position: absolute;
	top : 380px;
	margin-left: -180px;
}

.htn-menu li{
	margin-bottom: 15px;
}


#productDetailComment a img{
    border:#cccccc 1px solid;
}

#productDetailComment a:hover img{
    border:#C54E89 1px solid;
}