@charset "shift_jis";

<!--

h3{
font-size:15px;
padding:10px;
margin:30px 0 10px 0;
color:#000;
border-bottom:solid 1px #000;
text-align:left;

}


.joho_table{
border-top:1px solid #BEBEBE;
border-right:1px solid #BEBEBE;
margin:30px 0 30px 0;
}


.joho_td{
background:#F2F2F2;
font-weight:bold;
font-size:12px;
text-align:left;
color:#333333;
vertical-align:top;
padding:15px;
width:160px;
border-bottom:1px solid #BEBEBE;
border-left:1px solid #BEBEBE;
line-height:1.5em;
}


.joho_td2{
text-align:left;
color:#787878;
vertical-align:top;
font-size:12px;
padding:15px;
width:480px;
border-bottom:1px solid #BEBEBE;
border-left:1px solid #BEBEBE;
line-height:1.5em;
}


.joho_td3{
background:#F8F8F8;
text-align:left;
font-size:80%;
color:#787878;
vertical-align:top;
padding:8px;
width:60px;
border-bottom:1px solid #BEBEBE;
border-left:1px solid #BEBEBE;
line-height:1.5em;
}






.joho_td_1_1{
background:#F2F2F2;
font-weight:bold;
font-size:80%;
text-align:left;
color:#333333;
vertical-align:top;
padding:8px;
border-bottom:1px solid #BEBEBE;
border-left:1px solid #BEBEBE;
line-height:1.5em;
}
.joho_td_1_2{
text-align:left;
color:#787878;
vertical-align:top;
font-size:80%;
padding:8px;
border-bottom:1px solid #BEBEBE;
border-left:1px solid #BEBEBE;
line-height:1.5em;
}







.joho_btn_tdx{



}
.joho_btn_tdx:hover{

}





.joho_btn_tdx_kago{
background-image : url('../img/img010.png');
background-repeat:repeat-x;

}
.joho_btn_tdx_kago:hover{
background-image : url('../img/img010.png');
}

.joho_btn_a_kago{
margin:0;
text-align:center;
font-size:100%;
}

.joho_btn_a_kago a,
.joho_btn_a_kago a:link,
.joho_btn_a_kago a:visited{
vertical-align:middle;
text-decoration:none;
padding:0 0px 0 0px;
line-height:30px;
display: block;
width:240px;
color:#eee;
}


.joho_btn_a_kago2{
margin:0;
text-align:center;
font-size:100%;
background-image : url('../img/img010.png');
}

.joho_btn_a_kago2 a,
.joho_btn_a_kago2 a:link,
.joho_btn_a_kago2 a:visited{
vertical-align:middle;
text-decoration:none;
padding:0 0px 0 0px;
line-height:30px;
display: block;
color:#fff;
}








.joho_btn_td_R_kago{
background-image : url('../img/img010R.png');
background-repeat:repeat-x;
width:12px;
}

.joho_btn_td_L_kago{
background-image : url('../img/img010L.png');
background-repeat:repeat-x;
width:12px;
}


.joho_btn_kago{

background-image : url('../img/img010.png');
background-position: 0 50%;
background-repeat:repeat-x;
color:#eee;
border:0;
cursor:pointer;
margin:0;
padding:0 0px 0 0px;
height:30px;
width:240px;
font-size:12px;
font-weight:bold;
outline: none;

}

.joho_btn_kago:hover{
background-image : url('../img/img010.png');

}












.joho_btn_td{
background-image : url('../img/botan_c_b.gif');
}
.joho_btn_td:hover{
background-image : url('../img/botan_c_b2.gif');

}

.joho_btn_td_R{
background-image : url('../img/botan_r_b.gif');
padding:1px;
}

.joho_btn_td_L{
background-image : url('../img/botan_l_b.gif');
padding:1px;
}










.joho_btn_grn{
color:#fff;
background:#4DA71E;
border:0;
cursor:pointer;
margin:0;
padding:0;
height:40px;
width:200px;
font-size:100%;
border:solid 1px #35681A;
outline: none;
}


.joho_btn_blu{
color:#fff;
background:#1D52C4;
border:0;
cursor:pointer;
margin:0;
padding:0;
height:40px;
width:200px;
font-size:100%;
outline: none;
}


.joho_btn_new{

background-image : url('../img/botan_c_b.gif');
background-position: 0 50%;
background-repeat:repeat-x;
color:#666666;
border:0;
cursor:pointer;
margin:0;
padding:0 0px 0 0px;
height:40px;
width:200px;
font-size:100%;
outline: none;
}




.joho_btn{
background:#eee;
color:#666666;
border:0;
cursor:pointer;
margin:0;
padding:0 0px 0 0px;
height:40px;
width:240px;
font-size:100%;
outline: none;

    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px; 


}

.joho_btn:hover{


}


.joho_btn_a{
margin:0;
text-align:center;
font-size:100%;
}

.joho_btn_a a,
.joho_btn_a a:link,
.joho_btn_a a:visited{
vertical-align:middle;
text-decoration:none;
padding:0 0px 0 0px;
line-height:40px;
display: block;
width:240px;
color:#666666;
background:#eee;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px; 

}









.joho_btn_td2{
background-image : url('../img/botan_send_c.gif');

}

.joho_btn_td2:hover{
background-image : url('../img/botan_send_c.gif');

}


.joho_btn_td2_L{
background-image : url('../img/botan_send_L.gif');
padding:2px;
}

.joho_btn_td2_R{
background-image : url('../img/botan_send_R.gif');
padding:2px;
}

.joho_btn_a2{
margin:0;
text-align:center;
color:#ffffff;
font-size:small;
}

.joho_btn_a2 a,
.joho_btn_a2 a:link,
.joho_btn_a2 a:visited{
vertical-align:middle;
text-decoration:none;
padding:0 0px 0 0px;
line-height:30px;
display: block;
width:240px;
color:#ffffff;
}





.insert_chk
{
background:#FCF2F2;
border:solid 2px #D20000;
padding:10px;
width:100%;
max-width:500px;
text-align:left;
color:#D20000;
font-weight:bold;
margin:10px 0;
font-size:14px;
}



.hissu{
color:#D20000;
font-weight:bold;
margin-left:10px;
}




.joho_send_new li{
border-top:solid 1px #ccc;
text-align:left;
padding:5px;
}








/*------------------------------------------------
   とりせつ
------------------------------------------------*/

ul.torisetu{
margin:20px 20px 0px 30px;
padding:0;
text-align:left;
list-style:none;
font-size:14px;
}

ul.torisetu li{
padding:10px 5px 10px 30px;
background: url("../img/all_arw06.png") no-repeat 10px 50%;
border-bottom:solid 1px #ccc;

}




.cart_td{
padding:10px;
}




.kago_kei{
float:right;
text-align:right;
margin:10px;
font-size:20px;

}



.kago_kei td{
padding:5px;

}








td.hrhr {
	height:1px;
	background-image : url('../img/hr_point2.gif');
}

























/*------------------------------------------------
   注文者情報入力
------------------------------------------------*/
#joho{
padding:0px 0px 40px 0px;

}

#joho h2{
background:#000;
color:#fff;
padding:10px;
margin:20px 0 10px 0;
}




#joho textarea {
width:90%;
margin:0px;
height:100px;
}

#joho input {


}


.goku{
margin:15px;
line-height:150%
}

#joho form{
margin:0 0 20px 0;
}

#joho .menu_cart_bt1
{
}

#joho .sousin{
margin:0;


}

#joho .joho_tit{
margin:5px 5px 3px 10px;
}
#joho .joho_val{
margin:0px 0px 0 10px;
}

#joho .joho_ken{
margin:0 0 20px;
}

#joho .joho_val_chk{
margin:10px;
}

#joho .goukei{
text-align:right;
margin:10px;
line-height:150%;
}

#joho .daigoukei{
font-size:16px;
font-weight:bold;
margin:5px;
}

.joho_tit_2{
margin:5px 5px 3px 10px;
color:#666;
font-size:12px;
}
.joho_val_2{
padding:0px 0px 10px 20px;
font-size:16px;
border-bottom:dotted 1px #ccc;
}








.width_xx,
.width_80,
.width_120{
width:100%;
max-width:400px;

box-sizing: border-box;
-webkit-box-sizing: border-box;
padding:10px;
font-size:14px;
color:#444;
border:solid 1px #ccc;
margin:0 0 20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

}

.width_80{

width:80px;


}
.width_120{

width:120px;


}


.label_1{
margin:20px;

}

.label_2{
margin:10px 0 30px 0;

}



select{
font-size:14px;
line-height:150%;
height:40px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

}
/*------------------------------------------------
   送信ボタン
------------------------------------------------*/



input.menu_cart_bt1,
input.menu_cart_bt2{
font-weight:normal;
-webkit-appearance: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
padding:10px;
font-size:14px;
color:#fff;
border:solid 1px #ccc;
margin:10px 0 0 0;
width: 100%;
height:44px;
border:0px;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
cursor:pointer;



}

input.menu_cart_bt1{
background-color:#F3A847;
}

input.menu_cart_bt1:hover{
background-color:#F0B76C;
}




.menu_cart_bt3{
font-weight:normal;
-webkit-appearance: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
padding:10px;
font-size:14px;
color:#fff;
border:solid 1px #ccc;
margin:10px 0 0 0;
width: 100%;
height:44px;
border:0px;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
cursor:pointer;
background-color:#ececec;

}

.menu_cart_bt3:hover{
background-color:#f0f0f0;
}

.menu_cart_bt3 a{
				text-align:center;
				width:100%;
				display:block;
				color:#666;
}























/*------------------------------------------------
   入力確認
------------------------------------------------*/

.insert_chk
{
background:#FCF2F2;
border:solid 2px #D20000;
padding:5px;
text-align:left;
color:#D20000;
font-weight:bold;
margin:10px;
}

.insert_chk img
{
margin:0 5px 0 0 ;
}









.button_link{
margin: 0px 10px 0 10px;
padding:0;
}
.button_link li{
list-style-type: none;
margin:0;
margin-bottom:10px;
width:100%;
max-width:400px;
white-space:nowrap;
}
.button_link a{
font-weight:normal;
font-size:14px;
position:relative;
display:block;
min-height:44px;
padding:10px 10px 10px 10px;
margin:1px;
color:#fff;
text-decoration:none;
line-height:24px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
text-align:center;

    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 



}

.yyyy{
background:#3598DB;
}

.nonono{
background:#999;
}







.kago_henko{

}


.kago_henko td{
padding:10px 5px 10px 5px;
}




.joho_div{
margin:0px 0 0 10px;
text-align:left;
padding:0;
font-size:12px;
color:#333;
font-weight:bold;
}

.joho_div2{
margin:0px 0px 10px 10px;
text-align:left;
padding:0;
font-size:12px;
color:#666;
}




.joho_div_chk_{
margin:5px 5px 3px 10px;
text-align:left;
padding:5px;
}
.joho_div_chk_2{
margin:0px 0px 30px 10px;
text-align:left;
font-weight:bold;
}






/*------------------------------------------------
  フォーム用のクラス
------------------------------------------------*/
.box100 {
  width: 100%;
}
 
.box50 {
  width: 50%;
}
 
.width100,
.width50,
.width25,
.width80 {
box-sizing: border-box;
-webkit-box-sizing: border-box;
padding:10px;
font-size:14px;
color:#444;
border:solid 1px #ccc;
margin:0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
 
.width100 {
  width: 100%;
}

.width80 {
  width: 80%;
  height:30px;
  max-width:350px;
}

.width50 {
  width: 50%;
  height:30px;
}

.width25 {
  width: 25%;
  height:30px;
}



div.form {
margin: 10px;
}

.form_button {
width:100%;
font-weight:bold;
-webkit-appearance: none;
min-height:44px;
padding:5px 20px;
margin:20px auto;
margin-bottom:0;
color:#fff;
text-decoration:none;
line-height:24px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
background:#006400;
text-align:center;
border:none;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 

}

.form_button_n {
min-height:44px;
padding:5px 20px;
margin:20px auto;
margin-bottom:0;
color:#fff;
text-decoration:none;
line-height:24px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
background:#3498DB;
text-align:center;
border:none;
}



.centering{
text-align:center;
}




div.shiharai_div2{
				display:none;
				padding-bottom:30px;
}






ul.joho_send_new{
list-style:none;
margin:0 0 0 0;
padding:0;
border-bottom:dotted 1px #ccc;
font-size:12px;

}
.joho_send_new li{
margin:0;
padding:10px;
border-top:dotted 1px #ccc;

}

.joho_send_new li label{

}

.joho_send_new li .li_kodomo{
clear:both;
margin:5px 0 0 30px;
font-weight:normal;
color:#666;
}






-->