@charset "utf-8";

/* RESET ──────────────────────────── */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td,input,select,textarea { font-size:16px; color:#333; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td { margin:0;padding:0; line-height:160%; list-style-type:none; }
fieldset,img { border:0; vertical-align:bottom; }
caption,th { text-align:left; }
select { padding:1px; }
input { vertical-align:top; outline:0 solid #f00; font-size:110%; }
p.tC label input { border:1px solid #ccc !important; }
fieldset,img { border:0; vertical-align:bottom; }
caption,th { text-align:left; }

/* BASE ──────────────────────────── */
a { text-decoration:none; }
body { background:#F9F9F4 none 0 0 no-repeat; font-family:sans-serif; }
#footer p { background-color:#ffffff; text-align:center; font-size:80%; padding:20px 5px; margin:0; }
#footerMenu { text-align:right; margin:0 0 5px; }
#footerMenu li { display:inline; }
#footerMenu li a {
    line-height:60%;
    color:#333;
    font-size:0.8em;
    font-weight:600;
    margin:10px 0 5px 5px;
    padding:5px;
    text-align:center;
    color:#fff;
    background-color:#3B5998;
}
#footerMenu li.gradation a {
    color:#333;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #9cc900;
    background: #FCFCFC;
    background: -moz-linear-gradient(top, #FCFCFC 0%, #EAEAEA 33%, #AFAFAF 86%, #8E8E8E 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FCFCFC), color-stop(33%,#EAEAEA), color-stop(86%,#AFAFAF), color-stop(100%,#8E8E8E)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FCFCFC', endColorstr='#8E8E8E',GradientType=0 );
}
#footerMenu.topMenu { text-align:left; margin:5px 10px; }
#tellAFriend.mypageMenu a { margin:16px 0 0 10px; }
#tellAFriend.aboutFriend a { margin:2px 0 0 20px; }
#tellAFriend.topFriend a { margin:2px 0 0 0; }
#footerMenu.aboutMenu li a { margin:0 20px 0 0; }
#tellAFriend a {
    float:left;
    color:#fff;
    line-height:110%;
    font-size:0.8em;
    font-weight:600;
    margin:1px 0 5px 10px;
    padding:5px;
    text-align:center;
    color:#fff;
    background-color:#3B5998;
}
/* clearfix ------------------------------------------------------- */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px; /*¥*/ /*/ height: auto; overflow: hidden; /**/ }
.clear { clear: both; }
.solo { width: 690px!important; margin: 0 0 10px!important; }

/* clear */
.clear { clear: both; }
/* TOP ──────────────────────────── */
#header h1 { padding:20px 0 10px; width:100%; text-align:center; }

#topArea { margin:0 10px 10px; overflow:hidden; background:#fff none 0 0 no-repeat; border:1px solid #D2CFB3; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
#topArea li a { font-size:18px; display:block; margin:-2px 0 0; padding:15px; color:#333; border-top:1px solid #D2CFB3; }
#topArea li a:hover { background-color:#fafafa; color: #385683; }

#header p { 
    display:block;
    border-bottom:1px solid #fff;
    background-color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eeeeee));
    -webkit-box-shadow:0 0 3px #cccccc;
}

#header p a { display:block; color:#333; font-weight:900; padding:15px 10px; }
#header p a:hover { color: #385683; }
#header p a img { vertical-align:baseline; }

#header #aboutMe { margin:0 auto; width:278px; text-align:center; line-height:3.5em; }
#header #aboutMe a { margin:0 10px 0 0; }
#header #aboutMe .topButton {
    text-align:center; display:inline;
    background:#E1A1C6 none 0 0 no-repeat;
    -webkit-border-radius:7px;
    border-bottom:1px solid #e6e6e6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:8px 10px;
}

#header #aboutMe .topButton:hover { border-bottom:0px solid #e6e6e6; border-top:1px solid #e6e6e6; padding:8px 10px; line-height:0; }
#header #aboutMe .topButton { margin:0 auto; text-align:center; color:#fff; font-size:0.9em; }
#header #aboutMe .topButton em { font-style:normal; font-weight:600; font-size:1.1em; }

#header ul { margin:-10px auto 30px; }
#header li { text-align:center; margin:0 60px; background:#E1A1C6 none 0 0 no-repeat; -webkit-border-radius:7px; border-bottom:1px solid #e6e6e6; }
#header li:hover { border-bottom:0px solid #e6e6e6; border-top:1px solid #e6e6e6; }
#header li a { display:block; margin:0 auto; text-align:center; padding:4px 0; }
#header li a em { padding:0 0 0 10px; margin:0 auto; font-style:normal; color:#fff; background:transparent url(../images/common/header_about.gif) 0 center no-repeat; }

#top ol { margin:0 0 20px; }
#top ol li {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin:0 20px 5px;
    border:0 solid #fff;
    text-align:center;
    background:#fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,#ffffff), color-stop(100%,#dedede));
    -webkit-border-radius:10px;
    -webkit-box-shadow: 1px 2px 3px #666;
    border:1px solid #ccc;
}
#top ol li a { display:block; padding:10px 0; text-align:center; color:#333; background:transparent url(../images/common/arrow_login.gif) 95% center no-repeat; }
#top ol li a:hover { color:#E1A1C6; }
#top ul { border-top:1px solid #aaa; }
#top ul li { border-bottom:1px solid #aaa; }
#top ul li a { border-top:1px solid #fff; color:#333; display:block; padding:3px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F6F6F6), color-stop(58%,#FFFFFF)); padding:3px 20px; }
#top ul li a:hover { color:#E1A1C6; }
#top p { border-bottom:1px solid #aaa; }
#top p a { border-bottom:1px solid #fff; color:#333; display:block; padding:10px 7px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); }
#top p a:hover { color:#E1A1C6; }


.menu {
    margin:0 10px;
    }

.menu li a {
    color:#333;
    font-weight:900;
    margin:0 0 10px;
    display:block;
    padding:15px;
    text-align:center;
    font-size:18px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #9cc900;
    background: #FCFCFC;
    background: -moz-linear-gradient(top, #ffffff 40%, #CECECE 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#ffffff), color-stop(100%,#CECECE));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#CECECE',GradientType=0 );
     box-shadow: 1px 1px 1px #777;
    -webkit-box-shadow: 1px 1px 1px #777;
    -moz-box-shadow: 1px 1px 1px #777;
    }

.hello { padding:30px 0 0; text-align:center; }
.hello strong { color:#66cc00; }
.paragraph { margin:0 0 20px 0; }

.new_event { text-align:center; padding:0 0 20px; font-weight:900; }
.new_event em{ font-weight:600; font-style:normal; color:#F00; font-size:12px; }
.new_event a { color:#000; font-weight:100; text-decoration:underline; }
.new_event a:hover { color:#c00; }
.new_event span { color:#000; }


#mypageTab { width:100%; overflow:hidden; position:relative; z-index:100; }
#mypageTab li a { width:5.5em; padding:10px 0; text-align:center; margin:0 5px 0 0; float:left; -moz-border-radius: 8px; -webkit-border-radius:8px; border-radius: 8px; color:#333; }

#mypageTab li#tabCheck a { background:#BDD762 none 0 0 no-repeat; }
#mypageTab li#tabBbs a { background:#F49C00 none 0 0 no-repeat; }
#mypageTab li#tabSetting a { background:#FAD200 none 0 0 no-repeat; }

#checkArea { width:100%; position:relative; z-index:1000; margin:-8px 0 0; padding:12px 0 7px; background:#BDD762 none 0 0 no-repeat; }
#settingArea { display:none; width:100%; position:relative; z-index:1000; margin:-8px 0 0; padding:12px 0 7px; background:#FAD200 none 0 0 no-repeat; }
#bbsArea { margin:0 10px 10px; overflow:hidden; background:#fff none 0 0 no-repeat; border:1px solid #D2CFB3; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
#bbsArea .threads div { font-size:18px; display:block; margin:-2px 0 0; padding:15px; color:#333; border-top:1px solid #D2CFB3; }
#bbsArea .noThreads div { font-size:18px; display:block; margin:-2px 0 0; padding:15px; color:#333; border-top:1px solid #D2CFB3; }
#bbsArea .threads div .threadTitle { font-weight:900; }
#bbsArea .threads div:hover { background-color:#fafafa; color: #385683; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
#bbsArea .more { background-color:#eee; padding:10px 0; }
#bbsArea .more a { width:80%; margin:0 auto; }

#event { display:none; width:100%; position:relative; z-index:1000; margin:-8px 0 0; padding:12px 0 5px; background:#87CEFA none 0 0 no-repeat; }
#event form#pager_form { margin:0; }
#event .newsTitle { font-weight:600;  }
#event .newsTitle span { text-decoration:underline; }
#event .newsTitle em { font-weight:600; font-style:normal; color:#F00; font-size:12px; text-decoration:normal; }
#bbs { display:none; width:100%; position:relative; z-index:1000; margin:-8px 0 0; padding:12px 0 5px; background:#F49C00 none 0 0 no-repeat; }
#bbs img { vertical-align:baseline; }
#bbs form#pager_form { margin:0; }

#mypage #footerMenu { margin:15px 10px; }
marquee { font-size:1em; color:#f00; line-height:1em; margin:0; padding:0; width:31px; }

/* about ──────────────────────────── */
#aboutWrapper { background-color:#fde470; padding:0 0 15px; -webkit-border-radius:10px; -moz-border-radius: 10px; border-radius:10px; }
#aboutWrapper h2 { background:none; color:#000; width:270px; margin:0 auto; }
#about { background-color:#fff; padding:10px; width:260px; margin:0 auto 10px; }
#about img { margin:0 0 15px; }
#about .aboutButton { text-align:center; margin: 0 0 15px; }
#about .aboutButton a {
    font-weight:600;
    color:#000;
    padding:5px 20px;
    text-align:center;
    background:#cfcfcf;
    border:1px solid #999;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius:30px;
    }
#about .aboutButton a:hover {
    background:#ddd;
    border:1px solid #ccc;
    }
#about ol { margin:0 auto; width:210px; }
#about ol li a {
    float:left;
    margin:0 2px;
    text-align:center;
    width:25px;
    background-color:#cfcfcf;
    padding:5px;
    border:1px solid #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius:5px;
}
#about ol { font-weight:600; }
#about ol li a:hover { background:#ddd; }
#about ol li.ac a { color:#71ba2e; }
#about ol li.np a { color:#ef9fc3; }
#about ol li.a a { color:#0cb4ec; }
#about ol li.cp a { color:#0a4693; }
#about ol li.fc a { color:#ed811a; }
p.clear { clear:both; }

/* news ──────────────────────────── */
#news { background-color:#87CEFA; padding:10px 0; }
#news #footerMenu { margin:0 10px; }

/* forum ──────────────────────────── */
#status { background-color:#BDD762; padding:10px 0; }
#status #contents .menu { margin:20px 0; }
#status #contents .form #check_form table tr th { width:70px; }
#status #contents .form form#check_form { margin:0; }
#status .buttons .button { margin:10px; }
#status #footerMenu { margin: 10px; }
#setting { background-color:#FAD200; padding:10px 0; }
#setting .form em { font-style:normal; color:#f00; }
#setting .button { margin:20px 0 10px; }
#setting #footerMenu { margin:0 10px; }
#setting_form table tr th { width:38%; }
#forum { background-color:#F49C00; padding:10px 0; }
#forum .paragraph { padding:5px; margin:10px; background-color:#fff; -webkit-border-radius:8px; -moz-border-radius: 8px; border-radius:8px; }
#forum .paragraph span.author { color:#396; font-weight:900; }
#forum .paragraph strong { display:block; }
#forum #pager { margin:15px 0; }
#forum #pager ul { text-align:center; }
#forum #pager ul li {
    display:inline;
    font-weight:900;
    background-color:#fff;
    padding:5px;
    margin:0 3px;
    -webkit-border-radius:3px;
    -moz-border-radius: 3px;
    border-radius:3px;
    }
#forum #pager ul li a { color:#333; }
#forum #pager ul li a:hover { background-color:#fafafa; color: #385683; }
#forum #sort { margin:10px; }
#forum #sort ul { margin:10px 0 0; overflow:hidden; background:#fff none 0 0 no-repeat; border:1px solid #D2CFB3; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
#forum #sort ul li a { display:block; margin:-2px 0 0; padding:15px; color:#333; border-top:1px solid #D2CFB3; }
#forum #sort ul li a:hover { background-color:#fafafa; color: #385683; }
#forum .buttons .button { width:150px; margin:20px 5px; }
#forum .button { margin:20px 10px; }
#forum img { vertical-align:baseline; }
#forum .paragraph { padding:10px; }
#forum .to_thread { display:block; margin:-2px 0 0; color:#333;  }
#forum .wrapMargin { margin:0 10px; }
#forum #footerMenu { margin:0 10px; }
#forum #contents .form #create_form table tr th { width:30%; }
#forum #contents .form #update_form table tr th { width:30%; }
#forum .paragraph .buttons { border-top: 1px solid #ccc; padding:15px 0 0; margin:10px 0 5px; }
/* company ──────────────────────────── */
#company {
    background-color:#ffd700;
    padding:10px;
    }

#company div {
    background-color:#fff;
    padding:10px;
    margin:10px 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    }
#company h4 { margin:10px 0 0; }
#company .topH4 { margin: 0; }
#company table tr td:first-child{ width:55px; }
#company table tr td{ vertical-align:top; }
#company ul { margin:0 0 5px 0; }
#company ul.addCircle li { margin:0 0 0 22px;list-style-type: disc; }
#company ul.addNamber li { margin:0 0 0 22px;list-style-type: decimal; }
#company ul.addNo li { margin:0;list-style-type: none; font-size: 14px; }
#company .privacy { margin:0; }

/* thread ──────────────────────────── */
#thread {
    background-color:#F49C00;
    padding:10px;
    }
#thread span { margin:0 5px; }
#thread span img { vertical-align:baseline; }
#thread #question {
    background-color:#fff;
    padding:10px;
    margin:10px 0 15px 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    }
#thread #question a { color:#333; }
#thread #question .qestionName { color:#00bfff; font-weight:bold; }
#thread #question ul { border-top:2px solid #999; text-align:center; padding:15px 0 5px; }
#thread #question ul li { display:inline; }
#thread #question ul li .button { display:inline; }
#thread #question ul li a:hover { background-color:#fafafa; color: #385683; }
#thread #answer {
    background-color:#fff;
    padding:10px;
    margin:10px 0 15px 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    }
#thread #answer a { color:#32cd32; }
#thread #answer a:hover { color:#357914; }
#thread #answer .qestionName { color:#00bfff; font-weight:bold; }
#thread #pager { margin:0 0 15px; }
#thread #pager ul { text-align:center; }
#thread #pager ul li {
    display:inline;
    font-weight:900;
    background-color:#fff;
    padding:5px;
    margin:0 3px;
    -webkit-border-radius:3px;
    -moz-border-radius: 3px;
    border-radius:3px;
    }
#thread #pager ul li a { color:#333; }
#thread #pager ul li a:hover { background-color:#fafafa; color: #385683; }
#thread #threadList ul li a {
    background-color:#fff;
    margin:10px 0;
    padding:5px;
    -webkit-border-radius:8px;
    -moz-border-radius: 8px;
    border-radius:8px;
    color:#333;
    display:block;
}
#thread #threadList ul li a:hover { background-color:#fafafa; color: #385683; }
/* register ──────────────────────────── */
#register { background-color:#BDD762; padding:10px; }
#register span { color:#f00; }
#register .comment { text-align:left; }
input.inactive { ime-mode:inactive; }
form { margin:10px 0; }
form table { border-collapse:collapse; width:100%; border-spacing:0; }
form table th span { color:#f00; font-size:1.2em; font-weight:normal; }
form table tr th { background-color:#f0f8ff; font-size:0.8em; padding:5px; border: 1px #ccc solid; }
form table tr td { background-color:#fff; border: 1px #ccc solid; padding:5px; font-size:0.8em; }
#login { background-color:#BDD762; padding:10px; }
#login ul li a { color:#333; }
#login ul li a:hover { color:#777;}
#login .login_save { margin:10px 0;}

.check_agree a { text-decoration:underline; }
.input_textarea { width:92%; }
#create_form .input_textarea { width:97%; }
/* contents ──────────────────────────── */
#contents {
    background-color:#fff;
    margin:10px;
    padding:10px;
    -webkit-border-radius:8px;
    -moz-border-radius: 8px;
    border-radius:8px;
    color:#333;
    display:block;
}

#contents .questions dl dd { letter-spacing:-0.1em; }

#contents .questions dl.odd {
    background-color: #F6F6F6;
}
#contents .questions dl {
    padding: 10px;
}
#contents.status .title {
    margin: 0 0 10px 0;
    text-align: center;
}
#contents.status .title strong {
    font-weight: bold;
    color: #638300;
}
#contents.status .charactor {
    margin: 0 0 10px 0;
    text-align: center;
}
#contents.status .feature {
    margin: 0 0 20px 0;
}
#contents.status .feature ul {
    margin: 0 0 0 10px;
    padding: 0 0 0 15px;
}
#contents.status .feature ul li {
    margin: 0 0 3px 0;
    list-style-type: disc;
}
#contents.status .graph {
    margin: 10px 10px 10px 10px;
    vertical-align: center;
}
#contents.status .graph table {
    margin: 0 auto 0 auto;
}
#contents.status .graph table tr th,
#contents.status .graph table tr td {
    text-align: center;
    vertical-align: top;
    background-color: #f6f6f6;
}
#contents.status .graph table tr.bar td {
    vertical-align: bottom;
    height: 110px;
}
#contents.status .graph table tr.bar div {
    margin: 0 auto 0 auto;
    width: 20px;
}

#contents.status .graph table tr.bar div.cp_graph {
    background-color: #0A4693;
}
#contents.status .graph table tr.bar div.np_graph {
    background-color: #EF9FC3;
}
#contents.status .graph table tr.bar div.a_graph {
    background-color: #0CB4EC;
}
#contents.status .graph table tr.bar div.fc_graph {
    background-color: #ED811A;
}
#contents.status .graph table tr.bar div.ac_graph {
    background-color: #71BA2E;
}



#contents.status .graph table tr.category th {
    padding: 4px 10px 2px 10px;
}
#contents.status .graph table tr.percent td {
    font-size: 12px;
    padding: 2px 4px 2px 4px;
}

#contents.status .links {
    margin: 10px 10px 10px 10px;
    padding: 10px 0 0 0;
    border-top: solid 1px #666666;
}
#contents.status .links ul li {
    margin: 0 0 3px 0;
}

#contents.status .buttons {
    padding: 10px 0 20px 0;
    text-align: center;
}

#contents .form table tr td em { font-style:normal; font-weight:900; }
/* friends ──────────────────────────── */
.friendsMenu { margin:10px 0 0; overflow:hidden; background:#fff none 0 0 no-repeat; border:1px solid #D2CFB3; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.friendsMenu ul li a { font-size:18px; display:block; margin:-2px 0 0; padding:15px; color:#333; border-top:1px solid #D2CFB3; }
.friendsMenu ul li a:hover { background-color:#fafafa; color: #385683; }
/* hn ──────────────────────────── */
h2 {
    color:#fff;
    background-color:#333;
    padding:0 10px;
    }

h3 {
    color:#fff;
    background-color:#333;
    padding:0 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    }
h3.forumH {
    margin:0 10px;
    color:#fff;
    background-color:#333;
    padding:0 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    }

h4.nallow { letter-spacing:-1px; }
em.nallow { letter-spacing:-1px; font-style:normal; font-weight:600; }
/* button ──────────────────────────── */
.buttons {
    display:block;
    margin: 20px auto;
    text-align:center;
}

.buttons .button {
    line-height:60%;
    color:#333;
    font-weight:900;
    margin:10px 5px 0;
    display:inline;
    padding:10px;
    text-align:center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border:1px solid #999;
    background-color: #9cc900;
    background: #FCFCFC;
    background: -moz-linear-gradient(top, #FCFCFC 6%, #D6D6D6 49%, #C1C1C1 50%, #CCCCCC 56%, #FCFCFC 97%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(6%,#FCFCFC), color-stop(49%,#D6D6D6), color-stop(50%,#C1C1C1), color-stop(56%,#CCCCCC), color-stop(97%,#FCFCFC)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FCFCFC', endColorstr='#FCFCFC',GradientType=0 );
    }

.button {
    line-height:60%;
    color:#333;
    font-weight:900;
    margin:5px 0 0;
    display:block;
    padding:15px 20px;
    text-align:center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border:1px solid #999;
    background-color: #9cc900;
    background: #FCFCFC;
    background: -moz-linear-gradient(top, #FCFCFC 6%, #D6D6D6 49%, #C1C1C1 50%, #CCCCCC 56%, #FCFCFC 97%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(6%,#FCFCFC), color-stop(49%,#D6D6D6), color-stop(50%,#C1C1C1), color-stop(56%,#CCCCCC), color-stop(97%,#FCFCFC)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FCFCFC', endColorstr='#FCFCFC',GradientType=0 );
    }

.singleButton {
    margin:10px 0 0;
}

.input_text { width:170px; }
.input_text_short { width:66%; }

/* error ──────────────────────────── */
.error{ background-color:#FBD3D1; border:1px solid #F7D1AE; padding:5px 10px; -moz-border-radius: 8px; -webkit-border-radius:8px; border-radius:8px; }
.noThread{ background-color:#ffffff; color:#999; border:1px solid #F7D1AE; padding:5px 10px; -webkit-border-radius:8px; border-radius:8px; }