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

/*css var1.0*/

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

/* kyoutu */
body{
text-align:center;
color:#3d3d3d;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
font-size:13px;
line-height:300%;
letter-spacing:0.2em;
background:#9ebadc;
margin:0;
padding:0;
}

.clear{
clear:both;
}

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

/*add*/
#right-space .bottomlist a:link { color:#ff0000; text-decoration:underline;}
#right-space .bottomlist a:visited { color:#ff0000; text-decoration:underline;} 
#right-space .bottomlist a:hover { color:#ff0000; text-decoration:none;} 
#right-space .bottomlist a:active { color:#ff0000; text-decoration:none;}

#right-space .toplist a:link { color:#ff0000; text-decoration:underline;}
#right-space .toplist a:visited { color:#ff0000; text-decoration:underline;} 
#right-space .toplist a:hover { color:#ff0000; text-decoration:none;} 
#right-space .toplist a:active { color:#ff0000; text-decoration:none;}
/*add*/
/*common*/
#container{
width:712px;
border-bottom:15px solid #004497;
border-top:15px solid #004497;
margin:0 auto;
background:#fff;
}

#container h1{
width:712px;
height:223px;
background-image:url(img/visual.jpg);
margin:0;
padding:0;
text-align:left;
}

#container h1 div{
height:223px;
width:223px;
text-align:center;
cursor:pointer;
}

#container h1 div span{
display:none;
}

#container #footer{
clear:both;
margin:0 0 0 224px;
padding:10px 0;
font-size:10px;
text-align:left;
}
/*common*/
/*category*/
#container #pointcard-cate{
background-color:#004497;
width:100%;
margin:0;
padding:0;
}

#container #pointcard-cate #btn{
background:url(img/cat_btn.gif) no-repeat;
width:132px;
height:27px;
background-position:center center;
margin-left:571px;
}

#container #pointcard-cate #btn span{
display:none;
}
/*category*/
/*left*/
#container #left-space{
width:223px;
float:left;
text-align:left;
margin-bottom:7px;
}

#container #left-space .toplist{
background-color:#adadad;
border-bottom:1px solid #fff;
border-top:1px solid #fff;
margin-bottom:1px;
width:223px;
color:#fff;
text-align:center;
padding-top:10px;
}

#container #left-space .toplist li{
background:url(img/bg_01.gif) no-repeat;
border-bottom:1px solid #fff;
background-position:0 5px;
padding:0 0 10px 0;
width:203px;
text-align:left;
margin:0 auto 7px;
line-height:150%;
}
#container #left-space .toplist li span{
display:block;
margin-left:15px;
}

#container #left-space .bottomlist{
background-color:#adadad;
border-bottom:1px solid #fff;
border-top:1px solid #fff;
margin-top:1px;
width:223px;
color:#fff;
text-align:center;
padding-top:10px;
}

#container #left-space .bottomlist li{
background:url(img/bg_01.gif) no-repeat;
border-bottom:1px solid #fff;
background-position:0 5px;
padding:0 0 10px 0;
width:203px;
text-align:left;
margin:0 auto 7px;
line-height:150%;
}
#container #left-space .bottomlist li span{
display:block;
margin-left:15px;
}

/*navigate*/
#container #left-space #navi1{
width:223px;
background:#ccffe2 url(img/bg_02.jpg) repeat-x;
background-position:bottom;
margin:0;
border-bottom:1px solid #026300;
border-top:1px solid #026300;
text-align:center;
}

#container #left-space #navi1 li{
background:url(img/bg_03.gif) no-repeat;
background-position:0 5px;
width:203px;
margin:12px auto;
text-align:left;
line-height:125%;
}
#container #left-space #navi1 li span{
display:block;
margin-left:15px;
}
#container #left-space #navi1 li.title{
background:url(img/bg_04.jpg) no-repeat !important;
height:10px;
}

#container #left-space #navi1 li.title span{
display:none !important;
}
/*navigate*/

/*right*/
#container #right-space{
width:489px;
float:left;
}

#container #right-space .toplist{
background:#ccffe2 url(img/bg_01.jpg) repeat-x;
background-position:bottom;
text-align:center;
margin-bottom:1px;
}

#container #right-space .toplist h3{
color:#236300;
font-size:15px;
border-bottom:1px solid #236300;
width:463px;
text-align:left;
margin:0 auto;
line-height:200%;
}

#container #right-space .toplist ul{
color:#595959;
width:463px;
text-align:left;
margin:0 auto;
line-height:200%;
}

#container #right-space .bottomlist{
background:#ccffe2 url(img/bg_01.jpg) repeat-x;
background-position:bottom;
text-align:center;
margin-top:1px;
}

#container #right-space .bottomlist h3{
color:#236300;
font-size:15px;
border-bottom:1px solid #236300;
width:463px;
text-align:left;
margin:0 auto;
line-height:200%;
}

#container #right-space .bottomlist ul{
color:#595959;
width:463px;
text-align:left;
margin:0 auto;
line-height:200%;
}

#container #right-space dl{
border-bottom:1px solid #fff;
border-top:1px solid #fff;
}

#container #right-space dl dt{
}

h2{
color:#004497;
font-size:17px;
margin:0 10px;
text-align:left;
}

#container #right-space dl dd{
margin:0 10px;
text-align:left;

}

/*footer*/

#container #footer ul{
line-height:150%;

}