@charset "utf-8";

/* ------------------------- TOC 
setup
wrapper
header
nav
footer
contents
for javascript
 ------------------------- */

/* ===== setup ============================================================  */
html,body,#wrapper { height: 100%; min-height: 100%; }
body>#wrapper { height: auto; }
body { color: #000; background: url(../img/bg.gif) repeat-y 50% 0; 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; }

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

h1,h2,h3 { font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.25em; }

/* ===== wrapper ============================================================  */
#wrapper { background: url(../img/bg_wrapper.gif) 0 0; }



/* ===== header ============================================================  */
#header { width: 850px; margin: 0 auto; background: url(../img/bg_header.gif) no-repeat 50px 0; }
#header .logo { width: 240px; padding: 65px 0 0 102px; }
#header #nav_misc { width: 134px; padding: 25px 43px 0 0; }
#header .nav_english { margin-left: 51px; }
#header .nav_mailmag { margin-top: 34px; }



/* ===== nav ============================================================  */
/* ----- nav */
#nav { width: 790px; background: url(../img/bg_nav.gif) no-repeat 50px 0; margin: 0 auto; padding: 15px 60px 9px 0; }
#nav ul { width: 486px; margin-left: auto; }
#nav li { float: left; margin-right: 10px; }
#nav a { display: block; height: 29px; background-image: url(../img/nav.gif); }
/* disable */
#nav .nav_blog { background: url(../img/nav.gif) no-repeat -300px -162px; width: 65px; height: 29px; }
/* normal */
#nav .nav_news a { background-position: 0 0; width: 97px; }
#nav .nav_profile a { background-position: -100px 0; width: 96px; }
#nav .nav_works a { background-position: -200px 0; width: 77px; }
#nav .nav_blog a { background-position: -300px 0; width: 65px; }
#nav .nav_contact a { background-position: -400px 0; width: 101px; }
/* hover */
#nav .nav_news a:hover,
#nav .nav_news a:active,
#nav .nav_news a:focus { background-position: 0 -29px; }
#nav .nav_profile a:hover,
#nav .nav_profile a:active,
#nav .nav_profile a:focus { background-position: -100px -29px; }
#nav .nav_works a:hover,
#nav .nav_works a:active,
#nav .nav_works a:focus { background-position: -200px -29px; }
#nav .nav_blog a:hover,
#nav .nav_blog a:active,
#nav .nav_blog a:focus { background-position: -300px -29px; }
#nav .nav_contact a:hover,
#nav .nav_contact a:active,
#nav .nav_contact a:focus { background-position: -400px -29px; }
/* active */
body.news #nav .nav_news a:link,
body.news #nav .nav_news a:visited { background-position: 0 -58px; }
body.profile #nav .nav_profile a:link,
body.profile #nav .nav_profile a:visited { background-position: -100px -58px; }
body.works #nav .nav_works a:link,
body.works #nav .nav_works a:visited { background-position: -200px -58px; }
body.blog #nav .nav_blog a:link,
body.blog #nav .nav_blog a:visited { background-position: -300px -58px; }
body.contact #nav .nav_contact a:link,
body.contact #nav .nav_contact a:visited { background-position: -400px -58px; }

/* ----- footer nav */
#footer .sec_nav { width: 556px; height: 32px; background: url(../img/bg_nav_footer.gif) no-repeat 35px 0; }
#footer .sec_nav ul {  }
#footer .sec_nav li { float: left; margin-right: 20px; }
#footer .sec_nav a { display: block; height: 25px; background-image: url(../img/nav.gif); }
/* disable */
#footer .sec_nav .nav_blog { background: url(../img/nav.gif) no-repeat -300px -191px; width: 61px; height: 25px; }
/* normal */
#footer .nav_news a { background-position: 0 -87px; width: 91px; }
#footer .nav_profile a { background-position: -100px -87px; width: 90px; }
#footer .nav_works a { background-position: -200px -87px; width: 75px; }
#footer .nav_blog a { background-position: -300px -87px; width: 61px; }
#footer .nav_contact a { background-position: -400px -87px; width: 94px; }
/* hover */
#footer .nav_news a:hover,
#footer .nav_news a:active,
#footer .nav_news a:focus { background-position: 0 -112px; }
#footer .nav_profile a:hover,
#footer .nav_profile a:active,
#footer .nav_profile a:focus { background-position: -100px -112px; }
#footer .nav_works a:hover,
#footer .nav_works a:active,
#footer .nav_works a:focus { background-position: -200px -112px; }
#footer .nav_blog a:hover,
#footer .nav_blog a:active,
#footer .nav_blog a:focus { background-position: -300px -112px; }
#footer .nav_contact a:hover,
#footer .nav_contact a:active,
#footer .nav_contact a:focus { background-position: -400px -112px; }
/* active */
body.news #footer .nav_news a:link,
body.news #footer .nav_news a:visited { background-position: 0 -137px; }
body.profile #footer .nav_profile a:link,
body.profile #footer .nav_profile a:visited { background-position: -100px -137px; }
body.works #footer .nav_works a:link,
body.works #footer .nav_works a:visited { background-position: -200px -137px; }
body.blog #footer .nav_blog a:link,
body.blog #footer .nav_blog a:visited { background-position: -300px -137px; }
body.contact #footer .nav_contact a:link,
body.contact #footer .nav_contact a:visited { background-position: -400px -137px; }



/* ===== footer ============================================================  */
#footer { width: 850px; height: 253px; margin: 10px auto 0; background: url(../img/bg_footer.gif) no-repeat 35px 7px; }
#footer .lc { width: 600px; }
#footer .rc { width: 134px; padding-right: 68px; }
#footer .page_top { margin: 56px 0 0 74px; }
#footer .sec_nav { margin: 33px 0 0 85px; }
#footer #copyright { margin: 24px 0 0 75px; }
#footer .logo { text-align: right; padding-right: 1px; }
#footer .nav_mailmag { margin-top: 71px; }
#footer .nav_english { text-align: right; margin-top: 14px; }



/* ===== contents ============================================================  */
#contents { margin: 0 auto; width: 850px; }

/* ----- sec */
.sec { background: url(../img/bg_sec_rt.gif) no-repeat 50px 100%; padding-bottom: 14px; }
.sec_title { background: url(../img/bg_sec.gif) repeat-y 50px 0; padding-top: 20px; }
.sec_content { background: url(../img/bg_sec.gif) repeat-y 50px 0; }
.page_top_inner { margin-left: 60px; }
/* sec_lt16 */
.sec_lt16 { background-position: 16px 100%; background-image: url(../img/bg_sec_lt.gif); }
.sec_lt16 .sec_title { margin-top: 20px; padding-top: 0; background-repeat: no-repeat; background-position: 16px 5px; background-image: url(../img/bg_sec_lt_inner.gif); }
.sec_lt16 .sec_content { background-position: 16px 0; }
.sec_lt16 .page_top_inner { margin-left: 583px; text-align: right; }
/* sec_lt30 */
.sec_lt30 { background-position: 30px 100%; background-image: url(../img/bg_sec_lt.gif); }
.sec_lt30 .sec_title { margin-top: 20px; padding-top: 0; background-repeat: no-repeat; background-position: 30px 3px; background-image: url(../img/bg_sec_lt_inner.gif); }
.sec_lt30 .sec_content { background-position: 30px 0; }
.sec_lt30 .page_top_inner { margin-left: 597px; text-align: right; }
/* sec_rt50 */
.sec_rt50 { background-position: 50px 100%; background-image: url(../img/bg_sec_rt.gif); }
.sec_rt50 .sec_title { margin-top: 20px; padding-top: 0; background-repeat: no-repeat; background-position: 50px 0; background-image: url(../img/bg_sec_rt_inner.gif); }
.sec_rt50 .sec_content { background-position: 50px 0; }
.sec_rt50 .page_top_inner { margin-left: 60px; }
/* sec_rt70 */
.sec_rt70 { background-position: 70px 100%; background-image: url(../img/bg_sec_rt.gif); }
.sec_rt70 .sec_title { margin-top: 20px; padding-top: 0; background-repeat: no-repeat; background-position: 70px 0; background-image: url(../img/bg_sec_rt_inner.gif); }
.sec_rt70 .sec_content { background-position: 70px 0; }
.sec_rt70 .page_top_inner { margin-left: 80px; }
/* sec_rt90 */
.sec_rt90 { background-position: 90px 100%; background-image: url(../img/bg_sec_rt.gif); }
.sec_rt90 .sec_title { margin-top: 20px; padding-top: 0; background-repeat: no-repeat; background-position: 90px 0; background-image: url(../img/bg_sec_rt_inner.gif); }
.sec_rt90 .sec_content { background-position: 90px 0; }
.sec_rt90 .page_top_inner { margin-left: 100px; }

/* page_title */
#page_title { position: absolute; top: -999px; }

/* nav_local */
.nav_local { width: 440px; height: 32px; padding: 5px 0 0 20px; background: url(../img/bg_nav_local.gif) no-repeat 0 0; }
.nav_local li { float: left; margin-right: 10px; }
.nav_local li img { vertical-align: bottom; }

/* work_list */
.work_list li { float: left; }
.work_list li { background: url(../img/bg_work_list_div.gif) no-repeat 0 100% transparent; margin: 20px 15px 0 0; width: 225px; height: 278px; overflow: hidden; }
.work_list li a { line-height: 1.5; text-decoration: none; display: block; background: url(../img/bg_work_list_a.gif) transparent no-repeat 0 0; width: 225px; height: 278px; }
.work_list li a:hover { background-position: 0 100%; }
.work_list li a, .work_list li a:link, .work_list li a:visited, .work_list li a:hover, .work_list li a:active { color: #000; }
.work_list li img { margin: 6px 0 0 6px; }
.work_list li strong { font-weight: bold; font-size: 117%; display: block; margin: 10px 17px 0; height: 55px; overflow: hidden; }
.work_list li em { display: block; margin: 10px 17px 0; text-align: right; font-style: normal; }
.work_list li span { display: block; margin: 0 17px; text-align: right; height: 25px; overflow: hidden; }

/* page_top_inner*/
.page_top_inner { width: 153px; margin-top: 26px; padding: 6px 10px 0; background: url(../img/bg_pagetop_inner.gif) no-repeat 0 0; }

/* ----- article */
.article { }
.article_inner { padding-top: 20px; }
.article .article_title { width: 638px; background: url(../img/bg_article_title.gif) no-repeat 70px 0; padding: 0 110px 0 102px; }
.article .article_title .article_date { float: left; width: 70px; margin-top: 26px; }
.article .article_title .article_date span { font-size: 84%; color: #fff; display: block; width: 70px; text-align: center; background-color: #000; padding: 2px 0; }
.article .article_title h3 { float: right; width: 540px; background: url(../img/bg_article_h3.gif) no-repeat 0 0; padding: 5px 0 4px 11px; font-weight: bold; font-size: 117%; line-height: 1.5; margin-top: 18px; letter-spacing: normal; }
.article .article_content { margin-left: 158px; background: url(../img/bg_article_content.gif) no-repeat 0 100%; padding: 0 110px 30px 0; }
.article .article_content p { margin-top: 15px; line-height: 1.7; }
.article .article_content p strong { font-weight: bold; }

/* ----- chronicle */
.chronicle { width: 850px; }
.chronicle_inner { }
.chronicle .chronicle_title { width: 678px; padding: 0 70px 0 102px; background: url(../img/bg_chronicle_title.gif) no-repeat 158px 10px; }
.chronicle .chronicle_title h2 { width: 70px; margin-top: 0px; padding: 5px 0; color: #fff; text-align: center; background-color: #000; letter-spacing: normal; }
.chronicle .chronicle_content { width: 622px; margin-left: 158px; background-image: url(../img/bg_chronicle_content.gif); background-repeat: no-repeat; background-position: 0 100%; padding: 0 70px 8px 0; }
.chronicle .chronicle_content dl { width: 622px; background: url(../img/bg_chronicle_dl.gif) no-repeat 0 0; margin-top: 8px; padding-top: 6px; }
.chronicle .chronicle_content dt { width: 540px; background-image: url(../img/bg_chronicle_dt.gif); background-repeat: no-repeat; background-position: 0 0; padding: 3px 0 0 8px; font-weight: bold; line-height: 1.7; margin-left: 20px; letter-spacing: normal; }
.chronicle .chronicle_content dd { margin-left: 60px; padding-top: 3px; line-height: 1.6; }
.chronicle .chronicle_content strong { font-weight: bold; }

/* ----- link_list */
ul.link_list { margin-top: 10px; }
ul.link_list li { line-height: 1.7; margin-top: 3px; }

/* ----- bullet_link*/
.bullet_link { background: url(../img/bullet.gif) no-repeat 0 0.25em; padding-left: 20px; }
.bullet_blank { background: url(../img/bullet_blank.gif) no-repeat 0 0.25em; padding-left: 20px; }

/* ----- nav_arrow */
.nav_arrow li { width: 117px; }
.nav_arrow .arrow_l { float: left; }
.nav_arrow .arrow_r { float: right; }
.nav_arrow li a { display: block; width: 84px; height: 16px; padding-top: 11px; padding-bottom: 10px; background-repeat: no-repeat; background-position: 0 0; font-weight: bold; color: #fff; text-decoration: none; }
.nav_arrow li a:hover { background-position: 0 -37px; }
.nav_arrow .arrow_l a { padding-right: 10px; padding-left: 23px; background-image: url(../img/bg_arrow_l.gif); }
.nav_arrow .arrow_r a { padding-right: 23px; padding-left: 10px; background-image: url(../img/bg_arrow_r.gif); text-align: right; }
.nav_arrow a,.nav_arrow a:link,.nav_arrow a:visited,.nav_arrow a:hover, .nav_arrow a:active { color: #fff; }

/* ----- back_to_index */
#back_to_index { margin: 10px 0 0 20px; }

/* ----- img float */
.img_left { float: left; margin: 0 15px 15px 0; }
.img_right { float: right; margin: 0 0 15px 15px; }



/* ============================== for javascript */
div#nyroModalWrapper, div#nyroModalLoading { border: 5px solid #fff; }
a#closeBut { background: url(../img/modal_close.gif) no-repeat; top: -25px; right: -5px; width: 15px; height: 15px; }
a.nyroModalPrev { left: 10px; }
a.nyroModalPrev:hover { background: url(../img/modal_prev.gif) left 50% no-repeat; }
a.nyroModalNext { right: 10px; }
a.nyroModalNext:hover { background: url(../img/modal_next.gif) right 50% no-repeat; }
div.wrapperImg div#nyroModalContent div { display: none; }