@charset "utf-8";

/*
////////////////////////////////////////////////////////////////////////////
//
//  bp.css - CSS Document
//
////////////////////////////////////////////////////////////////////////////
//
//-- CONTENTS --//

	01.bp
	02.bp_from


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


/* [01.bp]
--------------------------------------------------------------------------*/
.recommend_title {
	background: url(/images/common/check.gif) no-repeat left center;
	text-indent: 18px;
	display: block;
	font-weight: bold;
}
.recommend_title p {
	font-weight: bold;
}
.bp_top {
	background:url(/images/bp/bp_top.png) no-repeat ;
	width: 1000px;;
	height: 240px;
}
p.first:first-letter {
	font-size:24px;
	font-weight:bold;
	line-height: 110%;
}
.bp_txtbl {
	border-bottom: #CCC 1px solid;
	padding: 5px 0 5px 0;
}
*html .bp_txtbl {
	border-bottom: #CCC 1px solid;
	padding: 8px 0 8px 0;
}
.from_con {
	background: url(/images/bp/campaign_bg.png) no-repeat;
	height: 137px;
	width:1000px;
	margin-top: 2px;
}
* html .from_con {
	background: url(/images/bp/campaign_bg.png) no-repeat;
	height: 137px;
	width:1000px;;
	margin-top: 8px;
}
*:first-child+html .from_con {
	background: url(/images/bp/campaign_bg.png) no-repeat;
	height: 137px;
	width:1000px;;
	margin-top: 8px;
}
.from_con p {
	padding-left: 10px;
	padding-top: 8px;
	float: left;
}
.bp_txtbl_t {
	border-bottom: #CCC 1px dashed;
	padding: 5px 0 5px 0;
}
*html .bp_txtbl_t {
	border-bottom: #CCC 1px dashed;
	padding: 8px 0 8px 0;
}
.bptxt_box1 {
	border-bottom: #CCC 1px solid;
	border-right: #CCC 1px solid;
	border-left: #CCC 1px solid;
	padding: 15px 15px 10px 15px;
	float: left;
	width: 305px;
	height: 260px;
}
.bptxt_box2 {
	border-bottom: #CCC 1px solid;
	border-right: #CCC 1px solid;
	padding: 15px 15px 10px 15px;
	float: left;
	width: 305px;
	height: 260px;
}
.bptxt_box3 {
	border-bottom: #CCC 1px solid;
	border-right: #CCC 1px solid;
	padding: 15px 10px 10px 10px;
	float: left;
	width: 306px;
	height: 260px;
}
*html .bptxt_box2 {
	border-bottom: #CCC 1px solid;
	border-right: #CCC 1px solid;
	padding: 10px;
	float: left;
	width: 305px;
	height: 265px;
}
*html .bptxt_box3 {
	border-bottom: #CCC 1px solid;
	border-right: #CCC 1px solid;
	padding: 10px;
	float: left;
	width: 316px;
	height: 265px;
}
.bp_txt2 {
	padding: 5px 0px 118px ;
	background: url(/images/bp/vivivi_photo2.png) no-repeat bottom;
}
.bp_txt3 {
	padding: 5px 0px 96px;
	background: url(/images/bp/vivivi_photo3.png) no-repeat bottom;
}
#bptxt1_title {
	border-bottom: #CCC 1px dashed;
	padding-bottom: 10px;
	font-size: 100%;
}
#bptxt_title {
	border-bottom: #CCC 1px dashed;
	width: 300px;
	font-size: 100%;
	padding-bottom: 10px;
}
p.first:first-letter {
	font-size:24px;
	font-weight:bold;
	line-height: 110%;
}
.from_con {
	background: url(/images/bp/campaign_bg.png) no-repeat;
	height: 137px;
	width:1000px;;
	margin-top: 2px;
}
* html .from_con {
	background: url(/images/bp/campaign_bg.png) no-repeat;
	height: 137px;
	width:1000px;;
	margin-top: 8px;
}
*:first-child+html .from_con {
	background: url(/images/bp/campaign_bg.png) no-repeat;
	height: 137px;
	width:1000px;;
	margin-top: 8px;
}
.bp_photo {
	padding: 10px;
	float: left;
}
.bp_vivivicom_box {
	float: right;
	padding: 10px 10px 10px 0;
	width: 660px;
}
.bo_vivivicom_img {
	float: right;
	padding: 0 10px 10px 0;
	width: 660px;
}
.bp_txt1_title {
	font-size: 100%;
}
#img_check {
	float: right;
	padding: 10px;
	border-left: #CCC 1px solid;
}
#graph_title {
	border-bottom: #CCC 1px dashed;
	padding-bottom: 8px;
}
.graph_inner {
	float: left;
	padding: 10px;
	width: 582px;
}
#mobile_title {
	border-bottom: #CCC 1px dashed;
	width: 978px;
	padding: 10px;
}
.mobile_img {
	padding: 0px 0 10px 10px;
	float: left;
	width: 125px;
	height: 260px;
}
/* [00.Q&A]
--------------------------------------------------------------------------*/
.qa_box {
	width: 958px;
	float: left;
	margin-top: 10px;
}
.qa_box_r {
	width: 958px;
	float: right;
	margin-top: 10px;
	border: #CCC 1px solid;
}
.pd_bl {
	margin-top: 2px;
	padding: 2px 2px 2px 10px;
	background: url(/images/bp/left_bg.png) repeat;
}
div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 361px;
	height: 616px;
	overflow: hidden;
}
div.scroller div.section {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width: 361px;
	height: 616px;
	overflow:hidden;
	float:left;
}
div.scroller div.content {
	width: 10000px;
}
table, caption, tbody, tfoot, thead, tr, th, td {
	vertical-align: middle;
}	
#agency .material_tel {
	background: url(/images/bp_form/tel.png) no-repeat right top;
}
.must {
	background: url(/images/bp_form/must.png) no-repeat center right;
	heigth: 16px;
	width: 150px;
	padding-left: 20px;
	padding-right: 50px;
}
.free {
	background: url(/images/bp_form/free.png) no-repeat center right;
	heigth: 16px;
	width: 150px;
	padding-left: 20px;
	padding-right: 50px;
}
/* [00.bp_voice]
--------------------------------------------------------------------------*/
.voice_title {
	background: url(/images/common/check.gif) no-repeat left center;
	text-indent: 18px;
	display: block;
	font-weight: bold;
	border-bottom: #CCC 1px dashed;
}




/* ------------------------------------------------- */
.pd_all10 {	padding: 10px;}
.pd_all5 { padding: 5px;}

.pd_r5 { padding-right: 5px;}
.pd_r10 { padding-right: 10px;}
.pd_r15 { padding-right: 15px;}
.pd_r20 { padding-right: 20px;}
.pd_r25 { padding-right: 25px;}
.pd_r30 { padding-right: 30px;}
.pd_r35 { padding-right: 35px;}
.pd_r40 { padding-right: 40px;}
.pd_r45 { padding-right: 45px;}
.pd_r50 { padding-right: 50px;}
.pd_r55 { padding-right: 55px;}
.pd_r60 { padding-right: 60px;}
.pd_r65 { padding-right: 65px;}
.pd_r70 { padding-right: 70px;}
.pd_r75 { padding-right: 75px;}
.pd_r80 { padding-right: 80px;}
.pd_r85 { padding-right: 85px;}
.pd_r90 { padding-right: 90px;}
.pd_r95 { padding-right: 95px;}
.pd_r100 { padding-right: 100px;}

.pd_l5 { padding-left: 5px;}
.pd_l10 { padding-left: 10px;}
.pd_l15 { padding-left: 15px;}
.pd_l20 { padding-left: 20px;}
.pd_l25 { padding-left: 25px;}
.pd_l30 { padding-left: 30px;}
.pd_l35 { padding-left: 35px;}
.pd_l40 { padding-left: 40px;}
.pd_l45 { padding-left: 45px;}
.pd_l50 { padding-left: 50px;}
.pd_l55 { padding-left: 55px;}
.pd_l60 { padding-left: 60px;}
.pd_l65 { padding-left: 65px;}
.pd_l70 { padding-left: 70px;}
.pd_l75 { padding-left: 75px;}
.pd_l80 { padding-left: 80px;}
.pd_l85 { padding-left: 85px;}
.pd_l90 { padding-left: 90px;}
.pd_l95 { padding-left: 95px;}
.pd_l100 { padding-left: 100px;}

.pd_t5 { padding-top: 5px;}
.pd_t10 { padding-top: 10px;}
.pd_t15 { padding-top: 15px;}
.pd_t20 { padding-top: 20px;}
.pd_t25 { padding-top: 25px;}
.pd_t30 { padding-top: 30px;}
.pd_t35 { padding-top: 35px;}
.pd_t40 { padding-top: 40px;}
.pd_t45 { padding-top: 45px;}
.pd_t50 { padding-top: 50px;}
.pd_t55 { padding-top: 55px;}
.pd_t60 { padding-top: 60px;}
.pd_t65 { padding-top: 65px;}
.pd_t70 { padding-top: 70px;}
.pd_t75 { padding-top: 75px;}
.pd_t80 { padding-top: 80px;}
.pd_t85 { padding-top: 85px;}
.pd_t90 { padding-top: 90px;}
.pd_t95 { padding-top: 95px;}
.pd_t100 { padding-top: 100px;}

.pd_b5 { padding-bottom: 5px;}
.pd_b10 { padding-bottom: 10px;}
.pd_b15 { padding-bottom: 15px;}
.pd_b20 { padding-bottom: 20px;}
.pd_b25 { padding-bottom: 25px;}
.pd_b30 { padding-bottom: 30px;}
.pd_b35 { padding-bottom: 35px;}
.pd_b40 { padding-bottom: 40px;}
.pd_b45 { padding-bottom: 45px;}
.pd_b50 { padding-bottom: 50px;}
.pd_b55 { padding-bottom: 55px;}
.pd_b60 { padding-bottom: 60px;}
.pd_b65 { padding-bottom: 65px;}
.pd_b70 { padding-bottom: 70px;}
.pd_b75 { padding-bottom: 75px;}
.pd_b80 { padding-bottom: 80px;}
.pd_b85 { padding-bottom: 85px;}
.pd_b90 { padding-bottom: 90px;}
.pd_b95 { padding-bottom: 95px;}
.pd_b100 { padding-bottom: 100px;}
.t_spc30 { margin-top: 30px;}
.fl_l {
	float: left;
}
.fl_r {
	float: right;
}

/* ------------------------------------------------------------------------ */
#shop_catch {
	background: url(/images/layouts/shop/title_shop_catch_t.png) no-repeat top;
}
#shop_catch div {
	width: 998px;
	padding: 1px;
}
#shop_catch p {
	background: url(/images/layouts/shop/title_shop_catch_c.png) repeat-x bottom;
	font-size: 12px;
	font-weight: bold;
	color: #E4007F;
	padding: 10px;
	border-left: solid 1px #CCC;
	border-right: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}
.qa_containaer {
	margin: 10px 0;
	padding: 10px;
	background: url(/images/common/kutikomi/subtitle_back.jpg) repeat-x;
	border: 1px solid #CCC;
}
.title_qa {
	padding: 4px 4px 0px 8px;
	font-weight:bold;
	border-left: 5px solid #999;
	border-bottom: dashed 1px #CCC;
}
.title_qa p{
	padding: 2px 0px 2px 20px;
	font-weight:bold;
	background: url(/images/common/kutikomi/icon_man.jpg) center left no-repeat;
}
.qa_txt {
	margin: 10px 0;
	padding: 5px;
}
.bp_box {
	background: url(/images/common/kutikomi/subtitle_back.jpg) repeat-x;
	border: #CCC 1px solid;
	width: 998px;
	margin-top: 10px;
}
.bp_area {
	float: left;
	padding: 0 0 10px 10px;
	width: 592px;
}
* html #bp_vivivicom .bp_area p {
	line-height: 130%;
}
.btn_check_img {
	background: #333;
	color: #FFF;
	font-size: 80%;
	font-weight: normal;
	border-left: 1px solid #F0F;
}
.function_box {
	padding: 10px 0 10px 10px ;
	float: left;
	width: 305px;
	height: 240px;
}
.function_txt {
	border-top: #CCC 1px dashed;
	padding-top: 10px;
	width:303px;
}
.function_arrow {
	float: left;
	padding: 120px 11px;
}
.function_photo {
	padding: 10px 0;
	float: left;
	width: 305px;
	height: 240px;
}
.kuchikomi_txt {
	width: 432px;
	height: 240px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
	
}
#bp_homlog {
	background: url(/images/bp/homlog_bg.jpg) no-repeat left top;
	height: 196px;
	text-align: right;
	padding-bottom: 10px;
	margin-top: 10px;
}
.bp_homlog_btn {
	 padding: 75px 15px 0 0;
}
/* ------------------------------------------------------------------------ */
.voice_box {
	padding: 10px 10px 10px 0;
	width: 660px;
	float: right;
}

/* ------------------------------------------------------------------------ */
.price_area {
	padding: 10px;
	width: 361px;
	float: left;
}
.price_plan_photo {
	padding: 10px 10px 10px 5px;
	float: left;
}
.price_plan_txt {
	background: #ededed;
	padding: 10px;
	width: 245px;
	float: left;
	margin: 20px auto;
}