@charset "UTF-8";

* { margin: 0; padding: 0; outline: none; }

html,body,div,ol,ul,li,h1,h2,h3,h4,p,fieldset,a,br { margin: 0; padding: 0;}

body {
font-family: 'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',Verdana,sans-serif;
font-size: 12px;
line-height: 150%;
text-decoration: none;
color: #666666;
background: #ffffff;
}

a, a:link, a:visited { font-size: 12px; color: #ee4d99; line-height: 120%; text-decoration: none; }
a:hover { font-size: 12px; color: #3399cc; line-height: 120%; text-decoration: underline; }

h1 {display: none;}
p { font-size: 11px; line-height: 150%; }
img { margin: 0; padding: 0; border: none; }
strong { font-weight: bold; }
dl, dt, dd { margin: 0; padding: 0; }
em { color: #990000; }
form { margin: 0; padding: 0; }
input { margin: 0; padding: 0; }
textarea {background: #ffffff;}
.submit { margin-left: 5px; margin-bottom: -5px; padding: 0; }

/* Layout */
#container {
width: 730px;
margin: 0 auto;
padding: 0;
background: #ffffff url(../images/bg.gif) top repeat-y;
\width: 732px; /* For IE5 Win */
w\idth: 730px;
}

/* Header */
#header {
width: 710px;
height: 60px;
margin: 0 0 0 10px;
padding: 0;
background: #ffffff url(../images/header_bg.gif) top left no-repeat;
}
#logo {
float:left;
width: 470px;
height: 60px;
background: url(../images/header_logo.gif) top left no-repeat;
}            
#logo a {
width: 240px;
height: 60px;
display: block;
}
#logo h2, #logo span {
display: none;
}

/* Subnavi */
#subnavi {
float: right;
width: 240px;
height: 35px;
margin: 0;
padding: 0;
}
#subnavi ul {
list-style-type: none;
}
#subnavi ul li {
float:left;
margin: 0;
padding: 0 5px 0 0;
}
#subnavi ul li a {
display: block;
width: 75px;
height: 35px;
text-decoration:none;
text-indent: -9000px;
}
#subnavi #sub1 a { background: url(../images/bo_sub01.gif) no-repeat; }
#subnavi #sub2 a { background: url(../images/bo_sub02.gif) no-repeat; }
#subnavi #sub3 a { background: url(../images/bo_sub03.gif) no-repeat; }

/* Navi */
#navi {
width: 198px;
height: 175px;
margin: 0;
padding: 0;
text-align: left;
}
#navi ul {
list-style-type: none;
}
#navi ul li {
float:left;
}
#navi ul li a {
display: block;
width: 198px;
height: 25px;
text-decoration:none;
text-indent: -9000px;
}
#navi #nav1 a {background: url(../images/bo_01.gif) no-repeat;}
#navi #nav2 a {background: url(../images/bo_02.gif) no-repeat;}
#navi #nav3 a {background: url(../images/bo_03.gif) no-repeat;}
#navi #nav4 a {background: url(../images/bo_04.gif) no-repeat;}
#navi #nav5 a {background: url(../images/bo_05.gif) no-repeat;}
#navi #nav6 a {background: url(../images/bo_06.gif) no-repeat;}
#navi #nav7 a {background: url(../images/bo_07.gif) no-repeat;}
#navi #nav1 a:hover, #navi #nav2 a:hover, #navi #nav3 a:hover, #navi #nav4 a:hover, #navi #nav5 a:hover, #navi #nav6 a:hover, #navi #nav7 a:hover {
background-position:0 -25px;
}

/* Sidebar */
#sidebar {
clear: both;
float: left;
width: 200px;
margin: 0;
padding: 0 0 0 15px;
}
#side-content {
width: 198px;
margin: 0;
padding: 0;
}
#side-content p {
font-size: 10px;
line-height: 140%;
}
.side-title1 {
width: 198px;
height: 30px;
margin: 0;
padding: 0;
background: url(../images/left_title01.gif) top left no-repeat;
}
.side-title2 {
width: 198px;
height: 30px;
margin: 0;
padding: 0;
background: url(../images/left_title03.gif) top left no-repeat;
}
.side-title3 {
width: 198px;
height: 30px;
margin: 0;
padding: 0;
background: url(../images/left_title02.gif) top left no-repeat;
}
.side-tel {
width: 198px;
height: 110px;
margin: 0;
padding: 0;
background: url(../images/left_contact.gif) top left no-repeat;
}
.side-mail a {
display: block;
width: 198px;
height: 35px;
margin: 0;
padding: 0;
text-decoration:none;
text-indent: -9000px;
}
.side-mail a {
background: url(../images/bo_contact.gif) top left no-repeat;
}
.side-mail a:hover {
background-position:0 -35px;
}
.gr-img01 {
width: 198px;
height: 60px;
background: url(../images/group_ban01.gif) top left no-repeat;
}
.gr-img02 {
width: 198px;
height: 60px;
background: url(../images/group_ban02.gif) top left no-repeat;
}
.gr-img01 a, .gr-img02 a {
display: block;
width: 198px;
height: 60px;
}
.gr-text {
width: 178px;
padding: 10px 0 0 10px;
}
.gr-text p {
padding: 0 0 3px 0;
font-size: 84%;
_font-size: 90%;
}
.side-qr {
width: 198px;
height: 144px;
background: url(../images/left_qr.gif) top left no-repeat;
}
.side-title1 span, .side-title2 span, .side-title3 span, .side-tel p, .gr-img01 span, .gr-img02 span, .side-qr span {
display: none;
}
.arrow-a {
width: 178px;
padding: 0 0 10px 10px;
}
.arrow-a p {
padding: 0 0 3px 15px;
background: url(../images/icon_a01.gif) top left no-repeat;
}

/* Main Title */
#main-content {
float: left;
width: 500px;
margin: 0;
paddingt: 0;
}
.title-main {
width: 500px;
height: 175px;
margin: 0;
padding: 0;
background: url(../images/img_main.jpg) top left no-repeat;
}
.title-invite {
width: 500px;
height: 175px;
margin: 0;
padding: 0;
background: url(../images/img_invite.jpg) top left no-repeat;
}
.title-work {
width: 500px;
height: 175px;
margin: 0;
padding: 0;
background: url(../images/img_work.jpg) top left no-repeat;
}
.title-pay {
width: 500px;
height: 175px;
margin: 0;
padding: 0;
background: url(../images/img_pay.jpg) top left no-repeat;
}
.title-income {
width: 500px;
height: 175px;
margin: 0;
padding: 0;
background: url(../images/img_income.jpg) top left no-repeat;
}
.title-faq {
width: 500px;
height: 175px;
margin: 0;
padding: 0;
background: url(../images/img_faq.jpg) top left no-repeat;
}
.title-bbs {
width: 500px;
height: 175px;
margin: 0;
padding: 0;
background: url(../images/img_bbs.jpg) top left no-repeat;
}
.title-con {
width: 500px;
height: 175px;
margin: 0;
padding: 0;
background: url(../images/img_con.jpg) top left no-repeat;
}
.point {
width: 500px;
height: 180px;
margin: 2px 0 0 0;
padding: 0;
background: url(../images/cut_pay.gif) top left no-repeat;
}
.title-main h3, .title-main p, .title-invite h3, .title-invite p, .title-work h3, .title-work p, .title-pay h3, .title-pay p, .title-income h3, .title-income p, .title-faq h3, .title-faq p, .title-bbs h3, .title-bbs p, .title-con h3, .title-con p, .point p {
display: none;
}

/* Comment */
.comment {
clear: both;
width: 496px;
margin: 2px 0 0 0;
padding: 0 0 20px 0;
border: 2px solid #f2f2f2;
}
.comment-t {
width: 472px;
height: 26px;
padding: 7px 0 0 20px;
color: #737373;
font-size: 110%;
font-weight: bold;
background: #f2f2f2;
border: 2px solid #ffffff;
}
.comment-a {
width: 500px;
padding: 0 0 20px 0;
border-top: 2px solid #ffffff;
background: #FDF7E2;
}
.comment-at {
width: 480px;
height: 30px;
padding: 6px 0 0 20px;
color: #00A4D2;
font-size: 110%;
font-weight: bold;
background: url(../images/ban_main01.gif) top left no-repeat;
}
.comment-d {
clear: both;
width: 480px;
height: 30px;
padding: 6px 0 0 20px;
color: #F54796;
font-size: 110%;
font-weight: bold;
border-top: 2px solid #ffffff;
background: url(../images/ban_main02.gif) top left no-repeat;
}
.comment-gt, .comment-bt, .comment-ot {
width: 476px;
height: 30px;
padding: 7px 0 0 20px;
font-size: 110%;
font-weight: bold;
}
.comment-gt {
color: #24a3c6;
background: url(../images/ban_g.gif) top left no-repeat;
}
.comment-bt {
color: #87490b;
background: url(../images/ban_b.gif) top left no-repeat;
}
.comment-ot {
color: #669435;
background: url(../images/ban_o.gif) top left no-repeat;
}
.comment-img {
float: left;
margin: 0 10px 10px 0;
}
.comment-in {
width: 456px;
margin: 0;
padding: 7px 0 0 20px;
}
.comment-in p {
padding: 5px 0 0 0;
}
.comment-in ul {
list-style: url(../images/icon_a03.gif) outside;
padding: 5px 0 0 18px;
}
.comment-in li {
font-size: 11px;
}
.text-b {
padding: 0 2px;
font-size: 110%;
color: #cf5820;
line-height: 160%;
font-weight: bold;
}
.text {
clear: both;
padding: 20px 0 0 0;
}
.text dt {
padding: 3px 0 3px 3px;
font-size: 108%;
color: #5d3e03;
background: url(../images/line.gif) top left repeat-x;
background: #f2f2f2;
}
.text dd {
padding: 10px 0;
}
.text2 dt, .text2 dd {
margin: 0;
padding: 10px 0;
background: url(../images/line.gif) top left repeat-x;
}
.text2 dt {
clear: both;
display: inline;
float: left;
width: 130px;
color: #659133;
font-weight: bold;
}
.text2 dd {
display: block;
margin: 0 0 0 130px;
font-size: 11px;
}
.text3 dt {
margin: 8px 0 0 0;
padding: 5px 0;
background: url(../images/line.gif) top left repeat-x;
}
.text4 dt, .text4 dd {
margin: 0;
padding: 4px 0 4px 2px;
background: url(../images/line.gif) top left repeat-x;
}
.text4 dt {
clear: both;
display: inline;
float: left;
width: 130px;
color: #dc8114;
font-weight: bold;
}
.text4 dd {
display: block;
margin: 0 0 0 140px;
}

.text-fs {
padding: 0 0 0 2px;
font-size: 90%;
color: #5d3e03;
_font-size: 90%;
}
.arrow-text {
padding: 0 0 3px 18px;
background: url(../images/icon_a011.gif) top left no-repeat;
}
.textcolor-g {
color: #659133;
}
.textcolor-r {
padding: 0 0 0 4px;
font-size: 84%;
color: #cc0000;
_font-size: 90%;
}
.cut-qr {
height: 66px;
background: url(../images/qr_mail.gif) top left no-repeat;
}
.cut-tel {
height: 50px;
background: url(../images/cut_tel.gif) top left no-repeat;
}
.cut-qr span, .cut-tel span {
display: none;
}

/* MENU */
.menu {
width: 480px;
margin: 0;
padding: 16px 0 0 20px;
}
.menu ol {
list-style-type: none;
margin: 0 0 20px 0;
}
.menu li {
float: left;
display: inline;
width: 140px;
height: 110px;
margin: 0 20px 20px 0;
padding: 0;
font-size: 84%;
line-height: 140%;
_font-size: 90%;
}

/* LINK */
.banner {
width: 460px;
margin: 0;
padding: 20px 0 0 20px;
}
.banner-b {
clear: both;
width: 468px;
margin: 0;
padding: 20px 0 0 20px;
}
.banner ul, .banner-b ul {
list-style-type: none;
margin: 0 0 20px 0;
}
.banner li {
float: left;
display: inline;
width: 92px;
margin: 0;
padding: 0 0 10px 0;
}
.banner-b li {
float: left;
display: inline;
margin: 0;
padding: 0 0 5px 0;
}

/* FAQ */
#faqnavi {
float: left;
width: 504px;
height: 80px;
margin: 0;
padding: 0;
}
#faqnavi ul {
list-style-type: none;
}
#faqnavi ul li {
float:left;
margin: 0;
padding: 0 4px 0 0;
}
#faqnavi ul li a {
display: block;
width: 122px;
height: 80px;
text-decoration:none;
text-indent: -9000px;
}
#faqnavi #faq1 a { background: url(../images/bo_faq01.gif) no-repeat; }
#faqnavi #faq2 a { background: url(../images/bo_faq02.gif) no-repeat; }
#faqnavi #faq3 a { background: url(../images/bo_faq03.gif) no-repeat; }
#faqnavi #faq4 a { background: url(../images/bo_faq04.gif) no-repeat; }
.faq dt {
padding: 7px 0 0 30px;
color: #5d3e03;
background: url(../images/icon_q.gif) top left no-repeat;
}
.faq dd {
padding: 7px 0 5px 30px;
border-bottom: 1px dotted #cccccc;
background: url(../images/icon_a.gif) top left no-repeat;
}

/* pagetop */
.foot {
clear: both;
width: 480px;
height: 30px;
margin: 2px 0 0 0;
padding: 0 20px 0 0;
border-top: 2px solid #f2f2f2;
}
.pagetop {
float: right;
width: 85px;
height: 30px;
margin: 0;
padding: 0;
background: transparent url(../images/navi_pagetop.gif)  no-repeat;
}
.pagetop a {
width: 85px;
height: 30px;
display: block;
}
.pagetop span { display: none; }

/* BBS */
#bbs {
margin: 2px 0 0 0;
padding: 30px 50px;
width: 400px;
background: #f0e8df;
}
#bbs-container {
margin: 0 0 30px 0;
padding: 10px 20px 0 20px;
width: 358px;
border: 1px solid #c69c6d;
background: #ffffff;
}
.bbs-requir {width: 320px; margin: 0; padding: 1px; border: 1px solid #c69c6d;}
.bbs-field {width: 200px; margin: 0; padding: 1px; border: 1px solid #c69c6d;}
.bbs-submit {border: 0; margin: 10px 0; padding: 0;}
#res-bo {text-align: right;}
.bbs-title { color: #733a00; font-weight: bold; border-bottom: 1px dotted #c69c6d; margin-bottom: 5px;}
.comment-name {font-size: 90%; color: #c69c6d; text-align: right; margin-bottom: 15px; _font-size: 96%;}
.comment-body {font-size: 1em; line-height: 170%; margin-bottom: 10px;}
#res {margin: 0; padding: 0 0 0 15px; width: 343px;}
.bbs-nav {text-align: center;}
.bbs-topnavi { text-align: right; padding: 30px 0 0 0;}
.bbs-form dt { padding: 3px 0 0 0; color: #733a00;}

/* Footer */
#footer {
clear: both;
width: 730px;
height: 80px;
margin: 0;
padding: 10px 0 0 0;
text-align: center;
background: #ffffff url(../images/foot_bg.gif) top left no-repeat;
}
.text-s {
padding: 0 0 5px 0;
font-size: 84%;
color: #9a9a9a;
_font-size: 90%;
}
.text-a {
margin: 10px 0 0 0;
font-size: 84%;
color: #9a9a9a;
border-top: 2px solid #dadada;
_font-size: 90%;
}

#index-container {
width: 700px;
margin: 0 0 0 15px;
paddingt: 0;
background: #ffffff;
}
#index-logo {
width: 700px;
height: 250px;
margin: 0;
paddingt: 0;
background: url(../images/index_logo.gif) top left no-repeat;
}
#index-logo a {
width: 700px;
height: 200px;
display: block;
}
#index-img {
width: 700px;
height: 50px;
background: url(../images/index_img.gif) top left no-repeat;
}            
#index-logo h2, #index-logo span, #index-img h3, #index-img span, #enter h2, #enter span, .index-title span, .gr-img03 span {
display: none;
}
#enter a {
display: block;
width: 232px;
height: 52px;
margin: 0 auto;
background: url(../images/enter.gif) top left no-repeat;
}
#enter a:hover {background-position:0 -52px;}
.in {
width: 700px;
height: 35px;
padding: 70px 0 15px 0;
font-size: 11px;
color: #ffffff;
text-align:center;
background: url(../images/index_in.gif) top left no-repeat;
}
.index-title {
width: 700px;
height: 30px;
margin: 0;
padding: 0;
background: url(../images/index_title.gif) top left no-repeat;
}
#group {
width: 700px;
height: 181px;
background: #ededed;
}
.group01 {
float:left;
width: 198px;
border-right: 2px solid #ffffff;
}
.gr-img03 {
float:left;
width: 300px;
height: 180px;
background: url(../images/index_qr.gif) top left no-repeat;
}