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

/* Reset */

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;
}

h1, h2, h3, h4, h5, h6, pre, table, code, kbd, samp, acronym, input, textarea {
  font-size: 100%;
  font-weight:normal;
  margin: 0;
  padding: 0;
}

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;
}
/* Reset */

/* kyoutu */
body{
text-align:center;
color:#575757;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
font-size:12px;
line-height:300%;
letter-spacing:0.2em;
background:#fff url(img/body_bg.gif) repeat-x;
padding:0;
margin:0 auto;
}

a:link { color:#eb053f;  text-decoration:underline;}
a:visited { color:#eb053f; text-decoration:underline;} 
a:hover { color:#ef94ab; text-decoration:underline;} 
a:active { color:#ef94ab; text-decoration:underline;}

#navi li a:visited { color:#8554e8; text-decoration:none;}
#navi li a:link { color:#8554e8; text-decoration:none;}
#navili a:hover { color:#2d0087; text-decoration:none; }
#navi li a:active { color:#2d0087; text-decoration:none;}

.clear{
clear:both;
}
/* kyoutu */

/*main*/
#wrapper{
width:763px;
background:url(img/cont_bg.jpg) no-repeat;
margin:0 auto;
text-align:center;
padding:0;
}

#wrapper #cont{
width:643px;
margin:10px auto 0;
padding-top:10px;
background:#fff url(img/key.jpg) no-repeat;
background-position:253px 10px;
}

#wrapper #cont #left{
width:253px;
float:left;
}

#wrapper #cont #right{
float:left;
padding:185px 0 0;
width:382px;
}

#wrapper #cont #footer{
clear:both;
background:#fffbe3;
font-size:10px;
width:100%;
text-align:left;
}
h1{
width:250px;
margin:0 0 0 60px;
line-height:100%;
padding:10px 0 0;
}

h1 div{
height:64px;
}

h1 div span{
display:none;
}

h2{
text-align:center;
color:#002156;
}
/*main*/
 /*cat*/
 
 #wrapper #cont #left #fld{
 background:url(img/cat.gif) no-repeat;
 width:225px;
 height:48px;
 margin-left:9px;
}

 #wrapper #cont #left #fld span{
 display:none;
 }
  /*navi*/
 
 #wrapper #cont #left ul#navi{
 background:url(img/list.gif) no-repeat;
 width:225px;
 text-align:left;	
 margin:20px 0 10px 9px;
 }
 
 #wrapper #cont #left ul#navi li{
 background:url(img/arrow.gif) no-repeat;
 border-bottom:1px solid #e3e3e3;
 padding-left:10px;
 background-position:0 12px;
 }
 
 #wrapper #cont #left ul#navi li.tit{
 background:none !important;
 border:none !important;
 height:30px;
 }

 #wrapper #cont #left ul#navi li.tit span{
 display:none;
 }

  /*link*/
  
 #wrapper #cont #left .link{
 width:225px;
 margin-left:9px;
 margin-top:10px;
 border-bottom:1px solid #e3e3e3;
 border-top:1px solid #e3e3e3;
 }
 
/*right*/

 #wrapper #cont #right .okiniiri{
 width:100%;
 padding:0;
 margin-top:20px;
 background:url(img/ad.jpg) no-repeat;
}

 #wrapper #cont #right .okiniiri li {
 text-align:right;
 }

 #wrapper #cont #right .okiniiri li.tit{
 color:#fff;
 font-size:13px;
 font-weight:bold;
 line-height:150%;
 height:27px;
 text-align:left;
 padding-left:10px;
 padding-top:5px;
 }

 #wrapper #cont #right #contents{
 border-top:1px dotted #575757;
 border-bottom:1px dotted #575757;
 width:100%;
 padding:10px 0 0;
 margin-top:20px;
 text-align:left;
 }

/*footer*/

 #wrapper #cont #footer ul{
 margin:5px 10px;
 line-height:200%;
 }