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

#cont { line-height: normal; }
#cont h1 {
color: #666;
margin-top: 3px;
margin-bottom: 10px;
font-size: 10px;
font-weight: normal;
}

#c3_lrr {
width: 730px;
overflow: hidden;
}

.header_img{margin-bottom:10px;}

#webins_container{margin-bottom:30px;color:#333;}
#webins_container p{font-size:14px;line-height:130%;}
#webins_container .w_line{margin:0;}
#webins_container .w_line .bar_l{background-color:#E51E19;margin-right:3px;width:26%;height:3px;}
#webins_container .w_line .bar_r{background-color:#ccc;width:73%;height:3px; }

#webins_container .contactBox{position:relative;border:3px solid #E6201A;padding:30px 20px 20px;margin-bottom:30px;display:none;}
#webins_container .contactBox .w_icon{position:absolute;left:-3px;top:-3px;}
#webins_container .contactBox .fl p,
#webins_container .contactBox .fr p{
display:inline-block;
vertical-align:middle;
font-size:16px;
font-family:'メイリオ', 'ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif;
}

.contactBox .fl p span{font-size:10px;}

#webins_container h2{font-size:14px;margin:5px 0 20px;padding-bottom:5px;border-bottom:1px solid #999;}
#webins_container h2 img{vertical-align:-8px;margin-right:10px;}

#webins_container .w_contents{margin-bottom:30px;}

/* ページ上部navi *********************/
#webins_container .topnav{margin-bottom:10px;}
#webins_container .topnav li{float:left;list-style-type:none;margin-right:15px;}
#webins_container .topnav li img{margin:0 10px;}
#webins_container .topnav li span{font-size:15px;}
#webins_container .topnav li span a{
font-family:'メイリオ', 'ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif;
letter-spacing:0;
}
#webins_container .topnav li span.login a{color:#0486DD;}
#webins_container .topnav li span.form a{color:#E51E19;}
#webins_container .topnav li a:hover{text-decoration:underline;}


/************************

5つのメリット

************************/

#webins_container .meritBox{}
#webins_container .meritBox li{float:left;list-style-type:none;margin-right:6px;}
#webins_container .meritBox li ul{width:141px;margin-top:5px;}
#webins_container .meritBox li ul li{float:none;margin-bottom:5px;}


/************************

アンケート結果

************************/

#webins_container .enqBox{}
#webins_container .enqBox div{width:220px;float:left;margin-right:35px;}
#webins_container .enqBox p{text-align:center;}
#webins_container .enqBox p.title{
color:#E51E19;
font-weight:bold;
border:3px solid #E51E19;
padding:3px 0;
margin-bottom:10px;
}

/************************

３つのステップ

************************/

#webins_container .stepBox{margin-bottom:40px;}
#webins_container .stepBox .fl{
background-color:#ccc;
background-image:url("../img/webins/webins_img_step_bg.gif");
background-repeat:no-repeat;
background-position:center bottom;
width:52px;
text-align:center;
}
#webins_container .stepBox .fl{padding-top:20px;}

#webins_container .stepBox .fr{width:665px;}

#webins_container .pointBox_top{
background-image:url("../img/webins/webins_img_fn_top.gif");
background-repeat:no-repeat;
background-position:top center;
}

#webins_container .pointBox_middle{
background-image:url("../img/webins/webins_img_fn_mid.gif");
background-repeat:y-repeat;
}

#webins_container .pointBox_bottom{
background-image:url("../img/webins/webins_img_fn_btm.gif");
background-repeat:no-repeat;
background-position:bottom center;
}

#webins_container .pointBox_contents{
padding:60px 30px 30px 40px;
}
#webins_container .pointBox_contents .fl{}
#webins_container .pointBox_contents .fl p{
font-family:'メイリオ', 'ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif;
line-height:150%;
}
#webins_container .pointBox_contents .fl p.caption{
font-size:20px;
font-weight:bold;
margin-bottom:20px;
margin-top:20px;
letter-spacing:3px;
}

.webins-demo1 {
height:335px;
width:665px;
float:right;
}
.webins-demo2 {
height:491px;
width:665px;
float:right;
}
.webins-demo3 {
height:514px;
width:665px;
float:right;
}
.webins-demo4 {
height:196px;
width:665px;
float:right;
}
/************************

お問い合わせ

************************/

#webins_container .contactBox_l{border:5px solid #ccc;padding:20px;}
#webins_container .contactBox_l p{text-indent:-14px;padding-left:14px;}


/************************

お得な情報

************************/

#webins_container .priceTable{
/*border-width:3px 0 0;
border-color:#ccc;
border-style:solid;*/
border-spacing:0;
font-size:14px;
border-collapse:collapse;
margin-bottom:20px;
}
.ie6 #webins_container .priceTable,
.ie7 #webins_container .priceTable{border-collapse:collapse;}


#webins_container .priceTable td,
#webins_container .priceTable th{
border-width:0 0 1px;
border-color:#ccc;
border-style:solid;
padding:5px;
}

#webins_container .priceTable th{
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
/*border-radius: 5px 20px 0px 0;*/
vertical-align:middle;
text-align:center;
background-color:#eee;
}
/*.ie6 #webins_container .priceTable th,
.ie7 #webins_container .priceTable th{
border-left:none;
border-right:none;
}*/


#webins_container .priceTable tbody td{
font-size:21px;
font-weight:bold;
padding:5px 10px;
border-collapse:collapse;
border-width:0 1px 1px;
}
#webins_container .priceTable td.colorCell{color:#E6167A;}

#webins_container .priceTable td span{
font-size:14px;
font-weight:normal;
color:#333;
}


/************************

関連リンク

************************/
#webins_container .linkMenu{}
#webins_container .linkMenu li{
float:left;
list-style-type:none;
margin-right:5px;
}

#webins_container .linkMenu li a:hover{
opacity:0.7;
-ms-filter: "alpha( opacity=70 )";
filter: alpha( opacity=70 );
}


/********************************

rule

********************************/

#webin_rule{
}

#webin_rule h2{
}

#webin_rule h3{
margin-top: 0;
padding-top: 10px;
}

#webin_rule p{
margin: 15px 0;
line-height: 150%;
}

#webin_rule .itemization p{text-indent:-21px;padding-left:21px;}
#webin_rule .itemization p.double{text-indent:-26px;padding-left:26px;}

#webin_rule .sub_text{margin:-10px 0 10px;}
#webin_rule .sub_text p{
margin: 0 40px 0 20px;
text-indent:-23px;
padding-left:23px;
}

#webin_rule p.last_text{
text-align:right;
}

#webin_rule .table_box{}
#webin_rule .table_box table{width:100%;border-style:solid;border-width:1px 0 0 1px;border-color:#ccc;border-collapse:collapse;}
#webin_rule .table_box table td{border-style:solid;border-width:0 1px 1px 0;border-color:#ccc;padding:5px;}


/*#webins_container #webin_rule p{font-size:14px;line-height:130%;}
#webins_container #webin_rule .w_line .bar_l{background-color:#E51E19;margin-right:3px;}
#webins_container #webin_rule .w_line .bar_r{background-color:#ccc;}*/


/* ▼ 左ナビ　上：上部ライン　下：矢印アイコン*/
#cont #c3_ll dl.cc00 table tr td.line_l{background-color:#E51E19;}
#cont #c3_ll dl.cc00 table tr td.line_r{background-color:#ccc;}
#cont #c3_ll dl.cc00 dt b{background:url("/common/images/icon_rightnavi_arrow-b_CC0000.gif") no-repeat 0px 9px;}
#cont #c3_ll dl.cc11 table tr td.line_l{background-color:#E51E19;}
#cont #c3_ll dl.cc11 table tr td.line_r{background-color:#ccc;}
#cont #c3_ll dl.cc11 dt b img{background:#E51E19;border:none;margin-right:9px;}
#cont #c3_ll dl.cc11-2 {border-top:1px solid #000000;}
#cont #c3_ll dl.cc11-2 dt b img{background:black;border:none;margin-right:7px;}


/* 2015/11/25 感謝キャンペーン */
#webins_container .campaignBox{}
#webins_container .campaignBox h2 span{display: block;background-color: #E51E19;padding: 7px 10px 6px;vertical-align: -1px;color: #fff;margin-left: 40px;}
#webins_container .campaignBox .borderBox{border:2px solid #E51E19;padding:10px 30px;margin-bottom:30px;}
#webins_container .campaignBox .borderBox p{margin-bottom:20px;}
#webins_container .campaignBox .borderBox p:nth-last-child(1){margin-bottom:0;}
#webins_container .campaignBox .borderBox p a{text-decoration:underline;}
#webins_container .campaignBox .borderBox p span.p_title{display:block;font-weight:bold;margin-bottom:10px;}

#webins_container .campaignBox ul{list-style-type:none;font-size:14px;line-height:130%;}
#webins_container .campaignBox ul li{margin-bottom:5px;}
#webins_container .campaignBox ul li span{display:table-cell;text-indent:-8px;padding-left:8px;}
#webins_container .campaignBox ul li span.l_cell{display:table-cell;width:132px;}

/*マニュアルダウンロード*/
.balloon-default{
 	position: relative;
 	margin: 1.5em 0 1.5em 15px;
	padding: 7px 10px;
 	color: #555;
	font-size: 16px;
	background: #e0edff;
border-radius:4px;
width:60%;
}

.balloon-default:before{
	content: "";
	position: absolute;
	top: 50%;
	left: -25px;
 	margin-top: -15px;
	border: 10px solid transparent;
	border-right: 15px solid #e0edff;
}

.balloon-default a {
	margin: 0;
	padding: 0;
}

.manual-tile {
margin:auto;
padding-bottom:30px;
}

.manual-tile li {
width:33%;
margin-bottom:15px;
background:#fff;
float:left;
padding-left:10px;
}

.item-photo img {
max-width: 100%;
height:auto;
vertical-align: bottom;
border-radius: 10px 10px 0 0;
}

.item-info {
max-width: 311px;
padding:20px;
background:#efefef;
border-radius:0 0 10px 10px;
}
.item-info h3 {
font-size:16px;
margin-bottom:5px;
}

.item-info p{
font-size:12px;
line-height:1.5;
}

/** SP CSS **/
@media (max-width: 768px) {
#webins_container .priceTable {
font-size:10px;
}
#webins_container .priceTable tbody td {
font-size:10px;
}
#webins_container .priceTable td span{
font-size:10px;
}
.step-arrow {
display:none;
}
.webins-demo1 {
height:185px;
width:90%;
float:both;
}
.webins-demo2 {
height:260px;
width:90%;
float:both;
}
.webins-demo3 {
height:285px;
width:90%;
float:both;
}
.webins-demo4 {
width:90%;
float:both;
}
.pointBox_middle {
display:none;
}
.manual-tile li {
width:100%;
float:none;
}
.balloon-default{
width:90%;
}
}