@charset "Shift_JIS";

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

Site URL:	http://www.cosme.net/html/evt/xxx
File name:      spring_cmp.css
Created:        2011-03-10
Last update:    2011-03-25
----------------------------------------------------------- */ 
/* -----------------------------------------------------------

Table of Contents
 * common style ----------- 共通css
 * spring_cmp_01 ------------------- spring_cmp_01用CSS
 * spring_cmp_02 ------------------- spring_cmp_02用CSS
 * spring_cmp_03 ------------------- spring_cmp_03用CSS 
 * spring_cmp_04 ------------------- spring_cmp_04用CSS
 * spring_cmp_05 ------------------- spring_cmp_05用CSS

----------------------------------------------------------- */

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

#spring-cmp-contents a {
	color: #000;
	font-weight: bold;
}
#spring-cmp-contents a:hover { color: #ec5075; }

/*section --------------------------------**/
#spring-cmp-contents {
	width: 605px;
	background: url("images/common/spring_cmp_bg.png") repeat left top;
	line-height: 1.5;
	padding: 0px 15px 15px;
	color: #000;
}

#spring-cmp-contents .inner {
	width: 605px;
	background: #fff;
	margin-bottom: 20px;
	padding-bottom: 25px;
	font-size: 93%;
}

/* page top --------------------------------**/
#spring-cmp-contents .spring-cmp-pagetop {
	text-align: right;
	padding-top: 20px;
	padding-right: 5px;
}

/* header --------------------------------**/
#spring-cmp-header {
	background: url("images/common/spring_cmp_bg.png") repeat left top;
}

/* contents --------------------------------**/
#spring-cmp-contents .lead {
	margin: 0px 20px;
	padding-top: 15px;
}
#spring-cmp-contents .mark-p {
	color: #ff5a81;
	font-weight: bold;
}
#spring-cmp-contents .mark-g {
	color: #009944;
}
#spring-cmp-contents .mark-o {
	color: #ee8c0d;
}
#spring-cmp-contents .line {
	height: 23px;
	width: 569px;
	clear: both;
	margin: 20px 0px 20px 15px;
}

/* week area --------------------------------**/
#spring-cmp-contents .week {
	width: 605px;
	height: 160px;
	margin-bottom: 5px;
}
#spring-cmp-contents .week .left {
	float: left;
	width: 147px;
	padding-left: 18px;
}
#spring-cmp-contents .week .right{
	float: left;
	padding-left: 20px;
	width: 410px;
}
#spring-cmp-contents .week .right li {
	margin: 7px 17px 0px 3px;
}

/* paging --------------------------------**/
#spring-cmp-contents .pageing-link {
	position: relative;
	font-size: 120%;
	padding: 20px 0px;
}
#spring-cmp-contents .pageing-link .back {
	position: absolute;
	left: 0;
	top: 0;
	width: 120px;
	text-align: left;
	padding: 3px 0px 0px 40px;
}

#spring-cmp-contents .pageing-link .next {
	position: absolute;
	right: 0;
	top: 0;
	width: 120px;
	text-align: right;
	padding: 3px 40px 0px 0px;
}

/* navi --------------------------------**/
#spring-cmp-contents .spring-cmp-navi {
	width: 567px;
	margin-left: 18px;
}
#spring-cmp-contents .spring-cmp-navi li {
	float: left;
}


/* footer --------------------------------**/
#spring-cmp-contents .spring-cmp-footer {
	position: relative;
	width: 605px;
	height: 246px;
}

#spring-cmp-contents .spring-cmp-footer p {
	margin-left: 18px;
}

/* resist ----------------**/
#spring-cmp-contents .spring-cmp-footer .resist {
	height: 246px;
	width: 273px;
	_margin-left: 10px;
	background: url(images/common/spring_cmp_frame_resist.png) no-repeat left;
	float: left;
}
#spring-cmp-contents .resist .text_01 {
	position: absolute;
	width: 250px;
	display: block;
	left: 30px;
	top: 75px;
}
#spring-cmp-contents .resist img {
	width: 260px;
	position: absolute;
	height: 47px;
	bottom: 10px;
	left: 25px;
	_left: 27px;
	
}
/* interview ----------------**/
#spring-cmp-contents .spring-cmp-footer .interview {
	float: left;
	height: 246px;
	width: 273px;
	background: url(images/common/spring_cmp_frame_interview.png) no-repeat left;
}

#spring-cmp-contents .interview .text_02 {
	position: absolute;
	width: 250px;
	display: block;
	top: 75px;
	right: 34px;
}
#spring-cmp-contents .interview .attention {
	font-size: 85%;
	position: absolute;
	width: 250px;
	bottom: 63px;
	right: 30px;
}

#spring-cmp-contents .interview img {
	width: 260px;
	position: absolute;
	height: 47px;
	bottom: 10px;
	right: 30px;
	_right: 27px;
}

#spring-cmp-contents .beauty-point  {
	width: 542px;
	clear: both;
	border: 1px solid #fc7285;
	margin: 20px 0px 0px 18px;
	_margin-left: 20px;
	padding: 10px;
}

#spring-cmp-contents .vol2-bnr {
	margin: 20px 0px 0px 18px;
}



/* ----------------------------------------------------------- 
 spring_cmp_01
----------------------------------------------------------- */
#spring-cmp-contents .week-detail_01 {
	margin-left: 18px;
	height: 450px;
	width: 566px;
	position: relative;
}
#spring-cmp-contents .week-detail_01 .mon {
	background: url(images/mon_tue/spring_cmp_img_mon.png) no-repeat center;
	height: 214px;
	width: 566px;
	margin-bottom: 20px;
}
#spring-cmp-contents .week-detail_01 .mon img {
	height: 41px;
	width: 347px;
	top: 165px;
	position: absolute;
	left: 15px;
}
/* ----------------------------------------------------------- 
 spring_cmp_02
----------------------------------------------------------- */
#spring-cmp-contents .week-detail_02 {
	margin-left: 18px;
	height: 450px;
	width: 566px;
	position: relative;
}
#spring-cmp-contents .week-detail_02 .wed {
	background: url(images/wed_thu/spring_cmp_img_wed.png) no-repeat center;
	height: 197px;
	width: 566px;
	margin-bottom: 20px;
}
#spring-cmp-contents .week-detail_02 .wed img {
	height: 41px;
	width: 347px;
	top: 151px;
	position: absolute;
	left: 15px;
}
/* ----------------------------------------------------------- 
 spring_cmp_03
----------------------------------------------------------- */
#spring-cmp-contents .week-detail_03 {
	margin-left: 18px;
	height: 450px;
	width: 566px;
	position: relative;
}
#spring-cmp-contents .week-detail_03 .fri {
	background: url(images/fri_sat/spring_cmp_img_fri.png) no-repeat center;
	height: 197px;
	width: 566px;
	margin-bottom: 20px;
}
#spring-cmp-contents .week-detail_03 .fri img {
	height: 41px;
	width: 347px;
	top: 151px;
	position: absolute;
	left: 15px;
}
#spring-cmp-contents .week-detail_03 .sat {
	background: url(images/fri_sat/spring_cmp_img_sat.png) no-repeat center;
	height: 218px;
	width: 566px;
}
#spring-cmp-contents .week-detail_03 .sat img {
	height: 43px;
	width: 344px;
	position: absolute;
	bottom: 22px;
	right: 9px;
}
/* ----------------------------------------------------------- 
 spring_cmp_04
----------------------------------------------------------- */
#spring-cmp-contents .week-detail_04 {
	margin-left: 18px;
	height: 210px;
	width: 566px;
	position: relative;
}
#spring-cmp-contents .week-detail_04 .sun {
	background: url(images/sun/spring_cmp_img_sun.png) no-repeat center;
	height: 210px;
	width: 566px;
}
#spring-cmp-contents .week-detail_04 .sun .tx_spring {
	height: 19px;
	width: 76px;
	top: 43px;
	position: absolute;
	right: 220px;
}
#spring-cmp-contents .week-detail_04 .sun .sun_btn {
	height: 54px;
	width: 349px;
	top: 148px;
	position: absolute;
	left: 15px;
}

/* ----------------------------------------------------------- 
 spring_cmp_05
----------------------------------------------------------- */
#spring-cmp-contents .spring-cmp-psy {
	margin: 0px 18px;
}
#spring-cmp-contents .spring-cmp-psy h3 {
	margin-bottom: 5px;
	padding-top: 20px;
}
#spring-cmp-contents .spring-cmp-psy .psy-bnr {
	float: left;
	height: 124px;
	width: 316px;
}
#spring-cmp-contents .spring-cmp-psy .psy-detail {
	float: right;
	background: url(images/psy/spring_cmp_bggirl.png) no-repeat left;
	height: 124px;
	width: 245px;
}
#spring-cmp-contents .spring-cmp-psy .clear {
	clear: both;
}
#spring-cmp-contents .spring-cmp-psy .psy-attention {
	clear: both;
	padding-top: 20px;
	text-align: right;
}

#spring-cmp-contents .spring-cmp-psy .psy-attention li {
	padding-top: 5px;
}

#spring-cmp-contents .spring-cmp-psy .join {
	background: url(images/psy/spring_cmp_frame_login.png);
	height: 297px;
	width: 566px;
	position: relative;
	margin: 20px 0px;
}
#spring-cmp-contents  .spring-cmp-psy .join dl {
	display: block;
	top: 53px;
	position: absolute;
	left: 4px;
	line-height: 2;
	padding: 0px 10px;
}
#spring-cmp-contents  .spring-cmp-psy .join dt {
	padding-top: 10px;
	padding-bottom: 10px;

}
#spring-cmp-contents  .spring-cmp-psy .join dd {
	background: url(images/psy/spring_cmp_icon.png) no-repeat left;
	text-indent: 15px;
}

#spring-cmp-contents .spring-cmp-psy .join .login-btn {
	height: 47px;
	width: 351px;
	position: absolute;
	bottom: 10px;
	left: 108px;
}