@charset "utf-8";
/* CSS Document */

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, 
brockquote, pre, table, caption, th, td, address, 
form, fieldset, legend, object, img{
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight:normal;
}

ul, ol, dl{
list-style-type:none;
margin:0;
padding:0;
}

dt, dd{
margin:0;
padding:0;
}

li{
margin:0;
padding:0;
}

img {
  vertical-align:bottom;
}

a img {
  border: none;
}

body{
text-align:center;
color:#151515;
font-family:'ＭＳ Ｐゴシック','Osaka','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
font-size:12px;
line-height:350%;
letter-spacing:0.2em;
margin:0;
padding:0;
border-bottom:3px solid #00704c;
border-top:3px solid #00704c;
}

a:link { color:#ffa545;  text-decoration:none;}
a:visited { color:#ffa545; text-decoration:none;} 
a:hover { color:#cf6b00; text-decoration:underline;} 
a:active { color:#cf6b00; text-decoration:underline;}

/*site-menu------------------------------------------------------------------*/
#navi a:link { color:#0f99a6; text-decoration:underline;}
#navi a:visited { color:#0f99a6; text-decoration:underline;} 
#navi a:hover { color:#0f99a6; text-decoration:none;} 
#navi a:active { color:#0f99a6; text-decoration:none;}
/*site-menu------------------------------------------------------------------*/

/*category-menu------------------------------------------------------------------*/
#category a:link { color:#00cabe; background:#baddc0;text-decoration:underline overline;}
#category a:visited { color:#00cabe; background:#baddc0;text-decoration:underline overline;} 
#category a:hover { color:#00cabe; background:#dddddd;text-decoration:underline overline;} 
#category a:active { color:#00cabe; background:#dddddd;text-decoration:underline overline;}
/*category-menu------------------------------------------------------------------*/

/*common*/
#wrapper{
width:780px;
margin:0 auto;
background:url(img/img_01.jpg) no-repeat;
background-position:left top;
}

#wrapper h1{
height:63px;
margin:0;
padding:0 0 0 10px;
color:#fff;
text-align:left;
font-size:22px;
font-weight:bold;
}


#bottom{
clear:both;
width:100%;
padding:0;
font-size:10px;
text-align:left;
border-top:3px #d9d9d9 double;
}

h2{
font-size:14px;
text-align:left;
font-weight:bold;
border-top:4px solid #00704c;
line-height:190%;
}
h2 span{
margin-left:5px;
display:block;
}

h3{
border-bottom:2px dashed #000;
font-size:15px;
text-align:left;
line-height:200%;
}
/*common*/

/*left*/
#wrapper #left_block{
width:516px;
float:left;
text-align:center;
margin:0 0 20px 0;
}

#wrapper #left_block .link-navi{
width:486px;
margin:0 auto 10px;
text-align:left;
}

#wrapper #left_block table{
border:2px solid #d9d9d9 ;
padding:5px;
margin:0 auto;
width:461px;
margin-bottom:10px;
}

#wrapper #left_block table th, td{
margin:0;
padding:0;
text-align:left;
}

/*right*/
#wrapper #right_block{
width:255px;
float:left;
background:url(img/back_03.gif) repeat-y;
background-position:right top;
margin:0 0 20px;
}

#wrapper #right_block #category li{
text-align:right;
line-height:180%;
text-decoration:underline overline;
}

#wrapper #right_block .link-navi2{
text-align:left;
margin:10px 0 10px 10px;
border-bottom:1px dashed #bebebe;
padding:10px 0;
line-height:200%;
}


#wrapper #right_block .link-navi2 li{
text-align:left;
margin:0 auto 10px;
background:url(img/img_02.gif) no-repeat;
background-position:0 8px;
}

#wrapper #right_block .link-navi2 li span{
margin-left:15px;
display:block;
}

/*navigate*/
#wrapper #right_block #navi{
background:#c7faff;
margin:0 auto 10px;
text-align:left;
border:1px solid #0f99a6;
}

#wrapper #right_block #navi li{
text-align:left;
margin:0 5px;
}
#wrapper #right_block #navi li span{
border-left:3px solid #00cabe;
padding-left:3px;
}
/*navigate*/

/*bottom*/

#bottom ul{
line-height:150%;
}

#bottom ul li {
margin:5px 0;
}