@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.jpg) 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;}

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

/*main*/
#wrapper{
width:940px;
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:380px;
}

#wrapper #cont #footer{
clear:both;
background:#fffbe3;
font-size:10px;
width:100%;
text-align:left;
}
h1{
width:643px;
margin:0 auto;
line-height:100%;
background:url(img/site-id.gif) no-repeat;
background-position:21px 11px;
padding:10px 0 0;
}

h1 div{
height:64px;
}

h1 div span{
display:none;
}

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

 #wrapper #cont #left #cat 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 .link{
 border-top:1px dotted #575757;
 width:100%;
 padding:10px 0 0;
 margin-top:20px;
}

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

 #wrapper #cont #right .link li span.tit{
 background:url(img/link.gif) no-repeat;
 color:#eb053f;
 font-size:13px;
 padding:10px 0 10px 30px;
 }

 #wrapper #cont #right #contents{
 border-top: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%;
 }