@charset "shift_jis";

/* ----------------------------------------------------------- 
CSS Information  

Site URL:	http://www.cosme.net/xxxxx
File name:      spc1202.css
Last update:   
---------------------------------------------------------- */ 

/* ----------------------------------------------------------- 
 common style
----------------------------------------------------------- */ 
/* set up ----------------------------- */
.spc1202 clearfix { zoom:1; }
.spc1202 clearfix:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; }

#spc1202{
	width:635px;
	background: url(images/common/bg.png) repeat 0px 0px;
	font-size:12px;
	line-height: 18px;
	color: #333;
	position: relative;
}
#spc1202 img { vertical-align: bottom; }
.spc1202set {	clear:both; }

#spc1202 .p-mark {
	color: #ec5075;
}
#spc1202 .v-mark {
	color: #920783;
	background: #ffffcc;
}
#spc1202 .b-mark {
	color: #62927c;
}
/* reration ----------------------**/
#spc1202_footer .relation {
	background: #6ebfc2;
	margin: 20px 0px 10px;
	line-height: 18px;
}

#spc1202_footer .relation dt {
	clear: both;
	float: left;
	width: 8em;
	padding: 5px 12px 5px 0;
	border-top: 3px solid #fff;
	font-size: 108%;
	color: #fff;
	font-weight: bold;
	text-align: right;
}
#spc1202_footer .relation dd {
	background: #fff;
	margin-left: 9.5em;
	padding: 10px 12px;
	_height: 1px;
}
#spc1202_footer .relation dd ul {
	margin-left: 18px;
}
#spc1202_footer .relation dd li {
	list-style: outside disc;
	margin-bottom: 3px;
	color: #6EBFC2;
}
#spc1202_footer .relation dd a {
	margin-right: 5px;
}
 
#spc1202_ttl {
	background: url(images/index/ttl_bg.png) no-repeat;
	width: 635px;
	height: 219px;
}
#spc1202_ttl p {
	width: 455px;
	margin: 7px 0px 0px 82px;
	line-height: 21px;
}
#spc1202_top-nav {
	width: 620px;
	height: 340px;
	padding-left: 5px;
}
#spc1202_top-nav ul {
	float: left;
	width: 303px;
	height: 160px;
	padding: 0px 0px 5px 5px;
}
#spc1202_top-nav  .nav-right {
	margin-left: 2px;
}
#spc1202_listnav {
	text-align: right;
	margin: 0px 10px 15px 0px;
}
/* ----------------------------------------------------------- 
 ��2�K�w�@cmn style
----------------------------------------------------------- */ 
#spc1202_container {
	width: 605px;
	line-height: 1.5;
	padding: 15px 15px 5px;
	height: auto;
}
#spc1202_main {
	overflow: hidden;
	width: 605px;
	background: #fff;
	margin-bottom: 20px;
}
/* clip ----------------------------------- */
#item-clip {
	text-align: right;
	margin-right: 10px;
}
#item-clip_m {
	text-align: right;
	margin-right: 10px;
	position: absolute;
	left: 276px;
	top: 9px;
	display: block;
	width: 114px;
}
.clip a {
	display: inline-block;
	overflow: hidden;
	width: 110px;
	height: 0;
	padding-top: 15px;
	background: url(http://cdn-cosme.net/images/general/common/product_icons/btn_csm.png) no-repeat left top;
}
.clip a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	-ms-filter: "alpha(opacity=70)";
}
.clip-off {
	display: inline-block;
	overflow: hidden;
	width: 110px;
	height: 0;
	padding-top: 15px;
	background: url(http://cdn-cosme.net/images/general/common/product_icons/btn_csm.png) no-repeat left -15px;
}

/* header ----------------------------------- */
#spc1202_header .sub-ttl {
	background: url(images/vol1/subttl.png) no-repeat;
	color: #6b5e2c;
	height: 60px;
	width: 604px;
	display: block;
	border: 1px solid #daca96;
	margin: 10px 0px 0px 15px;
}
#spc1202_header .sub-ttl p {
	width: 390px;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 200px;
}
/* nav ----------------------------------- */
#spc1202_nav ul {
	width : 604px;
	height: 54px;
	margin: 10px 0px 4px 15px;
	}
#spc1202_nav li,
#spc1202_footer .spc1202_nav li {
	float: left;
}
/* left nav-------------------------- */
#spc1202c-main .spc1202-left-nav {
	width: 181px;
	border: 1px solid #a7a284;
	background: #fff;
	margin-bottom: 10px;
}
#spc1202c-main .spc1202-left-nav a {
	color: #57392e;
	text-decoration: none;
}
#spc1202c-main .spc1202-left-nav a:hover,
#spc1202c-main .spc1202-left-nav a:active {
	color: #FF9999;
	text-decoration: none;
} 
#spc1202c-main .spc1202-left-nav h4 {
	font-weight: bold;
	font-size: 14px;
	background: #e4ddc3;
	color: #6a5e2a;
	padding: 0.2em 1em;
	border-bottom: 1px solid #e0dabd;
}
#spc1202c-main  .spc1202-left-nav  h5 {
	background: #f5f3e4;
	color: #6b5e2c;
	padding: 0.4em 1em;
	border-bottom: 1px dashed #d8d1b5;
	font-weight: bold;
}
#spc1202c-main .left-side {
	width: 181px;
}
#spc1202c-main .spc1202-left-nav .maker {
	background: #fee4d1;
}
#spc1202c-main .spc1202-left-nav  .firstchild,
#spc1202c-main .spc1202-left-nav li {
	display: block;
	padding: 0.4em 1em;
	font-style: normal;
	border-bottom: 1px solid #e0dabd;
}
/* right side --------------------------------------**/
#spc1202c-main .right-side {
	color: #57392e;
	width: 409px;
	float: right;
	background: url(images/common/item_bg.png);
	line-height: 1.8em;
	margin-bottom: 20px;
	border: 1px solid #c4bea8;
}
#spc1202c-main .right-side a {
	font-weight: bold;
}
/* page top -----------------------------**/
#spc1202c-main .spc-pagetop {
	text-align: right;
	margin-bottom: 10px;
}
/* item ------------------------------**/
#spc1202c-main .main-item {
	background: url(images/common/item_bgrec.png) no-repeat;
	height: 365px;
	width: 409px;
	position: relative;
	padding-top: 25px;
}
#spc1202c-main .main-item .goback {
	position: absolute;
	z-index: 310;
	top: 224px;
	left: 9px;
}

#spc1202c-main .main-item .gonext {
	position: absolute;
	z-index: 320;
	top: 224px;
	right: 9px;
}
#spc1202c-main .main-item h4 {
	font-size: 17px;
	font-weight: bold;
	color: #6b5e2c;
	display: block;
	background: url(images/common/icon_rose.png) no-repeat;
	width: 255px;
	border-bottom: 1px dashed #000;
	padding: 12px 0px 10px 60px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
}
#spc1202c-main  .m-photo  {
	height: 296px;
	width: 314px;
	position: absolute;
	left: 46px;
	top: 87px;
	background: #fff;
	border: 2px solid #e0dac4;
}
#spc1202c-main .m-detail {
	width: 309px;
	margin: 10px 50px 20px;
	border-bottom: 1px dashed #666;
	padding-bottom: 10px;
}
#spc1202c-main  .m-detail  a {
	color: #fe6896;
}
#spc1202c-main  .m-detail  a:hover,
#spc1202c-main  .m-detail  a:active {
	color: #FF9999;
	text-decoration: none;
} 
#spc1202c-main  .m-name  {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5em;
	padding-right: 10px;
	margin-top: 5px;
}
#spc1202c-main  .m-name_sm  {
	border-top: 1px dashed #666;
	margin-top: 15px;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 10px 0px;
	line-height: 1.5em;
}
#spc1202c-main  .m-spec  {
	border-bottom: 1px dashed #666;
	margin-bottom: 10px;
	font-size: 13px;
	padding: 5px 0px 10px;
}
#spc1202c-main .m-color {
	background: url(images/common/icon_parrow.png) no-repeat right;
	width: 103px;
	margin: 5px 0px;
}
#spc1202c-main .m-btn {
	height: 48px;
	width: 309px;
	text-align: center;
	margin: 20px 50px 10px;
}
#spc1202c-main .m-pickup {
	background: url(images/common/pickup_bg.png) repeat;
	width: 359px;
	margin: 0px 25px;
	border: 1px solid #aaa9a4;
}
#spc1202c-main .m-pickup p {
	padding: 10px;
}
#spc1202c-main .m-pickup h4 {
	background: url(images/common/pickup_ttl.png) repeat;
	font-weight: bold;
	color: #996600;
	font-size: 15px;
	border-bottom: 1px dotted #666;
	padding: 7px 15px 5px;
}
#spc1202c-main .m-com {
	width: 309px;
	margin: 0px 50px 20px;
	text-align: center;
}
#spc1202c-main .m-com a {
	color: #fff;
	background: #ff6895;
}
#spc1202c-main .m-com  a:hover,
#spc1202c-main .m-com  a:active {
	text-decoration: none;
}