@charset "UTF-8";

/* ====  INDEX  ===============================================

  0-1.  CSS RESET

  1-1.  STAGE
  1-2.  AREA x ELEMENTS (h2,h3,p...)
  1-3.  NAVIGATION

  2-1.  LAYOUT
  2-2.  COLUMN LAYOUT

  3-1.  TEXT
  3-2.  ANCHOR
  3-3.  MISC

  4-1.  TITLE (h1,p...)
  4-2.  LIST
  4-3.  TABLE
  4-4.  MODULE
  4-5.  FRAME

  5-1.  PAGES

============================================================ */



@media all {

/* ------------------------------------------------------------
  0-1.  CSS RESET
------------------------------------------------------------ */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,em,strong,address,caption,cite,code,table,th,td,textarea,input { font-size: 100.01%; font-weight: normal; font-style: normal; }
fieldset { border: none; }
img { border: none; vertical-align: bottom; text-decoration: none;}
input,button { vertical-align: middle; }
object,embed { vertical-align: top; }
ul,ol        { list-style: none; }
dfn          { font-style: normal; }



/* ------------------------------------------------------------
  1-1.  STAGE
------------------------------------------------------------ */
html { height: 100%; background: #fff; }
body { height: auto !important; height: 100%; min-height: 100%; background: #ecedef url(../img/bg/body.png) center top repeat-y; }
* html body { text-align: center; }
#container { position: relative; width: 860px; margin: 0 auto; }
* html #container { text-align: left; }

#sitelogo     { position: absolute; padding-top: 20px; z-index: 90; }
#contentarea  { position: relative; width: 100%; margin-bottom: 30px; padding-top: 124px; }
#globalheader { position: absolute; top: 0; left: 0; width: 100%; height: 84px; }
#globalnav    { position: absolute; top: 84px; left: 0; width: 100%; height: 40px; z-index: 80; }
#globalfooter { position: relative; width: 100%; height: 47px; border-bottom: 3px solid #0b50a4; background: #d8e4f1; }



/* ------------------------------------------------------------
  1-2.  AREA x ELEMENTS (h2,h3,p...)
------------------------------------------------------------ */
/* BREADCRUMB */
#breadcrumbs { margin: 0 0 10px; padding: 10px 15px; border-bottom: 1px solid #9dafc2; background: #d8e4f1; }
#breadcrumbs li { display: inline; }
#breadcrumbs li a { float: left; margin-right: 8px; padding-right: 18px; background: url(../img/arrow/breadcrumbs.png) 100% 50% no-repeat; }
#breadcrumbs li strong { color: #0b4fa3; }

/* CONTENT */
#content { overflow: hidden; display: inline; float: right; width: 650px; }

/* CONTENT-HEADER */
#content-header { margin-bottom: 20px; }

/* CONTENT-BODY */
#content-body    { padding: 0 30px; }
#content-body h2 { margin: 0 -30px 15px; padding: 8px 10px 2px; border-bottom: 3px solid #0b50a4; background: url(../img/heading/h2.png) repeat-x; font-size: 1.2em; font-weight: bold; color: #0b50a4; zoom: 1; }
#content-body h3 { margin: 0 0 5px; padding: 0 13px; background: url(../img/heading/h3.png) no-repeat; font-size: 1.1em; font-weight: bold; color: #0b50a4; zoom: 1; }
#content-body h4 { margin: 0 0 5px; padding: 0 13px; background: url(../img/heading/h4.png) 0 3px no-repeat; font-size: 1.05em; font-weight: bold; zoom: 1; }
#content-body h2.image,
#content-body h3.image,
#content-body h4.image { padding: 0; border: none; background: none; }
#content-body p  { margin: 0 0 1.5em; line-height: 1.8; }
#content-body table { margin: 0 0 1em; }
#content-body table.border p { margin: 0; line-height: 1.25; }
#content-body ul,
#content-body ol { margin-bottom: 1em; line-height: 1.5; }
#content-body div.section { padding-bottom: 25px; }

/* CONTENT-BODY for tinymce */
body#content-body { width: 590px; padding: 10px 30px; text-align: left; background: #fff url(../img/bg/guide_limit.png) 620px 0 repeat-y; }
body#mceTemplatePreview { text-align: left; }

/* CONTENT-FOOTER */
#content-footer { }
#content-footer #contact { margin: 10px 0; padding: 10px 15px; border: 1px dotted #333; background: #cfd2d6 url(../img/bg/gradation.png) repeat-x; }
#content-footer #contact dl dt { float: left; width: 7em; margin-right: 1em; border-right: 2px solid #333; font-weight: bold; }
#content-footer #contact dl dd { float: left; margin-right: 2em; }

/* SIDEBAR */
#sidebar { overflow: hidden; display: inline; float: left; width: 200px; }
#sidebar #sidesearch { padding: 0 0 5px; border: 1px solid #d1d1d1; border-top: none; border-bottom: none; background: #659ee3 url(../img/bg/sidesearch.png) 5px 0; }
#sidebar #sidesearch input { width: 100px; height: 18px; margin: 0 0 0 35px; border: 1px solid #999; }
#sidebar #sidesearch button { width: 43px; height: 20px; margin: 0 0 0 3px; text-indent: -9999px; border: none; background: url(../img/button/sidesearch.png); }

/* EXTRABAR */
#extrabar {}

/* GLOBALHEADER */
#globalheader #fontsize { position: absolute; top: 5px; left: 698px; }
#globalheader #fontsize dt { float: left; width: 70px; height: 20px; margin-top: 3px; text-indent: -9999px; background: url(../img/bg/fontsize.png); }
#globalheader #fontsize dd { margin-left: 74px; }
#globalheader #fontsize dd a { overflow: hidden; display: block; float: left; width: 29px; height: 30px; text-indent: -9999px; background: url(../img/button/fontsize.png); }
#globalheader #fontsize dd a#fs-small  { background-position: 0 0; }
#globalheader #fontsize dd a#fs-medium { background-position: -29px 0; }
#globalheader #fontsize dd a#fs-large  { background-position: -58px 0; }
#globalheader #fontsize dd a:hover#fs-small  { background-position: 0 -30px; }
#globalheader #fontsize dd a:hover#fs-medium { background-position: -29px -30px; }
#globalheader #fontsize dd a:hover#fs-large  { background-position: -58px -30px; }
#globalheader #fontsize dd a.active#fs-small  { background-position: 0 -30px; }
#globalheader #fontsize dd a.active#fs-medium { background-position: -29px -30px; }
#globalheader #fontsize dd a.active#fs-large  { background-position: -58px -30px; }
#globalheader #nav-utility { position: absolute; top: 15px; right: 170px; }
#globalheader #globalsearch { position: absolute; top: 40px; right: 3px; width: 210px; height: 33px; background: url(../img/bg/globalsearch2.png); }
#globalheader #globalsearch legend { display: none; }
#globalheader #globalsearch input { width: 138px; height: 20px; margin: 7px 0 0 8px; border: 1px solid #323232; font-size: 120%; }
#globalheader #globalsearch button { width: 43px; height: 20px; margin: 3px 0 0 5px; text-indent: -9999px; border: none; background: url(../img/button/globalsearch.png); }
#globalheader #nav-func { position: absolute; top: 43px; left: 423px; }

/* GLOBALFOOTER */
#globalfooter #nav-info { position: absolute; top: 25px; left: 15px; }
#globalfooter p.logo { position: absolute; top: 8px; right: 8px; }
#globalfooter p.copyright { overflow: hidden; position: absolute; top: 30px; left: 440px; width: 322px; height: 11px; text-indent: -9999px; background: url(../img/bg/copyright.png); }



/* ------------------------------------------------------------
  1-3.  NAVIGATION
------------------------------------------------------------ */
/* NAV-MAIN */
#nav-main { height: 40px; background: url(../img/nav/nav-main2.png) no-repeat; }
#nav-main ul li { position: relative; float: left; width: 143px; height: 40px; }
#nav-main ul li#nm-investmenttrust     { width: 145px; }
#nav-main ul li a { display: block; overflow: hidden; width: 100%; height: 100%; text-indent: -9999px; background: url(../img/nav/nav-main2.png) 0 0 no-repeat; }
#nav-main ul li#nm-investmenttrust a   { background-position: 0 0; }
#nav-main ul li#nm-reit a              { background-position: -145px 0; }
#nav-main ul li#nm-search a            { background-position: -288px 0; }
#nav-main ul li#nm-statistics a        { background-position: -431px 0; }
#nav-main ul li#nm-profile a           { background-position: -574px 0; }
#nav-main ul li#nm-dc a                { background-position: -717px 0; }
#nav-main ul li#nm-investmenttrust a:hover { background-position: 0 -40px; }
#nav-main ul li#nm-reit a:hover        { background-position: -145px -40px; }
#nav-main ul li#nm-search a:hover      { background-position: -288px -40px; }
#nav-main ul li#nm-statistics a:hover  { background-position: -431px -40px; }
#nav-main ul li#nm-profile a:hover     { background-position: -574px -40px; }
#nav-main ul li#nm-dc a:hover          { background-position: -717px -40px; }
#nav-main ul li#nm-investmenttrust a.active { background-position: 0 -40px; }
#nav-main ul li#nm-reit a.active       { background-position: -145px -40px; }
#nav-main ul li#nm-search a.active     { background-position: -288px -40px; }
#nav-main ul li#nm-statistics a.active { background-position: -431px -40px; }
#nav-main ul li#nm-profile a.active    { background-position: -574px -40px; }
#nav-main ul li#nm-dc a.active         { background-position: -717px -40px; }
#nav-main ul li ul        { display: none; position: absolute; left: 0; width: 183px; margin: 0; font-size: 95%; letter-spacing: -0.5px; }
#nav-main ul li ul li     { width: 100%; height: auto; }
#nav-main ul li ul li a   { height: auto; width: auto; padding: 6px 10px 6px 15px; text-indent: 0; border: 1px solid #d1d1d1; border-top: 0; background: none; background-color: #fff; text-decoration: none; }
* html #nav-main ul li ul li a   { float: left; width: 100%; }
#nav-main ul li ul li a:hover { background-color: #0b50a4; color: #fff; }
#nav-main ul li ul ul     { top: 0; left: 182px; }
#nav-main ul li ul ul li a { background-color: #f1f1f1; }

/* NAV-SUB */
#nav-sub { margin-bottom: 20px; border: 1px solid #d1d1d1; border-top: none; border-bottom: none; }
#nav-sub ul { width: 198px; }
#nav-sub li { border-top: 1px solid #fff; border-bottom: 1px solid #d1d1d1; background: #eee; }
#nav-sub li.first { border-top: none; }
#nav-sub li a { display: block; padding: 12px 5px 12px 25px; background: url(../img/arrow/nav-sub.png) 10px 14px no-repeat; }
#nav-sub li a.active { font-weight: bold; }
* html #nav-sub li a { width: 100%; }
#nav-sub li a:hover { background-color: #fff; }
#nav-sub li.hasChild { background: #fff url(../img/nav/nav-sub.png) no-repeat; }
#nav-sub li.hasChild a { background: url(../img/arrow/nav-sub_haschild.png) 10px 12px no-repeat; }
#nav-sub li.hasChild li { border-top: 1px solid #d1d1d1; border-bottom: none; background: transparent; }
#nav-sub li.hasChild li a { padding: 4px 5px 8px 35px; background: url(../img/arrow/arrow.png) 20px 5px no-repeat; }

/* NAV-INFO */
#nav-info {}
#nav-info li { display: inline; padding: 0 15px 3px 12px; background: url(../img/arrow/footer.png) 0 3px no-repeat; }

/* NAV-UTILITY */
#nav-utility {}
#nav-utility li { display: inline; padding: 0 8px 3px 12px; background: url(../img/arrow/arrow.png) 0 3px no-repeat; }

/* NAV-FUNC */
#nav-func {}
#nav-func li#nf-link     { overflow: hidden; width: 107px; height: 29px; margin-right: 5px; float: left; }
#nav-func li#nf-link a   { display: block; width: 100%; height: 100%; text-indent: -9999px; background: url(../img/button/link.png); }
#nav-func li#nf-glossary { overflow: hidden; width: 107px; height: 29px; float: left; }
#nav-func li#nf-glossary a { display: block; width: 100%; height: 100%; text-indent: -9999px; background: url(../img/button/glossary.png); }

/* PAGEBROWSER */
.pagebrowser { padding: 20px; }
.pagebrowser ul { margin: 0 !important; text-align: center; }
.pagebrowser li { display: inline; margin: 0 3px; }
.pagebrowser li.pagenumbers a { margin: 0 3px; padding: 4px 8px; vertical-align: top; border: 1px solid #828282; background: #e3e3e3; }
.pagebrowser li.pagenumbers span.active { margin: 0 3px; padding: 4px 8px; border: 1px solid #72a8dc; background: url(../img/bg/gradation_blue.png); font-weight: bold; }
.pagebrowser li.subsection { display: block; margin-bottom: 30px; font-weight: bold; }
.pagebrowser li.previous a { padding: 4px 12px 4px 20px; border: 1px solid #828282; background: #256ec7 url(../img/arrow/pagebrowser_previous.png) 8px 50% no-repeat; color: #fff; }
.pagebrowser li.next     a { padding: 4px 20px 4px 12px; border: 1px solid #828282; background: #256ec7 url(../img/arrow/pagebrowser_next.png) 90% 50% no-repeat; color: #fff; }
.pagebrowser li.subsection a { padding: 4px 20px 4px 20px; border: 1px solid #828282; background: url(../img/bg/gradation.png) repeat-x; }
.pagebrowser li.pagenumbers a:hover,
.pagebrowser li.previous a:hover,
.pagebrowser li.next a:hover,
.pagebrowser li.subsection a:hover { background-color: #fff; color: #256ec7; }

/* BROWSEBOX */
.browsebox { padding: 20px 0; }
ul.browsebox { text-align: center; }
.browsebox ul { margin: 0 !important; text-align: center; }
.browsebox li { display: inline; margin: 0; }
.browsebox li.disabled { display: none; }
.browsebox li a { margin: 0 3px; padding: 4px 8px; vertical-align: top; border: 1px solid #828282; background: #e3e3e3; }
.browsebox li a:hover { background-color: #fff; color: #256ec7; }
.browsebox li.tx-indexedsearch-browselist-currentPage,
.browsebox li.active  { margin: 0 3px; padding: 4px 8px; border: 1px solid #72a8dc; background: url(../img/bg/gradation_blue.png); font-weight: bold; }
.browsebox li.tx-indexedsearch-browselist-currentPage a { margin: 0; padding: 0; border: none; background: none; text-decoration: none; color: #000; }
.browsebox .showResultsWrap { margin: 0 0 10px; }

/* GOTOP */
p.gotop { margin: 10px 0; text-align: right; }
p.gotop a { padding-left: 15px; background: url(../img/arrow/gotop.png) 0 50% no-repeat; }



/* ------------------------------------------------------------
  2-1.  LAYOUT
------------------------------------------------------------ */
.clear   { clear: both; }
.clearer { clear: both; display: block; height: 0; margin: 0; padding: 0; line-height: 1px; font-size: 1px; }
.clearfix, dl, .header, .body, .col2, .col2a, .col2b, .col3, .col3a, .col3b, .col3c, .col4, #contentarea { zoom: 1; }
.clearfix:after, dl:after, .header:after, .body:after, .section:after, .col2:after, .col2a:after, .col2b:after, .col3:after, .col3a:after, .col3b:after, .col3c:after, .col4:after, #contentarea:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

ul.left,ol.left,ul.right,ol.right { list-style: none !important; margin-left: 0 !important; }
dl.left,
ul.left,
ol.left,
table.left,
img.left  { display: inline; float: left; margin-right: 5px; text-align: left !important; }
dl.right,
ul.right,
ol.right,
table.right,
img.right { display: inline; float: right; margin-left: 5px; text-align: left !important; }
.centered { margin-left: auto; margin-right: auto; }
.left     { text-align: left !important; }
.right    { text-align: right !important; }
.center   { text-align: center !important; }
.indent1  { padding-left: 1em; text-indent: -1em; }
.indent2  { padding-left: 2em; text-indent: -2em; }
.indent3  { padding-left: 3em; text-indent: -3em; }
.indent4  { padding-left: 4em; text-indent: -4em; }

.flush-left  { margin-left: -20px; }
.flush-right { margin-right: -20px; }
.flush-both  { margin-left: -20px; margin-right: -20px; }
.append      { margin-top: -20px; }
.indent      { margin-left: 30px; }

.break       { height: 30px; }
.hr-dot      { padding-bottom: 1em; background: url(../img/bg/line_dot.png) left bottom repeat-x; }
.hr-line     { padding-bottom: 1em; background: url(../img/bg/line.png) left bottom repeat-x; }
.border      { padding: 10px; border: 1px solid #969696; }
.caution     { padding: 10px; border: 1px dotted #c03; color: #c03; }
blockquote   { margin: 20px 30px; padding: 10px; background: #f1f1f1; }



/* ------------------------------------------------------------
  2-2.  COLUMN LAYOUT
------------------------------------------------------------ */
.column { display: inline; float: left; overflow: hidden; }
.column.left, .column.right { margin-left: 0 !important; }
#contentarea .column.right { float: right !important; text-align: left !important; }

.col2, .col2a, .col2b, .col3, .col3a, .col3b, .col3c, .col4 { clear: both; width: 100%; }

.col2  .column       { width: 49%; }
.col2a .column.left  { width: 66%; }
.col2a .column.right { width: 32%; }
.col2b .column.left  { width: 32%; }
.col2b .column.right { width: 66%; }

.col3  .column       { width: 33%; }
.col3a .column.left  { width: 50%; }
.col3a .column       { width: 24%; }
.col3a .column.right { width: 24%; }
.col3b .column.left  { width: 24%; }
.col3b .column       { width: 24%; }
.col3b .column.right { width: 50%; }
.col3c .column.left  { width: 24%; }
.col3c .column       { width: 50%; }
.col3c .column.right { width: 24%; }

.col4  .column       { width: 24%; }



/* ------------------------------------------------------------
  3-1.  TEXT
------------------------------------------------------------ */
body      { font: 78%/1.25 'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; color: #000; }
#globalheader,
#globalfooter { font-size: 90%; }
#breadcrumbs,
#sidebar  { font-size: 95%; }
strong    { font-weight: bold; }
em,i      { font-weight: bold; font-style: normal; color: #36f; }
.small    { font-size: 80%; }
.large    { font-size: 130%; }
.larger   { font-size: 180%; }
.footnote { font-size: 90%; }
.red      { color: #c03; }
.cap:first-letter { float: left; margin-right: 3px; line-height: 1.0 !important; font-size: 260%; font-family: "ＭＳ Ｐ明朝","Hiragino Mincho Pro","ヒラギノ明朝 Pro W6" !important; }



/* ------------------------------------------------------------
  3-2.  ANCHOR
------------------------------------------------------------ */
a { color: #033e85; text-decoration: underline; }
#globalheader a,
#breadcrumbs a,
#globalfooter a { color: #000; }
a:hover { color: #c03; }
a.new   { height: 1%; padding-left: 28px; background: url(../img/icon/new.png) 0 0 no-repeat; }
* html a.new { background-position: 0 0; }
a.pdf   { height: 1%; padding-left: 15px; background: url(../img/icon/pdf.png) 0 0 no-repeat; }
a.arrow { height: 1%; padding-left: 12px; background: url(../img/arrow/arrow.png) left center no-repeat; }
a.more  { height: 1%; padding-left: 15px; background: url(../img/arrow/square.png) left center no-repeat; }
a.rss   { overflow: hidden; display: block; float: left; width: 45px; height: 17px; background: url(../img/icon/icon.png) 0 0; text-indent: -9999px; }
/*
#feature    a:hover img,
#promoarea  a:hover img,
#bannerarea a:hover img { opacity: 0.5; filter: alpha(opacity=50); }
*/



/* ------------------------------------------------------------
  3-3.  MISC
------------------------------------------------------------ */
#contentarea .plain  { height: auto !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; text-indent: 0 !important; background: none !important; border: none !important; }
.hide   { display: none !important; }
.accNav { position: absolute; left: -9999px; width: 500px; }
img.atmark { vertical-align: middle; }



/* ------------------------------------------------------------
  4-1.  TITLE (h1,p...)
------------------------------------------------------------ */
#title         { padding: 10px 15px; background: #e1eaf4; zoom: 1; }
#title h1      { margin-bottom: 5px; font-size: 1.7em; }
#title p       { font-weight: bold; color: #646464; }

#subcategory   { height: 77px; padding-right: 220px; line-height: 1.1; background: #0b50a4 right top no-repeat; }

body#topics          #subcategory { background-image: url(../img/title/sc-topics.jpg); }
body#whatnew         #subcategory { background-image: url(../img/title/sc-whatnew.jpg); }
body#investmenttrust #contentarea.about #subcategory { background-image: url(../img/title/sc-investmenttrust-about.jpg); }
body#investmenttrust #contentarea.meritrisk #subcategory { background-image: url(../img/title/sc-investmenttrust-meritrisk.jpg); }
body#investmenttrust #contentarea.type #subcategory { background-image: url(../img/title/sc-investmenttrust-type.jpg); }
body#investmenttrust #contentarea.information #subcategory { background-image: url(../img/title/sc-investmenttrust-information.jpg); }
body#investmenttrust #contentarea.costtax #subcategory { background-image: url(../img/title/sc-investmenttrust-costtax.jpg); }
body#investmenttrust #contentarea.process #subcategory { background-image: url(../img/title/sc-investmenttrust-process.jpg); }
body#investmenttrust #contentarea.etf #subcategory { background-image: url(../img/title/sc-investmenttrust-etf.jpg); }
body#investmenttrust #contentarea.specialist #subcategory { background-image: url(../img/title/sc-investmenttrust-specialist.jpg); }
body#investmenttrust #contentarea.faq #subcategory { background-image: url(../img/title/sc-investmenttrust-faq.jpg); }
body#reit            #contentarea.about #subcategory { background-image: url(../img/title/sc-reit-about.jpg); }
body#reit            #contentarea.meritrisk #subcategory { background-image: url(../img/title/sc-reit-meritrisk.jpg); }
body#reit            #contentarea.information #subcategory { background-image: url(../img/title/sc-reit-information.jpg); }
body#reit            #contentarea.costtax #subcategory { background-image: url(../img/title/sc-reit-costtax.jpg); }
body#reit            #contentarea.process #subcategory { background-image: url(../img/title/sc-reit-process.jpg); }
body#reit            #contentarea.faq #subcategory { background-image: url(../img/title/sc-reit-faq.jpg); }
body#reit            #contentarea.newsetc #subcategory { background-image: url(../img/title/sc-reit-newsetc.jpg); }
body#search          #subcategory { background-image: url(../img/title/sc-search.jpg); }
body#statistics      #subcategory { background-image: url(../img/title/sc-statistics.jpg); }
body#profile         #subcategory { background-image: url(../img/title/sc-profile.jpg); }
body#link            #subcategory { background-image: url(../img/title/sc-link.jpg); }
body#start           #subcategory { background-image: url(../img/title/sc-start.jpg); }
body#seminar         #subcategory { background-image: url(../img/title/sc-seminar.jpg); }
body#words           #subcategory { background-image: url(../img/title/sc-words.jpg); }
body#mailmag         #subcategory { background-image: url(../img/title/sc-mailmag.jpg); }
body#consult         #subcategory { background-image: url(../img/title/sc-consult.jpg); }
body#guidebook       #subcategory { background-image: url(../img/title/sc-guidebook.jpg); }
body#lecture         #subcategory { background-image: url(../img/title/sc-lecture.jpg); }
body#english         #subcategory { background-image: url(../img/title/sc-english.jpg); }
body#search          #subcategory { background-image: url(../img/title/sc-search.jpg); }
body#publiccomment   #subcategory { background-image: url(../img/title/sc-publiccomment.jpg); }

#subcategory p  { padding: 10px 15px; font-size: 1.3em; font-weight: bold; color: #fff; }
#subcategory h1 { padding: 10px 15px; font-size: 1.6em; font-weight: bold; color: #fff; }

#side-category { height: 42px; border: 1px solid #d1d1d1; border-bottom: none; }
#side-category a { display: block; width: 100%; height: 100%; line-height: 42px; text-indent: 10px; background: url(../img/title/side-category.png) no-repeat; font-size: 14px; color: #fff; }
body#investmenttrust  #side-category a { text-indent: -9999px; background-position: 0 -50px; }
body#reit             #side-category a { text-indent: -9999px; background-position: 0 -100px; }
body#search           #side-category a { text-indent: -9999px; background-position: 0 -150px; }
body#statistics       #side-category a { text-indent: -9999px; background-position: 0 -200px; }
body#profile          #side-category a { text-indent: -9999px; background-position: 0 -250px; }
body#link             #side-category a { text-indent: -9999px; background-position: 0 -300px; }
body#start            #side-category a { text-indent: -9999px; background-position: 0 -350px; }
body#topics           #side-category a { text-indent: -9999px; background-position: 0 -400px; }
body#seminar          #side-category a { text-indent: -9999px; background-position: 0 -450px; }
body#words            #side-category a { text-indent: -9999px; background-position: 0 -500px; }



/* ------------------------------------------------------------
  4-2.  LIST
------------------------------------------------------------ */
#content-body ul    { list-style: disc; margin-left: 2em; }
#content-body ul ul { list-style: circle; }
#content-body ol    { list-style: decimal; margin-left: 2em; }

dl.list-index { margin: 0 0 10px; padding: 20px 0 10px; border: 2px solid #bcd3eb; border-left: none; border-right: none; }
dl.list-index dt { padding: 3px 0 3px 30px; font-size: 1.2em; background: url(../img/arrow/index.png) 0 3px no-repeat; }
dl.list-index dd { padding: 0 0 10px 30px; }

dl.list-news { margin: 0 0 1em; padding: 5px 0; background: url(../img/bg/line_dot.png) left bottom repeat-x; }
dl.list-news dt { clear: left; float: left; width: 10em; text-indent: 1em; background: url(../img/arrow/arrow.png) 0 0 no-repeat; }
dl.list-news dd { margin-left: 10em; }
dl.list-news dt,
dl.list-news dd { margin-bottom: 10px; }
dl.list-news.v2 dt { width: 14em; }
dl.list-news.v2 dd { margin-left: 14em; }

dl.list-seminar { margin: 0 0 1em; padding: 5px 0; background: url(../img/bg/line_dot.png) left bottom repeat-x; }
dl.list-seminar dt { padding-left: 1em; background: url(../img/arrow/arrow.png) 0 0 no-repeat; }
dl.list-seminar dd { margin-left: 1em; }
dl.list-seminar dt { margin-bottom: 3px; }
dl.list-seminar dd { margin-bottom: 12px; }

dl.list-file { margin: 0 0 1em; padding: 5px 0; background: url(../img/bg/line_dot.png) left bottom repeat-x; }
dl.list-file dt { clear: both; float: left; width: 465px; padding-left: 15px; background: url(../img/arrow/arrow.png) 0 0 no-repeat; }
* html dl.list-file dt { width: 480px; }
dl.list-file dt a { font-size: 15px; display: block; padding-left: 25px; background-repeat: no-repeat !important; text-decoration: underline; color: #033e85; }
dl.list-file dt a:hover { color: #c03; }
dl.list-file dd.filesize { margin-left: 480px; width: 100px; }
dl.list-file dd.desc     { clear: left; margin-top: -10px; margin-left: 40px; margin-bottom: 5px; background: #f1f1f1; }
dl.list-file dt,
dl.list-file dd { margin-bottom: 10px; }

dl.list-file-simple dt { margin: 0 0 1em; clear: both; float: right; padding-left: 15px; background: url(../img/arrow/arrow.png) 0 0 no-repeat; }
* html dl.list-file-simple dt { width: 480px; }
dl.list-file-simple dt a { font-size: 15px; display: block; padding-left: 25px; text-decoration: underline; color: #033e85; }
dl.list-file-simple dt a span { font-size: 11px; line-height: 20px; }
dl.list-file-simple dt a:hover { color: #c03; }

dl.list-keyword { margin: 0 10px; padding: 0 10px; background: url(../img/bg/gradation.png) 0 0 repeat-x; }
dl.list-keyword dt { clear: left; float: left; width: 3.5em; }
dl.list-keyword dd { margin-left: 4em; padding-left: 12px; background: url(../img/arrow/arrow.png) 0 0 no-repeat; }
dl.list-keyword dt,
dl.list-keyword dd { margin-bottom: 5px; }

.list-banner { list-style: none !important; margin-left: 0 !important; }

.list-button { list-style: none !important; height: 37px; margin-left: 0 !important; }
.list-button li a,
.list-button li input { display: block; overflow: hidden; width: 250px; height: 37px; line-height: 37px; background: url(../img/button/button.png) 0 0 no-repeat; text-align: center; font-weight: bold; color: #fff !important; }
.list-button li a:hover,
.list-button li input:hover { background-position: 0 -50px; color: #fff; }
.list-button li input { width: 150px; margin-right: 10px; border: none; }
.list-button.mini { height: 27px; }
.list-button.mini li a,
.list-button.mini li input,
.list-button li.mini a,
.list-button li.mini input { width: 90px; height: 27px; line-height: 27px; background-image: url(../img/button/button_mini.png); }
.list-button li.mini { margin-top: 10px; }

.list-arrow { list-style: none !important; margin-left: 10px !important; }
.list-arrow li { padding: 0 0 10px 15px; background: url(../img/arrow/arrow.png) 0 3px no-repeat; }

.list-inline { list-style: none !important; margin-left: 0 !important; }
.list-inline li { display: inline; float: left; }

.list-pipe { list-style: none !important; margin-left: 0 !important; }
.list-pipe li { display: inline; }
.list-pipe li a { border-left: 1px solid #969696; padding: 0 0 0 0.8em; margin-left: 0.8em; }
.list-pipe li.first a { border-left: 0 !important; padding-left: 0; margin-left: 0 !important; }

.stripe    { list-style: none !important; margin-left: 10px !important; }
.stripe li { padding: 2px 5px; }

.list-tree,
.list-tree ul { list-style: none !important; margin: 0 !important; }
.list-tree li { margin-left: 0; padding-left: 16px; line-height: 1.6; background: url(../img/arrow/tree.png) left top no-repeat; }
.list-tree li li { margin-left: -16px; padding-left: 32px; background-image: url(../img/arrow/tree_2.png); }
.list-tree li li.last { padding-bottom: 10px; background-image: url(../img/arrow/tree_2_last.png); }
.list-tree li li li { margin-left: -32px; padding-left: 60px; background-image: url(../img/arrow/tree_3.png); }
.list-tree li li li.last { background-image: url(../img/arrow/tree_3_last.png); }
.list-tree li li li li { margin-left: -60px; padding-left: 88px; background-image: url(../img/arrow/tree_4.png); }
.list-tree li li li li.last { background-image: url(../img/arrow/tree_4_last.png); }
.list-tree li    { font-weight: bold; }
.list-tree li li { font-weight: normal; }



/* ------------------------------------------------------------
  4-3.  TABLE
------------------------------------------------------------ */
table.border    { margin-left: 1px; border-collapse: collapse; border: 1px solid #969696; border-spacing: 0; }
table.border th { padding: 3px 5px; border: 1px solid #969696; background: #fff6e0; font-weight: bold; text-align: left; }
table.border td { padding: 3px 5px; border: 1px solid #969696; word-break: break-all; }
table.border tr.deco th,
table.border tr.deco td { padding: 6px 5px; background: url(../img/bg/gradation.png) left bottom repeat-x; }
table.border tr.prime  td { background: #c1d9f7; }
table.border tr.second td { background: #e0eaf8; }
table.border tr.prime  th,
table.border tr.second th { background: #ffecbe; }
table.border           th { background: #fff6e0; }
table.border thead tr th .toASC  { display: block; padding-right: 16px; background: url(../img/arrow/tablesorter/asc.gif) 100% 50% no-repeat; }
table.border thead tr th .toDESC { display: block; padding-right: 16px; background: url(../img/arrow/tablesorter/desc.gif) 100% 50% no-repeat; }
table.border.full { width: 100%; }
table.border tr.noborder th,
table.border tr.noborder td,
table.border th.noborder,
table.border td.noborder { border: none; }

table.noborder    { border-collapse: collapse; border: 5px solid #fff; border-left: none; border-spacing: 0; }
table.noborder th { padding: 8px; border: 5px solid #fff; border-left: none; background: #f1f1f1; text-align: left; }
table.noborder td { padding: 8px; border: 5px solid #fff; }

tr.even { background: #e6e6e6; border: 1px solid #ccc; }
tr.odd  { background: #f1f1f1; }
.nowrap { white-space: nowrap; }

table.tablesorter { width: 100%; border: none; border-spacing: 1px; background-color: #e6e6e6; }
* html table.tablesorter { width: 90%; }
* html body#home table.tablesorter { width: 100%; }
table.tablesorter thead tr th,
table.tablesorter tfoot tr th { padding: 4px; border: 1px solid #fff; background-color: #e0eaf8; }
table.tablesorter thead tr .header { padding-right: 16px; background-image: url(../img/arrow/tablesorter/bg.gif); background-position: 100% 50%; background-repeat: no-repeat; cursor: pointer; }
table.tablesorter tbody td { padding: 10px 4px; background-color: #fff; vertical-align: top; }
table.tablesorter tbody tr.odd td { background-color: #f1f1f1; }
table.tablesorter thead tr .headerSortUp   { background-image: url(../img/arrow/tablesorter/asc.gif); }
table.tablesorter thead tr .headerSortDown { background-image: url(../img/arrow/tablesorter/desc.gif); }
table.tablesorter thead tr .headerSortUp,
table.tablesorter thead tr .headerSortDown { background-color: #c1d9f7; }

table.table { width: 100%; border: none; border-spacing: 1px; background-color: #e6e6e6; }
* html table.table { width: 90%; }
* html body#home table.table { width: 100%; }
table.table th { padding: 4px; border: 1px solid #fff; background-color: #dcd7eb; }
table.table tr.thead th { background-color: #dcd7eb; color: #fff; }
table.table td { padding: 3px 4px; background-color: #fff; vertical-align: top; }
table.table tr.odd td { background-color: #f1f1f1; }

table.fixed { table-layout: fixed; }



/* ------------------------------------------------------------
  4-4.  MODULE
------------------------------------------------------------ */
.header       { position: relative; margin: 0 0 10px; }
.header h2    { position: relative; zoom: 1; padding-right: 10em; }
.header ol    { position: absolute; top: 6px; right: 5px; }
.header ol li { display: inline; }

#contentarea .module { margin: 0 0 20px; }
#contentarea .module .header { }
#contentarea .module .body   { padding: 10px; }
#contentarea .module .footer { padding : 5px 0 0; text-align: right; }
#sidebar .module { border: 1px solid #d1d1d1; }



/* ------------------------------------------------------------
  4-5.  FRAME
------------------------------------------------------------ */
ul#promo    { list-style: none !important; margin-left: 0 !important; }
ul#promo li { margin-left: 10px; background: url(../img/frame/promo_footer.png) left bottom no-repeat; }
ul#promo dl { margin-bottom: 10px; background: url(../img/frame/promo_body.png) repeat-y; }
ul#promo dt { padding: 10px 10px 3px; background: url(../img/frame/promo_header.png) no-repeat; }
ul#promo dd { padding: 0 10px; }



/* ------------------------------------------------------------
  5-1.  PAGES
------------------------------------------------------------ */
/* HOME */
body#home #feature { padding: 20px 0; }
body#home #feature .column.left  { width: 570px; }
body#home #feature .column.right { width: 270px; padding: 5px 0 1px; background: #709ed5; }

body#home #feature .scrollable        { position: relative; overflow: hidden; width: 573px; height: 200px; }
body#home #feature .scrollable .items { position: absolute; width: 999em; clear: both; }
body#home #feature .items div         { float: left; width: 573px; }
body#home #feature .navi              { position: absolute; top: 180px; left: 255px; width: 100px; height: 20px; z-index: 100; }
body#home #feature .navi a            { display: inline-block; *display: inline; *zoom: 1; width: 10px; height: 10px; margin: 4px; background: url(../img/arrow/navigator.png) no-repeat; font-size: 10px; }
body#home #feature .navi a:hover      { background-position: 0 -10px; }
body#home #feature .navi a.active     { background-position: 0 -20px; }

body#home #contentarea { margin-bottom: 25px; }
body#home #content { float: left; width: 570px; }
body#home #content-body { padding: 0; }
body#home #content-body h2 { margin: 0 0 15px; }
body#home #content-body .section { padding: 0; }
body#home #content-body .column.left  { width: 330px; }
body#home #content-body .column.right { width: 232px; }
body#home #content-body .column.left h2  { height: 32px; margin: 0; padding: 0; border: none; background: url(../img/heading/topics.png) no-repeat; }
body#home #content-body .column.right h2 { height: 32px; margin: 0; padding: 0; border: none; background: url(../img/heading/seminar.png) no-repeat; }
body#home #content-body .column.left h2 a,
body#home #content-body .column.right h2 a { display: block; text-indent: -9999px; }
body#home #content-body .column.left p,
body#home #content-body .column.right p { margin: 0; text-align: right; }
body#home #content-body dl.list-news,
body#home #content-body dl.list-seminar { width: auto !important; height: auto !important; margin-bottom: 0; padding-bottom: 2px; }
body#home #contentarea .module .footer { background: url(../img/bg/line_dot.png) repeat-x; }

body#home #content-body #promoarea { clear: both; }
body#home #content-body #promoarea div.csc-textpic-imagewrap { width: 570px !important; padding: 15px 0 1px; }
body#home #content-body #promoarea dl.csc-textpic-image { width: 184px !important; margin-right: 9px; padding-bottom: 10px; background: url(../img/frame/promo_footer.png) left bottom no-repeat; }
body#home #content-body #promoarea dl.csc-textpic-image dt { display: block; padding: 10px 10px 3px; background: url(../img/frame/promo_header.png) left top no-repeat; }
body#home #content-body #promoarea dl.csc-textpic-image dd { padding: 0 10px; background: url(../img/frame/promo_body.png) repeat-y; }

body#home #bannerarea { overflow: hidden; display: inline; float: right; width: 272px; }
body#home #bannerarea .section { margin-bottom: 15px; }

body#home dl.list-news dt { clear: left; float: left; width: 6em; }
body#home dl.list-news dd { margin-left: 6em; }


/* POPUP */
#container.popup { width: 100%; }
#container.popup #sitelogo     { position: relative; margin: 20px 20px 10px; padding: 0 0 10px; border-bottom: 3px solid #d8e4f2; }
#container.popup #contentarea  { width: auto; margin: 0 20px 20px; padding: 0; }
#container.popup #content { float: none; width: auto; padding: 0; }
#container.popup #globalfooter { width: auto; margin: 0 20px; height: 62px; background: #d8e4f1 url(../img/logo/logo_s.png) 99% 8px no-repeat; }
#container.popup #globalfooter p.copyright { top: 45px; left: auto; right: 5px; }

/* GLOSSARY */
.glossary-navbar { margin: 10px 0; padding: 5px 10px 0; }
.glossary-detail { }
.glossary-detail table.border { margin: 0 10px; }
.glossary-detail div.description { margin: 10px 10px 20px; padding-bottom: 5px; }
.glossary-detail strong.red { color: #c03; background: #ff9; }

/* SEARCH */
#content-body .tx-indexedsearch-res h3 { padding: 0 0 3px; border-bottom: 1px solid #ccc; background: none; }
#content-body p.tx-indexedsearch-descr { margin-left: 23px; margin-bottom: 5px; line-height: 1.2; color: #666; }
#content-body dl.tx-indexedsearch-info { margin-left: 23px; margin-bottom: 20px; padding: 3px 5px; color: #666; }
#content-body .tx-indexedsearch-redMarkup { color: #c03; background: #ff9; }
#content-body .tx-indexedsearch-whatis { display: none; }
#content-body .tx-indexedsearch-browsebox p { margin: 10px 0; }
#content-body .tx-indexedsearch-browsebox .browsebox { padding: 0; }

/* FORM */
body#forms fieldset { margin: 0 0 20px; }
body#forms legend   { margin: 0 0 5px; padding: 0 13px; background: url(../img/heading/h3.png) no-repeat; font-size: 1.1em; font-weight: bold; color: #0b50a4; }
body#forms .powermail_mandatory { color: #c03; }
body#forms dl { margin: 0 0 1em 15px; }
body#forms dl dt { padding: 5px 10px; border-top: 1px dotted #ccc; border-left: 3px solid #ccc; font-weight: bold; }
body#forms dl dd { padding-left: 15px; border-left: 3px solid #ccc; }
body#forms dl dd.guide { border-left: 1px dotted #ccc; }





/* ------------------------------------------------------------
X-1. JSライブラリ関連
------------------------------------------------------------ */

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:hidden;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}
/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#111;}
#colorbox{}
#cboxContent{margin-top:32px; overflow:visible;background: #fff;}
.cboxIframe{background:#111;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#000; padding:1px;}
#cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) no-repeat center center;}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; top:-22px; left:0; width:100%; height:24px; line-height: 24px; text-indent:10px; text-align:left;color:#000; background: #fff;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../img/colorbox/controls.png) no-repeat 0 0;}
#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious:hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext:hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose:hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}


}





/* ====  PRINT SETTING  ===============================================

============================================================ */

@media print {

#container { position: static; }
#contentarea { padding-top: 84px; }
#content { float: none; width: 100%; }
#globalheader,
#globalnav,
#sidebar,
#fontsize,
#globalsearch,
#nav-info,
#nav-utility,
#nav-func, 
p.gotop { display: none; }
#globalfooter p.copyright { left: 10px; }

}