@charset "UTF-8";

/*
	[SITE] commmonsmart
	[FILE] /special/css/special_040.css
*/

/*==================================================
【#040】おかえりなさい、教授！特集  TC@2015.08.03up
==================================================*/
#spacial040{
	width:830px;
	padding-bottom:20px;
}

#spacial040 p{
	line-height:1.6;
}

#spacial040 .fltL{
	float:left;
}
#spacial040 .fltR{
	float:right;
}

/*-----------------------------
 フォント設定
----------------------------- */
#spacial040 .fcRed{
	color:#ff0000 !important;
}

#spacial040 .fwBld{
	font-weight:bold !important;
}

#spacial040 .fs12{
	font-size:12px !important;
}
#spacial040 .fs14{
	font-size:14px !important;
}
#spacial040 .fs16{
	font-size:16px !important;
}
#spacial040 .fs24{
	font-size:24px !important;
}

/*-----------------------------
 マージン設定
----------------------------- */
#spacial040 .mt0{margin-top:0px !important;}
#spacial040 .mt5{margin-top:5px !important;}
#spacial040 .mt10{margin-top:10px !important;}
#spacial040 .mt15{margin-top:15px !important;}
#spacial040 .mt18{margin-top:18px !important;}
#spacial040 .mt20{margin-top:20px !important;}
#spacial040 .mt25{margin-top:25px !important;}
#spacial040 .mt30{margin-top:30px !important;}
#spacial040 .ml30{margin-left:30px !important;}

/*-----------------------------
 div#topBox
----------------------------- */
#spacial040 #topBox {
	position:relative;
	width:830px;
	height:25px;
}

#spacial040 #topBox img.supervision {
	position:absolute;
	top:0;
	left:5px;
}

/* ul#socialbook
----------------------------- */
#spacial040 ul#socialbook{
	position:absolute;
	top:0;
	right:0;
	height:25px;
}
#spacial040 ul#socialbook li{
	float:right;
	height:25px;
}
#spacial040 ul#socialbook li.tw{
margin-right:10px;
}

/*-----------------------------
 div#top
----------------------------- */
#spacial040 #top {
	width:830px;
}

#spacial040 #top h2 {
	width:830px;
	height:326px;
	margin:0;
}

#spacial040 #top h3 {
	width:830px;
	height:326px;
	margin:0;
}

/*-----------------------------
 div.commentBox
----------------------------- */
#spacial040 .commentBox {
	position:relative;
	width:830px;
	height:555px;
	background:url(../images/sp040/txt_comment.png) no-repeat right top;
}

#spacial040 .commentBox h3{
	position:absolute;
	top:230px;
	left:38px;
}

#spacial040 .commentBox p{
	position:absolute;
	text-indent:-9999px;
}

#spacial040 .commentBox p.lead{
	top:0;
	left:0;
	width:325px;
	height:167px;
	background:url(../images/sp040/txt_leadTxt.png) no-repeat 0 0;
}

#spacial040 .commentBox p.comment{
	top:16px;
	height:500px;
}
#spacial040 .commentBox p.comment.txt1{
	left:707px;
	width:75px;
}
#spacial040 .commentBox p.comment.txt2{
	left:567px;
	width:100px;
}
#spacial040 .commentBox p.comment.txt3{
	left:455px;
	width:73px;
}
#spacial040 .commentBox p.comment.txt4{
	left:400px;
	width:18px;
}

#spacial040 .commentBox span.hoshi{
	position:absolute;
	bottom:0;
	right:0;
	font-size:10px;
}

/*-----------------------------
 div.afterBox
----------------------------- */
#spacial040 .afterBox{
	position:relative;
	width:800px;
	margin-top:-65px;
	margin-left:30px;
}

#spacial040 .afterBox p{
	font-size:14px;
	margin-top:24px;
	line-height:1.75;
}
#spacial040 .afterBox p.mt30{
	margin-top:30px;
}

#spacial040 .afterBox .moreBtn{
	margin-top:15px;
}

#spacial040 .afterBox img.towel {
	position:absolute;
	bottom:30px;
	right:36px;
}

/*-----------------------------
 goodsエリア共通スタイル
----------------------------- */
#spacial040 h3.goods{
	font-size:16px;
	margin-top:18px;
}
#spacial040 p.price{
	font-size:14px;
	margin-top:3px;
}
#spacial040 p.lead{
	font-size:14px;
	margin-top:24px;
	line-height:1.9;
}

/*-----------------------------
 div#goodsArea
----------------------------- */
#spacial040 #goodsArea{
	width:780px;
	margin-top:38px;
	margin-left:30px;
}
#spacial040 #goodsArea h2{
	margin-left:108px;
}

#spacial040 #goodsArea .fltL{
	margin-top:25px;
	width:483px;
}
#spacial040 #goodsArea .fltR{
	margin-top:25px;
	width:248px;
}

/*-----------------------------
 div.leadBox
----------------------------- */
#spacial040 #fairArea .leadBox{
	width:800px;
	margin-left:30px;
	padding-bottom:20px;
	background:url(../images/sp040/bg_leadBox.png) no-repeat 600px bottom;
}

#spacial040 #fairArea .leadBox span.present{
	display:block;
	color:#ff0000 !important;
	font-weight:bold;
	margin-top:5px;
}
#spacial040 #fairArea .leadBox .ti5em{
	margin-left:5em;
	text-indent:-5em;
}


/*-----------------------------
 div.goodsBox
----------------------------- */
#spacial040 #fairArea .goodsBox{
	width:830px;
	position:relative;
}
#spacial040 #fairArea .goodsBox .detail{
	position:absolute;
	bottom:0;
}
#spacial040 #fairArea .goodsBox .detail p{
	line-height:1.5;
	margin-top:3px;
}
#spacial040 #fairArea .goodsBox .detail .detailBtn{
	margin-top:10px;
}
#spacial040 #fairArea .goodsBox img.item{
	position:absolute;
}

/* goods1 */
#spacial040 #fairArea .goodsBox.goods1{
	height:385px;
}
#spacial040 #fairArea .goodsBox.goods1 .detail{
	left:50px;
	z-index:10;
}
/* goods2 */
#spacial040 #fairArea .goodsBox.goods2{
	height:285px;
	margin-top:-54px;
	text-align:right;
	background:url(../images/sp040/bg_goods2.png) no-repeat 50px 50px;
}
#spacial040 #fairArea .goodsBox.goods2 .detail{
	right:410px;
}
/* goods3 */
#spacial040 #fairArea .goodsBox.goods3{
	height:246px;
	margin-top:47px;
	background:url(../images/sp040/bg_goods3.png) no-repeat 552px 14px;
}
#spacial040 #fairArea .goodsBox.goods3 .detail{
	left:516px;
	bottom:5px;
}
#spacial040 #fairArea .goodsBox.goods3 img.item{
	left:30px;
	top:0;
}
/* goods4 */
#spacial040 #fairArea .goodsBox.goods4{
	height:354px;
	margin-top:47px;
	background:url(../images/sp040/bg_goods4.png) no-repeat 10px 0;
}
#spacial040 #fairArea .goodsBox.goods4 .detail{
	left:145px;
}
#spacial040 #fairArea .goodsBox.goods4 img.item{
	left:90px;
	top:10px;
}
/* goods5 */
#spacial040 #fairArea .goodsBox.goods5{
	height:368px;
	margin-top:50px;
}
#spacial040 #fairArea .goodsBox.goods5 .detail{
	left:50px;
}
/* goods6 */
#spacial040 #fairArea .goodsBox.goods6{
	height:411px;
	margin-top:43px;
	background:url(../images/sp040/bg_goods6.png) no-repeat 22px 0;
}
#spacial040 #fairArea .goodsBox.goods6 .detail{
	left:295px;
	bottom:20px;
}
#spacial040 #fairArea .goodsBox.goods6 img.item{
	left:247px;
	top:0;
}
/* goods7 */
#spacial040 #fairArea .goodsBox.goods7{
	height:365px;
	margin-top:30px;
	background:url(../images/sp040/bg_goods7.png) no-repeat 770px 320px;
}
#spacial040 #fairArea .goodsBox.goods7 .detail{
	left:50px;
}
/* goods8 */
#spacial040 #fairArea .goodsBox.goods8{
	width:830px;
	height:450px;
	background:url(../images/sp040/bg_goods8.png) no-repeat 310px 6px;
}
#spacial040 #fairArea .goodsBox.goods8 .detail{
	left:50px;
	bottom:22px;
}
#spacial040 #fairArea .goodsBox.goods8 img.item{
	left:50px;
	top:50px;
}

/*-----------------------------
 div#ymoArea
----------------------------- */
#spacial040 #ymoArea{
	width:800px;
	margin-top:56px;
	margin-left:30px;
}
#spacial040 #ymoArea h2{
	font-size:18px;
	font-weight:normal;
	padding:5px 0 5px 15px;
	border-top:#c3c3c3 1px solid;
	border-bottom:#c3c3c3 1px solid;
}

#spacial040 #ymoArea h3{
	font-size:14px;
	font-weight:normal;
	line-height:1.4;
}

#spacial040 #ymoArea .fltL,
#spacial040 #ymoArea .fltR{
	width:390px;
	margin-top:30px;
}

#spacial040 #ymoArea .itemBox{
	position:relative;
	width:390px;
	height:184px;
}
#spacial040 #ymoArea .itemBox .detailBtn{
	position:absolute;
	left:150px;
	bottom:0;
}
#spacial040 #ymoArea .itemBox img.item{
	position:absolute;
	left:0;
	top:0;
}
#spacial040 #ymoArea .fltL .itemBox img.item{
	top:63px;
}

#spacial040 #ymoArea .itemBox p,
#spacial040 #ymoArea .itemBox h3{
	margin-left:150px;
}
#spacial040 #ymoArea .fltL .itemBox h3{
	padding-top:64px;
}
