@charset "UTF-8";
#topicpath li h1 {
	display: inline;
	font-weight: normal;
	font-size: 100%;
}
#contentContainer #contentArea {
	width: 100%;
	color: #000 !important;
	display:none; 
} 
#contentContainer #contentArea p {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	letter-spacing: 0.04em;
	line-height: 1.8em;
	color: #000 !important;
}

/*    inner    */
.inner{ 
	width:994px;
	 margin:0 auto;
 }
/*    mainArea    */
#mainArea {
	width:994px;
	margin:0 auto;
	border-top:1px solid #d90023;
}
#mainArea h2 {
	margin:0;
} 
#mainArea .inner{
	position:relative;
}
#mainArea .inner  #mainArea_Text{
	position: absolute;
	left: 0px;
	top: 189px;
}
#mainArea_Text p {
	font-size:14px;
}


 
 
 
/*    point    */
#pointArea {
	margin:70px 0 0 0;
	padding:0 0 70px 0 ;
	overflow:hidden;
}
#pointArea  h3 {
	padding:8px 0 0;
	margin:0 0 30px;
	border-top:1px solid #000;
	font-size:24px;
}
#pointArea .point_tit{
	margin:15px 0 10px;
	font-size:18px;
}
#pointArea .point_box {
	width:322px;
	float:left;
	margin:0 14px 0 0;
}
#pointArea .point_box2 {
	width:322px;
	float:left;
	margin:0;
}
#pointArea .point_box2 a {
	text-decoration:underline;	
}
#pointArea .point_box2 a:hover {
	text-decoration:underline;
	color: #da0023;
}


/*    stepArea    */
.stepArea{
	margin:10px 0 120px;
	overflow:hidden;
}
.stepArea h3{
	padding:8px 0 0;
	margin:0 0 30px;
	border-top:1px solid #000;
	font-size:24px;
}
.stepArea .stepAreabox{
	background-image:url(../img/step123.jpg) ;
	display:block;
	width:994px;
	height:218px;
	position: relative;
	overflow:hidden;
}
.stepArea .stepAreabox .stepArea_com{
	width: 250px;
	float: left;
	position: absolute;
	top: 4px;
	left: 62px;
}
.stepArea .stepAreabox .stepArea_com2{
	width: 243px;
	float: left;
	position: absolute;
	top: 4px;
	left: 431px;
}
.stepArea .stepAreabox .stepArea_com3{
	width: 243px;
	float: left;
	position: absolute;
	top: 4px;
	left: 768px;
}
.stepArea .stepAreabox p{
	font-size: 20px;
	font-weight: bold;
	line-height:1.4em !important;
}


/*    recommendArea    */
.rec_other{
	margin:10px 0 120px;
	overflow:hidden;
}
.rec_other h3{
	padding:8px 0 0;
	margin:0 0 30px;
	border-top:1px solid #000;
	font-size:24px;
}
.rec_other .allbtn{
	margin:20px 0 0 ;
}
.rec_other .rec_otherbox_fl{
	float:left;
	height:240px;
	width:485px;
}
.rec_other .rec_otherbox_fr{
	float:right;
	height:240px;
	width:485px;
}
.rec_other .rec_otherbox_fl img, .rec_other .rec_otherbox_fr img{
	margin-bottom:20px;
}
.rec_otherbox_fl .fl,.rec_otherbox_fr .fl{
	float:left;
	width:230px;
}
.rec_otherbox_fl .fr,.rec_otherbox_fr .fr{
	float:right;
	width:230px;
}



/* frame */
#recommended{overflow:hidden;margin:0; }
#recommended h3{padding:8px 0 0;margin:0 0 60px;border-top:1px solid #000;font-size:24px;}

.frameArea { width:994px; overflow:hidden; }
.frameArea .frameTitle{ border-top:1px solid #e0e0e0; overflow:hidden; }
.frameArea .frameTitle h4{ margin:40px auto; width:377px;}

.frameArea .frameInner .framebox01 { width:994px; height:652px; position: relative; margin:0 0 60px;}
.frameArea .frameInner .framebox01 .mainTxt { position: absolute; top:21px; left:17px; }
.frameArea .frameInner .framebox01 .mainTxt p {  font-size:32px; font-weight:bold; line-height:1.4em !important;}
.frameArea .frameInner .framebox01 .innerbox_detail{	position: absolute;	top: 260px;	left: 679px;}
.frameArea .frameInner .framebox02 { width:994px; margin:0 0 60px; overflow:hidden;}
.frameArea .frameInner .framebox02 .innerbox_detail{ margin:40px 0 0;}
.frameArea .frameInner .innerbox_detail{ background-color:#FFF;  width:250px; padding:15px 20px; float:left; overflow:hidden;}
.frameArea .frameInner .innerbox_detail .item_text{ margin:10px 0 0;}
.frameArea .frameInner .innerbox_detail .item_text p{ font-size:18px; line-height:1.4em !important;}
.frameArea .frameInner .innerbox_detail .item_img { margin:0 0 0px; }
.frameArea .frameInner .innerbox_detail .item_btn img{ margin:2px 0 0;}
.frameArea .frameInner .contentPriceItem {  font-size: 16px;  font-weight: bold; line-height:1.2em; }
.frameArea .frameInner .contentPriceItem span {  font-size: 14px;  padding-right: 2px;  color:#000;}
.frameArea .frameInner .contentPriceItemBlack {  position: relative;  background: url(../img/plus-zei-black.png) no-repeat center right;  padding-right: 6px;  width:70px;}
.frameArea .frameInner .item_btn {margin-top:5px;}

.frameArea .frameInner .framebox03 { width:994px; margin:0 0 40px; overflow:hidden;}
.frameArea .frameInner .innerbox_detail2{ background-color:#FFF;  width:447px; padding:15px 20px 15px 0;overflow:hidden;}
.frameArea .frameInner .innerbox_detail2 .style{ float:left; display:block; }
.frameArea .frameInner .innerbox_detail2 .item_text{ width:400px; margin:5px 10px 10px 50px; }
.frameArea .frameInner .innerbox_detail2 .item_text p{ font-size:18px; line-height:1.4em !important;}
.frameArea .frameInner .innerbox_detail2 .item_img { margin:0 0 0px; float:left; clear:both; }
.frameArea .frameInner .innerbox_detail2 .detail2bx{ float:left; margin:0 0 0 20px; width:200px;}
.frameArea .frameInner .innerbox_detail2 .item_btn img{ margin:2px 0 0;}
.allbtn {float:right; margin:0px 0 90px 0 ;}


.animation, .animation2 {visibility:hidden;} 
.fadeIn {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 
 -webkit-animation-duration:2s;
 -ms-animation-duration:2s;
 -o-animation-duration: 2s;
 animation-duration:2s;
 
 -webkit-animation-name: fadeIn;
 -ms-animation-name: fadeIn;
 -o-animation-name: fadeIn;
 animation-name: fadeIn;
 
 visibility: visible !important;
}
@-webkit-keyframes fadeIn {
 0% { opacity: 0;  }
 100% { opacity: 1;}
}
@keyframes fadeIn {
 0% { opacity: 0; }
 100% { opacity: 1;  }
}


/*    bnr    */
.bnrbox{ 
	margin:0 0 120px;
	overflow:hidden;
}

/*    vfbx    */
.vfbx			{ background:#f3f2f0; width:100%; }
.vfbx	 .vfinner	{ width:994px; margin:0 auto; position:relative; height:325px;  }
.vfbx	 .vfinner .vftit		{ position:absolute; top:36px;  left:40px; }
.vfbx	 .vfinner .vftxt	{ position:absolute; top:138px; left:40px; }
.vfbx	 .vfinner .vftxt p		{ font-size:16px; }
.vfbx	 .vfinner .vfimg	{ position:absolute; bottom:30px; right:40px; }
.vfbx	 .vfinner .vfbtn	{ position:absolute; top:198px; left:40px; }

.vfbx2			{ margin:0 0 40px 0; width:100%; border-top:solid 1px #cfcfcf; border-bottom:solid 1px #cfcfcf; padding:20px 0; }
.vfbx2 .vfinner2	{  width:994px; margin:0 auto;  }
.vfbx2 .vfinner2 .lef	{ float:left; margin:0 0 0 40px; }
.vfbx2 .vfinner2 .lef .stit p	{ font-size:18px; font-weight:bold; }
.vfbx2 .vfinner2 .rig	{ float:right; text-align:right; padding:0 40px 0; }
.vfbx2 .vfinner2 .rig .apbtn	{ padding:0 0 10px 0; }
.vfbx2 .vfinner2 .rig p			{ font-size:10px; }

/*    sns    */
#sns {
	margin: 10px 0 35px;
}
#sns li {
	float: left;
	height: 20px;
}
/*   float    */
* html .clf { height: 1%;}
.clf { display: block; clear:both;}
.clf:after { display: block; visibility: hidden; clear: both; height: 0; content: ".";}
.fL {float: left; }
.fR {float: right;}