@charset "utf-8";
/* import scss files */
/* Eric Meyer's CSS Reset ver2.0 | 20110126 */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* License: none (public domain)  */
/* HTML Basic CSS */
html, body, div, span, object, iframe, embed, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, em, img, strong, dl, dt, dd, ol, ul, li, form { margin: 0px; padding: 0px; border: 0px; font-size: 100%; color: #666666; font-family: 'Helvetica', 'Lucida Grande', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'Meiryo UI', 'メイリオ', serif; vertical-align: baseline; background: transparent; }

table, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: 0px; font-family: 'Helvetica', 'Lucida Grande', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'Meiryo UI', 'メイリオ', serif; background: transparent; }

ol { font-size: 100%; font-family: 'Helvetica', 'Lucida Grande', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'Meiryo UI', 'メイリオ', serif; vertical-align: baseline; background: transparent; }

html { height: 100%; }

body { width: 100%; height: 100%; min-height: 100%; top: 0px; left: 0px; color: #666666; text-align: center; background: #f7f7f7; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

ol, ul { list-style: none; }

h1, h2, h3, h4, h5, h6, p, em, span, td, dl, dt, dd, ol, ul, li { max-height: 100%; }

/* Android Chrome Bug */
/* HTML Basic CSS */
/* Container CSS */
div#container { margin: 0px auto; width: 100%; position: relative; /* フッターの為の位置決め用 */ height: 100%; /* IE6対策：擬似的にmin-heightと同じことをさせてる */ min-height: 100%; /* 中身が少なくても高さ100%にする */ }

* html div#container { height: 100%; }

body > #container { height: 100%; }

/* Container CSS */
/* HEADER CSS */
#container_header { height: 124px; /* ヘッダーの高さ */ position: fixed; top: 0; width: 100%; z-index: 3000; }

#header_bg { width: 100%; height: 90px; margin-right: auto; margin-left: auto; background: url(../images/header_bg_20140928.png) repeat-x center center; }

#header { width: 100%; height: 90px; margin-right: auto; margin-left: auto; background: url(../images/header_20140928.png) no-repeat center center; text-align: center; }

#header img { height: 50px; width: 205px; margin: auto; margin-top: 16px; }

/* HEADER CSS */
/* Navi_Bar CSS*/
#navibar { width: 100%; height: 35px; background: url(../images/nav_bg.jpg) repeat center center; }

#navi_bg { width: 100%; height: 35px; background: url(../images/navi_bg_2012.png) no-repeat center center; }

/* Navi_Bar CSS*/
/* Navi_Bar_Button CSS */
#navibar #navi_bg .btn00 { background: url(../images/navi_00.jpg) no-repeat center center; display: block; height: 35px; width: 42px; }

#navibar #navi_bg #btn01 a#top { background: url(../images/navi_01_home.png) no-repeat center center; position: relative; overflow: hidden; display: block; height: 35px; width: 78px; text-decoration: none; border-bottom: 0px dotted; }

#navibar #navi_bg #btn01 a#top_o { background: url(../images/navi_01_home_o.png) no-repeat center center; position: relative; overflow: hidden; display: block; height: 35px; width: 78px; text-decoration: none; border-bottom: 0px dotted; }

#navibar #navi_bg #btn02 a#works { background: url(../images/navi_02_works.png) no-repeat center center; position: relative; overflow: hidden; display: block; height: 35px; width: 79px; text-decoration: none; border-bottom: 0px dotted; }

#navibar #navi_bg #btn02 a#works_o { background: url(../images/navi_02_works_o.png) no-repeat center center; position: relative; overflow: hidden; display: block; height: 35px; width: 79px; text-decoration: none; border-bottom: 0px dotted; }

#navibar #navi_bg #btn03 a#books { background: url(../images/navi_03_books.png) no-repeat center center; position: relative; overflow: hidden; display: block; height: 35px; width: 78px; text-decoration: none; border-bottom: 0px dotted; }

#navibar #navi_bg #btn03 a#books_o { background: url(../images/navi_03_books_o.png) no-repeat center center; position: relative; overflow: hidden; display: block; height: 35px; width: 78px; text-decoration: none; border-bottom: 0px dotted; }

#navibar #navi_bg #btn04 a#produce { background: url(../images/navi_04_produce.png) no-repeat center center; position: relative; overflow: hidden; display: block; height: 35px; width: 79px; text-decoration: none; border-bottom: 0px dotted; }

#navibar #navi_bg #btn04 a#produce_o { background: url(../images/navi_04_produce_o.png) no-repeat center center; position: relative; overflow: hidden; display: block; height: 35px; width: 79px; text-decoration: none; border-bottom: 0px dotted; }

#navibar #navi_bg #btn05 a#bio { background: url(../images/navi_05_bio.png) no-repeat center center; position: relative; overflow: hidden; display: block; height: 35px; width: 78px; text-decoration: none; border-bottom: 0px dotted; }

#navibar #navi_bg #btn05 a#bio_o { background: url(../images/navi_05_bio_o.png) no-repeat center center; position: relative; overflow: hidden; display: block; height: 35px; width: 78px; text-decoration: none; border-bottom: 0px dotted; }

#navibar #navi_bg #btn06 a#contact { background: url(../images/navi_06_contact.png) no-repeat center center; position: relative; overflow: hidden; display: block; height: 35px; width: 78px; text-decoration: none; border-bottom: 0px dotted; }

#navibar #navi_bg #btn06 a#contact_o { background: url(../images/navi_06_contact_o.png) no-repeat center center; position: relative; overflow: hidden; display: block; height: 35px; width: 78px; text-decoration: none; border-bottom: 0px dotted; }

#navibar #navi_bg #btn07 a#weblink { background: url(../images/navi_07_weblink.png) no-repeat center center; position: relative; overflow: hidden; display: block; height: 35px; width: 79px; text-decoration: none; border-bottom: 0px dotted; }

#navibar #navi_bg #btn07 a#weblink_o { background: url(../images/navi_07_weblink_o.png) no-repeat center center; position: relative; overflow: hidden; display: block; height: 35px; width: 79px; text-decoration: none; border-bottom: 0px dotted; }

/* Navi_Bar_Button CSS */
/* Footer CSS */
#container_footer { bottom: 0; height: 67px; /* フッターの高さ */ position: fixed; /* フッターの固定、コメントアウトで固定解除 */ background: url(../images/footer_bg.jpg) repeat-x center center fixed; width: 100%; z-index: 1000; }

#footer_bg { width: 100%; height: 67px; background: url(../images/footer_bg.jpg) repeat-x center center; margin: auto; padding: 0px; }

#footer { width: 980px; height: 67px; background: url(../images/footer.jpg) no-repeat center center; margin: auto; }

/* Footer CSS */
/* Main_Area CSS */
div#mainarea { margin: 0px auto; width: 1024px; min-height: 100%; padding-top: 127px; /* css 疑似フレーム - i0_head.hmtl 125px + 2px */ padding-bottom: 79px; /* css 疑似フレーム - i2_foot.hmtl 67px + 12px */ position: relative; overflow: auto; }

* html div#mainarea { height: 100%; }

body > #mainarea { height: 100%; }

div#mainarea_index { margin: 0px auto; width: 1024px; min-height: 100%; padding-top: 127px; /* css 疑似フレーム - i0_head.hmtl 125px + 2px */ padding-bottom: 71px; /* css 疑似フレーム - i2_foot.hmtl 67px + 4px */ text-align: center; position: relative; overflow: auto; }

* html div#mainarea_index { height: 100%; }

body > #mainarea_index { height: 100%; }

div#mainarea_contact { margin: 0px auto; width: 804px; min-height: 100%; padding-top: 127px; /* css 疑似フレーム - i0_head.hmtl 125px + 2px */ padding-bottom: 71px; /* css 疑似フレーム - i2_foot.hmtl 67px + 4px */ text-align: left; position: relative; overflow: auto; }

* html div#mainarea_contact { height: 100%; }

body > #mainarea_contact { height: 100%; }

/* Main_Area CSS */
/* page-link icon CSS */
#link_icon { margin: 10px auto 5px; }

#link_icon table { margin: 0px auto; border: solid 0px; }

#link_icon tr { margin: 0px auto; border: solid 0px; }

/* 01 Home */
#link_icon #img01 a.l01 { margin: 0px; width: 90px; height: 90px; background: url(../images/link-icon_01_home.png) left top no-repeat; border: solid 0px #963; display: block; }

#link_icon #img01 a:hover { background: url(../images/link-icon_01_home_o.png) left top no-repeat; }

#link_icon #img01 a.l01_o { margin: 0px; width: 90px; height: 90px; background: url(../images/link-icon_01_home_o.png) left top no-repeat; border: solid 0px #963; display: block; }

/* 02 WORKS */
#link_icon #img02 a.l02 { margin: 0px; width: 90px; height: 90px; background: url(../images/link-icon_02_works.png) left top no-repeat; border: solid 0px #963; display: block; }

#link_icon #img02 a:hover { background: url(../images/link-icon_02_works_o.png) left top no-repeat; }

#link_icon #img02 a.l02_o { margin: 0px; width: 90px; height: 90px; background: url(../images/link-icon_02_works_o.png) left top no-repeat; border: solid 0px #963; display: block; }

/* 03 BOOKS */
#link_icon #img03 a.l03 { margin: 0px; width: 90px; height: 90px; background: url(../images/link-icon_03_books.png) left top no-repeat; border: solid 0px #963; display: block; }

#link_icon #img03 a:hover { background: url(../images/link-icon_03_books_o.png) left top no-repeat; }

#link_icon #img03 a.l03_o { margin: 0px; width: 90px; height: 90px; background: url(../images/link-icon_03_books_o.png) left top no-repeat; border: solid 0px #963; display: block; }

/* 04 PRODUCE */
#link_icon #img04 a.l04 { margin: 0px; width: 90px; height: 90px; background: url(../images/link-icon_04_produce.png) left top no-repeat; border: solid 0px #963; display: block; }

#link_icon #img04 a:hover { background: url(../images/link-icon_04_produce_o.png) left top no-repeat; }

#link_icon #img04 a.l04_o { margin: 0px; width: 90px; height: 90px; background: url(../images/link-icon_04_produce_o.png) left top no-repeat; border: solid 0px #963; display: block; }

/* 05 BIOGRAPHY */
#link_icon #img05 a.l05 { margin: 0px; width: 90px; height: 90px; background: url(../images/link-icon_05_biography.png) left top no-repeat; border: solid 0px #963; display: block; }

#link_icon #img05 a:hover { background: url(../images/link-icon_05_biography_o.png) left top no-repeat; }

#link_icon #img05 a.l05_o { margin: 0px; width: 90px; height: 90px; background: url(../images/link-icon_05_biography_o.png) left top no-repeat; border: solid 0px #963; display: block; }

/* 06 CONTACT */
#link_icon #img06 a.l06 { margin: 0px; width: 90px; height: 90px; background: url(../images/link-icon_06_contact.png) left top no-repeat; border: solid 0px #963; display: block; }

#link_icon #img06 a:hover { background: url(../images/link-icon_06_contact_o.png) left top no-repeat; }

#link_icon #img06 a.l06_o { margin: 0px; width: 90px; height: 90px; background: url(../images/link-icon_06_contact_o.png) left top no-repeat; border: solid 0px #963; display: block; }

/* 07 weblink */
#link_icon #img07 a.l07 { margin: 0px; width: 90px; height: 90px; background: url(../images/link-icon_07_weblink.png) left top no-repeat; border: solid 0px #963; display: block; }

#link_icon #img07 a:hover { background: url(../images/link-icon_07_weblink_o.png) left top no-repeat; }

#link_icon #img07 a.l07_o { margin: 0px; width: 90px; height: 90px; background: url(../images/link-icon_07_weblink_o.png) left top no-repeat; border: solid 0px #963; display: block; }

/*# sourceMappingURL=0_import.css.map */