@charset "Shift_JIS";

/* ****************************************************************** 

	@This stylesheet Information{
		CSS File Name: magazine.css

		Setting of: Contents area
			1: magazine mainContents setting
	}

****************************************************************** */


/*===================================================================
	0: base mainContents setting
===================================================================*/
span.flRight {
	float: right !important;
}
.alCenter {
	text-align: center !Important;
}

.mt5 {
	margin-top: 5px !Important;
}

.mt10 {
	margin-top: 10px !Important;
}

.mt15 {
	margin-top: 15px !Important;
}

.mt20 {
	margin-top: 20px !Important;
}
.mt30 {
	margin-top: 30px !Important;
}
.pt5 {
	padding-top: 5px !Important;
}

.pt10 {
	padding-top: 10px !Important;
}

.pt15 {
	padding-top: 15px !Important;
}

.pt20 {
	padding-top: 20px !Important;
}
.mb5 {
	margin-bottom: 5px !Important;
}

.mb10 {
	margin-bottom: 10px !Important;
}
.mb15 {
	margin-bottom: 15px !Important;
}

.mb20 {
	margin-bottom: 20px !Important;
}

.mb30 {
	margin-bottom: 30px !Important;
}

.pb5 {
	padding-bottom: 5px !Important;
}

.pb10 {
	padding-bottom: 10px !Important;
}
.pb15 {
	padding-bottom: 15px !Important;
}
.pl5 {
	padding-left: 5px !Important;
}

.pl10 {
	padding-left: 10px !Important;
}
.pl15 {
	padding-left: 15px !Important;
}

.pl20 {
	padding-left: 20px !Important;
}
.ml10 {
	margin-left: 10px !Important;
}
.ml15 {
	margin-left: 15px !Important;
}

.ml20 {
	margin-left: 20px !Important;
}
/*
		温浴ビジネス
---------------------------------------------------------------------------------------------------------------- */

body.magazine{}

#magazinePage{}
/* present header */
#contentsArea{
	float: left;
	width: 945px;
	padding: 0 0;
	margin-top: 15px;
}


#mainTtl {
	background:url("../images/magazine/mainttl_bg_top.jpg") no-repeat top left;
	height:316px;
	position:relative;
}
/*mainTtl内*/
#mainTtl h3.catch{
	position:absolute;
	top:16px;
	left:28px;
	z-index:10;
	width: 352px;
	height: 37px;
	display: none;
}
#mainTtl h2.ttl{
	position:absolute;
	top:56px;
	left:17px;
	z-index:99;
	width: 785px;
	height: 115px;
	display: none;
}
#mainTtl h3.lead{
	position:absolute;
	top:181px;
	left:26px;
	z-index:99;
	width: 852px;
	height:114px;
	display: none;
}
#mainTtl_under {
	background:url("../images/magazine/mainttl_bg_bottom.jpg") no-repeat top left;
	height:280px;
	position:relative;
}
/*mainTtl内*/
#mainTtl_under h3.campaign{
	position:absolute;
	top:4px;
	left:22px;
	z-index:10;
	width: 460px;
	height: 46px;
	display: none;

}
#mainTtl_under h3.contents{
	position:absolute;
	top:65px;
	left:26px;
	z-index:99;
	width: 543px;
	height: 96px;
	display: none;
}
#mainTtl_under .sample{
	position:absolute;
	top:18px;
	left:710px;
	z-index:99;
	width: 223px;
	height:36px;
}
#mainTtl_under .entry_btn{
	position:absolute;
	top:173px;
	left:140px;
	z-index:99;
	width: 632px;
	height:72px;
}
/* end */


/* .unitp */
#contentsArea_inner{
	width: 915px;
	margin: 0 15px;
}


#contentsArea_inner #mainEditorial{
	margin-bottom: 4px;
}

/* end */


/* 開催期間 */
#contentsArea_inner_term{
	width: 700px;
	margin: 0 130px 0 110px;
	padding: 10px 0;
	border: solid 1px #bae9c6;
	background-color: #eafcdf;
}

#contentsArea_inner_term #mainEditorial .inner dl.present{
	clear:both;
}
#contentsArea_inner_term #mainEditorial .inner dt{
	width: 100px;
	padding: 6px 5px 5px 20px;
	color: #2b2c2b;
	font-weight: 600;
	float: left;
	font-size: 1.2em;
	line-height: 160%;
}
#contentsArea_inner_term #mainEditorial .inner dd{
	padding: 5px 0px 5px 15px;
	color: #333333;
	float: left;
	display: block;
	width: 545px;
	font-size: 1.15em;
	line-height: 160%;
	font-weight: 600;
	border-left: dotted 1px #6fa97e;
}
#contentsArea_inner_term #mainEditorial .inner dt a{
	color: #333333;
}

#contentsArea_inner_term #mainEditorial .inner dt a:hover{
	color: #000000;
}

/* end */
/* .unitp2 */

#contentsArea_inner .unitp_2{
}

#contentsArea_inner .unitp_2 h2{
	padding-bottom:10px;
}

#contentsArea_inner #mainEditorial .inner_useful{
	padding:0;
	position:relative;
	display: block;
	clear: both;
	height: 400px;
}
#contentsArea_inner #mainEditorial .inner_useful_ttl{
	padding:0;
	position:relative;
	display: block;
	clear: both;
}
#contentsArea_inner #mainEditorial .inner_useful_ttl ul{
	width:915px;
	display: block;
	clear: both;
	margin: 0;
}
#contentsArea_inner #mainEditorial .inner_useful_ttl ul li{
	width:305px;
	float:left;
	display: block;
	height:60px;

}

#contentsArea_inner #mainEditorial{
	margin-bottom: 4px;
}

/* end */
/* .unitp inner_useful */
#contentsArea_inner #mainEditorial .inner_useful ul{
	width:915px;
	display: block;
	clear: both;
}
#contentsArea_inner #mainEditorial .inner_useful ul li{
	width:305px;
	float:left;
	display: block;
}
#contentsArea_inner #mainEditorial .inner_useful ul li div.ttl_01{
	position:absolute;
	top:0px;
	left:9px;
	z-index:99;
	width: 271px;
	height:206px;
	font-size: 13px;
	line-height: 140%;
	padding: 5px;
	color: #333;
	background:url("../images/magazine/ico/bg_mail.jpg") bottom right no-repeat;
}
#contentsArea_inner #mainEditorial .inner_useful ul li div.ttl_01 h5.lead{
	font-size: 14px;
	line-height: 150%;
	font-weight: 600;	
	color: #333;
}
#contentsArea_inner #mainEditorial .inner_useful ul li div.img_01{
	position:absolute;
	top:218px;
	left:13px;
	z-index:99;
	width: 268px;
	height: 69px;
	color: #006600;
	font-size: 12px;
	font-weight: 600;
}
#contentsArea_inner #mainEditorial .inner_useful ul li div.eyecatch_01{
	position:absolute;
	top:259px;
	left:182px;
	z-index:99;
	width: 109px;
}
#contentsArea_inner #mainEditorial .inner_useful ul li div.ttl_02{
	position:absolute;
	top:0px;
	left:314px;
	z-index:99;
	width: 280px;
	height:100px;
	font-size: 14px;
	line-height: 135%;
	padding: 5px;
	color: #333;
}
#contentsArea_inner #mainEditorial .inner_useful ul li div.img_02{
	position:absolute;
	top:113px;
	left:320px;
	z-index:3;
	width: 268px;
}
#contentsArea_inner #mainEditorial .inner_useful ul li div.eyecatch_02{
	position:absolute;
	top:259px;
	left:494px;
	z-index:99;
	width: 109px;
}
#contentsArea_inner #mainEditorial .inner_useful ul li div.img_03{
	position:absolute;
	top:114px;
	left:625px;
	z-index:3;
	width: 268px;
}
#contentsArea_inner #mainEditorial .inner_useful ul li div.ttl_03{
	position:absolute;
	top:0px;
	left:620px;
	z-index:99;
	width: 277px;
	height:100px;
	font-size: 14px;
	line-height: 135%;
	padding: 5px;
	color: #333;
}
#contentsArea_inner #mainEditorial .inner_useful ul li div.eyecatch_03{
	position:absolute;
	top:259px;
	left:805px;
	z-index:99;
	width: 109px;
}

/* end */

/* 注意事項 */

*html #caution{
	width: 900px;
	margin-left: 20px;
	margin-bottom: 20px;
	border: #dedede 4px solid;
	padding: 17px;
}

#caution{
	width: 856px;
	margin-left: 20px;
	border: #dedede 4px solid;
	padding: 17px;
	margin-bottom: 20px;
}
#caution p{
	color: #900;
	font-weight: bold;
	font-size: 1.15em;
	line-height: 150%;
}
#caution li{
	padding: 0 0 0 15px;
	margin: 0 0 3px;
	background: url("/images/help/li_ico_nomal.gif") no-repeat 0.2em 0.2em;
	color: #666666;
}