@charset "utf-8";

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

common

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

body{
background-color:#FFCEC1;
color:#333333;
}

div#header,div#cont,#base{
background-color:#ffffff;
}

p.header_img{
margin-left:25px;
}

#base h1{
color:#666666;
margin-top:3px;
margin-left:25px;
font-size:10px;
font-weight:normal;
}

.social_button{
margin:10px 25px;
}

.toTop {
margin-right: 25px;
margin-top: 15px;
text-align: right;
}

#webins_contents a:hover{
text-decoration:none;
}

#webins_header{
position:relative;
margin-bottom:20px;
}

#webins_header p{
position:absolute;
}

#webins_header p.webin_logo{
position:relative;
left:25px;
}

#webins_header p.icon_point{
top:0;
left:290px;
}

#webins_header p.icon_manual{
top:0;
left:364px;
}

#webins_header p.icon_faq{
top:0;
left:438px;
}

#webins_header p.icon_haya{
top:0;
left:512px;
}


#webins_header p.startbtn{
top:0;
left: 583px;
}


#webins_header p.pdf{
font-size: 14px;
margin-left: 508px;
top: 68px;
}

#webins_header p.pdf img{
margin-right: 3px;
margin-top: 2px;
}

#webins_header p.pdf a{
text-decoration:underline;
}

#webins_header p.pdf a:hover{
text-decoration:underline;
color:red;
}

#webins_contents p.pdf {
color:#052674;
font-size: 14px;
margin-top: 0px;
margin-bottom: 20px;
text-align: center;
}

#webins_contents p.pdf a{
text-decoration:underline;
}

#webins_contents p.pdf a:hover{
text-decoration:underline;
color:red;
}

#webins_header p.pdf a:hover{
text-decoration:underline;
color:red;
}

#webins_contents{
margin: 0 25px;
width:707px;
}

p.rule{
font-size:14px;
text-align: right;
/*margin-top:-28px;*/
margin-top:-5px;
margin-bottom:5px;
margin-right:20px;
position:relative;
z-index:99;
}

#webins_contents p.rule a{
color:#052674;
text-decoration:underline;
}

#webins_contents p.rule a:hover{
color:red;
text-decoration:underline;
}

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

index

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

#webins_contents h2{
margin: 35px 0 20px;
}

#webins_contents p.w_text{
font-size:20px;
color:#474747;
line-height:150%;
}

#webins_contents p.w_flow{
padding: 30px 0 35px;
text-align: center;
}

.webins_chart_top{
background-image:url("../img/webins/webin_chart_top.jpg");
background-repeat:no-repeat;
background-position:center top;
width:698px;
padding-bottom:35px;
}

.webins_chart_middle{
background-image:url("../img/webins/webin_chart_middle.jpg");
width:698px;
}

.webins_chart_bototm{
background-image:url("../img/webins/webin_chart_bottom.jpg");
background-repeat:no-repeat;
background-position:center bottom;
width:698px;
}

.webins_chart_top p{
margin-bottom: 20px;
margin-left: 45px;
padding-top: 45px;
}

.webins_chart_top table{
border-collapse:collapse;
margin: 0 42px 0;
}

.webins_chart_top table th,td{
border-bottom: 1px solid #666666;
padding: 20px 0;
text-align: center;
width: 205px;
}

td.marker{
text-align:left;
border-bottom:none;
font-size:14px;
}

p.startbtn_l{
margin: 20px 0px 20px 0px;
text-align: center;
}

p.w_eternal{
margin:15px 0px 20px 0px; 
}

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

faq

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


.webins_qbox_top{
background-image:url("../img/webins/webin_qbox_top.gif");
background-repeat:no-repeat;
background-position:center top;
width:691px;
}

.webins_qbox_middle{
background-image:url("../img/webins/webin_qbox_middle.gif");
width:691px;
margin-bottom:35px;
}

.webins_qbox_bototm{
background-image:url("../img/webins/webin_qbox_bottom.gif");
background-repeat:no-repeat;
background-position:center bottom;
width:691px;
}

.webins_abox_top {
background-image: url("../img/webins/webin_abox_top.gif");
background-position: center top;
background-repeat: no-repeat;
font-size: 14px;
padding: 40px 30px 50px;
width: 692px;
}

.ie6 .webins_abox_top,
.ie7 .webins_abox_top{width:632px;}

.webins_abox_top .adress {
text-align:right;
margin-right:33px;
margin-bottom:20px;
color:#666;
}

.webins_abox_middle {
background-image:url("../img/webins/webin_abox_middle.gif");
width:692px;
margin-bottom:35px;
}

.webins_abox_bototm{
background-image:url("../img/webins/webin_abox_bottom.gif");
background-repeat:no-repeat;
background-position:center bottom;
width:692px;
}

.form_btn {
margin-top:-760px;
margin-left:297px;
padding-bottom:670px;
}

#webins_contents ul{
list-style-type:none;
margin:0 75px 30px;
font-size:14px;
}

#webins_contents ul.bottom{
padding-bottom:45px;
margin-bottom:0;
}

#webins_contents a{
color:#333333;
}

#webins_contents ul a:hover{
color:#FF3333;
text-decoration:underline;
}

p.list_title01{
margin-bottom: 20px;
margin-left: 40px;
padding-top: 40px;
}

p.list_title02{
margin-left:50px;
margin-bottom:10px;
}

ul.list_q li{
background-image:url("../img/webins/webin_icon_q.png");
background-repeat:no-repeat;
background-position:left 10px;
padding:11px 0 10px 25px;
line-height:150%;
}

p.title_ans{
margin-bottom: 20px;
padding-top: 40px;
text-align: center;
}

.answerBox p.q_txt{
background-color: #FEEBE8;
background-image: url("../img/webins/webin_icon_q.png");
background-position: 27px 10px;
background-repeat: no-repeat;
margin: 0 20px;
padding: 11px 50px 10px;
width: 590px;
text-align: left;
line-height:150%;
}

.ie6 .answerBox p.q_txt,
.ie7 .answerBox p.q_txt{width:490px;}

.answerBox p.a_txt{
background-image:url("../img/webins/webin_icon_a.gif");
background-repeat:no-repeat;
background-position:22px 12px;
padding:10px 0 10px 48px;
margin:10px 50px;
line-height:150%;
text-align: left;
}

#webins_contents div.bottom{
padding-bottom:30px;
}


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

rule

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

#webin_rule{
margin-top: 0;
padding-top: 10px;
padding-left: 10px;
text-align: left;
}

#webin_rule h2{
margin-top: 0;
}

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

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

#webin_rule p.sub_text{
margin: 0 40px 0 20px;
}

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


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

manual

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

.m_bottom{
padding-bottom:30px;
}

h2.m_head{
margin-bottom: 30px;
margin-left: -20px;
text-align: center;
margin-top:0;
}

div.part_box{
border-top:1px solid #ff3333;
margin:0 30px 3px 0px;
/*padding-bottom:3px;*/
}

div.m_band_middle{
background-image:url("../img/webins/webin_m_band_middle.gif");
background-repeat:repeat-y;
background-position:left top;
position:relative;
}

div.m_band_bottom{
background-image:url("../img/webins/webin_m_band_bottom.gif");
background-repeat:no-repeat;
background-position:left bottom;

}

div.m_band_middle p.step{
position:absolute;
left:20px;
top:20px;
}

div.m_band_middle p.step2{
position:absolute;
left:9px;
top:20px;
}

div.m_band_middle p.step3{
position:absolute;
left:8px;
top:20px;
}


div.m_band_middle p.step4{
position:absolute;
left:8px;
top:20px;
}
.img_box{
padding-bottom:60px;
}


div.img_box .manual_box{
width:500px;
position:relative;
left:130px;
top:30px;
}

.manual_box h3{
margin-bottom:13px;
font-size:16px;
}

.manual_box p.m_text{
margin-bottom:13px;
}

.manual_box p.m_img{

}

p.m_arrow{
margin:15px 175px;
}


div.juris{
position:relative;
margin-bottom:5px;
}

div.juris p.m_j_txt{
position:absolute;
top:5px;
left:35px;
color:#ffffff;
}

div.juris p.m_j_txt2{
left: 200px;
position: absolute;
top: 13px;
}

div.juris p.m_j_txt3{
left: 200px;
position: absolute;
top: 5px;
}

div.juris p.m_j_txt4{
left: 35px;
position: absolute;
top: 13px;
}

/* 実施後アンケート閲覧機能 */

.enq_imgBox div{
float:left;
margin-left:50px;
margin-bottom:25px;
}

.enq_imgBox div.first{
margin-left:0;
}

.enq_imgBox p.enq_title{
margin-bottom:5px;
font-size:14px;
}

.enq_imgBox p.enq_title2{
position:relative;
top:290px;
left:100px;
}

#webins_contents .enq_imgBox p.enq_title2 a{
text-decoration:underline;
color:#052674;
}

#webins_contents .enq_imgBox p.enq_title2 a:hover{
text-decoration:underline;
color:red;
}


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

追記分

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


h2.w_h2{
font-size:25px;
margin-top:0;
}

div.addBox{
background-color:#EDEDED;
padding:30px 10px 10px;
}

p.text2{
margin-bottom:20px;
}


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

早割りTOP

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

#webins_contents h2.haya{
margin-top:-5px;
}

.topbtn p{
float:right;
margin-top:-90px;
}

h3.haya_h3{
background-image: url("../img/webins/webin_icon_sp90.gif");
background-repeat: no-repeat;
background-position: left 10px;
padding: 6px 0 10px 50px;
line-height: 150%;
font-size:25px;
}

#webins_contents p.haya_text{
font-size:20px;
color:#474747;
line-height:150%;
margin:15px 0;
}

#webins_contents p.proviso{
text-indent:-1.5em;
padding-left:1.5em;
}

#webins_contents p.caution{
font-size:14px;
}


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

早割りFAQ

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

.s_webins_qbox_top{
background-image:url("../img/webins/webin_qbox_top.gif");
background-repeat:no-repeat;
background-position:center top;
width:691px;
}

.s_webins_qbox_middle{
background-image:url("../img/webins/webin_qbox_middle.gif");
width:691px;
margin-bottom:35px;
}

.s_webins_qbox_bototm{
background-image:url("../img/webins/webin_qbox_bottom.gif");
background-repeat:no-repeat;
background-position:center bottom;
width:691px;
}
.s_list_title02{
font-size: 14px;
color: #F92F2F;
font-weight: bold;
margin-left: 50px;
margin-bottom: 10px;
}

.s_title_ans{
font-size: 20px;
font-weight: bold;
color: #F92F2F;
margin-bottom: 20px;
padding-top: 40px;
text-align: center;
}

#webins_contents a.h_link{
color:#005580;
text-decoration:underline;
}

#webins_contents a.h_link:hover{
color:#0086CA;
}

.answerBox p.a_link{
padding:0px 0 10px 48px;
margin:-10px 50px 10px;
line-height:150%;
text-align: left;
}

.hy_backLink{
margin: -53px 40px -15px;
/*padding: 35px 0 0;*/
font-size:14px;
float:right;
}

/* 2012/07/02 トップ追記 */

#webin_advantages{
position:relative;
width: 707px;
height: 430px;
}

.adv_link1, .adv_link2{
position:absolute;
}

.adv_link1{
top: 146px;
font-size: 22px;
font-weight: bold;
left: 180px;
line-height:0;
}

.adv_link2{
top: -168px;
font-size: 22px;
font-weight: bold;
left: 180px;
position:relative;
line-height:120%;
}


.mac .adv_link1{
top: 146px;
font-size: 22px;
font-weight: bold;
left: 180px;
line-height:0;
}

.mac .adv_link2{
top: -164px;
font-size: 22px;
font-weight: bold;
left: 180px;
position:relative;
line-height:120%;
}

#webins_contents .adv_link1 a{
color: #052674;
text-decoration: underline;
}

#webins_contents .adv_link1 a:hover{
color: red;
}

#webins_contents .adv_link2 a{
color: #052674;
text-decoration: underline;
}

#webins_contents .adv_link2 a:hover{
color: red;
}

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

受講後アンケート

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

h2.q_h2{
font-size:29px;
line-height:139%;
}

.q_img{
margin-bottom:30px;
}

.enq_text{
font-size:16px;
line-height:150%;
margin-bottom:20px;
}

.q_imgBox .imgBox{
float:left;
margin-left:60px;
margin-bottom:20px;
}

.q_imgBox .l1, .q_imgBox .l3{
margin-left:0;
}

.imgBox p{
font-size:16px;
margin-bottom:5px;
}