@charset "utf-8";

/*structure*/
body {background : #f7f4eb url(../const_img/bodyBack.gif) repeat-x; _text-align: center; margin-top:0; padding-top:0}/*IEhack*/
#wrapper    { width : 800px ; position : relative ; margin-left : auto ; margin-right : auto ; background : url(../const_img/body_middle.jpg) repeat-y; _text-align:left }
#header {height: 225px}
#header {_height: 235px}
*+html body #header {height: 235px}

#gNavi {width: 200px; height:223px; margin-left: 600px; position:absolute; top:0; background : transparent url(../const_img/gNavi_back.gif) no-repeat}
#gNavi {_position:absolute; _top: 8px}
*+html body #gNavi {position:absolute; top: 8px}

#sectionNavi {height:100px; background: url(../const_img/sectionNavi_back.gif) no-repeat right top; padding-bottom:0; margin-bottom:0}
#contents {background: url(../const_img/contents_back.gif) repeat-y right top; margin:0; width:800px; overflow:auto}

#contents #main {background: url(../const_img/main_top.gif) no-repeat right top}
#contents #leftCol {width:530px; float:left;_width: 520px }
#contents #rightCol {width: 230px; padding-top:1.5em;float:left; overflow:visible; _width:210px}
#footer {height: 101px; background: url(../const_img/footer.gif) no-repeat right top; padding:0; clear:both}

/*fonts*/
body {color:#3c281c}
#header h1{ padding-top:15px; color:#f7f4eb; font-size: 129%}
#header p {color:#f7f4eb; font-size: 92%}
#sectionNavi h2 {color: #f5f1d7; font-size: 107%}

/*header*/
#header img.title {position:absolute; top:25px}
#header img.title {_position:absolute; _top:33px}
*+html body #header img.title {position:absolute; top:33px}

/*gNavi*/
#gNavi a {color:transparent; text-decoration:none}
#gNavi a img {border:0}
#gNavi a:hover {color: transparent}
#gNavi ul { list-style:none; _margin-left:0}
*+html body #gNavi ul {margin-left:0}

#gNavi li {font-size: 100%; margin: 6px 0; letter-spacing: 0.1em}
#gNavi li {_margin: 7px 0}
*+html body #gNavi li {margin: 7px 0}

/*sectionNavi*/
#sectionNavi {padding: 1em 0.2em 0 0.2em}
#sectionNavi p a {padding-left:15px; height:20px; background: url(../const_img/arrow_right.gif) no-repeat left center}
body#about #sectionNavi,
body#description #sectionNavi,
body#step #sectionNavi,
body#open #sectionNavi,
body#community #sectionNavi,
body#info #sectionNavi {height:82px; background: url(../const_img/sectionNavi_s.gif) no-repeat right top; padding-bottom:0; margin-bottom:0}


/*breadcrumb*/
#breadcrumb {font-size: 85%; margin-left: 0; padding-left:1em}

/*contents*/
#contents {font-size: 92%}

/*contents>#main*/
#contents #main {padding-top: 0.5em; overflow:auto;width:800px}


/*footer*/
#footer p {font-size: 77%; color: #675b44; margin:0; text-align:right; padding: 0.3em 1em; visibility: hidden;}