@charset "utf-8";

/* ------------------------- TOC 
setup
wrapper
header
nav_global
contents_back
contents
footer
bg_line_no
modal
print
 ------------------------- */

/* ============================== setup */
html { height: 100%; }
body { height: 100%; color: #cfcfcf; background: url(../img/bg_body_back.gif) #050505 repeat-y top center; font-size: 12px; font-family: "Lucida Grande", Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic", sans-serif; }
table { border-collapse: collapse; border-spacing: 0; }
em { font-style: normal; }
none
a { color: #66B822; }
a:link { color: #66B822; text-decoration: none; }
a:visited { color: #66b821; text-decoration: none; }
a:hover, a:active { color: #66b822; text-decoration: underline; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }
/*bullet*/
.bullet { display: block; background: url("../img/bullet.gif") no-repeat scroll 0 0.5em; color: #CDCDCD; padding-left: 16px; }
.bullet a,
.bullet a:link,
.bullet a:visited { }
td.bullet { padding-right: 0; }
td.bullet a,
td.bullet a:link,
td.bullet a:visited { display: inline-block; background: url("../img/bullet.gif") no-repeat scroll 0 0.5em; color: #CDCDCD; padding-left: 16px; }
.bullet a,
.bullet a:link,
.bullet a:visited { color: #cdcdcd; }
.bullet a:hover,
.bullet a:active { color: #66B822; }
/*detail_list*/
.detail_list { width: 600px; border-top: #313131 solid 1px; border-bottom: #313131 solid 1px; padding-bottom: 1px; }
.detail_list table th,
.detail_list table td { background: url(../img/line_detail_list_btm.gif) repeat-x 0 0; line-height: 1.7; padding: 13px 11px 11px 0; border-bottom: #313131 solid 1px; }
.detail_list table td { padding-right: 0; }
.detail_list table th { width: 129px; font-weight: bold; }
.detail_list table td { width: 460px; }
.detail_list table tr.even th,
.detail_list table tr.even td { background: url(../img/bg_detail_list.gif) repeat-x 0 1px; border-bottom: none; padding: 11px 11px 10px 0; }
.detail_list table tr.even td { padding-right: 0; }
/*two_cl_list*/
.two_cl_list {  margin-top: 40px; border-top: 1px solid #313131; }
.two_cl_list div { line-height: 1.7; }
.two_cl_list div.lc { width: 137px; padding-top: 11px; font-weight: bold; }
.two_cl_list .detail_list table td { width: 458px; }
.two_cl_list div a,
.two_cl_list div a:link,
.two_cl_list div a:visited { color: #cdcdcd; }
.two_cl_list div a:hover,
.two_cl_list a:active { color: #66b822; }
/*caption*/
p.caption { margin-top: 24px; line-height: 1.7; }

/*-- add 20111215 --*/
/*detail_list2*/
.detail_list2 { width: 600px; border-top: #313131 solid 1px;  padding-bottom: 0px; }
.detail_list2 p.txt_b{ font-weight: bold; margin-bottom:10px;}
.detail_list2 table{ border-bottom:#313131 solid 1px; }
.detail_list2 table td { line-height: 1.7; padding: 13px 11px 11px 0; }
.detail_list2 table td { width: 100%; }
.detail_list2 table td .logo{ vertical-align:middle;}

/* ============================== wrapper */
#wrapper { width: 100%; background: url(../img/bg_wrapper.gif) no-repeat top center; min-height: 100%; position: relative; }

/* ============================== header */
#header { width: 960px; height: 69px; margin: 0 auto; background: url(../img/bg_header.gif) no-repeat 0 0; }
#header #logo { float: left; width: 222px; }
#header #logo a { display: block; margin: 20px 0 0 21px; background: url(../img/logo.gif) no-repeat 0 0; width: 201px; height: 31px; outline: none; }
#header .nav_section { float: right; width: 288px; padding-right: 21px; }
#header .nav_section li { float: left; }
#header .nav_section li a { display: block; background: url(../img/nav_header_section.gif) no-repeat; outline: none; }
/*nav_home*/
#header .nav_section li#nav_home a { width: 55px; height: 35px; margin-right: 14px; background-position: 0 0; }
#header .nav_section li#nav_home a:hover,
#header .nav_section li#nav_home a:active { background-position: 0 -35px;}
/*nav_topics*/
#header .nav_section li#nav_topics a { width: 57px; height: 35px; margin-right: 19px; background-position: -55px 0; }
#header .nav_section li#nav_topics a:hover,
#header .nav_section li#nav_topics a:active { background-position: -55px -35px; }
/*nav_contact*/
#header .nav_section li#nav_contact a { width: 142px; height: 35px; background-position: -112px 0; }
#header .nav_section li#nav_contact a:hover,
#header .nav_section li#nav_contact a:active { background-position: -112px -35px; }

/* ============================== nav_global */
#nav_global { width: 100%; background: url(../img/bg_global.gif) repeat-x 0 0;  }
#nav_global ul { width: 960px; margin: 0 auto; }
#nav_global ul li { float: left; }
#nav_global ul li a { display: block; height: 58px; background: url(../img/nav_global.jpg) no-repeat; outline: none; }
/*nav_philosophy*/
#nav_global ul li#nav_philosophy a { width: 241px; background-position: 0 0; }
#nav_global ul li#nav_philosophy a:hover,
#nav_global ul li#nav_philosophy a:active { background-position: 0 -58px; }
/*nav_showcase*/
#nav_global ul li#nav_showcase a { width: 240px; background-position: -241px 0; }
#nav_global ul li#nav_showcase a:hover,
#nav_global ul li#nav_showcase a:active { background-position: -241px -58px; }
/*nav_services*/
#nav_global ul li#nav_services a { width: 240px; background-position: -481px 0; }
#nav_global ul li#nav_services a:hover,
#nav_global ul li#nav_services a:active  { background-position: -481px -58px; }
/*nav_company*/
#nav_global ul li#nav_company a { width: 239px; background-position: -721px 0; }
#nav_global ul li#nav_company a:hover,
#nav_global ul li#nav_company a:active { background-position: -721px -58px; }


/* ============================== contents_back */
#contents_back { width: 960px; margin: 0 auto; background: url(../img/bg_contents_back.gif) repeat-y 0 0; min-height: 300px; padding-bottom: 202px; }


/* ============================== contents */
#contents { width: 960px; background: url(../img/bg_contents.gif) no-repeat 0 0; margin: 0 auto; }
/*contents_sub*/
#contents_inner #contents_sub { float: left; width: 243px; padding-left: 1px; }
#contents_inner #contents_sub ul { margin-top: 48px; }
#contents_inner #contents_sub ul li a { display: block; width: 242px; }
/*rc*/
#contents_inner .rc { width: 645px; margin-top: 51px; }
/*sec_h1*/
#contents_inner .sec_h1 { padding-left: 22px; background: url(../img/bg_sec_h1.gif) repeat-y 0 0; }
#contents_inner .sec_h1 h1 { height: 47px; }
#contents_inner .sec_h1 .caption { width: 600px; }
/*contents_main*/
#contents_inner .rc #contents_main { width: 600px; margin: 50px 0 0 24px; }
#contents_inner .rc #contents_main p,
#contents_inner .rc #contents_main ul li,
#contents_inner .rc #contents_main ol li { line-height: 1.7; }
#contents_main .detail_list table tr.last th,
#contents_main .detail_list table tr.last td { border-bottom: none; }
/*link_page_top*/
#contents #link_page_top { position: absolute; bottom: 121px;  width: 940px; height: 25px; margin-top: 56px; padding: 14px 20px 0 0; background: url(../img/bg_top.gif) no-repeat top right; }
#contents #link_page_top a { display: block; margin-left: auto; width: 67px; height: 12px; background:url(../img/bt_top.gif) no-repeat 0 0; outline: none; }
#contents #link_page_top a:hover,
#contents #link_page_top a:active { background-position: 0 -12px; }

/* ============================== footer */
#footer { clear: both; width: 100%; height: 121px; background: url(../img/bg_footer.gif) repeat-x 0 0; position: absolute; bottom: 0; }
#footer_inner { width: 960px; height: 121px; margin: 0 auto; background: url(../img/bg_footer_inner.gif) repeat-x 0 0; }
#footer_inner #logo_group { float: left; width: 135px; }
#footer_inner #logo_group a { display: block; margin: 28px 0 0 21px; background: url(../img/logo_group.gif) no-repeat 0 0; width: 114px; height: 26px; outline: none; }
#footer_inner .rc { width: 344px; margin-top: 20px; padding-right: 18px; }
#footer_inner .rc .nav_section { width: 286px; margin-left: auto; }
#footer_inner .rc .nav_section li { float: left; }
#footer_inner .rc .nav_section li a { display: block; height: 12px; background: url(../img/nav_footer_section.gif) no-repeat; outline: none; }
/*nav_privacy*/
#footer_inner .rc .nav_section li#nav_privacy a { background-position: 0 0; width: 102px; margin-right: 20px; }
#footer_inner .rc .nav_section li#nav_privacy a:hover,
#footer_inner .rc .nav_section li#nav_privacy a:active { background-position: 0 -12px; }
/*nav_disclaimer*/
#footer_inner .rc .nav_section li#nav_disclaimer a { background-position: -102px 0; width: 77px; margin-right: 20px; }
#footer_inner .rc .nav_section li#nav_disclaimer a:hover,
#footer_inner .rc .nav_section li#nav_disclaimer a:active { background-position: -102px -12px; }
/*nav_sitemap*/
#footer_inner .rc .nav_section li#nav_sitemap a { background-position: -179px 0; width: 67px; }
#footer_inner .rc .nav_section li#nav_sitemap a:hover,
#footer_inner .rc .nav_section li#nav_sitemap a:active { background-position: -179px -12px; }
/*copyright*/
#footer_inner .rc #copyright { margin: 11px 0 0 auto; background: url(../img/copyright.gif) no-repeat 0 0; width: 327px; height: 12px; }

/* ============================== bg_line_no */
/*body*/
body.bg_line_no { background: url(../img/bg_body_back_no.gif) #050505 repeat-y top center; }
/*wrapper*/
.bg_line_no #wrapper { background: url(../img/bg_wrapper_no.gif) no-repeat top center; }
/*contents_back*/
.bg_line_no #contents_back { background: url(../img/bg_contents_back_no.gif) #050505 repeat-y 0 0; }
/*contents*/
.bg_line_no #contents { background: url(../img/bg_contents_no.gif) no-repeat 0 0; }
/*link_page_top*/
.bg_line_no #contents #link_page_top { background: url(../img/bg_top_no.gif) no-repeat top right; }
/*footer_inner*/
.bg_line_no #footer_inner { background: url(../img/bg_footer_inner_no.gif) repeat-x 0 0; }

/* ============================== modal */
body.modal { background: url(../img/bg_modal.gif) repeat 0 0; }
.modal #wrapper { background: url(../img/bg_modal_wrapper.gif) repeat-x 0 0; padding-top: 32px; }

/* ============================== print */
.print_logo { display: none; }
/*sec_print*/
.sec_print { margin-top: 40px; }
.sec_print a { display: block; background: url(../img/bt_print.gif) no-repeat 0 0; width: 122px; height: 34px; margin: 0 auto; outline: none; }
.sec_print a:hover,
.sec_print a:active { background-position: 0 -34px; }