/*
############################################################

Order

############################################################
*/


#order {
margin: 0px auto;
}



h3 {
margin: 0px auto;
text-align: left;
border-bottom: 1px solid #f6ab00;
padding-top: 15px;
}


h4 {
margin: 0px auto;
text-align: left;
font-size: 14px;
padding-top: 15px;
width: 880px;
border-bottom: 1px dotted #f6ab00;
}





#order p {
clear: both;
margin: 0px auto;
text-align: left;
font-size: 13px;
padding-top: 8px;
width: 860px;
}

#btn_form {
margin: 0px auto;
display: block;
text-align: center;
text-decoration: none;
color: #000;
width: 600px;
padding-top: 226px;
background-image: url(../order_j/btn_form.jpg);
background-repeat: no-repeat;
background-position: 0 top;
font-size: 16px;
font-weight: bold;
margin-top: 15px;
}


#btn_form_en {
margin: 0px auto;
display: block;
text-align: center;
text-decoration: none;
color: #000;
width: 600px;
padding-top: 226px;
background-image: url(../en/order/btn_form.jpg);
background-repeat: no-repeat;
background-position: 0 top;
font-size: 16px;
font-weight: bold;
margin-top: 15px;
}





#order dl {
margin: 0px auto;
margin-right: 0;
width: 95%;
text-align: left;
font-size: 13px;
}

#order dt {
clear: right;
margin-top: 10px;
}



ol {
margin: 0px auto;
text-align: left;
font-size: 14px;
}

ol li {
margin: 0px auto;
text-align: left;
margin-left: 20px;
padding-top: 15px;
}

#order ul {
margin: 0px auto;
text-align: left;
font-size: 13px;
}

#order ul li {
margin: 0px auto;
text-align: left;
margin-left: 20px;
padding-top: 15px;
}



#navi_kana {
width: 900px;
margin: 0px auto;
margin-left: 0px;
padding-left: 0px;
list-style-type: none;
height: 30px;
}


#navi_kana li {
float: left;
margin: 0;
font-size: 11pt;
}


#navi_kana a {
display: block;
padding-top: 5px;
padding-bottom: 5px;
text-decoration: none;
color: #000;

text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px;
/*
-webkit-text-stroke-color: #fff;
-webkit-text-stroke-width: 1px;
filter:dropshadow(color=#fff,offX= 0,offY=-1)
dropshadow(color=#fff,offX= 1,offY= 0)
dropshadow(color=#fff,offX= 0,offY= 1)
dropshadow(color=#fff,offX= -1,offY= 0);
*/

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f8c246', endColorstr = '#ffefcd');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f8c246', endColorstr = '#ffefcd')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #f8c246, #ffefcd);
background-image: -ms-linear-gradient(top, #f8c246, #ffefcd);
background-image: -o-linear-gradient(top, #f8c246, #ffefcd);
background-image: -webkit-gradient(linear, center top, center bottom, from(#f8c246), to(#ffefcd));
background-image: -webkit-linear-gradient(top, #f8c246, #ffefcd);
background-image: linear-gradient(top, #f8c246, #ffefcd);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/

}


#navi_kana a:hover {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffefcd', endColorstr = '#ffefcd');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffefcd', endColorstr = '#ffefcd')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #ffefcd, #ffefcd);
background-image: -ms-linear-gradient(top, #ffefcd, #ffefcd);
background-image: -o-linear-gradient(top, #ffefcd, #ffefcd);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffefcd), to(#ffefcd));
background-image: -webkit-linear-gradient(top, #ffefcd, #ffefcd);
background-image: linear-gradient(top, #ffefcd, #ffefcd);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/

}


#kana01 { width: 115px; }
#kana02 { width: 115px; }
#kana03 { width: 115px; }
#kana04 { width: 120px; }
#kana05 { width: 90px; }
#kana06 { width: 120px; }
#kana07 { width: 105px; }
#kana08 { width: 120px; }
