@charset "utf-8";

/* ------------------------- TOC 
setup
wrap around the contents
header
site navigation
common sub navigation
contents
page top
footer
 ------------------------- */

/* ============================== setup */
body { color: #333; background-color: #fff; font-size: 12px; font-family: "Lucida Grande", Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic", sans-serif; background: #FFFFFF url(../img/bg_wrapper.jpg) repeat-x 0 0; }
table { border-collapse: collapse; border-spacing: 0; }

a {  }
a:link,
a:visited {  }
a:hover, a:active {  }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }


/* ============================== wrap around the contents */
#wrapper { text-align: center; }


/* ============================== header */
#header { height: 89px; }
#header_inner { margin: 0 auto; padding-top: 32px; width: 900px; text-align: left; }

#header #sec_request { width: 367px; }
#header #sec_request #item_request_btn { width: 168px; overflow: hidden; }
#header #sec_request #item_request_btn a { display: block; width: 168px; height: 59px; background: url(../img/btn_item_request.gif) left top no-repeat; }
#header #sec_request #item_request_btn a:hover { background-position: 0 -59px; }
/* Hilight Current */
.request #header #sec_request #item_request_btn a,
.request #header #sec_request #item_request_btn a:hover { background-position: 0 -118px; }
#header #sec_request #item_request_tel { width: 191px; height: 56px; background: url(../img/txt_item_request.gif) left top no-repeat; }


/* ============================== site navigation */
#nav_global { padding-left: 12px; width: 688px; height: 43px; background: #fcf9f1 url(../img/bg_nav_global.gif) left bottom repeat-x; }
#nav_global ul { height: 43px; }
#nav_global li { float: left; }
#nav_global li a { display: block; width: 111px; height: 43px; background: url(../img/btn_nav_global.gif) left top no-repeat; }

/* Individual Links */
#nav_global #nav_global_index a { background-position: -12px 0; }
#nav_global #nav_global_philosophy a { background-position: -125px 0; }
#nav_global #nav_global_quiz a { background-position: -238px 0; }
#nav_global #nav_global_learn a { background-position: -351px 0; }
#nav_global #nav_global_narrative a { background-position: -464px 0; }
#nav_global #nav_global_campaign a { background-position: -577px 0; }

/* hover */
#nav_global #nav_global_index a:hover { background-position: -12px -43px; }
#nav_global #nav_global_philosophy a:hover { background-position: -125px -43px; }
#nav_global #nav_global_quiz a:hover { background-position: -238px -43px; }
#nav_global #nav_global_learn a:hover { background-position: -351px -43px; }
#nav_global #nav_global_narrative a:hover { background-position: -464px -43px; }
#nav_global #nav_global_campaign a:hover { background-position: -577px -43px; }

/* Hilight Current */
.index #nav_global #nav_global_index a,
.index #nav_global #nav_global_index a:hover { background-position: -12px -86px; }
.philosophy #nav_global #nav_global_philosophy a,
.philosophy #nav_global #nav_global_philosophy a:hover { background-position: -125px -86px; }
.quiz #nav_global #nav_global_quiz a,
.quiz #nav_global #nav_global_quiz a:hover { background-position: -238px -86px; }
.learn #nav_global #nav_global_learn a,
.learn #nav_global #nav_global_learn a:hover { background-position: -351px -86px; }
.narrative #nav_global #nav_global_narrative a,
.narrative #nav_global #nav_global_narrative a:hover { background-position: -464px -86px; }
.campaign #nav_global #nav_global_campaign a,
.campaign #nav_global #nav_global_campaign a:hover { background-position: -577px -86px; }


/* ============================== contents */
#contents { margin-top: 20px; line-height: 1.5; }
#contents_inner { margin: 0 auto; width: 900px; text-align: left; background: url(../img/bg_section.jpg) 0 200px repeat-y; }
.narrative #contents_inner,
.learn #contents_inner,
.quiz #contents_inner,
.campaign #contents_inner { padding-bottom: 25px; }

#contents a:link,
#contents a:visited { color: #cc0000; text-decoration: none; border-bottom: #cc0000 dotted 1px; }
#contents a:hover,
#contents a:c { border-bottom: none; }


/* =============== main_contents */
#contents #main_contents { width: 700px; }
#contents #main_contents #main_section {  }
#contents #main_contents #main_section .section { padding: 0 20px; }
#contents #main_contents #main_section .section_follow { margin-top: 30px; }
#contents #main_contents #main_section .section h2 { border-bottom: #000000 solid 1px; }
#contents #main_contents #main_section .section .box_pic,
#contents #main_contents #main_section .section .box_txt { margin-top: 20px; }
#contents #main_contents #main_section .section .box_full .box_txt { width: 406px; }
#contents #main_contents #main_section .section .box_half { width: 315px; }
#contents #main_contents #main_section .section h3 { padding-bottom: 15px; border-bottom: #000000 solid 1px; }

/* index */
.index #contents { margin-bottom: 0; }
.index #nav_global { padding-top: 9px; background-color: #ffffff; }
.index .section ul { padding-top: 3px; }
.index .section li { padding-top: 17px; }
.index .section .application { margin-top: -70px; padding-bottom: 22px; text-align: right; }
.index #main_contents { background: url(../img/bg_index_main_contents.gif) no-repeat 100% 100%; }

/* philosophy */
.philosophy #contents #main_contents #main_section_inner { background: url(../img/bg_philosophy_main_section.jpg) 0 0 no-repeat; }
.philosophy #contents #main_contents #main_section h1 { padding-top: 30px; height: 34px; background: url(../img/h1_philosophy.jpg) 0 30px no-repeat; }
.philosophy #contents #main_contents #main_section .section h2 { padding: 17px 0 14px 0; padding-left: 3px; }

/* quiz */
.quiz #contents #main_contents #main_section_inner { background: url(../img/bg_quiz_main_section.jpg) 0 0 no-repeat; }
.quiz #contents #main_contents #main_section h1 { padding-top: 30px; height: 53px; background: url(../img/h1_quiz.jpg) 0 30px no-repeat; }
.quiz #contents #main_contents #main_section .section h2 { padding-bottom: 10px; }
.quiz #contents #main_contents #main_section .section .box_quiz_question { margin-top: 20px; padding: 30px 26px 30px 20px; background-color: #000000; }
.quiz #contents #main_contents #main_section .section .btn_quiz_question { height: 40px; margin-left: 350px; padding-top: 20px; width: 264px; }
.quiz #contents #main_contents #main_section .section .btn_quiz_question a { display: block; width: 264px; height: 40px; background: url(../img/btn_quiz_question.gif) right top no-repeat; }
.quiz #contents #main_contents #main_section .section .box_quiz_answer { margin-top: 20px; padding: 30px 26px 30px 20px; background-color: #299ddd; }
.quiz #contents #main_contents #main_section .section .btn_quiz_answer { height: 40px; margin-left: 350px; padding-top: 20px; width: 264px; }
.quiz #contents #main_contents #main_section .section .btn_quiz_answer a { display: block; width: 264px; height: 40px; background: url(../img/btn_quiz_answer.gif) right top no-repeat; }

/* learn */
body.learn #contents #main_contents #main_section .section .box_full .box_txt { width: 381px; }
.learn #contents #main_contents #main_section_inner { background: url(../img/bg_learn_main_section.jpg) 0 0 no-repeat; }
.learn #contents #main_contents #main_section h1 { padding-top: 30px; height: 52px; background: url(../img/h1_learn.jpg) 0 30px no-repeat; }
.learn #contents #main_contents #main_section .section h2 { padding: 0 0 10px 3px; }
.learn #contents #main_contents #main_section .section .box_full .box_txt strong { display: block; padding-bottom: 15px; }
.learn #contents #main_contents #main_section .section .box_full .box_txt .link_detail { margin-top: 12px; }
.learn #contents #main_contents #main_section .section .box_full .box_pic a { border: none; }


/* narrative */
.narrative #contents #main_contents #main_section_inner { background: url(../img/bg_narrative_main_section.jpg) 0 0 no-repeat; }
.narrative #contents #main_contents #main_section h1 { padding-top: 30px; height: 52px; background: url(../img/h1_narrative.jpg) 0 30px no-repeat; }
.narrative #contents #main_contents #main_section .section h2 { padding: 0 0 10px 3px; }
.narrative .section .ms { margin-top: 20px; }
.narrative .section .ls { width: 430px; }
.narrative .section .rs,
.narrative .section .lc,
.narrative .section .rc { width: 200px; }
.narrative .section .detail { margin-top: 20px; text-align: right; }
.narrative #contents_inner { padding-bottom: 40px; }


/* campaign */
.campaign h1 { background: url(../img/h1_campaign.gif); width: 700px; height: 81px; }
.campaign .section .present { margin-top: 26px; }
.campaign .section h2 { padding-bottom: 9px; }
.campaign .section table { width: 100%; }
.campaign .section th,
.campaign .section td { padding: 7px 0 6px; background: url(../img/bg_request_section.gif) left bottom repeat-x; }
.campaign .section th { width: 549px; padding-top: 14px; vertical-align: top; }
.campaign .section th li { margin-top: 8px; }
.campaign .section td { width: 111px; }
.campaign .section { margin-top: 8px; }
.campaign #contents #main_contents #sec_about h2 { margin-bottom: 20px; }
.campaign #contents #main_contents .section .btn_link_toppage { width: 111px; height: 33px; border: none; float: left; margin-right: 3px; }
.campaign #contents #main_contents .section .btn_link_toppage { display: block; width: 111px; height: 33px; background: url(../img/btn_link_toppage.gif) left top no-repeat; }
.campaign #contents #main_contents .section .btn_link_toppage:hover { background-position: 0 -33px; }
.campaign #contents #main_contents .section .btn_link_application { width: 111px; height: 33px; border: none; float: left; }
.campaign #contents #main_contents .section .btn_link_application { display: block; width: 111px; height: 33px; background: url(../img/btn_link_application.gif) left top no-repeat; }
.campaign #contents #main_contents .section .btn_link_application:hover { background-position: 0 -33px; }
.campaign #contents #sec_detail th { width: 225px; padding-top: 17px; }
.campaign #contents #sec_detail td { padding: 15px 0 14px; width: 435px; }
.campaign #contents #main_contents #main_section .section .box_txt { margin-top: 10px; }

/* request */
.request #contents #main_contents #main_section_inner { background: url(../img/bg_request_main_section.jpg) 0 0 no-repeat; }
.request #contents #main_contents #main_section h1 { padding-top: 30px; height: 84px; background: url(../img/h1_request.jpg) 0 30px no-repeat; }
.request #contents #main_contents #main_section .section { padding-top: 18px; }
.request #contents #main_contents #main_section .section .box_full { padding: 5px 0 7px; width: 660px; background: url(../img/bg_request_section.gif) left bottom repeat-x; }
.request #contents #main_contents #main_section .section .box_full .box_item { width: 435px; }
.request #contents #main_contents #main_section .section .box_full .box_link { width: 225px; }
.request #contents #main_contents #main_section .section .box_full .box_link .btn_link_request { width: 111px; height: 33px; }
.request #contents #main_contents #main_section .section .box_full .box_link .btn_link_request a { display: block; width: 111px; height: 33px; background: url(../img/btn_link_request.gif) left top no-repeat; }
.request #contents #main_contents #main_section .section .box_full .box_link .btn_link_request a:hover { background-position: 0 -33px; }
.request #contents #main_contents #main_section .section .box_full .box_link .btn_link_application { width: 111px; height: 33px; }
.request #contents #main_contents #main_section .section .box_full .box_link .btn_link_application a { display: block; width: 111px; height: 33px; background: url(../img/btn_link_application.gif) left top no-repeat; }
.request #contents #main_contents #main_section .section .box_full .box_link .btn_link_application a:hover { background-position: 0 -33px; }


/* =============== sub_contents */
#contents #sub_contents { width: 180px; }
#contents #sub_contents dl { margin-top: -28px; }
#contents #sub_contents dl dd strong { font-weight: bold; }
#contents #sub_contents dl dd p.follow { margin-top: 0.5em; }
#contents #sub_contents dl dt.follow { margin-top: 15px; color: #009fe8; font-size: 84%; }
#contents #sub_contents dl dd.follow { margin-top: 5px; padding: 5px 3px; font-size: 84%; border: #000000 solid 1px; }

#contents #sub_contents #bunner a { border: none; }


/* ============================== page top */
#page_top { margin: -15px auto 0; width: 900px; height: 57px; line-height: 1.5; background: url(../img/bg_page_top.jpg) 0 0 no-repeat; }
#page_top p { padding: 26px 218px 0 0; text-align: right; }

#page_top a:link,
#page_top a:visited { color: #cc0000; text-decoration: none; border-bottom: #cc0000 dotted 1px; }
#page_top a:hover,
#page_top a:active { border-bottom: none; }

/* ============================== footer */
#footer { padding: 28px 0; line-height: 1.3; background-color: #A1B5BE; border-top: 1px solid #6C787F; }
#footer_inner { margin: 0 auto; width: 900px; text-align: left; }
#footer a { color: #ffffff; text-decoration: none; }
#footer a:hover,
#footer a:active { border-bottom: #ffffff dotted 1px; }
#footer #nav_footer { width: 843px; }
#footer #nav_footer #nav_footer_bottom { padding-top: 20px; }
#footer #nav_footer #nav_footer_bottom #txt_copyright {  font-size: 84%; }
#footer #icon_copyright { padding-top: 10px; padding-left: 10px; width: 47px; }