﻿
<!--

h3{
font-size:18px;
padding:10px;
margin:30px 0 10px 0;
color:#000;
text-align:center;

}


.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;
}






.hissu{
color:#D20000;
font-weight:bold;
margin-left:10px;
}




.joho_send_new li{
text-align:left;
padding:5px;
}






















/*------------------------------------------------
   注文者情報入力
------------------------------------------------*/
#joho{
padding:0px 0px 40px 0px;

}

#joho h2{
background:#000;
color:#fff;
padding:10px;
margin:20px 0 10px 0;
}

ul.joho_send_new{
list-style:none;
margin:0 0 0 0;
padding:0;
line-height:150%;
border-top:solid 1px #ccc;

}
.joho_send_new li{
margin:0;
padding:10px;
border-bottom:solid 1px #ccc;
font-size:16px;
line-height:150%;

}

.joho_send_new li label{

}

.joho_send_new li .li_kodomo{
clear:both;
margin:5px 0 0 30px;
font-weight:normal;
color:#666;
}


#joho textarea {
width:100%;
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:20px;
}

.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:16px;
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:16px;
line-height:150%;
height:40px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

}


.menu_cart_cancel{
background-color:#ccc;
}

.menu_cart_cancel:hover{
background-color:#eee;
}


.menu_cart_cancel a{
display:block;
width:100%;
line-height:44px;
text-align:center;
color:#666;

}


.menu_cart_OK{
background-color:#3598DB;
}

.menu_cart_OK:hover{
background-color:#4DB0F3;
}


.menu_cart_OK a{
display:block;
width:100%;
line-height:44px;
text-align:center;
color:#fff;

}








/*------------------------------------------------
   入力確認
------------------------------------------------*/

.insert_chk
{
background:#FCF2F2;
border:solid 2px #D20000;
padding:5px;
text-align:left;
color:#D20000;
font-weight:bold;
}

.insert_chk img
{
margin:0 5px 0 0 ;
}

.insert_chk i
{
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 .joho_div{
margin:5px 5px 3px 0px;
text-align:left;
padding:5px;
}
#joho .joho_div2{
margin:0px 0px 20px 0px;
text-align:left;
font-weight:normal;

}




#joho .joho_div_chk_{
margin:5px 5px 3px 10px;
text-align:left;
padding:5px;
}
#joho .joho_div_chk_2{
margin:0px 0px 30px 10px;
text-align:left;
font-weight:bold;
}






/*------------------------------------------------
  フォーム用のクラス
------------------------------------------------*/
.box100 {
  width: 100%;
}
 
.box50 {
  width: 50%;
}
 
.width100,
.width90,
.width50,
.width25,
.width80 {
box-sizing: border-box;
-webkit-box-sizing: border-box;
padding:10px;
font-size:16px;
color:#444;
border:solid 1px #999;
margin:0 0 10px 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
 
.width100 {
  width: 100%;
}

.width90 {
  width: 90%;
}


.width80 {
  width: 80%;
  height:30px;
  max-width:350px;
}

.width50 {
  width: 50%;
}

.width25 {
  width: 25%;
}



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;
}






.inq_tit{
margin:10px 0 5px 0;
font-size:16px;		
font-weight:bold;	
color:black;	
				
				
}

.inq_val{
margin:0px 0 30px 0;
font-size:14px;		
line-height:150%;
}

.inq_val ul{
padding:0;
margin:0;

				
}
.inq_val ul li{
padding:0;
margin:10px 0 0 15px;	

list-style-type:disc;			
}




#joho textarea,input{
border:solid 1px #999;
}







/* アコーデオン
----------------------------------------------------------- */
.ac_menu{

border:solid 1px #ccc;
text-align:left;
overflow:hidden;
				
}


label.ac_label {
    display: block;
    margin: 0;
    color :#000;
    background :#fff;
    cursor :pointer;
    float:right;
    width:100%;
    line-height:60px;
    font-size:16px;
    margin-right:-55px;
    
}

input[type=radio].bellows{
float:right;
width:15px;
height:20px;
margin:20px;

}

.ac_menu ul {
/* メニュー開閉時アニメーション */
	background :#fff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
    clear:both;
}

.ac_menu li {
    padding: 0 5px 5px 5px;
    line-height:150%;
}

/* ▽▽アコーディオン開閉指定1▽▽ */
input[type=radio].bellows1 + ul{
    height: 0;/* チェックが入っていない時の高さ */
    overflow: hidden;
}

input[type=radio].bellows1:checked + ul{
    height: auto;/* チェックが入っているときの高さ */
}


/* ▽▽アコーディオン開閉指定2▽▽ */
input[type=radio].bellows2 + ul{
    height: 0;/* チェックが入っていない時の高さ */
    overflow: hidden;
}

input[type=radio].bellows2:checked + ul{
    height: auto;/* チェックが入っているときの高さ */
}

/* ▽▽アコーディオン開閉指定3▽▽ */
input[type=radio].bellows3 + ul{
    height: 0;/* チェックが入っていない時の高さ */
    overflow: hidden;
}

input[type=radio].bellows3:checked + ul{
    height: auto;/* チェックが入っているときの高さ */
}


/* ▽▽アコーディオン開閉指定4▽▽ */
input[type=radio].bellows4 + ul{
    height: 0;/* チェックが入っていない時の高さ */
    overflow: hidden;
}

input[type=radio].bellows4:checked + ul{
    height: auto;/* チェックが入っているときの高さ */
}


/* ▽▽アコーディオン開閉指定5▽▽ */
input[type=radio].bellows5 + ul{
    height: 0;/* チェックが入っていない時の高さ */
    overflow: hidden;
}

input[type=radio].bellows5:checked + ul{
    height: auto;/* チェックが入っているときの高さ */
}




/* △△アコーディオン開閉指定△△ */

.ac_menu_div{
				
}


input[type=text], input[type=password],input[type=search], , textarea, select {
    outline: none;
}


.kyakuchu{
				color:#666;
				font-size:12px;
				margin-bottom:20px;
}


-->
