@charset "Shift_JIS";

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

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

		Setting of:Contents area
			1:mobile_campaign mainContents setting
	}

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


/*===================================================================
	0:base mainContents setting
===================================================================*/

span.flRight {
	float:right !important;
}
.flRight {
	float:right !important;
}

.flLeft {
	float:left !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;
}

.pt30 {
	padding-top:30px !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;
}

.pr5 {
	padding-right:5px !Important;
}

.pr10 {
	padding-right:10px !Important;
}
.pr15 {
	padding-right:15px !Important;
}

.pr20 {
	padding-right:20px !Important;
}

#mainContents .mainContentsInner .special_pagetoplink{
	margin:5px 10;
	text-align:right;
}

#mainContents .mainContentsInner .special_pagetoplink a{
	background:url("/images/feature/ico/arrow_yado_pagetoplink.gif ") 0 0.3em no-repeat;
	padding:3px 10px 50px 13px;
}

/*
		shupo
---------------------------------------------------------------------------------------------------------------- */

/* main header */
#contentsArea{
	float:left;
	width:945px;
	padding:0;
	margin:15px 0 0 0;
}


#contentsArea #mainTtl{
	float:left;
	width:945px;
	margin:0;
	padding:0;
}

#contentsArea #mainTtl h2{
	float:left;
	margin:0;
	padding:0;
}
#contentsArea #mainTtl h3.lead{
	float:left;
	margin:0;
	padding:0;	
}

#contentsArea #mainTtl h3.leadTxt{
	float:left;
	font-size:1.15em;
	font-weight:600;
	margin:8px 20px 0 20px;
	width:905px;
}
#contentsArea #mainTtl h3.leadTxt em{
	color:#990000;
}

#contentsArea .present{
	width:945px;
	float:left;
	margin:0;
	padding:0;
}


#contentsArea .present ul{
	width:945px;
	margin:0;
	padding:0;
}

#contentsArea .present ul li.presentList {
	float:left;
	margin:0;
	padding:0;
	list-style-type: none;
	font-size:0.1%;
}

#contentsArea .present ul li.presentList img{
	margin:0;
	padding:0;
	border:0;
}
/* end */

/* contentsArea_inner */
#contentsArea_inner{
	width:945px;
	margin:0;
	padding:0;
	float:left;
	color:333;
}
#contentsArea_inner h3.ttl{
	float:left;
	margin:18px 0 0 0;
	padding:0;
	clear:both;
}


#mainTtl {
}

#mainTtl_under {
	background:#fbf7e4;
	display:block;
}
/* end */
#mainTtl_under .pageLink{
	float:inherit;
	padding-left:0px;
	text-align:center;
	}
#mainTtl_under .pageLink li{ 
	display:inline;
	font-weight:500;
	width:19%;
	float:left;
	line-height:1.8em;
	padding:2px 0;
	}
#mainTtl_under .pageLink li.ico_01 a{ 
	background:url("http://onsen.nifty.com/images/feature/mobile/cp/ico/ico_campaign.gif") no-repeat 0 .35em;
	padding:10px 0 10px 19px;
	margin:0;
	}
#mainTtl_under .pageLink li.ico_02 a{ 
	background:url("../images/ico/list_ico_02.gif") no-repeat 0 .05em;
	padding:8px 0 10px 29px;
	margin:0;
	}

/* キャンペーン概要 unitset */
#contentsArea_inner .infoModuleSet{
	margin:0;
	padding:0;
}

#contentsArea_inner .infoModuleSet h4.infoTtl{
	margin:0;
	padding:0;
}

#contentsArea_inner .infoModule{
	margin:0;
	padding:0;
}

#contentsArea_inner .infoInnerModule{
	margin:0;
	padding:0;
	width:945px;
}
/* infoModule_01 */
#contentsArea_inner .infoModule_01 {
	float:left;
	padding:0;
	margin:0;
	width:945px;
}

#contentsArea_inner .infoModuleMiddle_01 {
	background:url("http://onsen.nifty.com/images/feature/sp_17/cp/bg/cp_01_middle.gif") repeat-y top left;
	float:left;
	zoom:1;
	position:relative;
	padding:0;
	margin:0;
	width:945px;
}
#contentsArea_inner .infoModuleMiddle_02 {
	background:url("/images/feature/mobile/cp/bg/cp_02_middle.gif") no-repeat top left;
	float:left;
	zoom:1;
	position:relative;
	padding:0;
	margin:0;
	width:945px;
}

#contentsArea_inner .infoModuleBottom_01 {
	background:url("http://onsen.nifty.com/images/feature/sp_17/cp/bg/cp_01_bottom.gif") no-repeat top left;
	float:left;
	zoom:1;
	position:relative;
	padding:0;
	margin:0;
	width:945px;
	height:24px;
}

#contentsArea_inner .bg_profile{
	background:url("http://onsen.nifty.com/images/feature/sp_17/cp/bg/bg_profile.jpg") no-repeat top right;
}


#contentsArea_inner .infoModuleMiddle_01 .Unit2{
	margin:8px 20px 0 30px;
}

#contentsArea_inner .infoModuleMiddle_01 .Unit2 h5.lead{
	font-size:1.0em;
	font-weight:500;
	margin-bottom:2px;
}

#contentsArea_inner .infoModuleMiddle_01 .Unit2 h5.lead em,#contentsArea_inner .infoModuleMiddle_01 .Unit2 h5.txt_normal em{
	color:#990000;
}
#contentsArea_inner .infoModuleMiddle_01 .Unit2 h5.txt_normal{
	font-size:1.0em;
	margin-bottom:2px;
	font-weight:normal;
	line-height:1.7em;
}

#contentsArea_inner .infoModuleMiddle_02 p.term{
	margin:0 auto 0 30px;
	font-size:1.3em;
	font-weight:600;
}
#contentsArea_inner .infoModuleMiddle_02 p.txt_normal{
	margin:90px 200px 10px 30px;
	font-size:1.05em;
	font-weight:normal;
}
#contentsArea_inner .infoModuleMiddle_01 .Unit2 .leftContents p.txt_bold{
	font-weight:600;
}
#contentsArea_inner .infoModuleMiddle_01 .Unit2 .leftContents p.txt_bold em{
	color:#990000;
}

#contentsArea_inner .infoModuleMiddle_01 .Unit2 .leftContents .detail{
	background:#e3dab9;
	width:600px;
	clear:both;
	padding:10px;
	margin:10px 0 10px 0;
}
*html #contentsArea_inner .infoModuleMiddle_01 .Unit2 .leftContents .detail{
	background:#e3dab9;
	width:630px;
	clear:both;
	padding:10px;
	margin:8px 0 10px 0;
}
#contentsArea_inner .infoModuleMiddle_01 .Unit2 .leftContents ul li{
	padding: 3px 14px 2px 12px; 
	background:url("/images/help/li_ico_nomal.gif") no-repeat 0 0.4em;
}


#contentsArea_inner .infoModuleMiddle_01 .Unit2 .leftContents{
	width:635px;
	float:left;
}
#contentsArea_inner .infoModuleMiddle_01 .Unit2 .rightContents{
	width:250px;
	float:right;
}

#contentsArea_inner .unit_f{
	background:#fdf6f9 url("/images/feature/sp_17/cp/bg/bg_unit_f.gif") no-repeat 100% 100%;
	width:945px;
	padding:0px 0 10 0;　/* 背景画像の上 */
	margin:0 0 2px 0;　/* 背景画像の下 */
	float:left;
}
*html #contentsArea_inner .unit_f{
	background:#f4eede url("/images/feature/sp_17/cp/bg/bg_unit_f.gif") no-repeat 100% 100%;
	padding:15px 0 0 8px;
	margin:0 0 15px 0;
	float:left;
}
#contentsArea_inner .unit_f ul{
	width:945px;
	float:left;
	margin:0;
	padding:0 0 0 32px;
}
*html #contentsArea_inner .unit_f ul{
	width:918px;
	float:left;
	margin:0;
	padding:0 0 0 27px;
}

#contentsArea_inner .unit_f ul li.list{
	width:280px;
	margin:0 20px 0 0;
	padding:0;
	float:left;
	background:#f9edbf;
}

*html #contentsArea_inner .unit_f ul li.list{
	width:280px;
	margin:0 17px 0 0;
	padding:0;
	float:left;
	background:#bfb078;
}
#contentsArea_inner .unit_f ul li.list_none{
	width:280px;
	margin:0 20px 0 0;
	padding:0;
	float:left;
}

*html #contentsArea_inner .unit_f ul li.list_none{
	width:280px;
	margin:0 17px 0 0;
	padding:2px;
	border:none;
	float:left;
}

#contentsArea_inner .unit_f ul li.list .kaisai_term{
	float: right;
	text-align: right;
	width: 250px;
}

#contentsArea_inner .unit_f .fPhoto img{
	border:solid 1px #fff;
	margin:7px 7px 3px 7px;
}

#contentsArea_inner .unit_f .fPhoto h4 {
	font-size:1.05em;
	font-weight:600;
	text-align:center;
	line-height:1.5em;
}

#contentsArea_inner .unit_f .fPhoto h4 a{
	color:#000066;
}
#contentsArea_inner .unit_f .fPhoto h4 a:hover{
	color:#990000;
}

#contentsArea_inner .bnrArea{
	width:900px;
	margin:15px auto 15px 22px;
}

#contentsArea_inner .unit_f .fPhotoUnder{
	padding:2px;
	margin:0;
	background:#722626;
	color:#000;
	clear:both;
}
#contentsArea_inner .unit_f h5{
	clear:both;
	font-size:1.05em;
	font-weight:600;
	color:#fff;
	padding:5px 0 10px 12px;
}
#contentsArea_inner .unit_f h6.ico{
	float:left;
	padding:8px 0 0 6px;
	margin:0;
	width:180px;
}

#contentsArea_inner .unit_f h6.ico img{
	padding:0;
	margin:4px;
	border:none;
}

#contentsArea_inner .unit_f p.lead{
	float:left;
	padding:3px 8px;
	color:#000;
}

/* end */

#contentsArea_inner .unit_03{
}

#contentsArea_inner .unit_03 .featureLink{
	margin:0 auto 8px 19px;
	padding:5px;
}


#contentsArea_inner .unit_03 .featureLink ul{
	padding:0 5px 5px 5px;
	margin:0;
	float:left;
}

#contentsArea_inner .unit_03 .featureLink ul li{
	width:265px;
	float:left;
	font-size:1.15em;
	font-weight:600;
}
#contentsArea_inner .unit_03 .featureLink ul li.feature_01 {
	background:url("/images/feature/mobile/cp/ico/ico_feature_01.gif") no-repeat 0 .1em;
	padding:7px 2px 6px 35px;
	width:265px;
	float:left;
}
#contentsArea_inner .unit_03 .featureLink ul li.feature_02 {
	background:url("/images/feature/mobile/cp/ico/ico_feature_02.gif") no-repeat 0 .1em;
	padding:7px 2px 6px 35px;
	width:265px;
	float:left;
}
#contentsArea_inner .unit_03 .featureLink ul li.feature_03 {
	background:url("/images/feature/mobile/cp/ico/ico_feature_03.gif") no-repeat 0 .1em;
	padding:7px 2px 6px 35px;
	width:265px;
	float:left;
}
#contentsArea_inner .unit_03 .featureLink ul li.feature_04 {
	background:url("/images/feature/mobile/cp/ico/ico_feature_04.gif") no-repeat 0 .1em;
	padding:7px 2px 6px 35px;
	width:265px;
	float:left;
}
#contentsArea_inner .unit_03 .featureLink ul li.feature_05 {
	background:url("/images/feature/mobile/cp/ico/ico_feature_05.gif") no-repeat 0 .1em;
	padding:7px 2px 6px 35px;
	width:265px;
	float:left;
}
#contentsArea_inner .unit_03 .featureLink ul li.feature_06 {
	background:url("/images/feature/mobile/cp/ico/ico_feature_06.gif") no-repeat 0 .1em;
	padding:7px 2px 6px 35px;
	width:265px;
	float:left;
}
#contentsArea_inner .unit_03 .featureLink ul li.feature_07 {
	background:url("/images/feature/mobile/cp/ico/ico_feature_07.gif") no-repeat 0 .1em;
	padding:7px 2px 6px 35px;
	width:265px;
	float:left;
}
#contentsArea_inner .unit_03 .featureLink ul li.feature_08 {
	background:url("/images/feature/mobile/cp/ico/ico_feature_08.gif") no-repeat 0 .1em;
	padding:7px 2px 6px 35px;
	width:265px;
	float:left;
}



/* end */