body{
margin:0;
padding:0px 20px;
color:#ffffff;
font-family: "ＭＳ ゴシック",sans-serif;
//height:150%;
}

.contents{
margin:0px auto;
padding-bottom:0px;
width:750px;
height:110%;
border:2px solid #9999ff;
background-color:#ffffff;
}

.header{
margin-bottom:10px;
margin-top:5px;
padding:10px 20px 50px 20px;
width:680px;
height:70px;
background-image:url(sakana2.gif);
background-repeat:no-repeat;
background-position:right;
}

.footer{
clear:both;
padding:5px 30px 0 30px;
width:690px;
height:40px;
color:#000000;
border-top:1px solid #9999ff;
}


.inner{
width:730px;
}



//*left menu*/
.left{
width:190px;
//vertical-align:middle;
float:left;
}


.left ul , li , dl , dt , dd {   
    margin: 0px;   
    padding: 0px;   
    height:auto;
    border: solid 1px #ffffff;
	float:left;
	vertical-align:middle;
//	line-height:auto;
	color: #000000;
}   

.left dd{
vertical-align:middle;
font-size:14px;
text-align:center;
}
.left dd a{
line-height:150%;
}

  
.left ul {   
    width:180px;
    list-style: none;  
    border:none;
}   
  
.left dl {   
    float: left;
    width:190px;   
}   
  
.left dl dt {   
    background-color: #ffffff;   
    text-align: center;   
    position: relative;   
    width: 185px;   
    
       
}   
   .left dl dt a {   
    color: #000000;
	position: relative;   
    width: 190px;   
    height: 35px;   
    vertical-align: middle;
text-align:center;
z-index: 0;
    }   
.left dl dt a:hover{color:#999999;
}


  
   .left dl dt ul {   
        display: none;   
        position: absolute;   
        top: 0px;   
        left: 185px;
        z-index: 1;   
    }   
       .left dl dt ul li {   
            background: #ffcc66;   
            position: relative;   
            width: 160px;   
            height: 35px;   
            
        
        }   



/*main area*/
.main{
color:#330000;
width:500px;
margin-left:5px;
margin-right:5px;
padding:5px 5px 5px 5px;
//height:100%;
float:right;
z-index: 0;
}

a{
color:#3366ff;
font-weight:bold;
text-decoration:none;
vertical-align:middle;
}
a:hover{color:#ff9900;
}



h1{
margin:0 0 10px 0;
padding:0;
}
h2{
margin:0 0 20px 40px;
padding:0 0 0 10px;
border-left:10px solid #660000;
border-bottom:1px dotted #660000; 
color:#660000;
font-size:140%;
font-weight:bold;
line-height:140%;
}
h3{
margin:1em 0 0.5em 0;
padding:0 0 0 5px;
border-left:10px solid #996699;
color:#993399;
font-size:120%;
font-weight:bold;
line-heigh:100%;
}
h4{
margin:10px 40px 20px 40px;
padding:0 0 0 10px;
border-left:10px solid #660000;
border-bottom:1px dotted #660000;
color:#660000;
font-size:110%;
font-weight:bold;
line-height:110%;
}
h5{
vertical-align:center;
text-align:center;
font-size:120%;
font-weight:bold;
line-heignt:100%;
color:#660000;
}
h6{
margin:0 0 20px 40px;
padding:0 0 0 10px;
color:#330000;
font-size:90%;
line-height:90%;
}
h7{
margin:0px;
padding:0px;
color:#330000;
font-size:90%;
line-height:100%;
} 

 
p{
margin:0 0 1em 0;
padding:0;
line-height:135%;
}
.line{
text-decoration:line-through;
}

.photo{
//float:right;
}
.center{
vertical-align:center;
text-align:center;
line-heignt:90%;
font-size:14px;
}
.centercenter{
vertical-align:center;
text-align:center;
line-heignt:90%;
}
.center1{
text-align:left;
padding:5px 10px 5px 300px;
}
.center2{
font-size:13px;
line-height:110%;
list-style-type:none;
color:#111111;
//float:right;
}

.center3{
font-size:12px;
line-height:100%;
text-align:center;
padding:0px;
}

.right1{
//float:right;
padding:0px 10px 0px 0px;
}
.right{
//float:right;
padding:0px;
}
.right2{
padding:0px 5px 0px 0px;
vertical-align:right;
}
.lef{
//float:left;
}


// .left{
// float:left;
// width:190px;
// padding:0px 10px 0px 0px;
// }

table{
margin-bottom:1em;
margin-left:100px;
margin-right:20px;
padding:3px;
width:500px;
table-layout:fixed;
}

th.item{
height:30px;
width:150px;
text-align:center;
}
th.price{
height:30px;
width:60px;
vertical-align:center;
text-align:center;
}
th.q{
height:30px;
width:30px;
vertical-align:center;
color:#ff0066;
}
th.a{
height:30px;
width:30px;
vertical-align:center;
color:#0099ff;
}
th.detail1{
width:400px;
font-weight:bold;
text-align:left;
vertical-align:center;
table-layout:auto;
line-height:135%;
}
th.detail{
width:400px;
font-weight:normal;
text-align:left;
vertical-align:center;
table-layout:auto;
line-height:135%;
}
table,th,td{
height:30px;
border:1px solid #330000;
text-align:center;
vertical-align:center;
}

caption{
font-family:Helvetica,sans-serif;
font-weight:bolder;
font-size:100%;
color:#4169E1;
vertical-align:center;
text-align:center;
}

.column{
margin:5px 0 0 0;
padding:0px 0px 0px 20px;
width:470px;
height:30px;
border:2px solid #1e113c;
border-bottom:none;
background-color:#ffff00;
font-size:14px;
font-weight:bold;
color:#000000;
//overflow:auto;
//float:right;

}

.column2{
margin:5px 0 0 0px;
padding:0px 0px 0px 20px;
width:470px;
height:30px;
border:2px solid #1e113c;
border-bottom:none;
background-color:#99ccff;
line-height:100%;
font-size:14px;
font-weight:bold;
color:#000000;
overflow:auto;
//float:right;
}


.text{
margin:0;
padding:0px 10px 0px 10px;
width:470px;
height:130px;
border:2px solid #1e113c;
border-top:none;
//background-image:url(images/02_textbg.gif);
font-size:13px;
font-weight:bold;
line-height:160%;
overflow:auto;
scrollbar-3dlight-color: #ffff00;
scrollbar-arrow-color: black;
scrollbar-darkshadow-color: black;
scrollbar-face-color: #ffff00;
scrollbar-highlight-color: #ff9999;
scrollbar-shadow-color: white;
//float:right;
}


.text2{
margin:0 0 15px 0;
padding:0px 10px 0px 10px;
width:470px;
height:130px;
border:2px solid #1e113c;
border-top:none;
font-size:13px;
font-weight:bold;
line-height:160%;
overflow:auto;
scrollbar-3dlight-color: #66ccff;
scrollbar-arrow-color: black;
scrollbar-darkshadow-color: black;
scrollbar-face-color: #99ccff;
scrollbar-highlight-color: #ccffff;
scrollbar-shadow-color: white;
//float:right;
}

.midd {
vertical-align: middle; }

.mid {
height:100%;
vertical-align: middle;
line-height:100%;
}
.mid2 {
height:100%;
vertical-align: middle;
line-height:200%;
}


div{
font-family: "ＭＳ ゴシック",sans-serif;
}
div.blue{
padding-top:5px;
padding-right:5px;
padding-bottom:5px;
padding-left:5px;
background-color:#99ccff;
}
div.medicalg{
padding-top:5px;
padding-right:5px;
padding-bottom:5px;
padding-left:5px;
background-color:#ffff66;
}

div.cosmetic{
padding-top:5px;
padding-right:5px;
padding-bottom:5px;
padding-left:5px;
background-color:#ffccff;;
}
div.acupg{
padding-top:5px;
padding-right:5px;
padding-bottom:5px;
padding-left:5px;
background-color:#99ff33;
}

div.sportsg{
padding-top:5px;
padding-right:5px;
padding-bottom:5px;
padding-left:5px;
background-color:#0099FF;
}