@charset "utf-8";
/*\*/
@import "reset.css";


body {
color:#333;
background-color: #fff;
text-align:center;
font:13px/1.231 "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif;
*font-size:small;
*font:x-small;
}

/*ベース
-----------------------------------------*/
#base{
background:url(../img/base_bg.gif) repeat-y;
width:785px;
margin:25px auto 0 auto;
}

#base2{
background:url(../img/base_bg2.gif) repeat-y;
width:785px;
margin:25px auto 0 auto;
}

#main{
background:url(../img/base_top.gif) no-repeat top;
width:785px;
text-align:left;
padding-top:19px;
}

/*メニュー
-----------------------------------------*/
#menu{
width:195px;
float:left;
margin-left:17px;
display:inline;
}

#menu h1{
width:191px;
height:140px;
background:url(../img/maintitle.gif) no-repeat;
text-indent:-9999px;
}

#menu h1 a{
width:191px;
height:140px;
display:block;
}

#menu ul{
width:181px;
margin:10px 0 0 5px;
}

#menu ul li{
width:181px;
height:56px;
margin-bottom:5px;
}

#menu ul li a{
text-indent:-9999px;
width:181px;
height:56px;
display:block;
background:url(../img/menu2.gif) no-repeat;
}

#menu ul li.menu1 a:hover{
background-position:-181px 0;
}

#menu ul li.menu2 a{
background-position:0 -56px;
}

#menu ul li.menu2 a:hover{
background-position:-181px -56px;
}

#menu ul li.menu3 a{
background-position:0 -112px;
}

#menu ul li.menu3 a:hover{
background-position:-181px -112px;
}

#menu ul li.menu4 a{
background-position:0 -168px;
}

#menu ul li.menu4 a:hover{
background-position:-181px -168px;
}

#menu ul li.menu5 a{
background-position:0 -224px;
}

#menu ul li.menu5 a:hover{
background-position:-181px -224px;
}

#menu ul li.menu6 a{
background-position:0 -280px;
}

#menu ul li.menu6 a:hover{
background-position:-181px -280px;
}

#menu ul li.menu7 a{
background-position:0 -336px;
}

#menu ul li.menu7 a:hover{
background-position:-181px -336px;
}

#menu ul li.menu8 a{
background-position:0 -392px;
}

#menu ul li.menu8 a:hover{
background-position:-181px -392px;
}


/*コンテンツ
-----------------------------------------*/
#content,
#guide{
width:550px;
float:right;
margin-right:18px;
display:inline;
padding-bottom:5px;
}

#content h2.lists{
background:url(../img/title_list.gif) no-repeat;
width:530px;
height:15px;
text-indent:-9999px;
font-size:15px;
margin:10px 0 10px 10px;
}

dl.base:after{
content:"";
display:block;
height:0;
clear:both;
}

#content ul{
clear:both;
padding-top:3px;
background:url(../img/hr_x.gif) repeat-x top;
}

#content ul li{
width:170px;
float:left;
margin:0 0 5px 10px;
display:inline;
background:url(../img/hr_x.gif) repeat-x bottom;
padding-bottom:5px;
}

#content ul li a{
background:url(../img/disc.gif) no-repeat left;
width:155px;
padding:3px 0 3px 15px;
display:block;
color:#666;
text-decoration:none;
}

#content ul li a:hover{
background-color:#eee;
text-decoration:underline;
}

#content dl{
width:170px;
float:left;
margin:0 4px 10px 5px;
}

#content dl dt,
#content dl dd{
display:inline;
width:170px;
}

#content dt img{
border:1px #ccc solid;
width:169px;
}

#content dt a:hover img{
border:1px #999 solid;
}

#content dd a{
width:170px;
display:block;
color:#666;
text-decoration:none;
margin-top:3px;
text-align:center;
}

#content dd a:hover{
background-color:#eee;
text-decoration:underline;
}

/*入会案内
-----------------------------------------*/

#content_in{
width:530px;
float:right;
margin-right:30px;
display:inline;
padding-bottom:5px;
}

#content_in h3{
font-size:110%;
color:#333;
border-bottom:2px #ccc solid;
padding:3px 0;
margin-bottom:5px;
}

#content_in p{
line-height:150%;
color:#666;
}

#content_in h2{
width:530px;
height:18px;
text-indent:-9999px;
font-size:18px;
margin:10px 0;
}

#content_in h2.about{
background:url(../img/title_about.gif) no-repeat;
}

#content_in h2.qa{
background:url(../img/title_qa.gif) no-repeat;
}

#content_in h2.guide{
background:url(../img/title_guide.gif) no-repeat;
}

#guide dl{
width:530px;
margin:15px 10px 10px 10px;
}

#guide dl dt{
float:left;
width:170px;
display:inline;
}

#guide dl dd{
float:right;
display:inline;
width:345px;
line-height:1.6;
margin:10px 0 0 0;
}

#guide dd h2{
font-size:136%;
background:url(../img/hr_x.gif) bottom repeat-x;
padding-bottom:5px;
}

#guide dt img{
border:1px #ccc solid;
width:169px;
}

#guide dt a:hover img{
border:1px #999 solid;
}

#guide dd a{
width:170px;
display:block;
color:#666;
text-decoration:none;
margin-top:3px;
text-align:center;
}

#guide dd a:hover{
background-color:#eee;
text-decoration:underline;
}

.texts {
clear:both;
padding:5px 10px;
}

.texts p {
line-height:1.6;
}

.point {
padding:5px 10px;
}

.point ul li {
background:url(../img/disc.gif) left top no-repeat;
padding-left:18px;
margin:0 0 5px 5px;
}

.point h3 {
height:13px;
background:url(../img/point.gif) no-repeat;
text-indent:-9999px;
margin-bottom:8px;
}

.howto {
border:1px #ccc solid;
margin:5px 10px;
padding:10px;
background-color:#fafafa;
}

.howto h3 {
height:25px;
font-size:19px;
background:url(../img/howto.gif) center top no-repeat;
text-indent:-9999px;
margin-bottom:8px;
border-bottom:1px #ccc solid;
}

.howto ol li {
list-style:decimal inside;
margin-left:1em;
line-height:1.5;
}

.howto th,
.howto td{
padding:5px;
vertical-align:top;
line-height:1.5;
}

#guide strong {
color:#CC0000;
}

a.guide_next {
width:160px;
height:50px;
background:url(../img/guide_next.jpg) no-repeat;
text-indent:-9999px;
display:block;
margin:10px 0 0 160px;
}

a.guide_next:hover {
background-position:0 -50px;
}


/*フッター
-----------------------------------------*/
address{
clear:both;
background:url(../img/base_bottom.gif) no-repeat;
width:785px;
height:66px;
text-indent:-9999px;
}