@charset "utf-8";


/* Base layout
======================================================================= */
html { height: 100%; }
body { color: #000000; background-color: #ffffff; height: 100%; text-align: center; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; }

/* #local-area
----------------------------------------------------------------------- */
#local-area { margin: 0 auto 40px; width: 960px; color: #333333; text-align: left; }
#local-area a { outline: none; text-decoration: none; }
#local-area a:hover { text-decoration: underline; }

/* #topicpath
----------------------------------------------------------------------- */
#topicpath { margin: 7px; line-height: 1.25; font-size: 10px; }
#topicpath span { margin: 0 5px; }
#topicpath a { color: #3366cc; }

/* #main-wrap
----------------------------------------------------------------------- */
#main-wrap { padding-top: 20px; }
#main-wrap a { color: #0099cc; }
#main-wrap img { vertical-align: bottom; }

/* #main
----------------------------------------------------------------------- */
#main { float: right; width: 710px; }

/* .cont-head
----------------------------------------------------------------------- */
.cont-head { margin-top: -20px 0 0 0; position: relative; width: 710px; }
.cont-head .ti { position: absolute; top: -16px; left: -24px; }
.cont-head #open-pdfpane { position: absolute; right: 30px; bottom: -10px; box-shadow: 0px 4px 4px -3px rgba(0, 0, 0, .3); }
.cont-head #open-pdfpane a { padding: 0 24px; display: block; box-sizing: border-box; color: #fff; background-color: #555; line-height: 40px; min-width: 152px; text-align: center; font-size: 13px; font-weight: bold; }
.cont-head #open-pdfpane a:hover { background-color: #666; text-decoration: none; }
.cont-head #open-pdfpane a i:before { margin-right: .5em; content: "\f02f"; font-family: FontAwesome; vertical-align: middle; font-size: 16px; font-style: normal; font-weight: normal; }
body#top-index .cont-head #open-pdfpane { position: absolute; right: 20px; bottom: 10px; }

/* #local-submenu
----------------------------------------------------------------------- */
#local-submenu { margin-top: 24px; text-align: center; }
#local-submenu ul { margin: 0 auto; display: table; width: 100%; background-color: #ff7d33; list-style: none; }
#local-submenu ul li { border-left: 1px solid #fff; display: table-cell; box-sizing: border-box; vertical-align: middle; linie-height: 1.2; font-size: 12px; }
#local-submenu ul li#local-submenu-primary1 { border-left: none; }
#local-submenu ul li.current { background-color: #f50; }
#local-submenu ul li a { padding: 5px; display: table-cell; box-sizing: border-box; height: 40px; vertical-align: middle; text-align: center; color: #ffffff; }
#local-submenu ul li a:hover { }

.history #local-submenu ul li { font-size: 11px; }
.history #local-submenu ul li a { padding: 7px 0; }
.history #local-submenu ul li span { font-size: 9px; }
.history ul li#local-submenu-primary1, .history ul li#local-submenu-primary1 a,
.history ul li#local-submenu-primary2, .history ul li#local-submenu-primary2 a,
.history ul li#local-submenu-primary3, .history ul li#local-submenu-primary3 a,
.history ul li#local-submenu-primary4, .history ul li#local-submenu-primary4 a,
.history ul li#local-submenu-primary5, .history ul li#local-submenu-primary5 a { width: 20%; }

.press ul li#local-submenu-primary1, .press ul li#local-submenu-primary1 a,
.press ul li#local-submenu-primary2, .press ul li#local-submenu-primary2 a,
.press ul li#local-submenu-primary4, .press ul li#local-submenu-primary4 a { width: 33.3%; }

.others #local-submenu ul li a { width: 221px; }

/* #local-submenu-secondary
----------------------------------------------------------------------- */
#local-submenu-secondary { padding: 10px 0; border-bottom: 1px solid #d8d8d8; background-color: #f8f8f8; list-style: none; text-align: center; font-size: 12px; }
#local-submenu-secondary li { margin: 0 .5em; display: inline; line-height: 16px; }
#local-submenu-secondary li a { display: inline-block; position: relative; color: #333333; }
#local-submenu-secondary li a:before { margin-right: .5em; color: #f50; display: inline-block; content: "\f054"; font-family: FontAwesome; }

/* #local-footer
----------------------------------------------------------------------- */
#local-footer { margin-top: 30px; background: url(../img/footer-shadow.png) center top no-repeat; text-align: center; }

/* #pdfpane
----------------------------------------------------------------------- */
#pdfpane-inner { padding: 30px; color: #ffffff; background-color: #ff7d33; border-radius: 0; }
#pdfpane-inner h3 { padding-left: 40px; background: url(../img/pdfpane-printer.gif) left center no-repeat; font-size: 185%; font-weight: bold; text-shadow: rgba(0,0,0,.2) 2px 2px 0; }
#pdfpane-inner p.intro { margin-top: 1em !important; line-height: 1.3 !important; }
#pdfpane-inner p.intro a { color: #ffffff; text-decoration: underline; }
#pdfpane-inner ul.toc { margin-top: 1em; list-style: none; }
#pdfpane-inner ul.toc li { margin-bottom: 0; padding: 0; line-height: 16px; background-color: #ffffff; box-shadow: rgba(0,0,0,.2) 2px 2px 0; }
#pdfpane-inner ul.toc li:first-child { border-top-left-radius: 0; border-top-right-radius: 0; }
#pdfpane-inner ul.toc li a { padding: 16px; display: block; color: #f50; text-decoration: none; }
#pdfpane-inner ul.toc li a:before { margin-right: .5em; content: "\f1c1"; font-family: FontAwesome; font-size: 20px; vertical-align: middle; }
#pdfpane-inner ul.toc li a:hover { text-decoration: underline; color: #fff; background-color: #ff975c; }
#pdfpane-inner ul.toc li a span { float: right; }
#pdfpane-inner ul.toc li:nth-last-of-type(2) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
#pdfpane-inner ul.toc li:nth-last-of-type(1) { margin-top: 15px; border-radius: 0; }
#pdfpane-inner ul.toc li:nth-last-of-type(1) a { }

body#message-index        #pdfpane-inner ul.toc li#pdfpane-pdf-message        a,
body#description-index    #pdfpane-inner ul.toc li#pdfpane-pdf-description    a,
body#philosophy-index     #pdfpane-inner ul.toc li#pdfpane-pdf-philosophy     a,
body#overview-index       #pdfpane-inner ul.toc li#pdfpane-pdf-overview       a,
body#history-index        #pdfpane-inner ul.toc li#pdfpane-pdf-history        a,
body#organization-index   #pdfpane-inner ul.toc li#pdfpane-pdf-organization   a,
body#directory-index      #pdfpane-inner ul.toc li#pdfpane-pdf-directory      a,
body#others-index         #pdfpane-inner ul.toc li#pdfpane-pdf-others         a,
body#csr-index            #pdfpane-inner ul.toc li#pdfpane-pdf-csr            a,
body#group-index          #pdfpane-inner ul.toc li#pdfpane-pdf-group          a { background-color: #f50; }

body#message-index        #pdfpane-inner ul.toc li#pdfpane-pdf-message        a,
body#description-index    #pdfpane-inner ul.toc li#pdfpane-pdf-description    a,
body#philosophy-index     #pdfpane-inner ul.toc li#pdfpane-pdf-philosophy     a,
body#overview-index       #pdfpane-inner ul.toc li#pdfpane-pdf-overview       a,
body#history-index        #pdfpane-inner ul.toc li#pdfpane-pdf-history        a,
body#organization-index   #pdfpane-inner ul.toc li#pdfpane-pdf-organization   a,
body#directory-index      #pdfpane-inner ul.toc li#pdfpane-pdf-directory      a,
body#others-index         #pdfpane-inner ul.toc li#pdfpane-pdf-others         a,
body#csr-index            #pdfpane-inner ul.toc li#pdfpane-pdf-csr            a,
body#group-index          #pdfpane-inner ul.toc li#pdfpane-pdf-group          a { color: #ffffff; }

.pp_pic_holder .pp_top .pp_left,
.pp_pic_holder .pp_top .pp_right,
.pp_pic_holder .pp_bottom .pp_left,
.pp_pic_holder .pp_bottom .pp_right { background: #fff !important; }
.pp_close { position: relative; float: none !important; width: 24px !important; height: 24px !important; background: none !important; }
.pp_close:before { position: absolute; left: 0; right: 0; content: "\f00d"; color: #999; line-height: 32px; text-align: right; text-indent: 0; font-size: 24px; font-family: FontAwesome; }

/* #side
----------------------------------------------------------------------- */
#side { float: left; width: 200px; }
#side h1 { position: relative; }
#side h1 b { position: absolute; top: -10px; left: 10px; z-index: 2; }
#side h1 span { display: block; position: relative; z-index: 1; box-shadow: 0px 4px 4px -3px rgba(0, 0, 0, .3); }
#side .local-menu { margin: 0; padding: 0; color: #fff; background-color: #ff7d33; list-style: none; text-align: center; font-size: 100%; font-weight: bold; }
#side .local-menu li a { padding: 16px 8px; display: block; color: #fff; text-decoration: none; }
#side .local-menu li a:hover { background-color: rgba(255,255,255,.2); text-decoration: none; }
#side .local-menu li.current a { background-color: #f50; text-decoration: none; }
#side .ban { margin-top: 32px; text-align: center; }
#side .ban p { margin: 16px 0 0; }

/* #content
----------------------------------------------------------------------- */
#content { margin: 30px 30px 0 30px; }
#content .heading-balloon { margin: 32px 0 0 0; padding: 12px 16px; border-top: 4px solid #f50; color: #f50; font-size: 16px; font-weight: bold; box-shadow: 0px 4px 4px -3px rgba(0, 0, 0, .3); }
#content .heading-underline { padding: 8px 0; border-bottom: 2px solid #f50; color: #f50; font-size: 14px; font-weight: bold; }