html, body {
  height: 100%;
  margin: 0;
}
body{
    font-family: arial, sans-serif;
    color:#333;
}
#wrapper{
    width:920px;
    margin:0 auto;
    overflow: hidden;
    min-height: 100%;
}
#head{

}

#main{
    padding-bottom: 20px;
}

#foot{
    text-align: center;
    font-size:95%;
    padding:5px;
    border-top:1px solid #8B6F50;
    margin:0px;
    height: 15px;
    margin-top: -20px;
}

div#orderbox{
    overflow: hidden;
    margin:0;
    padding:0;
}
div.orderbox_list{
    width:380px;
    padding:2px 10px;
    margin:0px 25px;
    float:left;
}
div.indexbox_list{
    margin:0px 25px;
    padding:0;
    float:left;
    width:400px;
    height:250px;
}

.caution{
    color:red;
}
.note_list{

    padding:3px;
    line-height: 1.5;
    
}
h1 {
  padding: 0px 0px 10px 20px;
  font-size: 26px;
  color: #44382d;
  border-bottom: solid 3px #8B6F50;
}
h2 {
    font-size: 22px;
    border: 1px solid #8B6F50;
    padding: 5px 15px;
    border-radius: 6px;
    margin-bottom:15px;
    margin-top:15px;
}
h3 {
    font-size: 18px;
    border-left: solid 10px #8B6F50;
    padding: 4px 9px 4px 10px;
    margin:5px 0 0;
    background-color: #F7F6EB;
    background-color: #EAE3D1;
}

h1 span{
    font-size:70%;
}

.orderbox_list h3{
    font-size: 18px;
    padding:2px 5px;
    border:none;
    background-color:#fff;
}

p{
    padding:5px 20px;
    line-height: 1.5;
}

.f_button{
    display: block;
    background-color: #8B6F50;
    padding: 15px 10px;
    font-size: 16px;
    color: #fff;
    text-align:center;
    transition: background 0.2s linear;
    width:250px;
    height:30px;
    line-height: 30px;
}
.f_button2{
    display: block;
    background-color: #8B6F50;
    padding: 15px 10px;
    font-size: 16px;
    color: #fff;
    text-align:center;
    transition: background 0.2s linear;
    width:150px;
    height:30px;
    margin-right:10px;
}
.f_button:hover,.f_button2:hover,.b_button:hover,.c_button:hover,.e_button:hover,.cancel_button:hover{
    background-color:#D3B68C;
}

.f_button2 span{
    font-size:60%;
}
.orderbox_list ul,.orderbox_list ul li,.indexbox_list ul,.indexbox_list ul li{
    margin:0;
    padding:0;
}

.orderbox_list ul li{
    list-style: none;
    display: inline-block;
    vertical-align: top;
    /display: inline;  /* IE用ハック */  /zoom: 1;  /* IE用ハック */
}

.indexbox_list ul li{
    list-style:none;
    margin:10px auto 5px;
    width:250px;

    
}

.orderbox_list p,.indexbox_list p{
    padding:3px;
    margin:0px;
}

table,td,th{
    border:1px solid #B9B09B;
    border-collapse:collapse;
    word-break:break-all;
}

table.entry{
    width:800px;
    margin:0 auto;
}

table.entry td{
    padding:8px 10px;
}

table.entry th{
    padding:8px;
    width:140px;
    background-color: #EAE3D1;
    text-align:left;
}

table.list{
    width:800px;
    margin:0 auto;
    table-layout:fixed;
}

table.list th{
    padding:5px 8px;
    background-color: #EAE3D1;
    font-size:0.85em;
}

table.list td{
    padding:5px 8px;
    font-size:0.9em;
}

table.list td.tdc{
    text-align:center;
}

input,select,textarea{
    border:1px solid #999;
}

table tr td.tdc input{
    background-color: #8B6F50;
    padding: 5px;
    font-size: 14px;
    color: #fff;
    text-align:center;
    transition: background 0.2s linear;
}

label{
    margin-right:10px;
}
.w10{
    width:10px;
}
.w20{
    width:20px;
}
.w30{
    width:30px;
}
.w40{
    width:40px;
}
.w50{
    width:50px;
}
.w60{
    width:60px;
}
.w70{
    width:70px;
}
.w80{
    width:80px;
}
.w90{
    width:90px;
}
.w100{
    width:100px;
}
.w200{
    width:200px;
}
.w300{
    width:300px;
}
.w400{
    width:400px;
}
.w500{
    width:500px;
}
.w600{
    width:600px;
}
.w700{
    width:700px;
}
.w800{
    width:800px;
}
.h50{
    height:50px;
}
.h60{
    height:60px;
}
.h70{
    height:70px;
}
.h80{
    height:80px;
}
.b_button{
    background-color: #8B6F50;
    padding: 15px 10px;
    font-size: 16px;
    color: #fff;
    text-align:center;
    transition: background 0.2s linear;
    width:150px;
    height:50px;
    margin-right:10px;
    cursor:pointer;
}

.c_button{
    background-color: #fff;
    padding: 15px 10px;
    font-size: 16px;
    border:1px solid #8B6F50;
    color: #8B6F50;
    text-align:center;
    transition: background 0.2s linear;
    width:150px;
    height:50px;
    margin-right:10px;
    cursor:pointer
}

.cancel_button{
    background-color: #B09576;
    padding: 15px 10px;
    font-size: 16px;
    color: #fff;
    text-align:center;
    transition: background 0.2s linear;
    width:150px;
    height:50px;
    margin-right:10px;
    cursor:pointer;
}
.buttonarea{
    width:700px;
    margin:20px auto 0;
    text-align:center;
}

.wcenter{
    margin:0 auto;
}

.stext{
    font-size:0.7em;
}

div.navi{
    margin:0 auto;
    width:820px;
    padding:0px;
}
.navi ol,.navi li{
    list-style: none;
    padding:0;
    margin:0;
}

.navi ol li{
    display:inline-block;
    /display: inline;  /* IE用ハック */  /zoom: 1;  /* IE用ハック */  width: 200px;
    width:200px;
    height:50px;
    background-image:url(../img/navi_g.png);
    font-size:0.9em;
    line-height:50px;
    text-align:center;
    color:#555;
}

.navi ol li.current{
    background-image:url(../img/navi_o.png);
    color:#fff;
}


td ul.emailbox,td ul.emailbox li{
    margin:0;
    padding:0;
    list-style: none;
}

td ul.emailbox li.again{
    margin-top: 20px;
}


.e_button{
    background-color: #ff7300;
    padding: 15px 10px;
    font-size: 16px;
    color: #fff;
    text-align:center;
    transition: background 0.2s linear;
    width:250px;
    height:50px;
    margin-right:10px;
    cursor:pointer;
}

.text0 {font-size:7pt;}
.text1 {font-size:8pt;}
.text2 {line-height:1.2em;font-size:8pt;}
.text3 {font-size:10pt;}
.text4 {line-height:1.8em;font-size:10pt;}
.text5 {font-size:12pt;}
.text6 {font-size:20pt;}
.text7 {font-size:18pt;}

A{text-decoration:none;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:active{text-decoration:none;}
/*A:hover{color:#FFFFFF;background:#6666ff}*/

.param1{font-size : 10pt;
border:1 solid;
border-width:1px;
border-color:#7FA5CD;
background-color:#FFFFFF;
color:#014478;
}

div.contents{
	width:720px;
	margin:0px auto;
}

div.qa{
	font-size:10px;
	font-size:1.0rem;
}

div.qa p{
	font-weight:bold;
	border-bottom:1px solid #6666ff;
	padding-bottom:5px;
}

div.answer{
	padding-bottom:10px;
		font-size:10px;
	font-size:1.0rem;
	padding-left: 2em; 
	text-indent: -2em; 


}

.answer ul{
	margin-top:0;
		padding:0;

}

.answer li{
	line-height:1.3em;
	margin-bottom:3px;
		padding:0;
		text-indent: 0; 
}
