/* default
----------------------------------------*/

div:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}
div {
	display:inline-block;
}
div {
	zoom:100%;
}
*{margin:0px;
padding:0px;
font-size:10px;
}
.sou{
font-size:15px;
}

/* default
----------------------------------------*/
body{
background:url("img/body_back.jpg") #ffffff;
background-repeat:repeat-x;
}
/* body
----------------------------------------*/
h1{
font-size:140%;
font-weight:bold;
color:#ffffff;
margin-left:20px;margin-right:20px;
padding:0px;
border-bottom:1px solid #999999;
letter-spacing:0.2em;
}
h2{
font-size:140%;
font-weight:bold;
color:#ffffff;
margin:0px;
padding:0px;
border-bottom:1px solid #999999;
letter-spacing:0.2em;
}
h3{
font-size:140%;
font-weight:bold;
color:#ffffff;
margin:0px;
padding:0px;
border-bottom:1px solid #999999;
letter-spacing:0.2em;
}

/* H
----------------------------------------*/
#header{
width:750px;
height:120px;
margin:0px auto;
clear:both;
}
#logo{
width:240px;
height:120px;
float:left;
}
#header_text{
font-size:100%;
color:#eeeeee;
padding:100px 0px 0px 10px;
float:left;
letter-spacing:0.5em;
}
div#header ul{
list-style:none;
padding:80px 0px 0px 0px;
margin:0px 0px 0px 10px
}
div#header li{
width:80px;
height:30px;
margin-left:5px;
display:block;
background:transparent;
float:right;
}

/* header
----------------------------------------*/
.text01{
font-size:120%;color:#eeeeee;display:block;margin-top:18px;text-align:center;
}
.text01 a:link{font-size:100%;color:#eeeeee;display:block;text-decoration:none;text-align:center;
}
.text01 a:visited{font-size:100%;color:#eeeeee;display:block;text-decoration:none;text-align:center;
}
.text01 a:hover{font-size:100%;color:#eeeeee;display:block;border-bottom:3px solid #80ffff;text-align:center;
}
.text01 a:active{font-size:100%;color:#eeeeee;display:block;text-decoration:none;text-align:center;
}

.text02{
font-size:120%;color:#eeeeee;display:block;margin-top:18px;text-align:center;
}
.text02 a:link{font-size:100%;color:#eeeeee;display:block;text-decoration:none;text-align:center;
}
.text02 a:visited{font-size:100%;color:#eeeeee;display:block;text-decoration:none;text-align:center;
}
.text02 a:hover{font-size:100%;color:#eeeeee;display:block;border-bottom:3px solid #ff9d3c;text-align:center;
}
.text02 a:active{font-size:100%;color:#eeeeee;display:block;text-decoration:none;text-align:center;
}

.text03{
font-size:120%;color:#eeeeee;display:block;margin-top:18px;text-align:center;
}
.text03 a:link{font-size:100%;color:#eeeeee;display:block;text-decoration:none;text-align:center;
}
.text03 a:visited{font-size:100%;color:#eeeeee;display:block;text-decoration:none;text-align:center;
}
.text03 a:hover{font-size:100%;color:#eeeeee;display:block;border-bottom:3px solid #ff178b;text-align:center;
}
.text03 a:active{font-size:100%;color:#eeeeee;display:block;text-decoration:none;text-align:center;
}

.text04{
font-size:120%;color:#eeeeee;display:block;margin-top:18px;text-align:center;
}
.text04 a:link{font-size:100%;color:#eeeeee;display:block;text-decoration:none;text-align:center;
}
.text04 a:visited{font-size:100%;color:#eeeeee;display:block;text-decoration:none;text-align:center;
}
.text04 a:hover{font-size:100%;color:#eeeeee;display:block;border-bottom:3px solid #00ff00;text-align:center;
}
.text04 a:active{font-size:100%;color:#eeeeee;display:block;text-decoration:none;text-align:center;
}

/* li menu 
----------------------------------------*/
.tabb{
width:80%;
margin-left:auto;
margin-right:auto;
}
.form001{
margin:5px 5px 5px 15px;
font-size:120%;
padding:0px;
}

/* form menu 
----------------------------------------*/
p a:link{
color:#eeeeee;
}
p a:visited{
color:#eeeeee;
}
p a:hover{
color:#0000ff;
}
p a:active{
color:#eeeeee;
}

#main{
width:750px;
background:#222222;
margin:25px auto 0px auto;
clear:both;
}
#main_head{
width:750px;
height:30px;
background:url("img/main_head.jpg") #333333;
margin:0px auto;
clear:both;
text-indent:-9999px;
}
#main_box{
height:180px;
background:#222222;
margin:0px auto;
text-align:center;
clear:both;
color:#eeeeee;
}
#main_text{
width:750px;
background:#222222;
margin:0px auto;
clear:both;
}
div#main_text p{
font-size:120%;
color:#dddddd;
padding:10px 35px 5px 35px;
line-height:130%;
}
#left{
width:460px;
margin:0px 10px 0px 10px;
float:left;
background:#222222;
}
html>body #left{
width:460px;
margin:0px 10px 0px 20px;
float:left;
background:#222222;
}
.left_in{
padding:10px 5px 5px 5px;
clear:both;
}
.left_in img{
vertical-align:top;
margin:0px 5px 0px 0px;
float:left;
}
div#left span{
color:#eeeeee;
font-weight:bold;
font-size:120%;
padding-left:20px;
}
div#left span.green{
background:url("img/span_back.jpg");
background-repeat:repeat-y;
}
div#left span.pink{
background:url("img/span_back_p.jpg");
background-repeat:repeat-y;
}
div#left span.yellow{
background:url("img/span_back_y.jpg");
background-repeat:repeat-y;
}
div#left span.orange{
background:url("img/span_back_o.jpg");
background-repeat:repeat-y;
}
div#left span.blue{
background:url("img/span_back_b.jpg");
background-repeat:repeat-y;
}
div#left p{
color:#eeeeee;
font-size:120%;
padding:5px 5px 5px 80px;
line-height:130%;
}
#right{
width:240px;
margin:0px 10px 0px 0px;
float:left;
background:#222222;
}
#buy_head{
width:240px;
height:140px;
clear:both;
background:url("img/buy_head.jpg") #333333;
background-repeat:no-repeat;
text-align:center;
}
#buy_middle{
width:240px;
clear:both;
background:#333333;
}
#thumb{
text-align:center;
padding-top:20px;
}
div#buy_middle p{
font-size:120%;
color:#eeeeee;
padding:5px;
line-height:140%;
}
#buy_bottom{
width:240px;
height:30px;
display:block;
clear:both;
background:url("img/buy_bottom.jpg") #333333;
}
div#buy_bottom p{
font-size:120%;
color:#eeeeee;
padding:0px;
line-height:140%;
text-align:center;
}

/* main
----------------------------------------*/

.main_bottom{
width:750px;
height:10px;
margin:0px auto;
text-indent:-9999px;
background:#222222;
clear:both;
}

/* main_bottom
----------------------------------------*/
#prod{
width:750px;
margin:0px auto;
background: #222222;
clear:both;
}
#prod_main{
padding:15px;
}
div#prod_main h3{
margin-bottom:5px;
}
#prod_main_table{
padding:5px;
}
div#prod_main table{
width:100%;
background:#222222;
}
.td0{
width:250px;
_padding-top:2px;
}
.td1{
background:#7b7b7b;
padding:0px;
margin:0px;
border-bottom:1px solid #222222;
text-indent:0.5em;
font-size:120%;
}
.td2{
background:#333333;
padding:0px;
margin:0px;
border-bottom:1px solid #222222;
text-indent:1em;
}
.td3{
height:100px;
background:#333333;
margin:0px;
border-bottom:1px solid #222222;
text-indent:1em;
font-size:120%;
}
html>body .td3{
height:200px;
background:#333333;
margin:0px;
border-bottom:1px solid #222222;
text-indent:0.5em;
font-size:120%;
}
.td4{
background:#333333;
padding:5px;
margin:0px;
border-bottom:1px solid #222222;
}
.td4 img{
margin-right:5px;
}
.td5{
background:#333333;
padding-left:1em;
margin:0px;
border-bottom:1px solid #222222;
color:#eeeeee;
vertical-align:middle;
}
.td2 p{
font-size:120%;
color:#eeeeee;
}
.td3 p{
font-size:120%;
color:#eeeeee;
}
.td4 p{
font-size:120%;
color:#eeeeee;
}
.td5 p{
font-size:120%;
color:#eeeeee;
}

.td6{
background:#333333;
padding:0px;
margin:5px 5px 5px 15px;
border-bottom:1px solid #222222;
}
/* main_bottom
----------------------------------------*/
#buyng{
width:750px;
margin:0px auto;
background:#222222;
clear:both;
color:#cccccc;
text-align:center;
}
/* main_bottom
----------------------------------------*/
#foot{
width:750px;
height:30px;
margin:0px auto;
background:url("img/foot_back.jpg") #222222;
clear:both;
color:#cccccc;
text-align:center;
}

.form_main{
margin:0px auto;
background:#222222;
clear:both;
}
.form_main_text{
padding:5px 15px 5px 15px;
}
.form_main_text p{
margin:10px;
font-size:120%;
color:#eeeeee;
line-height:140%;
}
.from_bold{
font-size:150%;
font-weight:bold;
margin:5px;
color:#ff9d3c;
}

#white{
height:40px;
clear:both;
text-indent:-9999px;
}