@charset "utf-8";

/* structure */

div.mainarea {
width:945px;
padding:20px 0;
font-family: Arial,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
}

div.mainarea div.sidenavi {
width:230px;
float:left;
}

div.mainarea div.textarea {
width:680px;
float:right;
font-size:14px;
}

div.mainarea div.sidenavi h2 a {
display:block;
width:230px;
height:60px;
margin:0 0 10px;
background:url(/images/docs/about_title.gif) no-repeat 0 0;
text-indent:-9999px;
}

div.mainarea div.sidenavi h3#more {
width:230px;
height:46px;
margin:0;
background:url(/images/docs/hukidashi_black.gif) no-repeat 0 0;
color:#fff;
font-size:16px;
padding:9px 0 0 0;
text-align:center;
}

div.mainarea div.sidenavi h3 {
width:220px;
height:35px;
margin:0 0 10px;
background:url(/images/docs/midashi_bg.gif) no-repeat 0 0;
color:#fff;
font-size:18px;
padding:9px 0 0 10px;
}

*html div.mainarea div.sidenavi h3 {
width:230px;
}


div.mainarea div.sidenavi ul {
margin:0;
padding:0;
}


div.mainarea div.sidenavi ul li {
width:230px;
margin-bottom:5px;
}



div.mainarea div.sidenavi ul li a {
display:block;
background:url(/images/docs/sankaku.gif) no-repeat 0 0;
width:230px;
height:25px;
padding-left:20px;
height:21px;
padding-top:4px;
font-weight:bold;
}


div.mainarea div.sidenavi ul li a:hover {
background:url(/images/docs/menu_over.gif) no-repeat 0 0;
}

div.mainarea div.sidenavi ul li#now {
background:url(/images/docs/menu_ov.gif) no-repeat 0 0;
width:230px;
height:25px;
padding-left:20px;
height:21px;
padding-top:4px;
font-weight:bold;
}

*html div.mainarea div.sidenavi ul li a,
*html div.mainarea div.sidenavi ul li#now
 {
width:230px;
height:25px;
}

div.mainarea div.sidenavi ul li ul li {
list-style:disc;
margin-left:30px;
}

div.mainarea div.sidenavi ul li ul li a,
div.mainarea div.sidenavi ul li ul li a:hover
 {
width:200px;
background:none;
padding:0;
font-weight:normal;
}


div.mainarea div.textarea div.hukidashi_bd {
width:642px;
border-top:#000 solid 1px;
border-left:#000 solid 1px;
border-right:#000 solid 1px;
padding:18px;
}


*html div.mainarea div.textarea div.hukidashi_bd,
*html div.mainarea div.textarea div.next_back {
width:680px;
}


div.mainarea div.textarea p#about_top {
width:450px;
text-align:left;
margin-top:20px;
}

div.mainarea div.textarea p.ilt {
margin:20px 0 0;
}

div.mainarea div.textarea p.ilt02 {
margin:50px 0 0;
}

div.mainarea div.textarea div.next_back {
width:644px;
height:220px;
background:url(/images/docs/bado.gif) no-repeat left bottom;
padding:0 18px;
font-size:12px;
}

*html div.mainarea div.textarea div.next_back {
width:680px;
}

div.mainarea div.textarea div.next_back p#next {
width:40%;
text-align:right;
float:right;
}

div.mainarea div.textarea div.next_back p#back {
width:40%;
float:left;
}


div.mainarea div.textarea h4 {
width:630px;
height:25px;
background:url(/images/docs/become_m.gif) no-repeat 0 0;
margin:30px 0 15px;
font-size:18px;
font-weight:bold;
color:#fff;
padding:7px 0 0 12px;
}

*html div.mainarea div.textarea h4 {
width:642px;
height:32px;
}

div.mainarea div.textarea ul.point li {
width:642px;
background:url(/images/docs/line.gif) no-repeat left bottom;
padding-bottom:10px;
margin-top:10px;
}

div.mainarea div.textarea ul.point {
margin-bottom:50px;
}

div.mainarea div.textarea ul.point li p {
background:url(/images/docs/shikaku.gif) no-repeat 0 5px;
padding-left:15px;
}

div.mainarea div.textarea ul.point li p strong {
color:#e35c02;
font-size:18px;
}



/*join*/
h3#before {
color:#6c0;
font-size:20px;
margin:0 0 20px;
}

div.mainarea  div.step {
width:620px;
padding:10px 10px 30px 10px;
background:#daebbc url(/images/docs/next.gif) no-repeat left bottom;
margin:20px 0;
}

div.mainarea  div.step_last {
width:620px;
padding:10px 10px 30px 10px;
background:#daebbc;
margin:20px 0;
}


div.mainarea div.hukidashi_bd div.step h4,
div.mainarea div.hukidashi_bd div.step_last h4,
div.mainarea div.hukidashi_bd div.stepa h4,
div.mainarea div.hukidashi_bd div.stepa_last h4
 {
width:57px;
height:57px;
float:left;
text-indent:-9999px;
margin:0;
}

div.mainarea  div.hukidashi_bd div.step h4#step01_b {
background:url(/images/docs/01.gif) no-repeat 0 0;
}
div.mainarea  div.hukidashi_bd h4#step02_b {
background:url(/images/docs/02.gif) no-repeat 0 0;
}
div.mainarea  div.hukidashi_bd h4#step03_b {
background:url(/images/docs/03.gif) no-repeat 0 0;
}
div.mainarea  div.hukidashi_bd h4#step04_b {
background:url(/images/docs/04.gif) no-repeat 0 0;
}
div.mainarea  div.hukidashi_bd h4#step05_b {
background:url(/images/docs/05.gif) no-repeat 0 0;
}

div.mainarea  div.hukidashi_bd h4#step06_b {
background:url(/images/docs/06.gif) no-repeat 0 0;
}
div.mainarea  div.hukidashi_bd h4#step07_b {
background:url(/images/docs/07.gif) no-repeat 0 0;
}
div.mainarea  div.hukidashi_bd h4#step08_b {
background:url(/images/docs/08.gif) no-repeat 0 0;
}
div.mainarea  div.hukidashi_bd h4#step09_b {
background:url(/images/docs/09.gif) no-repeat 0 0;
}

div.mainarea div.hukidashi_bd div.step_txt {
width:550px;
float:right;
}

div.mainarea p.sub {
margin-top:15px;
}


h3#after {
color:#ea700e;
font-size:20px;
margin:0 0 20px;
}


div.mainarea  div.stepa {
width:620px;
padding:10px 10px 30px 10px;
background:#f9d4b6 url(/images/docs/next_a.gif) no-repeat left bottom;
margin:20px 0;
}

div.mainarea  div.stepa_last {
width:620px;
padding:10px 10px 30px 10px;
background:#f9d4b6;
margin:20px 0;
}

div.mainarea  div.hukidashi_bd h4#step02_a {
background:url(/images/docs/02_a.gif) no-repeat 0 0;
}

div.mainarea  div.hukidashi_bd h4#step01_a {
background:url(/images/docs/01_a.gif) no-repeat 0 0;
}
div.mainarea  div.hukidashi_bd h4#step03_a {
background:url(/images/docs/03_a.gif) no-repeat 0 0;
}
div.mainarea  div.hukidashi_bd h4#step04_a {
background:url(/images/docs/04_a.gif) no-repeat 0 0;
}
div.mainarea  div.hukidashi_bd h4#step05_a {
background:url(/images/docs/05_a.gif) no-repeat 0 0;
}


div#other {
width:640px;
border-top:#000 solid 1px;
padding-top:20px;
margin:30px 0;
}

div#other h3 {
margin-bottom:20px;
border-left:#000 solid 3px;
padding-left:7px;
}

div#event {
border:#ccc solid 1px;
padding:15px 19px;
width:600px;
margin:20px 0 30px;
}

*html div#event {
width:640px;
}

div#event h3 {
margin-bottom:10px;
color:#666;
border:none;
padding:0;
}

div#other ul {
list-style:disc;
padding:0 15px;
margin:0 15px;
}

*html div.mainarea div.step,
*html div.mainarea div.step_last,
*html div.mainarea div.stepa,
*html div.mainarea div.stepa_last {
width:640px;
}

div.hukidashi_bd p{
	margin: 10px;
	text-indent: 1em;
}