@charset "utf-8";

/*------------------------------------------------------------------------------
Suken - CSS Modules Import
URL: http://www.chart.co.jp/
Date: 2011-03-01
© 2011 Suken Shuppan.
------------------------------------------------------------------------------*/


/* ----------------------------------------

Redefine

---------------------------------------- */

html {
    background-color: #f5f5f5;
}

body {
    line-height: 1.67;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
    color: #444;
}

a:link {
    color: #1979ab;
    text-decoration: none;
}

a:visited {
    color: #704a99;
    text-decoration: none;
}

a:hover,
a:visited:hover {
    text-decoration: underline;
}

a:active {
    color: #1979ab;
}


/* 必要な箇所だけに指定する場合は削除
------------------------------- */

img {
    vertical-align: bottom;
}

/* ----------------------------------------

Container

---------------------------------------- */

div#Container {
    margin: 0 auto;
    font-size: 92.3%; /* fontsize 12px */
}

/*
**
子要素のフォントサイズ指定は以下を参照
http://aloestudios.com/tools/emchart/
**
*/

/* ----------------------------------------

Header

---------------------------------------- */

div#Header {
    position: relative;
    width: 940px;
    margin: 0 auto;
    padding-top: 15px;
    z-index: 900;
}

div#Header p.Skip {
    height: 0;
    width: 0;
    overflow: hidden;
}

#SiteID {
    float: left;
    width: 190px;
    padding-bottom: 14px;
}

ul#HdrNav {
    float: right;
    width: 740px;
    padding: 23px 0 13px;
    text-align: right;
}

ul#HdrNav li,
ul#HdrNav form,
ul#HdrNav div {
    display: inline;
}

ul#HdrNav li {
    margin-left: 20px;
}

ul#HdrNav li a {
    padding-left: 10px;
    background: url(../images/icon_arrow_01.png) 0 0.5em no-repeat;
    font-size: 83.4%;
}

ul#HdrNav li.HdrBtn a {
    padding-left: 0;
    background: none;
}

ul#HdrNav input.Text {
    width: 141px;
    height: 14px;
    padding: 3px 3px 3px 20px;
    border: none;
    background: #fff url(../../img/common/icon_srch_01.png) 5px 50% no-repeat;
    color: #aaa;
}

ul#HdrNav img,
ul#HdrNav input {	vertical-align: middle;}

div#GlbWrap {
    clear: both;
    padding-top: 20px;
    background: #fff;
    zoom: 1;
}

ul#GlobalNav {
    width: 900px;
    margin: 0 auto;
    -webkit-box-shadow: 0px 5px 20px rgba(51,51,51,0.15);
    -moz-box-shadow: 0px 5px 20px rgba(51,51,51,0.15);
    -ms-box-shadow: 0px 5px 20px rgba(51,51,51,0.15);
    box-shadow: 0px 5px 20px rgba(51,51,51,0.15);
}

ul#GlobalNav li {
    position: relative;
    float: left;
    width: 152px;
}

ul#GlobalNav li#GNav01 { width: 141px;}
ul#GlobalNav li#GNav06 { width: 151px;}

ul#GlobalNav ul li {
    display: block;
    width: 152px;
}

ul#GlobalNav ul {
    position: absolute;
    top: 61px;
    left: 0;
    display: none;
    overflow: hidden;
    zoom: 1;
}

ul#GlobalNav ul li {
    position: relative;
    margin-top: -1px;
    padding-top: 1px;
    background:#178ad3 url(../../img/common/line_dotted_03.png) 0 0 repeat-x;
    opacity: .85; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=85); /* IE lt 8 */
    -ms-filter: "alpha(opacity=85)"; /* IE 8 */
    -khtml-opacity: .85; /* Safari 1.x */
    -moz-opacity: .85; /* FF lt 1.5, Netscape */
}

ul#GlobalNav ul li a {
    display: block;
    padding: 10px 10px 10px 22px;
    border-top: 1px;
    background: #178ad3 url(../../img/common/icon_arrow_03.png) 10px 17px no-repeat;
    line-height: 1.3;
    font-weight: 700;
    color: #fff;
    zoom: 1;
}

ul#GlobalNav ul li a:hover {
    background-color: #006;
    text-decoration: none;
}

/* ----------------------------------------

Content

---------------------------------------- */

div#Content {
    width: 900px;
    margin: 0 auto;
    padding: 15px 20px 20px 20px;
    background-color: #fff;
}

div#Content h1 {
    margin-bottom: 30px;
}

p.PageTop {
    clear: both;
    padding-top: 25px;
    text-align: right;
}

div#Main p.PageTop {
    clear: both;
    padding-top: 0px;
    text-align: right;
}


/* Noscript
------------------------------- */

p#Noscript {
    padding: 0 0 2px;
    background-color: #03236d;
    text-align: center;
    color: #fff;
}

/* TopicPath
------------------------------- */

div#Content ol#TopicPath {
    position: relative;
    margin: -5px 0 8px;
    line-height: 1.2;
}

div#Content ol#TopicPath li {
    display: inline;
    padding: 0 12px 0 16px;
    background: url(../images/icon_arrow_04.png) 0 50% no-repeat;
    font-size: 83.4%;
}

div#Content ol#TopicPath li#TopPage {
    padding-left: 0;
    background: none;
}


/* ----------------------------------------

Content - Main

---------------------------------------- */

div#Main {
    float: right;
    width: 660px;
}

div.SingleCol {
    float: none !important;
    width: auto !important;
}

/* ----------------------------------------

Content - Sub

---------------------------------------- */

div#Sub {
    float: left;
    width: 200px;
}

div#Sub div.SubNav {
    margin-bottom: 20px;
    padding: 0 10px 1px;
    border: 1px solid #d8d8d8;
    border-top: none;
    zoom: 1;
}

div.SubNav .SubTit01,
div.SubNav .SubTit02,
div.SubNav .SubTit03 {
    position: relative;
    margin: 0 -11px;
    padding: 10px 10px 10px 17px;
    background-color: #1975b3;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
}

div.SubNav .SubTit02 { background-color: #1975b3;}
div.SubNav .SubTit03 { background-color: #8da1ae;}

div.SubNav .SubTit04 {
    margin-top: 8px;
    padding-bottom: 7px;
    background: url(../../img/common/bg_subtit_01.png) 0 100% no-repeat;
    line-height: 1.5;
    font-size: 116.7%;
    font-weight: 700;
}

/* SubList01
------------------------------- */

ul.SubList01 {
    padding-bottom: 10px;
}

ul.SubList01 li {
    border-bottom: 1px solid #dcdcdc;
    zoom: 1;
}

ul.SubList01 li a {
    display: block;
    padding: 13px 5px 11px 7px;
    line-height: 1.4;
    zoom: 1;
}

ul.SubList01 li a:hover {
    text-decoration: none;
    background: #f2faff url(../../img/common/bg_sublist_01.png) 0 0 repeat-x;
}

ul.SubList01 li a span {
    display: block;
    padding-left: 17px;
    background: url(../../img/common/icon_arrow_05.png) 0 0.3em no-repeat;
    cursor: pointer;
}

ul.SubList01 li.Parent a,
ul.SubList01 li.Active a {
    background: #f2faff url(../../img/common/bg_sublist_01.png) 0 0 repeat-x;
}

ul.SubList01 li.Parent a span {
    background-image: url(../../img/common/icon_arrow_06.png);
}

ul.SubList01 li.Active a span {
    background-image: url(../../img/common/icon_arrow_05.png);
}

ul.SubList01 ul {
    margin-bottom: 5px;
    padding-top: 5px;
    border-top: 1px solid #dcdcdc;
    overflow: hidden;
    zoom: 1;
}

ul.SubList01 ul li {
    margin-bottom: -1px;
    border-bottom: none;
    background: url(../../img/common/line_dotted_04.png) 0 100% repeat-x;
}

ul.SubList01 ul li a,
ul.SubList01 ul li span {
    display: block;
    padding: 8px 5px 7px 28px;
    background: url(../../img/common/icon_arrow_07.png) 16px 1em no-repeat !important;
    line-height: 1.4;
    zoom: 1;
}

ul.SubList01 ul ul {
    border-top: none;
    background: url(../../img/common/line_dotted_04.png) 0 0 repeat-x;
}

ul.SubList01 ul ul li a,
ul.SubList01 ul ul li span {
    display: block;
    padding: 8px 5px 7px 38px;
    background: url(../../img/common/icon_arrow_04.png) 28px 1em no-repeat !important;
    line-height: 1.4;
    zoom: 1;
}

ul.SubList01 ul li.Active ul li a {
    text-decoration: none;
}

ul.SubList01 ul li.Active ul li.Active a {
    text-decoration: underline;
}


ul.SubList01 ul li.Active a {
    text-decoration: underline;
}

ul.SubList01 ul li a:hover {
    background: url(../../img/common/icon_arrow_07.png) 16px 1em no-repeat;
    text-decoration: underline;
}

ul.SubList01 ul li span {
    font-weight: 700;
}

/* SubList02
------------------------------- */

ul.SubList02 {
    margin-bottom: 5px;
    padding-top: 5px;
    overflow: hidden;
    zoom: 1;
}

ul.SubList02 li {
    margin-bottom: -1px;
    background: url(../../img/common/line_dotted_04.png) 0 100% repeat-x;
}

ul.SubList02 li a,
ul.SubList02 li span {
    display: block;
    padding: 8px 5px 7px 16px;
    background: url(../../img/common/icon_arrow_07.png) 7px 1em no-repeat;
    line-height: 1.4;
    zoom: 1;
}

/* SubBnr
------------------------------- */

ul.SubBnr01 {
    position: relative;
    margin-top: -10px;
    padding-bottom: 10px;
}

ul.SubBnr01 li {
    margin-bottom: 10px;
}

ul.SubBnr02 {
    padding: 5px 0 1px;
}

ul.SubBnr02 li {
    margin-bottom: 10px;
}

ul.SubBnr03 li {
    margin-bottom: 10px;
}

/* SubTxt01
------------------------------- */

p.SubTxt01 {
    padding: 10px 0;
    font-size: 91.7%;
}

/* ----------------------------------------

Footer

---------------------------------------- */

div#Footer {
    padding: 35px 0 0;
    background: #f5f5f5 url(../images/bg_ftr_01.jpg) 50% 0 no-repeat;
}

div#Footer div.InSec {
    width: 900px;
    margin: 0 auto;
    margin-bottom: 35px;
    background: url(../images/line_ftr_01.png) 0 0 repeat-y;
}

div#Footer dl.FtrLink01 {
    float: left;
    width: 185px;
    padding: 1px 20px;
}

div#Footer dt {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
    background: url(../images/icon_arrow_01.png) 0 0.55em no-repeat;
    font-weight: 700;
}

div#Footer dd {
    margin-bottom: 15px;
    padding-left: 10px;
}

div#Footer dd li {
    margin-top: 3px;
    padding-left: 8px;
    background: url(../images/icon_arrow_02.png) 0 0.7em no-repeat;
    font-size: 83.4%;
}

div#FtrBtm {
    width: 900px;
    margin: 0 auto;
    padding: 15px 0;
    background: url(../images/line_dotted_02.png) 0 0 repeat-x;
}

div#FtrBtm ul {
    float: right;
    width: 580px;
    overflow: hidden;
    text-align: right;
}

div#FtrBtm li {
    display: inline;
    margin-right: -11px;
    margin-left: 18px;
    padding-right: 10px;
    border-right: 1px solid #b3b2b2;
    line-height: 1.2;
    font-size: 83.4%;
    zoom: 1;
}

div#FtrBtm p#Copyright {
    font-size: 83.4%;
    color: #b3b2b2;
}


/* ----------------------------------------

Opacity Rollover

---------------------------------------- */

ul.SubBnr01 li a:hover img,
ul.SubBnr02 li a:hover img {
    opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=75); /* IE lt 8 */
    -ms-filter: "alpha(opacity=75)"; /* IE 8 */
    -khtml-opacity: .75; /* Safari 1.x */
    -moz-opacity: .75; /* FF lt 1.5, Netscape */
}

/* ----------------------------------------

Other

---------------------------------------- */

div#wrap strong {
    font-weight: 700;
}

/* ----------------------------------------

ClearFix (基本的にクラス指定では使用しない)

---------------------------------------- */

/* Modern Browsers
------------------------------- */

div#Header:after,
div#HdrTop:after,
ul#GlobalNav:after,
div#Footer div.InSec:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
    line-height: 0;
}

/* IE7
------------------------------- */

*:first-child+html div#Header,
*:first-child+html div#HdrTop:after,
*:first-child+html ul#GlobalNav,
*:first-child+html div#Footer div.InSec {
    zoom: 1;
}

/* Legacy IE
------------------------------- */

* html div#Header,
* html div#HdrTop,
* html ul#GlobalNav,
* html div#Footer div.InSec {
    zoom: 1;
}