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



input.error {
    border:1px dotted red;
}
label.error {
    color:#990000;
    font-style:italic;
    margin-left: 10px;
}

div#info{
display:block;
clear:both;
margin-top:10px;
text-align:left;
width:700px;
margin-bottom:5px;}

div#info p{
line-height:18px;
width:700px;}


body{
font-size:12px;}




.onlinesubtitle{
margin:0px 10px 10px 10px;
width:718px;
font-size:18px;
font-weight:bold;
}

p.sub{
margin:0px 10px 0px 10px;
padding:10px 0px 10px 10px;

width:718px;
text-align:left;
font-size:12px;
line-height:15px;
}

#all{
width:738px;
height:auto;
margin-left:30px;
margin-top:20px;
}

#back{
width:738px;
height:auto;
background-image:url(../../images/support/online/table_in_05.gif);

background-repeat:repeat-y;

}

.bot_center{
text-align:center;}

li.nonstyle{
list-style:none;}



/* お問い合わせ方法（購入前／購入後/） */

.center_toi{
width:717px;
height:195px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;

}

.confurm{
margin:0px 0px 0px 0px;
}

.center_toib{
width:717px;
height:130px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;

}

.center_toitable{

height:8px;
margin:10px 0px 0px 20px;

text-align:left;
}

.center_toitable td{
color:#7EA7B8;
font-weight:800;
width:239px;
}

.center_toismallb{
width:239px;
height:130px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;


}


.center_toismallb p{
color:#7EA7B8;
font-weight:800;
height:10px;
margin:10px 0px 5px 20px;

text-align:left;
}

.table_toi{
width:480px;
}

.table_toi td{
width:239px;}




.center_toi p{
color:#7EA7B8;
font-weight:800;
height:10px;
margin:10px 0px 5px 20px;

text-align:left;
}

div.how{
float:left;
width:218px;
margin:5px 5px 5px 5px;
height:150px;
border:solid 1px #7EA7B8;
display:inline;



}

div.howtop{
float:left;
width:218px;
margin:5px 5px 5px 20px;
height:150px;
border:solid 1px #7EA7B8;
display:inline;
}

table.net{
float:left;
width:218px;
height:150px;



margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
border-collapse:collapse;

text-align:left;
border-spacing:0;
}

table.net th{
width:198px;
height:20px;
padding:5px 5px 5px 5px;
background-color:#7EA7B8;
font-size:12px;
color:#ffffff;
border:solid 1px #7EA7B8;
}



table.net td{
width:198px;

padding:5px 5px 5px 5px;

font-size:12px;

}

#ask_line{
margin:5px 10px 5px 10px;
border:solid 0px #DDEFF7;
width:717px;
}




table.net td.text_bold{
font-size:10px;
font-weight:600;
;

padding:3px 0px 3px 5px;
vertical-align:bottom;
background-color:#F2F2F2;
margin:3px 10px 0px 3px;
border-bottom:dotted 1px #7EA7B8;

}


table.net td.text_normal{
font-size:10px;
width:160px;


}

table.net td.text_normalb{
font-size:10px;
width:208px;


}

table.net td.text_all{
font-size:10px;
width:208px;

}

table.net td.text_phone{
font-size:18px;
font-weight:800;
}

table.net td.img_phone{
width:40px;
}


td.toiform_bot a:hover{
background-image:url(../../images/support/online/obot_before.gif);
border:none;
}

td.toiform_bot a{
background-image:url(../../images/support/online/bot_before.gif);
display:block;
width:208px;
height:45px;
margin:5px 0px 0px 0px;
border:none;

}


td.toiform_botafter a:hover{
background-image:url(../../images/support/online/obot_after.gif);
border:none;
}

td.toiform_botafter a{
background-image:url(../../images/support/online/bot_after.gif);
display:block;
width:208px;
height:45px;
margin:0px 0px 5px 0px;
border:none;

}


#ask_confurm{
margin:5px 0px 10px 0px;

border:solid 0px #DDEFF7;
width:738px;
background-color:#EFF7FA;
height:auto;
border:solid 1px #E1ECF1;
}

/* お問い合わせ方法（修理） */

div.howrep{
float:left;
width:677px;
margin:10px 10px 10px 10px;
padding:10px 10px 10px 10px;
border:solid 0px #DDEFF7;
}

div.netrep{
float:left;
width:677px;
margin:0px 10px 10px 0px;
padding:0px 0px 0px 0px;
border-collapse:collapse;
border:solid 0px #003366;
border-bottom:solid 0px #003366;
text-align:left;
border-spacing:0;
}



p.gray{
margin:2px 0px 5px 0px;
padding:5px 5px 5px 10px;
width:664px;
background-color:#F2F2F2;
font-size:12px;
font-weight:600;
color:#333333;
text-align:left;
border-bottom:dotted 0px #003366;

}

p.blue{
margin:0px 0px 0px 0px;
padding:5px 5px 5px 10px;
width:671px;


font-size:12px;
font-weight:600;
color:#333333;
text-align:left;
border-bottom:dotted 0px #003366;

}

p.body{
margin:2px 0px 0px 0px;
padding:5px 10px 5px 10px;
font-size:12px;
line-height:17px;
color:#333333;
text-align:left;
}

.netrep_p{
text-align:left;
margin:0px 0px 0px 0px;
padding:5px 5px 5px 5px;
background-color:#003366;
font-size:12px;
color:#FFFFFF;
font-weight:800;
width:667px;
}





#ask_line{
margin:10px 10px 5px 10px;
border:solid 0px #DDEFF7;
width:717px;
}


ul#rep{
margin:0px 10px 5px 30px;
padding:5px 5px 5px 5px;
line-height:16px;}

ol.olrep{
margin:0px 10px 5px 30px;
padding:5px 5px 5px 5px;
}

ol.olrep li{
margin:0px 10px 5px 10px;
padding:5px 5px 5px 5px;
font-size:12px;
line-height:20px;}

.netrep li{
font-size:12px;
line-height:18px;
padding:0px 0px 10px 0px;
}


/* 修理依頼ステップ表 */

.step_top{
width:671px;
background-image:url(../../images/support/online/back_stripeblue.gif);
background-repeat:repeat-x;
margin:20px 0px 0px 0px;
border-top:3px solid #DDEFF7;


}

.step_in{
margin:0px 0px 0px 0px;

}

.step_in p{
margin:10px 10px 5px 10px;
padding:0px 10px 0px 10px;

}

.step{
margin:10px 10px 5px 10px;
padding:0px 5px 0px 10px;
color:#0099CC;
border-left:3px solid #0099CC;

font-weight:800;
font-size:14px;

}

.step_text{
margin:10px 10px 10px 10px;
padding:10px 10px 10px 10px;
color:#333333;

font-size:14px;
font-weight:800;


}

.step_border{
border:solid 1px #DDEFF7;
margin:20px 0px 0px 0px;
padding:10px 10px 10px 10px;}

.yaji{
text-align:center;}



/* コンテンツ（お問い合わせ前の確認事項） */

#ask_line2{
margin:5px 20px 10px 20px;
border:solid 0px #DDEFF7;
width:697px;
background-color:#EFF7FA;
height:auto;
border:solid 1px #E1ECF1;
}


ul.yellow{
text-align:left;
margin:0px 10px 10px 10px;
padding:10px 10px 10px 5px;
color:#333333;
background-color:#EFF6F9;

width:600px;}

ul.yellow li{
font-weight:600;
font-size:12px;
line-height:17px;
margin:0px 10px 0px 20px;
padding:0px 0px 0px 5px;

}

ul.yellow li.small{
font-weight:400;
margin:0px 10px 0px 10px;
list-style:none;

}


li.sub_red{
margin:0px 10px 0px 0px;
padding:0px 0px 10px 0px;
background-color:#E5F5F9;

width:600px;
text-align:left;
font-size:12px;

color:#990000;
list-style:none;
}

p.attention{
margin:0px 0px 0px 0px;
padding:5px 0px 5px 20px;
font-size:12px;
line-height:17px;
color:#333333;
text-align:left;
background-color:#E1ECF1;
border-bottom:solid 3px #E1ECF1;
border-top:solid 3px #E1ECF1;
width:677px;

}



/* コンテンツ（FAQ/お問い合わせ/サポート） */

#faqa{
margin:5px 10px 5px 10px;
border:solid 1px #DDEFF7;
width:717px;
}

.ask{
margin:5px 10px 5px 10px;
border:solid 1px #DDEFF7;
width:717px;
height:auto;
}


.askdown{
margin:5px 10px 50px 10px;
border:solid 1px #DDEFF7;
width:717px;

}



.center{
width:717px;
height:110px;

}

.center_regist{
width:703px;
height:110px;


}

.center_sup{
width:700px;
height:40px;

}

.center_top{
width:717px;
height:150px;

}




dl.bot{
float:left;
width:208px;
margin:10px 10px 10px 10px;
list-style:none;
display:inline;

}
dl.botb{
float:left;
width:208px;
margin:5px 10px 10px 10px;
list-style:none;
display:inline;

}

dl.bot_topb{
float:left;
width:208px;
margin:5px 10px 10px 20px;
list-style:none;
display:block;
}

dl.bot_top{
float:left;
width:208px;
margin:10px 10px 10px 20px;
list-style:none;
display:inline;
}


dl.bot_second{
float:left;
width:208px;
margin:0px 10px 10px 20px;
list-style:none;
display:block;
}



dd.text{
margin:0px 5px 10px 5px;
font-size:10px;
line-height:15px;
text-align:left;
}

ul.download{
float:left;
padding:0px 0px 0px 0px;

margin:10px 10px 10px 20px;
list-style:none;

}

li.down{
margin:10px 10px 10px 10px;
display:inline;
}


li.number{
margin:0px 10px 0px 0px;
padding:5px 0px 5px 10px;
background-color:#F2F6F8;
height:auto;
width:670px;
}

li.number_white{
margin:0px 0px 0px 0px;
padding:5px 0px 5px 10px;
background-color:#F8FAFB;
height:auto;
width:670px;
}

ul.question{
float:left;
text-align:left;
margin:10px 0px 10px 0px;
padding:0px 0px 0px 20px;
list-style:none;
width:680px;

}



.queleft{
float:left;
width:700px;
margin:0px 0px 0px 0px;
}



.img{
margin:0px 10px 0px 0px;
}



/* メニューボタン トップページ */

dt{
margin:0px 0px 0px 0px;
}

dt.pro a:hover{
background-image:url(../../images/support/online/obot_sup.gif);
border:none;

}

dt.pro a{
background-image:url(../../images/support/online/bot_sup.gif);
display:block;
width:208px;
height:45px;
border:none;


}




dt.down a:hover{
background-image:url(../../images/support/online/obot_down.gif);
border:none;}

dt.down a{
background-image:url(../../images/support/online/bot_down.gif);
display:block;
width:208px;
height:45px;
border:none;
}





dt.faq a:hover{
background-image:url(../../images/support/online/obot_faq.gif);
border:none;}

dt.faq a{
background-image:url(../../images/support/online/bot_faq.gif);
display:block;
width:208px;
height:45px;
border:none;
}


.top_toiawase a:hover{
	margin:10px 0px 20px 35px;
	background-image:url(../../images/support/online/o_toi.gif);
	border:none;
}

.top_toiawase a{
	margin:10px 0px 20px 35px;
	background-image:url(../../images/support/online/toi.gif);
	display:block;
	width:200px;
	height:40px;
	border:none;
}


dt.before a:hover{
	background-image:url(../../images/support/online/obot_before.gif);
	border:none;
}

dt.before a{
	background-image:url(../../images/support/online/bot_before.gif);
	display:block;
	width:208px;
	height:45px;
	border:none;
}

dt.before{
background-image:url(../../images/support/online/bot_before.gif);
display:block;
width:208px;
height:45px;
}


dt.after a:hover{
background-image:url(../../images/support/online/obot_after.gif);
border:none;}

dt.after a{
background-image:url(../../images/support/online/bot_after.gif);
display:block;
width:208px;
height:45px;
border:none;
}

dt.after{
background-image:url(../../images/support/online/bot_after.gif);
display:block;
width:208px;
height:45px;
}


dt.syuri a:hover{
background-image:url(../../images/support/online/obot_syu.gif);
border:none;}

dt.syuri a{
background-image:url(../../images/support/online/bot_syu.gif);
display:block;
width:208px;
height:45px;
border:none;
}


dt.kousei a:hover{
background-image:url(../../images/support/online/obot_kousei.gif);
border:none;}

dt.kousei a{
background-image:url(../../images/support/online/bot_kousei.gif);
display:block;
width:208px;
height:45px;
border:none;
}





dt.user a:hover{
background-image:url(../../images/support/online/obot_user.gif);
border:none;}

dt.user a{
background-image:url(../../images/support/online/bot_user.gif);
display:block;
width:208px;
height:45px;
border:none;
}




dt.cata a:hover{
background-image:url(../../images/support/online/obot_catarog.gif);
border:none;}

dt.cata a{
background-image:url(../../images/support/online/bot_catarog.gif);
display:block;
width:208px;
height:45px;
border:none;
}



dt.gai a:hover{
background-image:url(../../images/support/online/obot_gai.gif);
border:none;}

dt.gai a{
background-image:url(../../images/support/online/bot_gai.gif);
display:block;
width:208px;
height:45px;
border:none;
}



/* ユーザー登録 /該非/プライバシーポリシー*/
#pri{
overflow:auto;
width:618px;
height:300px;
margin:0px 50px 20px 50px;
border:solid 1px #CCCCCC;
padding:10px 10px 10px 10px;
text-align:left;
font-size:12px;
}

#pri dt{
margin:15px 0px 5px 0px;
padding:2px 0px 2px 5px;
background-color:#CCCCCC;
}

#pri li{

padding:2px 0px 2px 0px;

}

.pritext{
margin:10px 0px 10px 0px;
padding:5px 5px 5px 5px;
font-size:12px;

background-color:#666666;
color:#FFFFFF;
}

/* フォーム */

.width{
width:738px;}

#hcata{
margin:0px 0px 20px 0px;
height:30px;
}

.form_text{
margin:0px 0px 10px 10px;
height:auto;
text-align:left;
width:728px;
font-size:12px;
}


table#all{
width:738px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

div#all_cata{
width:738px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}


h1.form{
margin:10px 0px 0px 0px;
padding:5px 0px 20px 0px;}

table #line{
width:738px;

border:solid 1px #DDEFF7;
width:728px;
margin:0px 10px 0px 0px;
padding:0px 0px 5px 10px;
border-collapse:collapse;
border-spacing:0;
vertical-align:text-top;}


table#line td.h2title{
padding:10px 0px 10px 10px;
background-color:#003366;
height:auto;
width:738px;
height:25px;
font-size:12px;
color:#FFFFFF;
font-weight:800;
text-align:left;
}

span{
margin:0px 0px 0px 0px;
color:#990000;

font-size:12px;
text-align:left;


}

span.example{
font-size:10px;
color:#999999;


}

form#width{
width:738px;}

.input{
margin:5px 5px 5px 5px;

}

.textwhite{
color:#FFFFFF;}
　

table#line{
border:solid 1px #DDEFF7;
width:728px;
margin:0px 10px 0px 0px;
padding:0px 0px 5px 10px;
border-collapse:collapse;
border-spacing:0;
vertical-align:text-top;
}

table#line td.in{
border:solid 1px #DDEFF7;
padding:5px 5px 5px 5px;
margin:0px 0px 0px 0px;
font-size:10px;
border-collapse:collapse;
border-spacing:0;
vertical-align:baseline;
width:553px;}

table#line td.incon{
border:solid 1px #DDEFF7;
padding:10px 5px 10px 5px;
margin:0px 0px 0px 0px;
font-size:12px;
border-collapse:collapse;
border-spacing:0;
vertical-align:baseline;
width:500px;}

table#line td.bot{
border:solid 1px #DDEFF7;
padding:5px 5px 5px 5px;
margin:0px 0px 0px 0px;
font-size:10px;
border-collapse:collapse;
border-spacing:0;
vertical-align:baseline;
text-align:center;
}

table#line td.err{
border:solid 0px #DDEFF7;
padding:5px 5px 5px 5px;
margin:0px 0px 0px 0px;
font-size:10px;
border-collapse:collapse;
border-spacing:0;
vertical-align:baseline;
width:100px;}

table#line th{
border:solid 1px #DDEFF7;
vertical-align:center;

background-color:#F4F8F9;
padding:5px 5px 5px 10px;
font-size:12px;
color:#333333;
text-align:left;
width:130px;

border-collapse:collapse;
border-spacing:0;}

/* 完了 */
td.conp{
text-align:center;
height:100px;
padding-bottom:20px;
height:auto;
}


/* カタログ */
.cover{
border:solid 1px #DDEFF7;
width:147px;
}


.cataimg{

width:738px;
margin:0px 0px 0px 0px;}

.both{
clear:both;
margin:40px 0px 0px 0px;

width:738px;}



.cata_left{
float:left;
width:349px;
padding:0px 0px 0px 10px;}

.cata_right{
float:right;
width:349px;
padding:0px 20px 0px 0px;}

table.catalog{
border-spacing:10px;
border-collapse:separate;
height:209px;

text-align:left}


table.catalog th{
font-size:12px;
color:#333333;
}

table.catalog td{
font-size:10px;
color:#333333;
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;}

table.catalog td.num{
font-size:12px;
color:#333333;

}

p.catatitle{
text-align:left;
padding:0px 0px 0px 20px;
color:#003366;
font-weight:800;}

p.left{
text-align:left;
padding:0px 0px 0px 20px;}



/* メニューボタン ユーザー登録 */

dt.ho a:hover{
background-image:url(../../images/support/online/ohou.gif);
border:none;
}

dt.ho a{
background-image:url(../../images/support/online/hou.gif);
display:block;
width:208px;
height:45px;
border:none;

}



dt.ko a:hover{
background-image:url(../../images/support/online/oko.gif);
border:none;
}

dt.ko a{
background-image:url(../../images/support/online/ko.gif);
display:block;
width:208px;
height:45px;
border:none;

}



dt.tsui a:hover{
background-image:url(../../images/support/online/otsui.gif);
border:none;
}

dt.tsui a{
background-image:url(../../images/support/online/tsui.gif);
display:block;
width:208px;
height:45px;
border:none;

}




dt.hen a:hover{
background-image:url(../../images/support/online/ohen.gif);
border:none;
}

dt.hen a{
background-image:url(../../images/support/online/hen.gif);
display:block;
width:208px;
height:45px;
border:none;

}


dt.del a:hover{
background-image:url(../../images/support/online/odel.gif);
border:none;
}

dt.del a{
background-image:url(../../images/support/online/del.gif);
display:block;
width:208px;
height:45px;
border:none;

}



/* 非該当証明 */


.centerbottom{
text-align:center;}

ul.export{
font-size:12px;
line-height:20px;
margin-bottom:10px;


}

ul.export li{
font-size:12px;
line-height:20px;
}

div#exline{
border:solid 0px #DDEFF7;
width:728px;
margin:0px 10px 30px 0px;
padding:0px 0px 5px 10px;
border-collapse:collapse;
border-spacing:0;
vertical-align:text-top;
}

div#exline p.title{
border:solid 0px #DDEFF7;
background-color:#003366;
text-align:left;
height:15px;
color:#FFFFFF;
width:728px;
margin:0px 10px 0px 0px;
padding:5px 0px 5px 10px;
border-collapse:collapse;
border-spacing:0;
vertical-align:text-top;
}


div#exline p{
margin-top:10px;

}

/* 非該当証明FAQ */

.ex_text{
margin:30px 0px 30px 10px;
height:auto;
text-align:left;
width:728px;
}



.ex_table{
border:solid 1px #DDEFF7;
padding:10px 0px 10px 5px;
background-color:#F5F9FA;
margin:0px 0px 10px 0px;
width:728px;
}

.ex_text p{
padding:0px 10px 0px 10px;
width:700px;


}

.ex_text a{
color:#333333;
font-weight:800;
border-style:none;
}

.ex_text a:hover{
color:#333333;
border-style:none;
}

.form_text p{
width:670px;}