@charset "utf-8";



/* [全般的な設定]
---------------------------------------------------------*/

.wrapper {
width: 960px;
margin: 0 auto;
padding-bottom:20px;
text-align: left;
font-size:14px;
color:#333;
}

a{
	color:#0c82d1;
}


/* [内部ページパーツ設定]
---------------------------------------------------------*/

#mainvisual{
	margin-top:-25px;
	min-width:960px;
	height:520px;
	overflow:hidden;
	background-image:url(/images/tips/ebook/main_bg02.png),url(/images/tips/ebook/main_bg.png);
	background-repeat:repeat-x,repeat;
	background-position:center bottom,center top;
	background-color:#ff6b91;
	text-align:center;

}

#mainvisual .inner{
	background:url(/images/tips/ebook/inner_bg.png) no-repeat center top;
}

#permanent{
	background-color:#feee3c;
}

#permanent .wrapper{
	position:relative;
	padding-top:250px;
}

#permanent .contentsHeader{
	position:absolute;
	top:-99px;
	padding-top:82px;
	padding-left:189px;
	height:267px;
	background:url(/images/tips/ebook/wm_guy.png) no-repeat left top;
	font-weight:bold;
	line-height:1.8em;
}

#permanent .contentsHeader h3{
	margin-top:5px;
	margin-bottom:2px;
	margin-left:10px;
	font-size:18px;
	font-weight:bold;
}

#permanent .contentsHeader p{
	margin-left:10px;
}

#section01,
#section02,
#section03{
	font-weight:bold;
	line-height:1.8em;
}

#section01{
	margin-top:10px;
	min-height:312px;
	background:url(/images/tips/ebook/sec01_illust.png) no-repeat right top;

}

#section01 p{
	margin-right:350px;
	margin-left:50px;
	padding-top:10px;
}

/*------------------ キャンペーン開催時のスタイル

#section02{
	padding-bottom:15px;
	min-height:446px;
	background:url(/images/tips/ebook/sec02_illust.png) no-repeat left top;
}



#section02 p{
	margin-right:76px;
	margin-left:305px;
	padding-top:25px;
}

#section02 p.btn{
	margin-top:-10px;
	padding-top:0;
}

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



#section02{
	margin-top:10px;
	padding-bottom:15px;
	min-height:340px;
	background:url(/images/tips/ebook/sec02_illust_nocpn.png) no-repeat left top;
}



#section02 p{
	margin-right:76px;
	margin-left:315px;
	padding-top:25px;
}



#section03{
	margin-top:-20px;
	min-height:380px;
	background:url(/images/tips/ebook/sec03_illust.png) no-repeat right top;

}

#section03 p{
	margin-right:380px;
	margin-left:50px;
	padding-top:25px;
}


#start{
	padding-top:20px;
}


/* [キャンペーン設定 2014.11]
2014.12.01 改訂
---------------------------------------------------------*/

#cpn{
	padding-top:53px;
	padding-bottom:80px;
	background:url(/images/tips/ebook/cpn_bg.png) repeat-x center top #fd9e38;
}

#cpn .wrapper{
	background-color:#fff;
}

.container{
	padding:0 20px;
}

.cpnEnd{
	padding-top:10px;
	padding-bottom:30px;
	font-size:20px;
	text-align:center;
}

#cpnPastBtn{
	padding-bottom:20px;
	text-align:center;
}

#cpnPastBtn img{
	cursor:pointer;
}

#cpn201411{
	display:none;
	padding-top:30px;
}

#cpnLead{
	margin-top:10px;
	padding-top:23px;
	padding-left:138px;
	height:155px;
	background:url(/images/tips/ebook/cpn201411/lead_bg.png) no-repeat left top;
	font-size:16px;
	line-height:1.5em;
}

#cpnLead p{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:60px;
	background:url(/images/tips/ebook/cpn201411/lead_balloon.png) no-repeat left bottom;
}

#cpnLead:before{
	display:block;
	content:"";
	width:745px;
	height:11px;
	background:url(/images/tips/ebook/cpn201411/lead_balloon_u.png) no-repeat left top;
}

#cpnLead:after{
	display:block;
	content:"";
	width:745px;
	height:11px;
	background:url(/images/tips/ebook/cpn201411/lead_balloon_d.png) no-repeat left top;
}

#cpnLead span{
	font-size:20px;
	font-weight:bold;
	color:#f06;
}


#cpnAbout h4{
	margin-bottom:30px;
}

#shoplist{
	float:left;
	width:665px;
}

#shoplist li{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	width:186px;
	padding:10px;
	border:solid 2px #ececec;
	background:url(/images/tips/ebook/cpn201411/waku_bg.png) #fff;
	line-height:1.3em;
}

#shoplist dl{
	margin-top:10px;
	margin-bottom:10px;
	padding:5px 0;
	border-radius:3px;
	background-color:#f4f2da;
	text-align:center;
}

#shoplist dt,
#shoplist dd{
	display:inline-block;
	line-height:100%;
}

#shoplist li img{
	vertical-align:bottom;
}

#shoplist .btn{
	margin-top:15px;
	margin-bottom:11px;
	height:37px;
	text-align:center;
}


#shoplist .bodyCopyGroup01{
	height:7.6em;
}

#shoplist .bodyCopyGroup02{
	height:6.5em;
}

#shoplist .bodyCopyGroup03{
	height:9em;
}

#shoplist ul li:last-child .forSP{
	margin-top:15px;
}

#shoplist .cpnLink{
	margin-top:5px;
	padding-left:10px;
	background:url(/images/tips/ebook/cpn201411/icn_arrow.png) no-repeat left 0.3em;
}

#shoplist .cpnLink a{
	color:#ff0000;s
}

#twitter{
	float:right;
	width:240px;
}

#detailBtn{
	margin-top:20px;
	text-align:center;
}

#detailBtn img{
	cursor:pointer;
}

#cpnDetail{
	/*display:none;*/
	padding:30px 20px 0;
}

#cpnDetail h4{
	margin-bottom:30px;
}

#cpnDetail .ttl{
	float:left;
	padding:5px 0;
	width:160px;
	border-radius:8px;
	background-color:#f4f2da;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#7e5842;
}

#cpnDetail .cont{
	float:right;
	width:700px;
	line-height:1.4em;
}

#cpnDetail .section{
	margin-bottom:20px;
}

#cpnDetail .section:last-child{
	margin-bottom:0;
}

#cpnDetail .section p,
#cpnDetail .section ul{
	margin-top:6px;
}

#sheet,
#wallet{
	padding:10px;
	width:316px;
	height:570px;
	border-radius:6px;
	border:solid 2px #ececec;
	background:url(/images/tips/ebook/cpn201411/waku_bg.png) #fff;
	text-align:center;
	line-height:1.4em;
}

#sheet{
	float:left;
}

#wallet{
	float:right;
}

#sheet h5,
#sheet p,
#sheet li,
#wallet h5,
#wallet p,
#wallet li{
	text-align:left;
}

#sheet h5,
#wallet h5{
	display:table-cell;
	padding:0 10px 0 75px;
	width:231px;
	height:80px;
	border-radius:6px;
	background-color:#f0dacc;
	line-height:1.3em;
	vertical-align:middle;
	background-repeat:no-repeat;
	background-position:10px center;
	color:#7e5842;
	font-weight:bold;
}

#sheet p:nth-child(2),
#wallet p:nth-child(2){
	margin-top:12px;
}

#sheet li,
#wallet li{
	font-size:12px;
}

#sheet img,
#wallet img{
	margin-top:15px;
	margin-bottom:15px;
}

#sheet h5 span{
	font-size:12px;
	font-weight:normal;
}

#sheet h5{
	background-image:url(/images/tips/ebook/cpn201411/icn_wm.png);
}

#wallet h5{
	background-image:url(/images/tips/ebook/cpn201411/icn_wallet.png);
}

.indent li{
	margin-bottom:0.5em;
}


.contEnd{
	margin:auto;
	width:960px;
	text-align:center;
}
	

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

class設定

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

.clearFix{
  zoom:1;
  overflow:visible;
  }

.clearFix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
  }


.clearModule{
  clear:both;
  display:inline-block;
  width:100%;
  }


.floatLeft{
	float:left;
}

.floatRight{
	float:right;
}

.bold{
	font-weight:bold;
}


.strong{
	font-weight:bold;
	color:#ff0066;
}

.indent li{
	padding-left:1em;
}

.indent li:first-letter{
	margin-left:-1em;
}