@charset "Shift_JIS";

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

Site URL:	http://www.cosme.net/spc/xxx
File name:      cpn.css
Created:        2011-9-29
Last update:    2011-10-25
----------------------------------------------------------- */ 
/* -----------------------------------------------------------

Table of Contents
 * common style ----------- 共通css
 * index -------------------- indexページ
 * brand list ---------- brand_listページ 
 * 第2階層　cmn style -- 第2階層共通css
	* vol1 ----------vol1共通css 
	* vol2 ----------vol2共通css 
	* vol3 ----------vol3共通css 
	* vol4 ----------vol4共通css 	
	
	 ----------------------------------------------------------- */

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

#spc1110 {
	line-height: 1.6;
	color: #333;
}

/** reration -------------------------------**/
#spc1110 .relation {
	background: #d49880;
	margin: 20px 0px 10px;
}
#spc1110 .relation a {
	color: #a34926;
}
#spc1110 .relation a:visited { color: #a4877b; } 
#spc1110 .relation a:hover,
#spc1110 .relation a:active { color: #e7a463; } 

#spc1110 .relation dd li { 
	color: #d49880;
	 }
#spc1110 .relation dt {
	clear: both;
	float: left;
	width: 8em;
	padding: 5px 12px 5px 0;
	border-top: 3px solid #fff;
	font-size: 108%;
	font-weight: bold;
	text-align: right;
}
#spc1110 .relation dd {
	background: #fff;
	;
	margin-left: 9.5em;
	padding: 10px 12px;
	_height: 1px;
}
#spc1110 .relation dd ul {
	margin-left: 18px;
}
#spc1110 .relation dd li {
	list-style: outside disc;
	margin-bottom: 3px;
}
#spc1110 .relation dd a {
	margin-right: 5px;
}

/* ----------------------------------------------------------- 
 index
----------------------------------------------------------- */ 

#spc1110-main {
	background: url("images/index/bg.jpg") no-repeat left top;
	height: 813px;
	width: 635px;
	position: relative;
}
#spc1110-main .m-ttl {
	position: absolute;
	height: 207px;
	width: 315px;
	left: 57px;
	top: 21px;
}
#spc1110-main p {
	position: absolute;
	left: 35px;
	top: 228px;
	width: 389px;
	font-size: 12px;
}
/* nav ---------------------------- */
#spc1110-main .m-nav {
	position: absolute;
	width: 581px;
	left: 26px;
	top: 292px;
}
#spc1110-main .m-nav li {
	float: left;
	margin-bottom: 10px;
}
#spc1110-main .m-nav .m-left {
	margin-left: 13px;
}
#spc1110-main .btn-brand {
	height: 35px;
	width: 160px;
	position: absolute;
	left: 448px;
	top: 575px;
}
/* notice ---------------------------- */
#spc1110 .notice {
	font-size: 0.8em;
	line-height: 1.5em;
	margin: 15px 0px 0px;
	}
#spc1110-contents {
	padding-bottom: 63px;
}

/* ----------------------------------------------------------- 
 brand list
----------------------------------------------------------- */ 
#spc1110bl-main {
	background: url(images/list/bg.jpg) no-repeat left top;
	position: relative;
	height: 1490px;
}
#spc1110bl-main .l-nav {
	height: 35px;
	width: 653px;
	margin: 10px 0px 15px;
}
#spc1110bl-main .l-nav li {
	float: left;
	padding: 0px 5px 0px 6px;
}
#spc1110-blist {
	padding: 0px 15px;
}
#spc1110-blist h3 {
	display: inline-block;
	font-size: 1.4em;
	line-height: 1.7em;
	color: #6a3807;
	border-left: 7px solid #6a3807;
	padding-left: 5px;
	font-weight: bold;
	margin: 5px 0px 10px;
}
#spc1110-blist p {
	font-size: 1.1em;
	padding-left: 10px;
	margin-bottom: 5px;
	line-height: 1.65em;
}
/* page top --------------------------------**/
#spc1110-blist .spc-pagetop {
	text-align: right;
	font-weight: bold;
}
/* footer----------------------------------- */
#spc1110bl-footer {
	background: url(images/common/bg_footer_nav.png) no-repeat;
	vertical-align: bottom;
	height: 65px;
	width: 635px;
	position: absolute;
	left: 0px;
	top: 1491px;
}
#spc1110bl-footer .c-nav {
	height: 43px;
	width: 635px;
	margin-top: 6px;
}
#spc1110bl-footer .c-nav li {
	float: left;
}


/* ----------------------------------------------------------- 
 第2階層　cmn style
----------------------------------------------------------- */ 
#spc1110-contents a {
	color: #CC3333;
}

#spc1110-contents a:hover,
#spc1110-contents a:active { color: #ed6f71; } 

/* header ----------------------------------- */
#spc1110cnt-header .c-nav {
	height: 43px;
	width: 635px;
	margin-top: 5px;
}
#spc1110cnt-header .c-nav img {
	vertical-align: bottom;
}

#spc1110cnt-header .c-nav li {
	float: left;
}

/* footer----------------------------------- */
#spc1110cnt-footer {
	background: url(images/common/bg_footer_nav.png) no-repeat;
	vertical-align: bottom;
	height: 65px;
	width: 635px;
	position: absolute;
	left: 0px;
	top: 824px;
}
#spc1110cnt-footer .c-nav {
	height: 43px;
	width: 635px;
	margin-top: 6px;
}
#spc1110cnt-footer .c-nav li {
	float: left;
}

/* contents main area---------------------------- */
#spc1110c-main {
	background: url(images/common/bg.jpg) no-repeat left top;
	height: 826px;
	position: relative;
}

/* contents detail--------------------------- */
#spc1110c-main .spc1110detail {
	float: right;
	width: 420px;
	position: relative;
	z-index: 300;
	padding: 0 0 5px 44px;
}

#spc1110c-main .spc1110detail .d-header {
	margin: 0.8em 0 1em;
}

#spc1110c-main .spc1110detail .d-header h4 {
	font-size: 18px;
	line-height: 1em;
	border-left: 7px solid #960B38;
	padding: 0.3em 0 0.3em 6px;
	margin: 0px 0px 4px;
	display: inline-block;
	color: #960B38;
	font-weight: bold;
}

#spc1110c-main .spc1110detail .d-header p {
	line-height: 1em;
	font-weight: bold;
}
#spc1110c-main .spc1110detail .d-photo {
	text-align: center;
	background: url(images/common/bg_img.png) no-repeat;
	width: 368px;
	height: 342px;
	position: relative;
	z-index: 302;
	padding-top: 5px;
	text-indent: 1px;
}

#spc1110c-main .spc1110detail .d-name {
	font-size: 1.25em;
	width: 370px;
	font-weight: bold;
	line-height: 1.2em;
}
#spc1110c-main .spc1110detail .d-value {
	font-size: 15px;
}

#spc1110c-main .spc1110detail .iteminfo {
	text-align: center;
	padding-top: 8px;
}
#spc1110c-main .spc1110detail .itemdetail {
	font-size: 0.95em;
	padding: 5px 25px 0px 0px;
}
#spc1110c-main .spc1110detail .itemdetail-s {
	padding: 5px 25px 0px 0px;
	font-size: 10px;
}
#spc1110c-main .spc1110detail .goback {
	position: absolute;
	z-index: 310;
	top: 216px;
	left: 8px;
}

#spc1110c-main .spc1110detail .gonext {
	position: absolute;
	z-index: 320;
	top: 216px;
	right: 15px;
}

/* detail footer(thumbnail)--------------------------- */

#spc1110detail-footer {
	width: 457px;
	position: absolute;
	left: 178px;
	top: 652px;
}
#spc1110detail-footer li {
	float: left;
	padding: 0px 6px;
}
#spc1110detail-footer img {
	border: 3px solid #b1a880;
}

#spc1110detail-footer p {
	padding: 0px 0px 0px 5px;
	width: 93px;
	font-weight: bold;
}

/* left side(brand list)-------------------------- */
#spc1110c-main .spc1110brand-list {
	width: 160px;
	padding: 0 0 1.4em 5px;
	margin-top: 7px;
}

#spc1110c-main .spc1110brand-list  h3 {
	color: #552e2a;
	padding: 0 0 0.6em 0.3em;
	font-weight: bold;
	font-size: 14px;
}

#spc1110c-main .spc1110brand-list ul {
	padding: 0 0 1em;
}
#spc1110c-main  .spc1110brand-list  .firstchild {
	border-top: 1px solid #b1a880;
}

#spc1110c-main .spc1110brand-list li {
	border-bottom: 1px solid #b1a880;
	line-height: 1.5em;
}
#spc1110c-main  .spc1110brand-list  li  a,
#spc1110c-main  .spc1110brand-list  li  span {
	display: block;
	padding: 0.4em 1em;
	font-style: normal;
}


/* ----------------------------------------------------------- 
vol1
----------------------------------------------------------- */ 

#spc1110c-main   .sub-ttl {
	background: url(images/vol1/sub_ttl_01.png) no-repeat left top;
	position: relative;
	height: 56px;
	width: 635px;
}

#spc1110c-main   .sub-ttl p {
	position: absolute;
	left: 491px;
	top: 21px;
	font-size: 1em;
	width: 142px;
	display: inline-block;
}


/* ----------------------------------------------------------- 
vol2
----------------------------------------------------------- */ 
#spc1110c-main   .sub-ttl_02 {
	background: url(images/vol2/sub_ttl_01.png) no-repeat left top;
	position: relative;
	height: 56px;
	width: 635px;
}
#spc1110c-main   .sub-ttl_02 p {
	position: absolute;
	left: 491px;
	top: 21px;
	font-size: 1em;
	width: 142px;
	display: inline-block;
}
/* ----------------------------------------------------------- 
vol3
----------------------------------------------------------- */ 
#spc1110c-main   .sub-ttl_03 {
	background: url(images/vol3/sub_ttl_01.png) no-repeat left top;
	position: relative;
	height: 56px;
	width: 635px;
}
#spc1110c-main   .sub-ttl_03 p {
	position: absolute;
	left: 491px;
	top: 21px;
	font-size: 1em;
	width: 142px;
	display: inline-block;
}
/* ----------------------------------------------------------- 
vol4
----------------------------------------------------------- */ 
#spc1110c-main   .sub-ttl_04 {
	background: url(images/vol4/sub_ttl_01.png) no-repeat left top;
	position: relative;
	height: 56px;
	width: 635px;
}
#spc1110c-main   .sub-ttl_04 p {
	position: absolute;
	left: 491px;
	top: 21px;
	font-size: 1em;
	width: 142px;
	display: inline-block;
}