@charset "shift_jis";


#contents{
padding:0;
}
#footer{
margin:0;

}


/* User Information
------------------------------------------------------*/
#contents p.operator{
text-align:right;
}
.title_block{
margin:0 0 20px 0;
border:1px #dadada solid;
background:url("../img/bg_h1_bl.jpg") bottom right no-repeat; 
}
.title_block h1{
margin:0 0 15px 0;
padding:25px 15px 5px 15px;
font-size:210%;
text-align:left;
border-bottom:4px #ffcc00 solid;
}
#contents div.title_block p{
padding:0 0 5px 15px;
}
.topcheck{
margin:0 10px 20px 10px;
padding:15px;
}
ul#arrownavi{
margin:0 0 40px 0;
padding:0;
text-align:center;
list-style-type:none;
}
#arrownavi li{
display:inline;
width:160px;
height:40px;
}
#arrownavi li a img{
cursor:pointer;
}
h2.user_shopname{
margin:0 0 20px 0;
font-size:120%;
text-align:center;
clear:both;
}

.firstradio div{
width:200px;
margin:0 0 10px 0;
float:left;
}
.b_10{
margin:0 0 10px 0;
}
.b_20{
margin:0 0 20px 0;
}
.b_30{
margin:0 0 30px 0;
}

table#userform{
width:980px;
margin:0 0 30px 10px;
border-collapse:collapse;
border:1px #cccccc solid;
}
table#userform th{
padding:6px 5px 4px 5px;
text-align:left;
border:1px #cccccc solid;
background-color:#ededed;
white-space:nowrap;
}
table#userform th span{
margin:0;
padding:0 0 0 10px;
color:#ff0000;
font-weight:bold;
}
table#userform td{
padding:6px 10px 4px 10px;
border:1px #cccccc solid;
border-width:1px 0;
}

td input.text{
width:350px;
}
td.ymd input{
width:40px;
}
input.postal{
width:80px;
}
#contents p.postal_p{
margin:0;
padding:0;
font-size:82%;
}

table#memo{
width:980px;
margin:0 0 30px 10px;
border-collapse:collapse;
border:1px #cccccc solid;
background-color:#ffff99;
clear:both;
}
table#memo th,
table#memo td{
width:150px;
padding:11px 5px 10px 5px;
text-align:center;
}
table#memo input{
width:630px;
}

input.ex{
margin:0 0 5px 0;
padding:0 10px;
border-top:1px #dddddd solid;
border-right:1px #333333 solid;
border-bottom:1px #333333 solid;
border-left:1px #dddddd solid;
background:url("../img/bg_input_btn.jpg") 0 0 repeat-x;
background-color:#cccccc;
vertical-align:middle;
cursor:pointer;
}
input:hover.ex{
background-image:none;
background:url("../img/bg_input_btn_ov.jpg") 0 0 repeat-x;
background-color:#dadada;
cursor:pointer;
}

.bottom_button{
margin:0 10px 30px 10px;
}
.bottom_button div.left{
width:730px;
float:left;
}
.bottom_button div.right{
width:250px;
text-align:right;
float:right;
}
.bottom_button div.right input{
margin:0 0 10px 0;
}

.item{
border:none;
background-color:#ffffff;
}
#select_item{
margin:0 0 30px 0;
}
#select_item table{
width:100%;
margin:0 0 20px 0;
border-collapse:collapse;
border:1px #cccccc solid;
}
#select_item table th{
padding:6px 5px 4px 5px;
border:1px #999999 solid;
background-color:#cccccc;
}
#select_item table td{
padding:6px 5px 4px 5px;
border:1px #999999 solid;
background-color:#ffffff;
vertical-align:middle;
}
#select_item table td.td01{
width:10%;
text-align:center;
}
#select_item table td.td02{
width:55%;
}
#select_item table td.td03{
width:15%;
text-align:right;
}
#select_item table td.td04{
width:10%;
text-align:right;
}
#select_item table td.td05{
width:10%;
text-align:right;
}
#select_item table td.center{
text-align:center;
}
#select_item table td h5{
margin:0 0 5px 10px;
}
#select_item table td p{
margin:0 0 5px 0;
}
#select_item table.stock_item th{
background-color:#fcd57a;
}
#select_item table.order_item th{
background-color:#e2fb97;
}
#select_item table.reserve_item th{
background-color:#fecfe4;
}
#select_item table.total_item{
width:200px;
margin:0 0 10px 0;
float:right;
}
#select_item table.total_item td{
text-align:right;
}


/* 
------------------------------------------------------*/
.top_left{
width:680px;
margin:0 0 20px 0;
padding:0 10px;
float:left;
}
.top_right{
width:290px;
margin:0 0 20px 0;
padding:25px 0 0 10px;
float:right;
}



/* Enclose
------------------------------------------------------*/
.top_left table.enclose{
width:663px;
border-collapse:collapse;
border:1px #cccccc solid;
}
.top_left table.enclose th{
padding:6px 5px 4px 5px;
border:1px #cccccc solid;
background-color:#efdafe;
}
.top_left table.enclose td{
padding:6px 5px 4px 5px;
border:1px #cccccc solid;
}
.top_left div.table_body{
height:150px;
margin:-1px 0 20px 0;
overflow-y:auto;
}
.top_left table.enclose .cell01{
width:50px;
text-align:center;
}
.top_left table.enclose .cell02{
}
.top_left table.enclose .cell03{
width:80px;
text-align:right;
}
.top_left table.enclose th.cell03{
text-align:center;
}
.top_left table.enclose .cell04{
width:100px;
text-align:right;
}
.top_left table.enclose th.cell04{
text-align:center;
}
.top_left table.enclose .cell05{
width:100px;
text-align:center;
}

.top_right table.enclose{
width:270px;
margin:0 0 30px 10px;
border-collapse:collapse;
border:1px #999999 solid;
}
.top_right table.enclose th{
padding:6px 5px 5px 5px;
border:1px #999999 solid;
background-color:#cccccc;
text-align:center;
}
.top_right table.enclose td{
padding:6px 5px 5px 5px;
border:none;
border-bottom:1px #999999 solid;
text-align:right;
}
.top_right table.enclose td.cell{
width:60%;
}



/* Order Check
------------------------------------------------------*/
.top_left table.order_check{
border-collapse:collapse;
border:1px #999999 solid;
}
.top_left table.order_check th{
width:20%;
padding:6px 5px 4px 5px;
border:1px #999999 solid;
background-color:#cccccc;
text-align:left;
}
.top_left table.order_check td{
padding:6px 7px 4px 7px;
border:1px #999999 solid;
text-align:left;
}
.top_right table.order_check{
width:280px;
margin:0 0 15px 0;
}
#contents div.top_left table.order_check td p{
margin:0;
padding:0;
}
.top_right table.order_check th{
width:100px;
padding:3px 0;
text-align:left;
}
.top_right table.order_check td{
padding:3px 0;
border:none;
text-align:right;
}
.top_right table.border{
border-bottom:1px #000000 solid;
}
#select_item table.charge_item th,
#select_item table.enclose_item th{
background-color:#efdafe;
}

input.radio{vertical-align:-3px;}
input.radio{vertical-align:middle\9;}