@charset "utf-8";

/*------form------*/


/*ime-mode **ie only** */

.ime-active {
ime-mode:active;
}

.ime-disabled {
ime-mode:disabled;
}

.ime-inactive {
ime-mode:inactive;
}

/*formInput*/

#form {
width:700px;
font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana,Arial, Helvetica, sans-serif;
font-size:11px;
}

#form h2{
width:700px;
height:40px;
overflow:hidden;
margin:0 0 15px 0;
}

#form h3{
clear:both;
background:transparent url(../img/cmn/bg_h3.gif) no-repeat scroll 0 bottom;
overflow:hidden;
width:690px;
height:18px;
font-size:12px;
color:#585858;
padding-left:10px;
margin:30px 0 10px 0;
}

#form p.lead{
padding:0 3px 10px 3px;
}

#form div.error{
width:678px;
border:1px dotted #f28c8e;
background-color:#fff5f5;
padding:10px 10px 10px 10px;
margin-bottom:10px;
}

#form div.error p{
background:transparent url(../img/cmn/icon_error.gif) no-repeat scroll 0 0;
padding:0 0 0 17px;
color:#e5151f;
font-weight:bold;
}

#form table.inputBox {
width:700px;
border-top:1px solid #c6c6c6;
border-left:1px solid #c6c6c6;
border-right:1px solid #c6c6c6;
}

#form table.inputBox th {
width:160px;
padding:7px 5px 7px 10px;
border-top:1px solid #ffffff;
border-bottom:1px solid #c6c6c6;
background:#f1f1f1 url(../img/cmn/bg_th.gif) no-repeat scroll 0 0;
vertical-align:middle;
text-align:left;
font-weight:bold;
}

#form table.inputBox th p{
font-size:10px;
font-weight:lighter;
}

#form table.inputBox td {
padding:7px 5px 7px 10px;
border-bottom:1px solid #c6c6c6;
}

#form table.inputBox td p, #form table.inputBox td li{
margin:0 0 3px 0;
}

#form table.inputBox td li {
float:left;
margin-right:7px; 
}

#form table.inputBox td li input{
margin-left:3px; 
}

#form table.inputBox td select{
margin-right:3px; 
}

#form table.inputBox td label{
margin-left:3px; 
margin-right:5px;
 
}

#form table.inputBox td.radio input{
vertical-align:middle; 
margin-bottom:3px;
}

#form table.inputBox td span{
margin:0 3px 0 3px;
}

#form table.inputBox td p.notice{
display:inline;
margin:0 0 0 5px;
font-size:10px;
}

#form table.inputBox td p.notice02{
display:inline;
margin:0 0 0 5px;
font-size:10px;
}

#form table.inputBox td p.txtNav{
display:inline;
padding:0 0 0 8px;
margin:0 0 0 5px; 
background:transparent url(../img/cmn/icon_arrow_01.gif) no-repeat scroll 0 center;
font-size:10px;
}

/*#form table.inputBox td input {

}

#form table.inputBox td textarea {

}*/

#form p.btn {
clear:both;
width:680px;
background-color:#f1f1f1;
text-align:center;
margin:10px 0 0 0; 
padding:20px 10px 20px 10px;
}

/*boxSelect*/

#form td.cardboxSelect {
padding:15px 0px 7px 10px!important;
}

#form td.cardboxSelect .self,#form td.cardboxSelect .delivery{
background:#f1f1f1 url(../img/cmn/parts_corner_btm.gif) no-repeat scroll left bottom;
overflow:hidden;
margin:7px 0 20px 15px;
padding-bottom:10px;
}

#form td.cardboxSelect .self p,#form td.cardboxSelect .delivery p{
background:#f1f1f1 url(../img/cmn/parts_corner_top.gif) no-repeat scroll left top;
padding:7px 5px 0 10px;
margin-bottom:10px;
}

#form td.cardboxSelect .self ul{
overflow:hidden;
padding-left:5px;
margin-bottom:10px;
_margin-left:3px;
}

#form td.cardboxSelect .self ul li{
float:left;
margin-left:4px;
_margin-left:0px;
}

#form td.cardboxSelect .delivery ul{
overflow:hidden;
padding-left:20px;
margin-bottom:10px;
_margin-left:10px;
}

#form td.cardboxSelect .delivery ul li{
float:left;
margin-left:20px;
_margin-left:11px;
}

#form td.cardboxSelect .self ol li,#form td.cardboxSelect .delivery ol li{
clear:both;
}

#form td.cardboxSelect .self ol li select,#form td.cardboxSelect .delivery ol li select{
margin:5px 0 0 50px;
}

#form td.cardboxSelect .self p.notice,#form td.cardboxSelect .delivery p.notice{
display:block;
padding:0 0 0 10px;
}

/*myPage*/

#form p.myPageLead{
padding:0 3px 5px 10px;
}

#form p.myPageLead02{
padding:0 3px 5px 10px;
margin-top:20px;
}

#form p.myPageTxt{
padding:0 3px 30px 10px;
}

#form p.myPageTxt span{
color:#e5151f;
margin:0 3px 0 3px;
font-weight:bold; 
}

#form p.cases{
text-align:right;
padding:5px 5px 3px 5px;
font-weight:bold;
background:transparent url(../img/cmn/line_dot.gif) repeat-x scroll 0 top;
margin-top:10px;
}


#form p.btnBox{
text-align:right;
width:690px;
background-color:#f6fae9;
margin:2px 0 2px 0;
padding:5px 5px 5px 5px;
}

#form p.btnBox input{
margin:0 0 0 5px;
}

/*myPageNav*/

#form div.myPageNav {
clear:both;
width:700px;
background:#f1f1f1 url(../img/cmn/line_dot.gif) repeat-x scroll 0 top;
margin:5px 0 0 0;
overflow:hidden;
padding-top:7px;
}

#form div.myPageNav div {
background:transparent url(../img/cmn/line_dot.gif) repeat-x scroll 0 bottom;
overflow:hidden;
padding-bottom:5px;
text-align:right;
}

#form div.myPageNav ul{
margin:0 10px 0 0;
}

#form div.myPageNav ul li{
display:inline;
padding:0 0 0 12px;
margin:0 0 0 20px;
background:transparent url(../img/cmn/icon_arrow_02.gif) no-repeat scroll 0 center;
font-weight:bold;
}

/*myPageBox*/

#form table.center td,#form table.center th{
text-align:center!important;
}

#form table.myPageBox {
clear:both;
width:700px;
border-top:1px solid #c6c6c6;
border-left:1px solid #c6c6c6;
border-right:1px solid #c6c6c6;
empty-cells:show;
margin:0 0 0px 0;
}

#form table.myPageBox th{
padding:7px 5px 7px 5px;
border-top:1px solid #ffffff;
border-bottom:1px solid #c6c6c6;
border-left:1px solid #ffffff;
border-right:1px solid #c6c6c6;
background-color:#ecf6cd;
text-align:center;
font-weight:bold;
}

#form table.myPageBox th.left{
padding:7px 5px 7px 5px;
background:#ecf6cd url(../img/cmn/bg_th_02.gif) no-repeat scroll 0 0;
border-top:1px solid #ffffff;
border-bottom:1px solid #c6c6c6;
border-left:1px solid #ffffff;
border-right:1px solid #c6c6c6;
text-align:center;
font-weight:bold;
}

#form table.myPageBox th.right{
padding:7px 5px 7px 5px;
border-top:1px solid #ffffff;
border-left:1px solid #ffffff;
border-bottom:1px solid #c6c6c6;
border-right:none;
background-color:#ecf6cd;
text-align:center;
font-weight:bold;
}

#form table.myPageBox th.s{
width:15px;
}

#form table.myPageBox th.m{
width:55px;
}

#form table.myPageBox th.l{
width:100px;
}

#form table.myPageBox td{
padding:7px 5px 7px 5px;
border-top:1px solid #ffffff;
border-bottom:1px solid #c6c6c6;
border-left:1px solid #ffffff;
border-right:1px solid #c6c6c6;
vertical-align:middle;
}

#form table.myPageBox td.left{
padding:7px 5px 7px 10px;
border-top:1px solid #ffffff;
border-bottom:1px solid #c6c6c6;
border-left:1px solid #ffffff;
border-right:1px solid #c6c6c6;
background:#f1f1f1 url(../img/cmn/bg_th.gif) no-repeat scroll 0 0;
vertical-align:middle;
font-weight:bold;
}

#form table.myPageBox td.right{
padding:7px 5px 7px 5px;
border-bottom:1px solid #c6c6c6;
border-right:none;
vertical-align:middle;
}

#form table.myPageBox .number,#form table.myPageBox .price{
text-align:right!important;
}

#form div.percentUp{
float:left;
width:436px;
border:1px dotted #f28c8e;
background-color:#fff5f5;
padding:10px 10px 10px 10px;
margin-bottom:10px;
margin-top:10px;
text-align:left;
*width:426px;
}

#form div.percentUp p{
padding:0 0 0 20px;
font-weight:bold;
}

#form div.percentUp span{
color:#e5151f;
margin:0 3px 0 3px; 
}

/*myPageSum*/

#form div.myPageSum{
float:right;
width:222px;
border-bottom:1px solid #c6c6c6;
border-left:1px solid #c6c6c6;
border-right:1px solid #c6c6c6;
background-color:#fef7ec;
padding:5px 5px 5px 5px;
margin-bottom:10px;
text-align:right;
font-weight:bold;
*width:232px;
}

#form div.myPageSum p.dot{
background:transparent url(../img/cmn/line_dot.gif) no-repeat scroll 0 top;
padding:7px 0 0 0;
margin-top:5px;
}

#form div.myPageSum p.line{
border-top:1px solid #c6c6c6;
padding:7px 0 0px 0;
margin-top:5px;
}

#form div.myPageSum p{
background:none;
padding:2px 0 0 0;
}

#form div.myPageSum p span{
/*color:#f17e31;*/
color:#e5151f;
}


/*formLogin*/

#formLogin{
width:700px;
overflow:hidden;
}

#formLogin .wrap{
background:transparent url(../img/form/btm_loginBox.gif) no-repeat scroll 0 bottom;
width:700px;
overflow:hidden;
margin-top:30px;
}

#formLogin #member{
float:left;
width:340px;
}

#formLogin #member h2{
display:block;
background:transparent url(../img/form/top_member_loginBox.gif) no-repeat scroll 0 0;
overflow:hidden;
text-indent:-9999px;
width:340px;
height:35px;
margin:0;
}

#formLogin #member div.input {
background:transparent url(../img/form/bg_loginBox.gif) no-repeat scroll 0 0;
padding:5px 25px 20px 25px;
_padding:5px 25px 15px 25px;
}

#formLogin #member p.txt{
margin:10px 0 10px 0;
}

#formLogin #member dl{
clear:both;
overflow:hidden;
margin:10px 0px 0px 0px;
}

#formLogin #member dt{
font-weight:bold;
float:left;
}

#formLogin #member dd{
float:right;
}

#formLogin #member dd input{
width:180px;
padding:2px;
border:1px solid #c6c6c6;
}

#formLogin #member p.login{
_clear:both;
text-align:right;
margin:10px 0px 0 0px;
}

#formLogin #member p.txtNav{
padding:0 0 0 8px;
background:transparent url(../img/cmn/icon_arrow_01.gif) no-repeat scroll 0 center;
font-size:10px;
}

#formLogin #nonMember{
float:right;
width:340px;
margin-left:20px;
margin-bottom:10px;
}

#formLogin #nonMember h2{
display:block;
background:transparent url(../img/form/top_nonMember_loginBox.gif) no-repeat scroll 0 0;
overflow:hidden;
text-indent:-9999px;
width:340px;
height:35px;
margin:0;
}

#formLogin #nonMember div.next {
background:transparent url(../img/form/bg_loginBox.gif) no-repeat scroll 0 0;
padding:5px 25px 20px 25px;
_padding:5px 25px 15px 25px;
}

#formLogin #nonMember p.txt{
margin:10px 0 15px 0;
}

#formLogin #nonMember p.next{
background:transparent url(../img/form/line_dot_login.gif) no-repeat scroll 0 top;
text-align:right;
margin:10px 0px 0 0px;
padding:15px 0 0 0;
}

/*------method page------*/

#method {
width:700px;
}

#method h2{
width:700px;
height:40px;
overflow:hidden;
margin:0 0 15px 0;
}

#method p.lead{
padding:0 3px 0 3px;
}

#method h3{
background:transparent url(../img/form/h3_dispatch.gif) no-repeat scroll 0 0;
overflow:hidden;
text-indent:-9999px;
width:700px;
height:20px;
margin:0 0 10px 0;
}

#method ul{
width:685px;
margin:10px 7px 30px 8px; 
}

#method ul li.method01{
background:transparent url(../img/form/img_method_01.gif) no-repeat scroll 0 0;
overflow:hidden;
width:386px;
height:157px;
float:left;
margin-right:13px;
display:inline;
_margin-right:10px;
}

#method ul li.method02{
background:transparent url(../img/form/img_method_02.gif) no-repeat scroll 0 0;
overflow:hidden;
width:286px;
height:157px;
}

#method ul li.method01 a{
display:block;
width:89px;
height:21px;
margin:119px 0 0 281px;
}

#method ul li.method02 a{
display:block;
width:89px;
height:21px;
margin:119px 0 0 181px;
}