body {
text-align:center;
background:#FFFFE0;
color:black;
margin-top:0;
}

#container {
 width:800px;
border: solid 1px #D3D3D3;
margin-top:0;
 margin-left:auto;
 margin-right:auto;
text-align:left;
height:auto;
padding:0;  
background:white;
}
#header
{

}

#main {
overflow:hidden;
display:inline;
margin-right:15px;
width:580px;
float:right;
height:auto;
}


#navi {
margin-left:15px;
display:inline;
margin-top:18.5px;
 width:170px;
 float:left;
height:auto;
font-size:85%;
}


#footer {
width:100%;
height:2px;
clear:both;
text-align:left;
color:brown;
}


a:link { color: green; }
a:visited { color: green; }
a:hover { color: #99cc33; }
a:active { color: green; }
a {text-decoration: underline;}

.midashi
{

   background:url(bg_h2.gif) 0 0 no-repeat;
color:green;
margin:8px 0 0 0;
text-decoration: none;
 text-align:center;
  padding: 0;
font-weight:bold;
line-height:1.8em;
border:1px solid #D3D3D3;


border-width:1px 0px 1px 0px;
}

.link01
{
background:white;
margin:0;
}

.link02

{
font-size:70%;
border: 1px solid #D3D3D3;
}


.link01 li a:hover { color: #FF1493;
 }
navi-1
{
border: solid 1px #D3D3D3;
line-height:2;
}

#line
{
background:#F5F5DC;

border: solid #B22222;
border-width:2px 0 2px 0;
color:#B22222;
}

ul
{
 list-style-type: none;
border: solid 1px #D3D3D3;
border-width:0px 1px 1px 1px;
  margin: 0px 0 0px 0;
  padding: 0;

background:white;
}

ul li a
{
color: blue;
padding-left:15px;
}

li
{
text-decoration: none;
 text-align:left;
line-height:2em;
color:blue;
font-size: 95%;

background:white;
}

li a:link { color: green; }
li a:visited { color: green; }
li a:hover { color: deeppink;
}
li a:active { color: green; }
li a {text-decoration: underline;}

h1 a:link { color: black; }
h1 a:visited { color: black; }
h1 a:hover { color: black;
text-decoration: none;}
h1 a:active { color: black; }
h1 a {text-decoration: none;}

.cote
{

background-repeat : no-repeat ;
font-weight:bold;
font-size:110%;
line-height:1.9em;
}


.cote a {padding-left:8px;
}

.cote02
{

background-repeat : no-repeat ;
font-weight:normal;

color:black;
}

.cote02 a {padding-left:38px;}



.toplink
{
margin:0;
text-align:center;
padding:5px 0 0 0;
border: solid 1px #D3D3D3;

border-width:0px 1px 1px 1px;
line-height:2em;

}


.toplink1
{
margin:0;
text-align:center;
padding:5px 0 0 0;
border: solid 1px #D3D3D3;

border-width:1px 1px 1px 1px;
line-height:2em;

}

h1     { 
padding:0 0 0 10px;
font-size: 80%;
color:#666666;
line-height:2em;

 width:800px;
font-weight:normal;
margin-top:0;

margin-bottom:0;
 margin-left:auto;
 margin-right:auto;
text-align:left;

      }

h2     { 
padding-left:10px;
padding-top:1px;
font-size: 90%;
color:green;
margin:0 0 10px 0;

line-height:1.7em;
 clear:left;border:1px solid #D3D3D3;


border-width:0px 1px 1px 1px;
      }

h3     { 
padding-left:10px;
font-size: 95%;
color:#666666;
margin:12px 0 0 0;
background:#FAFAD2;
line-height:1.7em;
 clear:left;
      }

h4
{
padding-left:10px;
font-size: 90%;
color:blue;
border: solid blue;
border-width:1px 1px 1px 6px;
margin:0;
background:white;
line-height:1.6em;
}

dd
{margin-right:15px;
font-size:80%;

line-height:1.5;}

.bun
{
margin-left:10px;
margin-top:7px;
margin-bottom:7px;
font-size:80%;
line-height:1.5;
}

.bun2
{
margin-top:7px;
margin-bottom:14px;
font-size:80%;

line-height:1.6;
padding:20px 10px;
}

.bun3
{
margin-right:10px;
margin-top:7px;
margin-bottom:7px;
font-size:80%;
text-align:right;
line-height:1.5;
}


.bun4
{
margin-top:7px;

margin-left:7px;
margin-bottom:7px;
font-size:90%;
text-align:left;
line-height:1.5;
}

#top 
{
text-align:right;
}


.image01
{
text-align:center;
}

.img-shadow {
        float: left;
        background : no-repeat right bottom !important;
        background : no-repeat right bottom;
        margin: 10px 0px 0px 10px !important;
        margin: 10px 0px 0px 5px;
        }

.img-shadow img {
        display: block;
        position: relative;
        background-color: #fff;
        border: 1px solid #a9a9a9;
        margin: -6px 6px 6px -6px;
        padding: 4px;
        }


.up     { 
padding-left:10px;
font-size: 80%;
font-weight: normal;
color:#000066;
background:#DCDCDC;
border: solid #D3D3D3;
border-width:1px 0 1px 0;
margin:9px 0 0 0 ; 
line-height:1.6em;
      }

#copyright
{
font-size: 80%;

text-align:center;
}


.left01     { 

padding-left:10px;
float:left;
width:48%;
font-weight: normal;
color:black;
line-height:1.6em;

font-size: 80%;
 clear:left;
      }


.right01     { 
float:right;
width:48%;
font-weight: normal;
color:black;
line-height:1.6em;

font-size: 80%;
      }

.left02     { 
float:left;
width:48%;
font-weight: normal;
color:black;
line-height:1.6em;

font-size: 80%;
 clear:left;
      }


.right02     { 
float:right;
width:48%;
font-weight: normal;
color:black;
line-height:1.6em;

font-size: 80%;
      }

.top-menu01
{

float:right;
width:100%;
color:white;
margin:0;
padding:0;
text-align:center;
line-height:0;
border:0;
}


.top-menu
{

float:left;
width:20%;
color:white;
margin:0;
text-align:center;
padding: 0;

border:0;
}

.top-menu a
{
display: block;
color: blue;
background:#F0FFF0;
padding:0;
margin:0;

border:0;
}



.new-item    { 
float:left;
width:25%;
font-size: 80%;
font-weight: normal;
line-height:1.3em;
margin:10px 20px;
text-align:center;
      }


.osusume-item    { 
float:left;
width:22%;
font-size: 80%;
font-weight: normal;
line-height:1.3em;
padding:7px;
margin:0;
text-align:center;
      }


.toplink02
{
margin:0;
text-align:center;
padding: 8px 0 3px 0;
line-height:2em;

border: solid 1px #D3D3D3;
border-width:0 1px;

}

.m-menu01
{
padding:0 0 0 10px;
font-size: 80%;
background:#FAFAD2;
border: solid #D3D3D3;
border-width:1px 0 1px 0;
color:gray;
line-height:1.7em;
margin-top:0px;
margin-left:0;
margin-right:0;
margin-bottom:2px;

text-align:center;
}


p {
line-height:1.7em;

padding:0;
margin:0;
}


h2 a:link { color: blue; }
h2 a:visited { color: blue; }
h2 a:hover { color: deeppink;
text-decoration: underline;}
h2 a:active { color: blue; }
h2 a {text-decoration: underline;
line-height:2.2em;
}

.image-po
{
float:right;
}

.price01
{
color:red;
font-weight:bold;
}


.main-menu
{
text-align:right;



padding-right:20px;
font-size: 90%;
color:green;
margin:0;
line-height:2em;
 clear:left;

font-weight:bold;


border:1px solid gray;

border-width:1px 0px 1px 0px;
}

.main-menu a:hover { 
background:#98FB98;
color:green;
}
.main-menu a:link { color: green; }
.main-menu a:visited { color: green; }

.text01
{
 width:800px;

margin-top:0;
 margin-left:auto;
 margin-right:auto;
text-align:left;
}

a img {
border-color:black;
}


#main-text {
 width:100%;
height:160px;
 clear:both;
 text-align:left;
padding-left:20px;  

color:black;
background-repeat : no-repeat ;
background-position:right; 

font-size: 80%;
line-height:2em;
}

.p01 {
border-bottom: 2px solid green ;
line-height:2.2em;
padding:0;
margin:0 0 20px 0;
font-size: 100%;
}

.img01{
margin:2px 2px 2px 2px;
background:white;
padding:8px;
border:1px solid brown;
}

.gentei
{
background:pink;
}

.img02
{
border:1px solid #C0C0C0;
padding: 1px; 
}

.new-top
{

border-bottom: 1px solid #D3D3D3 ;
line-height:1.8em;
padding:0;
margin:0 0 3px 0;
}

.new-top a:link { color: #666666; }
.new-top a:visited { color: #666666; }
.new-top a:hover { color: deeppink;
text-decoration: underline;}
.new-top a:active { color: #666666; }
.new-top a {text-decoration: underline;
line-height:1.8em;

}

hr
{
border-color:#666666;}


.top-title    { 
padding-left:10px;
padding-top:1px;
font-size: 90%;
color:green;
margin:0 0 10px 0;
line-height:1.7em;
clear:left;border:1px solid #D3D3D3;

   background:url(bg_h2.gif) 0 0 no-repeat;
border-width:0px 1px 1px 1px;
font-weight:bold;
      }

.top-title2    { 
text-align:center;
padding-left:10px;
padding-top:1px;
font-size: 90%;
color:green;
margin:0 0 10px 0;
line-height:1.7em;
clear:left;
border:1px solid #D3D3D3;

   background:url(bg_h2.gif) 0 0 no-repeat;
font-weight:bold;
border-width:0px 1px 1px 1px;
      }

.setumei     { 
padding-left:10px;
font-size: 95%;
color:#666666;
margin:12px 0 0 0;
background:#FAFAD2;
line-height:1.7em;
 clear:left;

font-weight:bold;
      }


.bun6
{
margin-top:7px;
margin-bottom:7px;
font-size:80%;
line-height:1.5;
background:pink;

padding-left:10px;
}


.bun-top
{font-size:80%;
line-height:2;
color:green;
padding-left:10px;
padding-right:10px;
font-weight:bold;


border:1px solid #D3D3D3;
border-width:1px 0;
}


.bun7
{
margin-left:10px;
margin-top:7px;
margin-bottom:7px;
font-size:95%;
line-height:1.5;
}

.sekourei-top
{font-size:100%;
line-height:3;
color:green;
padding-left:20px;
padding-right:10px;
font-weight:bold;

border-width:0;
}

.pre
{
border:1px solid #D3D3D3;
border-width:0px 1px 0px 1px;}

ul.top-navi {
    margin: 0;
    padding: 0;
color:green;
font-size: 14px;
text-align:center;
line-height: 200%; 

   background:url(bg_h2.gif) 0 0 no-repeat;
width:100%;

height:28px;  
   }

ul.top-navi li {
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;

width:108px;
height:28px;  
text-decoration: none;
display:block;
font-weight:bold;
  }

ul.top-navi li a
{
color:green;

display:block;
font-weight:bold;
text-decoration: none;
}

ul.top-navi li a:hover { 
color:green;
width:108px;
height:28px; 

font-weight:bold;
text-decoration: none;
}


.bun8
{
margin-top:7px;

margin-left:7px;
margin-bottom:7px;
font-size:90%;
text-align:center;
line-height:1.5;
}


.bun9
{
background:#cc9966;
}

.midashi2
{

   background:url(bg_h2.gif) 0 0 no-repeat;
color:green;
margin:8px 0 0 0;
text-decoration: none;
 text-align:center;
  padding: 0;
font-weight:bold;
line-height:1.8em;
border:1px solid #D3D3D3;
}