/*
########################################################
  Naming rules
########################################################

全体コンテナ         #container (body要素の直下)
ヘッダー             #header (ヘッダー)
フッター             #footer (フッター)
コンテンツ           #contents (コンテンツ) 
汎用コンテナ         #unitBlock
入れ子コンテナ       #unitBlockIn
入れ子コンテナ2      #unitBlockBox 
第1汎用コンテナ      #alphaBlock 
第2汎用コンテナ      #betaBlock 
第3汎用コンテナ      #gammaBlock 
第4汎用コンテナ      #deltaBlock 
第5汎用コンテナ      #zetaBlock 
ポップアップコンテナ #popupBlock 
パンくずナビ         #topicPath
ヘッダーナビ         #headerNavi
グローバルナビ       #globalNavi
ローカルナビ         #localNavi
フッターナビ         #footerNavi
見出し1              #title
見出し2              .headline 
見出し3              .crosshead 
見出し4              .subheading 
見出し5              .index 
見出し6              .subindex 
要約                 .description
コピーライト         .copy
キャプション         .caption
挿入句               .note
ページ内リンク       .pageAnchor
ページ上部へリンク   .toTop 
外部へのリンク       .external

########################################################
*/


/*
########################################################
  common style
########################################################
*/

* {
    margin: 0;
    padding: 0;
    color: #333333;
    font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka;
    text-align: left;
}

body {
    font-size: 13px; /* modern browser */
    *font-size: small; /* IE 7 */
    *font: x-small; /* IE 6 */
    line-height: 1.75;  /* 行間を広めに設定 */
    background-color: #fff;
}

img {
    border: 0;
}

li {
    list-style-type: none;
}

input {
    padding: 1px;
}

div#container {
}

h1 {
    margin: 0 0 0 10px;
    padding: 15px 0 0 0;
}

h2 {
    font-size: 22px;
    margin: 0px 0 0px 0;
}

h3 {
    margin: 0px 0 0px 0;
}

.displayOn {
    display: block;
}

.displayOff {
    display: none;
}

.borderNone {
    border: none !important;
}

.bgNone {
    background-image: none !important;
}

div#includeHeader {
    height: 93px;
    font-size: 100%;
    min-width: 850px;
    background: url(../image/bg/header.jpg) repeat-x left top;
}

div#includeHeaderIn {
    width: 850px;
    margin: 0 auto;
    position: relative;
}

div#includeHeaderIn ul#includeHLogo {
    float: left;
    display: inline;
    position: absolute;
    top: 35px;
    left: 30px;
    margin: 0 !important;
    padding: 0 !important;
}

div#includeHeaderIn ul#includeHLogo li {
    float: left;
    display: inline;
    margin: 0 !important;
    padding: 0 !important;
}

div#includeHeaderIn li {
    list-style-type: none;
}

div#includeHeaderIn img {
    border: 0;
}

/* header lev.2 */

div#includeHeaderIn ul#headerNavi2 {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 61px;
    left: 0;
}

div#includeHeaderIn ul#headerNavi2 li {
    float: left;
    position: relative;
    top: 9px;
    left: 10px;
    margin: 0;
    padding: 0;
    border-right: 1px solid #7f7f7f;
    /* 行間の調整：1から1.75に変更 */
    line-height: 1.75;
}

#hnavi11,
#hnavi12,
#hnavi13,
#hnavi14,
#hnavi15,
#hnavi16 {
    height: 20px;
}

#hnavi11,
{
    width: 140px;
}

#hnavi12,
{
    width: 140px;
}

#hnavi13,
{
    width: 140px;
}

#hnavi14,
{
    width: 140px;
}

#hnavi15,
{
    width: 140px;
}

#hnavi16,
{
    width: 140px;
}

div#includeHeaderIn ul#headerNavi2 li#hnavi16 {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    /* 行間の調整 */
    line-height: 1.75 !important;
}

div#JumpHeader {
    height: 19px;
    font-size: 100%;
    min-width: 850px;
    background: url(../image/bg/headerJump.jpg) repeat-x left top;
}

/* footer */

div#includeFooter {
    height: 35px;
    margin: 0;
    *margin: 0 0 0px 0;
    font-size: 100%;
    min-width: 850px;
    background-color: #000000;
}

div#includeFooterIn {
    width: 850px;
    height: 35px;
    margin: 0 auto;
    position: relative;
}

div#includeFooterIn img {
    border: 0;
}

div#includeFooterIn li {
    list-style-type: none;
}

div#includeFooterIn ul {
    position: absolute;
    top: 14px;
    left: 50;
    margin: 0 !important;
    padding: 0 !important;
}

div#includeFooterIn ul:after {
    content: "";
    display: block;
    clear: both;
}

div#includeFooterIn ul li#fnavi01 {
    float: left;
    display: inline !important;
    margin: 0 32px 0 0;
    padding: 0 !important;
    border: none !important;
}

div#includeFooterIn ul li {
    float: left;
    display: inline !important;
    margin: 0 12px 0 0;
    padding: 0 12px 0 0;
    border-right: 1px solid #333333;
    /* 行間の調整：1から1.75に変更 */
    line-height: 1.75 !important;
}

div#includeFooterIn ul li#fnavi04 {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    /* 行間の調整 */
    line-height: 1.75 !important;
}

div#includeFooterIn ul li#fnavi05 {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    /* 行間の調整 */
    line-height: 1.75 !important;
}

div#includeFooterIn address {
    position: absolute;
    top: 14px;
    right: 5px;
    display: block;
    width: 171px;
    height: 12px;
    margin: 0 !important;
    padding: 0 !important;
}

div#includeFooterIn a {
    margin: 0;
    padding: 0;
}

/*
########################################################
  over style
########################################################
*/

ul#includeHNavi li a {
    text-indent: -9999em;
    overflow: hidden;
    text-decoration: none;
    height: 11px;
    display: block;
}

div#includeFooterIn ul li a {
    text-indent: -9999em;
    overflow: hidden;
    text-decoration: none;
    display: block;
    height: 12px;
}

#fnavi01, {
    height: 13px;
    width: 135px;
}

#fnavi02, {
    width: 135px;
}

#fnavi03, {
    width: 135px;
}

#fnavi04, {
    width: 135px;
}

#fnavi05, {
    width: 450px;
}


/*
########################################################
  margin - padding
########################################################
*/

.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.pt0 { padding-top: 0px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pb0 { padding-bottom: 0px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }

.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mt0 { margin-top: 0px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }

.mg5 { margin: 5px !important; }
.mg10 { margin: 10px !important; }
.mg15 { margin: 15px !important; }
.mg20 { margin: 20px !important; }
.mg25 { margin: 25px !important; }
.mg30 { margin: 30px !important; }
.mg35 { margin: 35px !important; }
.mg40 { margin: 40px !important; }
.mg45 { margin: 45px !important; }
.mg50 { margin: 50px !important; }

.pd5 { padding: 5px !important; }
.pd10 { padding: 10px !important; }
.pd15 { padding: 15px !important; }
.pd20 { padding: 20px !important; }
.pd25 { padding: 25px !important; }
.pd30 { padding: 30px !important; }
.pd35 { padding: 35px !important; }
.pd40 { padding: 40px !important; }
.pd45 { padding: 45px !important; }
.pd50 { padding: 50px !important; }

.ma0 { margin: 0 !important; }
.pd0 { padding: 0 !important; }

/*
########################################################
  .align
########################################################
*/

.alignC {
    text-align: center !important;
}
.alignL {
    text-align: left !important;
}
.alignR {
    text-align: right !important;
}

/*
########################################################
  .float
########################################################
*/

.floatR {
    float: right;
}

.floatL {
    float: left;
}

.floatN {
    float: none;
}

.clearR {
    clear: right;
}

.clearL {
    clear: left;
}

.clear {
    clear: both;
}

.clearfix:after {   
    content: "";
    display: block;
    clear: both;
}

/* For old IE */
.clearfix {
    zoom: 100%; 
}

/*
########################################################
  .cursor
########################################################
*/

.cursorN {
    cursor: default;
}

.cursorP {
    cursor: pointer;
}

/*
########################################################
  .link
########################################################
*/

a:link {
    color: #01498e;
    text-decoration: none;
}

a:visited {
    color: #0062bf;
    text-decoration: none;
}

a:hover,
a:active {
    color: #2279CA;
    text-decoration: underline;
}

/*
########################################################
  .txt
########################################################
*/

.fontS {
    font-size: 75%;
}

.fontM {
    font-size: 100%;
}

.fontL {
    font-size: 120%;
}

.pageTop {
    clear: both;
    padding: 20px 20px 10px 0;
    text-align: right;
}