@charset "Shift_JIS";

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

Site URL:	http://www.cosme.net/spc/xxx
File name:      style.css
Created:        2011-10-28
Last update:    2011-11-16
----------------------------------------------------------- */ 
/* -----------------------------------------------------------

Table of Contents
 * common style ----------- 共通css
 * index -------------------- indexページ
 * 第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; }

#spc1111 {
	line-height: 1.6;
	color: #333;
}
#spc1111 img {
	vertical-align: bottom;
}

#spc1111-container {
	width: 605px;
	background: #d9f1f3;
	line-height: 1.5;
	padding: 0px 15px 15px;
	color: #000;
}

#spc1111-container .main {
 overflow: hidden;
	width: 605px;
	background: #fff;
	margin-bottom: 20px;
	padding-bottom: 25px;
	font-size: 93%;
}

/* reration -------------------------**/
#spc1111 .relation {
	background: #6ebfc2;
	margin: 20px 0px 10px;
}

#spc1111 .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;
}
#spc1111 .relation dd {
	background: #fff;
	margin-left: 9.5em;
	padding: 10px 12px;
	_height: 1px;
}
#spc1111 .relation dd ul {
	margin-left: 18px;
}
#spc1111 .relation dd li {
	list-style: outside disc;
	margin-bottom: 3px;
	color: #6EBFC2;
}
#spc1111 .relation dd a {
	margin-right: 5px;
}

/* ----------------------------------------------------------- 
 index
----------------------------------------------------------- */ 
#spc1111-header {
	background: url(images/index/header_bg.png);
	height: 264px;
	width: 635px;
	position: relative;
	color: #333;
	line-height: 1.7em;
	font-size: 13px;
}
#spc1111-header p {
	position: absolute;
	width: 530px;
	left: 52px;
	height: 56px;
	top: 161px;
}
#spc1111-top-nav ul {
	float: left;
	height: 392px;
	width: 279px;
	padding-bottom: 20px;
}
#spc1111-top-nav .nav-block {
	width: 581px;
	overflow: hidden;
	padding-left: 14px;
}
#spc1111-top-nav .nav-right {
	margin-left: 18px;
}
/* ----------------------------------------------------------- 
 第2階層　cmn style
----------------------------------------------------------- */ 
/* header ----------------------------------- */
#spc1111-cheader {
	width: 635px;
	background: #d9f1f3;
}

#spc1111-cheader .sub-ttl p,
#spc1111-cheader .sub-ttl-02 p,
#spc1111-cheader .sub-ttl-03 p,
#spc1111-cheader .sub-ttl-04 p {
	position: absolute;
	left: 137px;
	width: 460px;
	height: 55px;
	top: 10px;
	line-height: 1.5em;
	font-size: 12px;
}

/* main nav-------------------------- */
#spc1111-cheader .spc1111-nav {
	width : 608px;
	height: 54px;
	margin: 10px 0px 4px 13px;
	}
	#spc1111-cfooter .spc1111-nav {
	width : 608px;
	height: 54px;
	margin: 10px 0px 4px;
	clear: both;
	}

/* left nav-------------------------- */
#spc1111c-main .spc1111-left-nav {
	width: 181px;
	border: 1px solid #694b40;
	background: #fff;
	margin-bottom: 10px;
}
#spc1111c-main .left-side {
	width: 181px;
}
#spc1111-cheader .spc1111-nav li,
#spc1111-cfooter .spc1111-nav li {
	float: left;
}
#spc1111c-main .spc1111-left-nav a {
	color: #57392e;
	text-decoration: none;
}

#spc1111c-main .spc1111-left-nav a:hover,
#spc1111c-main .spc1111-left-nav a:active {
	color: #ef9472;
	text-decoration: none;
} 


#spc1111c-main .spc1111-left-nav ul {
}
#spc1111c-main .spc1111-left-nav  .firstchild,
#spc1111c-main .spc1111-left-nav li {
	display: block;
	padding: 0.4em 1em;
	font-style: normal;
	border-top: 1px solid #b3958c;
}

#spc1111c-main .spc1111-left-nav span {
	background: #f7e869;
}

#spc1111c-main .spc1111-bnr {
	height: 72px;
	width: 181px;
	margin-bottom: 10px;
}

/* right side --------------------------------------**/
#spc1111c-main .right-side {
	color: #57392e;
	width: 409px;
	float: right;
	background: #fff;
	line-height: 1.6em;
	margin-bottom: 20px;
}
#spc1111c-main .right-side a {
	font-weight: bold;
}
#spc1111c-main .right-side .spc1111-line {
	margin: 20px 0px 20px 10px;
}
#spc1111c-main .right-side .p-mark {
	color: #ec5075;
}
#spc1111c-main .right-side .v-mark {
	color: #920783;
	font-weight: normal;
}

/* page top -----------------------------**/
#spc1111c-main .spc-pagetop {
	text-align: right;
	margin-right: 10px;
}
/* paging ------------------------------**/
#spc1111c-main .right-side .pageing-link {
	position: relative;
	padding: 20px 0px;
}
#spc1111c-main .right-side .pageing-link .back {
	position: absolute;
	left: 0;
	top: 0;
	width: 120px;
	text-align: left;
	padding: 3px 0px 0px 10px;
}

#spc1111c-main .right-side .pageing-link .next {
	position: absolute;
	right: 0;
	top: 0;
	width: 120px;
	text-align: right;
	padding: 3px 10px 0px 0px;
}
#spc1111c-main  .right-side  .paging-check {
	text-align: right;
	clear: both;
	display: block;
	padding-top: 10px;
	margin: 0px 10px 40px 0px;
}
/* article ------------------------------**/
#spc1111-article01,
#spc1111-article02 {
	padding: 0px 11px;
}
#spc1111-article01 h3 {
	border-left: 4px solid #e49da5;
	line-height: 1.2em;
	border-bottom: 1px dashed #57392e;
	font-size: 1.7em;
	font-weight: bold;
	margin: 10px 0px;
	padding: 7px 0px 5px 8px;
}
#spc1111-article01 .prof02 p,
#spc1111-article01 .prof01 p, 
#spc1111-article01 .prof02_02 p,
#spc1111-article01 .prof01_02 p,
#spc1111-article01 .prof01_03 p,
#spc1111-article01 .prof01_04 p {
	width: 280px;
	padding: 10px 0px 0px 10px;
}

#spc1111-article01 .prof01, 
#spc1111-article01 .prof02, 
#spc1111-article01 .prof01_02, 
#spc1111-article01 .prof02_02,
#spc1111-article01 .prof01_03,
#spc1111-article01 .prof01_04 {
	height: 132px;
	width: 375px;
	font-size: 10px;
	line-height: 1.7em;
	margin: 15px 0px 0px 5px;
}
#spc1111-article01 h3 span,
#spc1111-article02 .pickup-item .catch span {
	font-size: 13px;
	font-weight: normal;
}
#spc1111-article01 p,
#spc1111-article02 p,
#spc1111-article02 h3,
#spc1111-article02 h4 {
	padding-left: 5px;
}


#spc1111-article02 h3 {
	font-weight: bold;
	color: #ec5075;
}
#spc1111-article02 h4 {
	font-size: 1.7em;
	font-weight: bold;
	line-height: 1.5em;
	margin: 5px 0px;
}
#spc1111-article02 h4 span {
	background: #f7e869;
}

#spc1111-article02 .pickup-item {
	width: 357px;
	margin: 15px 0px 0px 15px;
	line-height: 1.7em;
}
#spc1111-article02 .pickup-item .category {
	font-size: 1.4em;
	padding-bottom: 5px;
}
#spc1111-article02 .pickup-item .catch {
	background: #ece5e3;
	font-weight: bold;
	line-height: 1.7em;
	padding: 5px 5px 5px 10px;
	font-size: 1.1em;
}

#spc1111-article02 .pickup-item .item-02 {
	width: 113px;
	float: left;
	margin-top: 10px;
}
#spc1111-article02 .pickup-item .item {
	width: 111px;
	border: 1px solid #8a7169;
	float: left;
	margin-top: 10px;
}

#spc1111-article02 .pickup-item .detail {
	float: right;
	margin: 10px 0px 0px 15px;
	width: 229px;
}
#spc1111-article02 .pickup-item .info {
	margin-bottom: 20px;
}
#spc1111-article02 .pickup-item .info-link {
	text-align: right;
	display: block;
}
#spc1111-article02 .pickup-item .info span {
	color: #920783;
}
#spc1111-article02 .pickup-item .name {
	font-weight: bold;
}
#spc1111-article02 .pickup-item .info, 
#spc1111-article02 .report,
#spc1111-article02 .report-02 {
	clear: both;
	padding-top: 10px;
}
#spc1111-article02 .report p {
	background: url(images/common/bg_report.png) no-repeat left top;
	width: 372px;
	height: 75px;
	padding: 40px 8px 0px;
	font-size: 0.95em;
	line-height: 1.4em;
}
#spc1111-article02 .report-02 {
	background: url(images/vol01/bg_report02.png) no-repeat left top;
	width: 388px;
	height: 166px;
	font-size: 12px;
	margin-top: 20px;
}
#spc1111-article02 .report-02 p {
	width: 280px;
	padding: 5px 0px 0px 10px;
}
#spc1111-article02 .point {
	width: 385px;
	background: #ece5e3;
	border: 1px dashed #796158;
}
#spc1111-article02 .point h5 {
	font-size: 1.4em;
	color: #920783;
	font-weight: bold;
	margin: 10px 10px 0px;
}
#spc1111-article02 .point p {
	margin: 5px 10px 15px;
}

/* ----------------------------------------------------------- 
vol01
----------------------------------------------------------- */
#spc1111-cheader .sub-ttl {
	background: url(images/vol01/sub_ttl.png);
	height: 87px;
	width: 635px;
	position: relative;
}

#spc1111-article01 .prof01 {
	background: url(images/vol01/prof_bg01.jpg) no-repeat left top;
}
#spc1111-article01 .prof02 {
	background: url(images/vol01/prof_bg02.jpg) no-repeat left top;
}
/* ----------------------------------------------------------- 
vol02
----------------------------------------------------------- */
#spc1111-cheader .sub-ttl-02 {
	background: url(images/vol02/sub_ttl.png);
	height: 87px;
	width: 635px;
	position: relative;
}

#spc1111-article01 .prof01_02 {
	background: url(images/vol02/prof_bg01.jpg) no-repeat left top;
}
#spc1111-article01 .prof02_02 {
	background: url(images/vol02/prof_bg02.jpg) no-repeat left top;
}
/* ----------------------------------------------------------- 
vol03
----------------------------------------------------------- */
#spc1111-cheader .sub-ttl-03 {
	background: url(images/vol03/sub_ttl.png);
	height: 87px;
	width: 635px;
	position: relative;
}

#spc1111-article01 .prof01_03 {
	background: url(images/vol03/prof_bg01.jpg) no-repeat left top;
}
/* ----------------------------------------------------------- 
vol04
----------------------------------------------------------- */
#spc1111-cheader .sub-ttl-04 {
	background: url(images/vol04/sub_ttl.png);
	height: 87px;
	width: 635px;
	position: relative;
}

#spc1111-article01 .prof01_04 {
	background: url(images/vol04/prof_bg01.jpg) no-repeat left top;
}