@charset "utf-8";
/* CSS Document */


/*
============================================================
*	about.css
============================================================
*/


/* キービジュアル
==========================================================*/
.keyVisualBox{
}
.keyVisualBox .kvStage{
	margin:0 0 14px;
}
.keyVisualBox .kvStageYa{
	padding:20px 0 0;
}
.keyVisualBox .textLink{
	overflow:hidden;
	zoom:1;
	margin: 0 0 17px;
}
.keyVisualBox .textLink p{
	float:right;
}

/* コンテンツブロック
==========================================================*/
.aboutContBox{
	padding:20px 0 0;
	margin:0 0 40px;
}
.aboutContBox.bgNone{
	background:none;
	overflow:hidden;
	margin-bottom:40px;
}

.aboutContBox.bgNone h2.contentHead02{
	margin-bottom:15px;
}

/* タブ
==========================================================*/
.tabNavi ul{
	margin-right:-4px;
	overflow:hidden;
	zoom:1;
}
.tabNavi ul li{
	float:left;
}
.tabNavi ul li.tab01{
}
.tabNavi ul li.tab02{
	float:right;
}

.tabNavi ul li a{
	display:block;
	width:496px;
	height:70px;
	text-indent:-9999px;
}
.tabNavi ul li.tab01 a{
	background:url(/images/about/tab_np_about.gif) no-repeat left top;
}
.tabNavi ul li.tab02 a{
	background:url(/images/about/tab_np_scene.gif) no-repeat left top;
}
.tabNavi ul li a:hover,
.tabNavi ul li.active a{
	background-position:left bottom;
}





/* index
==========================================================*/
/* なぜ後払い？
----------------------------------------------------------*/
.aboutContBox .whyList{
	overflow:hidden;
	zoom:1;
	margin-right: -20px;
}
.aboutContBox .whyList li{
	float:left;
	width:50%;
	overflow:hidden;
	zoom:1;
}
.aboutContBox .whyList li .expColumn{
	padding:0 10px 15px;
	margin: 0 20px 0 0;
	background: #fff;
	width: auto;
	height: 100%;
}
.aboutContBox .whyList li .expColumnTop{
	padding:11px 0 0;
}
.aboutContBox .whyList li .expColumnInner{
}
.aboutContBox .whyList li .expColumn .head{
	margin:0 auto;
	padding:10px 0 26px;
}
.aboutContBox .whyList li .expColumn .head img{
	text-align: center;
	margin: 0 auto;
	display: block;
}


/* ステップ
----------------------------------------------------------*/
.stepRow01{
	position:relative;
	background:url(/images/about/bg_step_3col_t01.gif) no-repeat left top;
	padding: 14px 0 0;
	width:1005px;
	margin: 0 0 10px;
}
.stepRow01 .stepRowInner{
	background:url(/images/about/bg_step_3col_b01.gif) no-repeat left bottom;
	padding:0 0 27px;
}
.stepRow02{
	position:relative;
	width:1004px;
	background:url(/images/about/bg_step_3col_t02.gif) no-repeat left top;
	padding:14px 0 0;
	margin: 0 auto 15px;
}
.stepRow02 .stepRowInner{
	background:url(/images/about/bg_step_3col_b02.gif) no-repeat left bottom;
	padding:0 0 38px;
}
*+html .stepRow02 .stepRowInner{
	background:url(/images/about/bg_step_3col_b02.gif) no-repeat left bottom;
	padding:0 0 30px;
}
.stepRow02_wiz{
	position:relative;
	background:url(/images/about/bg_step_3col_t02_wiz.gif) no-repeat left top;
	padding:20px 0 0;
	width:750px;
	margin: 0 auto 10px;
}
.stepRow02_wiz .stepRowInner{
	background:url(/images/about/bg_step_3col_b02_wiz.gif) no-repeat left bottom;
	padding:0 0 27px;
}
*+html .stepRow02_wiz .stepRowInner{
	background:url(/images/about/bg_step_3col_b02_wiz.gif) no-repeat left bottom;
	padding:0 0 45px;
}
.stepRow ul{
	overflow:hidden;
	zoom:1;
}
.stepRow01 ul li,
.stepRow02 ul li,
.stepRow02_wiz ul li{
	float:left;
}
.stepRow01 ul li.step01{
	width:325px;
	margin:0 14px 0 0;
}
.stepRow01 ul li.step02{
	width:282px;
	margin:0 26px 0 0;
}
.stepRow01 ul li.step03{
	width:290px;
	margin:0 14px 0 0;
}
.stepRow02 ul li.step04{
	width:326px;
	padding:0 0 0 40px;
}
.stepRow02 ul li.step05{
	width:300px;
	margin:0 14px 0 0;
}
.stepRow02 ul li.step06{
	width:295px;
	margin:0 0 0 12px;
}
.stepRow02_wiz ul li.step04,
.stepRow02_wiz ul li.step05{
	width:300px;
	margin:0 0 0 38px;
}
.stepRow02 ul li.step06 .illust,
.stepRow02_wiz ul li.step05 .illust{
	margin:20px 0 0;
}
.stepRow ul li.last{
	margin:0;
}
.stepRow02_wiz ul li.last{
	margin:0 0 0 10px;
}
.stepRow ul li .head{
	margin:0 20px 20px;
	min-height: 58px;
	*height: 58px;
}
.stepRow ul li .exp{
	margin:0 28px 5px 20px;
	clear:both;
}
*+html .stepRow ul li .exp { margin:35px 28px 5px 20px;}

.stepRow ul li.step01 .exp{
	margin-bottom:10px;
	overflow:hidden;
	zoom:1;
}
.stepRow ul li.step01 .exp img{
	float:left;
	margin:8px 0 0;
}
.stepRow ul li.step01 .exp p{
	margin:0 0 0 92px;
}
.stepRow ul li .illust{
	text-align:center;
}

.stepRow ul li.step05 .head{
	margin-bottom:22px;
}

/**/

.stepRow ul li.step05 .exp,
.stepRow ul li.step06 .exp{
	margin-bottom:0;
}

.stepRow02_wiz ul li.step05 .exp,
.stepRow02_wiz ul li.step06 .exp{
	margin:0 30px 22px;
}

.stepRow ul li .btnAccession{
	margin:0 30px;
	padding:13px 0 0;
	overflow:hidden;
	zoom:1;
}
.stepRow ul li .btnAccession a{
	float:right;
}





/* scene
==========================================================*/
/* 動画
----------------------------------------------------------*/
.movieBox .movieStage{
	width:600px;
	height:338px;
	margin:0 auto;
	border: solid 6px #302F2B;
}

/* step
----------------------------------------------------------*/
.stepRow2Col{
	position:relative;
	padding:15px 0 0;
	width:1004px;
	margin: 0 0 10px;
}
.stepRow2Col01{
	background:url(/images/about/about_photo01.gif) no-repeat left top;
}
.stepRow2Col02{
	background:url(/images/about/about_photo02.gif) no-repeat left top;
}
.stepRow2Col .stepRowInner{
	background:url(/images/about/bg_step_2col_b.gif) no-repeat left bottom;
	padding:0 0 30px;
}
.stepRow2Col ul{
	overflow:hidden;
	zoom:1;
	padding:195px 0 0;
}
.stepRow2Col ul li{
	float:left;
	width:491px;
	margin:0 15px 0 1px;
}
.stepRow2Col ul li.last{
	margin-right:0;
}

.stepRow2Col ul li .head{
	margin:0 40px 23px 27px;
}
.stepRow2Col ul li .exp{
	margin:10px 30px 0;
	line-height:1.8;
}
.stepRow2Col ul li .illust{
	padding:26px 0 0;
	text-align:center;
}
.stepRow2Col ul li.step03 .illust{
	padding-top:15px;
}
.stepRow2Col ul li.step04 .illust{
	padding-top:15px;
}

.stepRow2Col ul li .stepList{
	margin:0 40px 0 27px;
	padding: 14px 0 0;
}
.stepRow2Col ul li .stepList li{
	padding:3px 0 0 66px;
	margin:0 0 6px;
	width:auto;
	float:none;
}
.stepRow2Col ul li .stepList li.last{
	margin-bottom:0;
}
.stepRow2Col ul li .stepList li.no01{ background:url(/images/about/icon_step_01.gif) no-repeat left top;}
.stepRow2Col ul li .stepList li.no02{ background:url(/images/about/icon_step_02.gif) no-repeat left top;}
.stepRow2Col ul li .stepList li.no03{ background:url(/images/about/icon_step_03.gif) no-repeat left top;}

/**/

.btnAbleShop a{
	margin:0 auto;
}


/**/

.paymentList{
	width:347px;
	overflow:hidden;
	padding:10px 0 20px;
}
.paymentList .conveni{
	 width:250px;
	 float:left;
	 padding-right:10px;
}
.paymentList .postoffice,
.paymentList .bank{
	 width:36px;
	 float:left;
	 padding-right:10px;
}
.paymentList .postoffice{
	 padding-right:5px;
}

.text_conveni{
	width:435px;
	margin:0 auto;
	font-size:10px;
}
.text_payment{
	width:435px;
	margin:0 auto;
	font-size:11px;
	padding:0 10px 24px 0;
}
.paymentList p img{
	display:block;
}
.expColumn .text{
	overflow:hidden;
}


/* 請求書サンプルページ
==========================================================*/

#contents .sampleCont{
	padding:30px 0 85px;
}
.sampleImg{
	width:;
	margin:20px auto 0;
}
.sampleBox{
	margin:0 30px;
	padding:21px 0 30px;
}
.sampleBox .sampleDescription{
	margin:20px 0;
}
.sampleBox .sampleDescription ul{
	margin:5px 0;
}
.sampleBox .sampleDescription ul li{
	margin:0 0 10px;
}
.sampleBox .sampleDescription ul li .sampleTit{
	font-weight:bold;
	color:#2aabd8;
}
.sampleBox .sampleDescription .conveniList{
	font-size:10px;
}
/*130925 追加*/
span.link_fufururu {
    display:block;
    position:relative;
}
span.link_fufururu img.txt_fr {
    position:absolute;
    top:2px;
    left:0;
}
span.link_fufururu a,
span.link_fufururu span{
    position:absolute;
    top:0;
    left:202px;
}