@charset "utf-8";

/*------------------------------------------------*/
/*  ver--  */
/*------------------------------------------------*/
/*  templatename [uniq]  */
/*  update [--]  */
/*  ID [--]  */
/*------------------------------------------------*/


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

/*　uniq　*/

div.wh_box{
	background:#fff;
	padding-right:11px;
	min-height:100%;
	_height:100%;
}

div.wh_box p.fl{
	width:259px;
	float:left;
	padding:0 22px 0 20px;
}

div.wh_box ul{
	float:left;
	width:398px;
}
div.wh_box ul li img{
	margin:0 0 15px 0;	
}
div.wh_box ul li.img_07{
	width:324px;
	text-align:right;
	padding-top:7px;
	padding-bottom:7px;
}
div.wh_box ul li.txt_01{
	width:398px;
	font-size:10px;
	line-height:1.5em;
}

div.wh_box .clear{
	clear:both;
}

/*-- topへ戻る --*/
div.backtop {
	margin:5px 0 20px 0;
	text-align:right;
}

div.backtop a { color:#2289D4; font-size:12px; }
div.backtop a:hover { color:#BBB; }

/* リボ払い */
div.wh_box div.revo{
	position:relative;
	width:398px;
	float:right;
	margin-right:15px;
	_margin-right:7px;
	background:#fff;
}
div.wh_box div.revo .cost{
}
div.wh_box div.revo p img{
	margin:0; padding:0;
}
div.wh_box div.revo p.revo_txt{
	position:absolute;
	top:80px;
	left:277px;
	_left:277px; /*IE6*/
	float:none;
	width:100px;
	overflow:hidden;
	text-decoration:none;
	text-indent:0;
}
div.wh_box div.revo p.revo_txt a{
	/*color:#2289D4;*/
	color:#F00;
	text-decoration:none;
	padding-bottom:1px;
	text-indent:0;
	font-size:10px;
}
div.wh_box div.revo p.revo_txt a:hover{
	color:#F66;
}


/*-- btn_temp --*/
div.wh_box ul.btn_temp{
	width:640px;
	margin:20px 35px 0 35px;
	float:none;
	display:block;
}
div.wh_box ul li{
	float:left;	
}
div.wh_box ul li a{
	display:block;
	text-indent:-9999px;
	white-space:nowrap;
	overflow:hidden;
}
div.wh_box ul li.btn_07 a{
	background:url("../img/btn_07.jpg") 0 0 no-repeat;
	width:315px;
	height:47px;
	margin-right:10px;
}
div.wh_box ul li.btn_07 a:hover{
	background:url("../img/btn_07.jpg") 0 bottom no-repeat;
}
div.wh_box ul li.btn_08 a{
	background:url("../img/btn_08.jpg") 0 0 no-repeat;
	width:315px;
	height:47px;
}
div.wh_box ul li.btn_08 a:hover{
	background:url("../img/btn_08.jpg") 0 bottom no-repeat;
}



/* 選ばれる4つの理由 */
div.wh_box02{
	background:#c9cce4;
	padding:0 0 20px 35px;
	overflow:hidden;
}
div.wh_box02 h4{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
div.wh_box02 p{
	line-height:1.3em;
}
div.wh_box02 .wh_box02_01{
	background:url("../img/img_10.jpg") 0 0 no-repeat;
	width:640px;
	height:134px;
	position:relative;
	
	padding-bottom:10px;
	_margin-bottom:10px; /*IE6*/
}
div.wh_box02 .wh_box02_01.light{
	background:url("../img/img_10_l.jpg") 0 0 no-repeat;
}
div.wh_box02 .wh_box02_01 p{
	font-size:12px;
	position:absolute;
	top:60px;
	left:35px;
	width:315px;
}

div.wh_box02 .wh_box02_02{
	background:url("../img/img_11.jpg") 0 0 no-repeat;
	width:309px;
	height:350px;
	position:relative;
	float:left;
	
	padding:0 10px 10px 0;
	_margin:0 10px 10px 0; /*IE6*/
}
div.wh_box02 .wh_box02_02 p{
	font-size:12px;
	position:absolute;
	top:60px;
	left:35px;
	width:100px;
}
div.wh_box02 .wh_box02_02 p.attention{
	font-size:10px;
	position:absolute;
	top:310px;
	left:35px;
	width:249px;
}
div.wh_box02 .wh_box02_02_{
	background:url("../img/img_11_.jpg") 0 0 no-repeat;
	width:640px;
	height:164px;
	position:relative;
	
	padding:0 10px 10px 0;
	_margin:0 10px 10px 0; /*IE6*/
}
div.wh_box02 .wh_box02_02_ p{
	font-size:12px;
	position:absolute;
	top:80px;
	left:35px;
	width:425px;
}
div.wh_box02 .wh_box02_02_ p.attention{
	font-size:10px;
	position:absolute;
	top:310px;
	left:35px;
	width:249px;
}

div.wh_box02 .wh_box02_03{
	background:url("../img/img_12.jpg") 0 0 no-repeat;
	width:321px;
	height:350px;
	position:relative;
	float:left;
	
	padding:0 0 10px 0;
}
div.wh_box02 .wh_box02_03.light{
	background:url("../img/img_12_l.jpg") 0 0 no-repeat;
}
div.wh_box02 .wh_box02_03 p{
	font-size:12px;
	position:absolute;
	top:255px;
	left:35px;
	width:254px;
}
div.wh_box02 .wh_box02_03 p.attention{
	font-size:10px;
	position:absolute;
	top:320px;
	left:35px;
	width:269px;
}
div.wh_box02 .wh_box02_03_{
	background:url("../img/img_12_.jpg") 0 0 no-repeat;
	width:640px;
	height:410px;
	position:relative;
	
	padding:0 0 10px 0;
}
.imp_02 {
	background:url("../img/img_12_2.jpg") 0 0 no-repeat !important ;
	height:490px !important ;
}
.imp_03 {
	background:url("../img/img_12_3.jpg") 0 0 no-repeat !important ;
	height:410px !important ;
}
.imp_04 {
	background:url("../img/img_12_4.jpg") 0 0 no-repeat !important ;
	height:490px !important ;
}
div.wh_box02 .wh_box02_03_ p.txtL{
	font-size:12px;
	position:absolute;
	top:255px;
	left:35px;
	width:254px;
}
div.wh_box02 .wh_box02_03_ p.txtL_{
	font-size:12px;
	position:absolute;
	top:290px;
	left:35px;
	width:254px;
}
div.wh_box02 .wh_box02_03_ p.txtL strong,
div.wh_box02 .wh_box02_03_ p.txtL_ strong,
div.wh_box02 .wh_box02_03.light p.txtL strong{
	color:#ffffff;
	font-size:12px;
	line-height:2.0;
	background:#ea5098;
	display:inline-table;
	width:254px;
	text-align:center;
}
div.wh_box02 .wh_box02_03_ p.txtR{
	font-size:12px;
	position:absolute;
	top:251px;
	left:307px;
	width:305px;
}
div.wh_box02 .wh_box02_03_ p.txtR strong{
	color:#6b78b1;
	font-size:12px;
	font-weight:bold;
	line-height:1.5;
}
div.wh_box02 .wh_box02_03_ p.txtR a{
	margin-left:125px;
}
div.wh_box02 .wh_box02_03_ p.imgR{
	font-size:1px;
	position:absolute;
	top:56px;
	left:293px;
}
div.wh_box02 .wh_box02_03_ p.attention{
	font-size:10px;
	position:absolute;
	top:320px;
	left:35px;
	width:269px;
}

div.wh_box02 .wh_box02_04{
	background:url("../img/img_13.jpg") 0 0 no-repeat;
	width:640px;
	height:257px;
	position:relative;
	float:left;
	_float:none; /*IE6*/	
	padding:0;
}
div.wh_box02 .wh_box02_04_1{
	background:url("../img/img_13-1.jpg") 0 0 no-repeat;
	width:640px;
	height:215px;
	position:relative;
	float:left;
	_float:none; /*IE6*/	
	padding:0;
}
div.wh_box02 .wh_box02_04_2{
	background:url("../img/img_13-2.jpg") 0 0 no-repeat;
	width:640px;
	height:215px;
	position:relative;
	float:left;
	_float:none; /*IE6*/	
	padding:0;
}
div.wh_box02 .wh_box02_04_3{
	background:url("../img/img_13-3.jpg") 0 0 no-repeat;
	width:640px;
	height:215px;
	position:relative;
	float:left;
	_float:none; /*IE6*/	
	padding:0;
}
div.wh_box02 .wh_box02_04_4{
	background:url("../img/img_13-4.jpg") 0 0 no-repeat;
	width:640px;
	height:215px;
	position:relative;
	float:left;
	_float:none; /*IE6*/	
	padding:0;
}
div.wh_box02 .wh_box02_04_l{
	background:url("../img/img_13_l.jpg") 0 0 no-repeat;
	width:640px;
	height:215px;
	position:relative;
	float:left;
	_float:none; /*IE6*/	
	padding:0;
}
div.wh_box02 .wh_box02_04 p{
	font-size:12px;
	position:absolute;
	top:60px;
	left:35px;
	width:315px;
}
div.wh_box02 .wh_box02_04 p.attention,
div.wh_box02 .wh_box02_04_1 p.attention,
div.wh_box02 .wh_box02_04_2 p.attention,
div.wh_box02 .wh_box02_04_3 p.attention,
div.wh_box02 .wh_box02_04_4 p.attention,
div.wh_box02 .wh_box02_04_l p.attention{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}

/* 導入事例 */
div.wh_box04{
	background:#fff;
	padding:20px 0 20px 35px;
	overflow:hidden;
}
div.wh_box04 ul{
	margin:0 0 10px 0;
}
div.wh_box04 ul li{
	width:640px;
	height:60px;
	padding:4px 0 0 95px;
	font-size:13px;
}
div.wh_box04 ul li.line{
	background:url("../img/jireiLine.jpg") no-repeat;
}
div.wh_box04 ul li.last{
	background:url("../img/jireiLast.jpg") no-repeat;
}
div.wh_box04 ul li p.shop{
	width:545px;
	font-weight:bold;
	margin:0 0 8px 0;
}
div.wh_box04 ul li a{
	width:250px;
	float:left;
	color:#2289D4;
	margin:0px 185px 0 0;
}
div.wh_box04 ul li a:hover{
	color:#BBB;
}
html > body div.wh_box04 ul li p.cate{
	 /* Win IE6 以外のモダンブラウザに適用 */
	float:left;	
}

/* テンプレート一覧 */
div.wh_box03{
	background:#fff;
	padding:20px 0 20px 35px;
	overflow:hidden;
}
div.wh_box03 h3{
	margin-bottom:17px;
}
div.wh_box03 p{
	line-height:1.3em;
}
div.wh_box03 .wh_box03_01{
	background:url("../img/img_15.jpg") 0 0 no-repeat;
	width:640px;
	height:100px;
	margin-bottom:20px;
	position:relative;
}
div.wh_box03 .wh_box03_01.light{
	background:url("../img/img_15_l.jpg") 0 0 no-repeat;
}
div.wh_box03 .wh_box03_01 h4{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}

/*-- btn_06 --*/
div.wh_box03 .wh_box03_01 .btn_06{
	width:395px;
	height:30px;
	position:absolute;
	top:62px;
	left:147px;
}
div.wh_box03 .wh_box03_01 .btn_06 a{
	width:395px;
	height:30px;

	float:left;
	display:block;
	text-indent:-9999px;
	white-space:nowrap;
	overflow:hidden;
}
div.wh_box03 .wh_box03_01 .btn_06 a{
	background:url("../img/btn_06.gif") 0 0 no-repeat;
}
div.wh_box03 .wh_box03_01 .btn_06 a:hover{
	background:url("../img/btn_06.gif") 0 bottom no-repeat;
}
div.wh_box03 .wh_box03_01.light .btn_06 a{
	background:url("../img/btn_06_l.gif") 0 0 no-repeat;
}
div.wh_box03 .wh_box03_01.light .btn_06 a:hover{
	background:url("../img/btn_06_l.gif") 0 bottom no-repeat;
}

div.wh_box03 .wh_box03_02{
	background:#fdb1cb;
	width:640px;
	overflow:hidden;
}
div.wh_box03 .wh_box03_02 .wh_temp{
	background:#fdb1cb;
	padding:0 0 10px 10px;
	float:left;
	width:305px;
}
div.wh_box03 .wh_box03_02 .wh_temp_{
	background:#fdb1cb;
	padding:0 0 10px 10px;
	float:left;
	width:620px;
}
div.wh_box03 .wh_box03_02 .wh_temp ul{
	background:url("../img/img_18.jpg") 0 0 no-repeat;
	width:305px;
	height:110px;
	overflow:hidden;
}

div.wh_box03 .wh_box03_02 .wh_temp ul.h131{
	background:url("../img/img_32.jpg") 0 0 no-repeat;
	width:305px;
	height:131px;
	overflow:hidden;
}

/*-- btn_02～05 --*/
div.wh_box03 .wh_box03_02 .wh_temp li{
	margin-left:98px;
	_margin-left:49px; /*IE6*/
	margin-bottom:3px;
}
div.wh_box03 .wh_box03_02 .wh_temp li a,
div.wh_box03 .wh_box03_02 .wh_temp li{
	float:left;
	display:block;
	text-indent:-9999px;
	white-space:nowrap;
	overflow:hidden;
	width:195px;
	height:21px;
}
div.wh_box03 .wh_box03_02 .wh_temp li.btn_02 a{
	background:url("../img/btn_02.jpg") 0 0 no-repeat;
}
div.wh_box03 .wh_box03_02 .wh_temp li.btn_02 a:hover{
	background:url("../img/btn_02.jpg") 0 bottom no-repeat;
}
div.wh_box03 .wh_box03_02 .wh_temp li.btn_03 a{
	background:url("../img/btn_03.jpg") 0 0 no-repeat;
}
div.wh_box03 .wh_box03_02 .wh_temp li.btn_03 a:hover{
	background:url("../img/btn_03.jpg") 0 bottom no-repeat;
}
div.wh_box03 .wh_box03_02 .wh_temp li.btn_04 a{
	background:url("../img/btn_04.jpg") 0 0 no-repeat;
}
div.wh_box03 .wh_box03_02 .wh_temp li.btn_04 a:hover{
	background:url("../img/btn_04.jpg") 0 bottom no-repeat;
}
div.wh_box03 .wh_box03_02 .wh_temp li.btn_05 a{
	background:url("../img/btn_05.jpg") 0 0 no-repeat;
}
div.wh_box03 .wh_box03_02 .wh_temp li.btn_05 a:hover{
	background:url("../img/btn_05.jpg") 0 bottom no-repeat;
}
div.wh_box03 .wh_box03_02 .wh_temp li.btn_09 a{
	background:url("../img/btn_09.jpg") 0 0 no-repeat;
}
div.wh_box03 .wh_box03_02 .wh_temp li.btn_09 a:hover{
	background:url("../img/btn_09.jpg") 0 bottom no-repeat;
}

/*-- 最後の1個 --*/
div.wh_box03 .wh_box03_02 .wh_temp.last{
	width:640px;
	background:url("../img/img_25.jpg") 0 bottom no-repeat;
}
div.wh_box03 .wh_box03_02 .wh_temp.last p{
	float:left;
	width:331px;
	height:195px;
}
div.wh_box03 .wh_box03_02 .wh_temp.last ul{
	background:url("../img/img_24.jpg") 0 0 no-repeat;
	float:left;
	width:290px;
	height:195px;
}
div.wh_box03 .wh_box03_02 .wh_temp.last li{
	margin-left:82px;
	_margin-left:41px; /*IE6*/
}

/*-- お問い合わせ --*/
div.fbanner01{
	padding-top:0;
	width:710px;
	background:#fff;
	_margin:0;
}


/*-- 美美美コム専用ランディングページ --*/
#Contents.vivivi_lp{
	width:710px;
	background:none;
	padding:0;
}
#Contents.vivivi_lp .main.fl_R{
	float:none;
}