/**
 * 共通系CSS
 * #header #contents #footer
 *
*/

*{
    margin:0;
    padding:0;
    font-weight:normal;
    font-style:normal;
}
html{
/*
    overflow-y:scroll;
*/
}
body{
    text-align:center;
    font-size:100%;
    font-family:"メイリオ","ＭＳ Ｐゴシック";
}
img{
    border:none;
    font-size:0px;
    vertical-align:bottom;
}
li{
    list-style-type:none;
}
p,address{
    font-size:0.8em;
    line-height:160%;
    color:#7E8287;
}
h2{
    font-size:1.0em;
    color:#7E8287;
}

h3{
    font-size:0.9em;
    color:#7E8287;
}

.h3strong{
    font-size:0.9em;
    font-weight:bold;
    color:#7E8287;
}

h4{
    font-size:0.8em;
    color:#7E8287;
}

.h4strong{
    font-size:0.8em;
    font-weight:bold;
    color:#7E8287;
}

/* 文書内の住所情報などに使用する色つき右寄せ */
.aln_right{
    color:#7E8287;
    text-align:right;
}

th p{
    font-size:0.9em;
}
td p{
    font-size:0.8em;
}
dt{
    font-size:0.9em;
    color:#798AB2;
}
a:link,
a:visited,
a:active{
    color:#22407E;
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}


.no_bg{
    background:url(null) !important;
}

/* 疑似IFrame用 */
pre.frame{
    background  : #F3F3F3;
    width       : 100%;
    height      : 360px;
    overflow    : auto;
}



/*マージン
-----------------------------------------------------------*/
.mgn_l10{
    margin-left:10px;
}
.mgn_r3{
    margin-right:3px;
}
.mgn_r10{
    margin-right:10px;
}
.mgn_r12{
    margin-right:12px;
}
.mgn_r15{
    margin-right:15px;
}
.mgn_r41{
    margin-right:41px;
}
.mgn_b0{
    margin-bottom:0px !important;
}
.mgn_b5{
    margin-bottom:5px;
}
.mgn_b20{
    margin-bottom:20px;
}
.mgn_b32{
    margin-bottom:32px;
}
.mgn_b36{
    margin-bottom:36px;
}
.mgn_b42{
    margin-bottom:42px;
    line-height:180%;
}
.mgn_b40{
	margin-bottom:40px;
}
.mgn_l10_b10{
    margin-left:10px;
    margin-bottom:10px;
}
.mgn_r10_b10{
    margin-right:10px;
    margin-bottom:10px;
}

/*横サイズ
-----------------------------------------------------------*/
.w61{
    width:61px;
}
.w75{
    width:75px;
}
.w84{
    width:84px;
}
.w139{
    width:139px;
}
.w164{
    width:164px;
}
.w216{
    width:216px;
}
.w223{
    width:223px;
}
.w275{
    width:275px;
}
.w341_h157{
    width:341px;
    height:157px;
}
.w371_h56{
    width:371px;
    height:56px;
}
.w371_h104{
    width:371px;
    height:104px;
}
.w371{
    width:371px;
}

/*テキスト色
-----------------------------------------------------------*/
.colorRed{
    color:#E3554E;
}
.colorGray{
    color:#7E8287;
}
.colorBlue{
    color:#798AB2;
}

/*フロート
-----------------------------------------------------------*/
.left{
    float:left;
}
.right{
    float:right;
}
.center{
    text-align: center;
}
.clear{
    clear:both;
    height:1px;
    overflow:hidden;
    visibility:hidden;
}

.vCenter{
    vertical-align:middle;
}
.vBottom{
    vertical-align:bottom;
}
.vTop{
    vertical-align:top;
}
/*イメージボタン化(指カーソル)
-----------------------------------------------------------*/
.handCursor{
    padding:1px;
    cursor:pointer;
    cursor:hand;
}

/* 2010.07.30 ページ説明*/
/*ヘッダーメッセージ
-----------------------------------------------------------*/
#msg{
    position:relative;
    width:750px;
    height:20px;
    font-size:0.8em;
    color:#798AB2;
    text-align:left;
    margin:0 auto;

}
/* 2010.07.30 */


/*ヘッダー
-----------------------------------------------------------*/
#header{
    border-top:4px solid #1A2F6B;
    min-width:750px;
    z-index: 10;
}
#header h1{
    font-size:0px;
}
#header .area{
    position:relative ;
    width:750px;
    /*height:141px;*/
    height:90px;
    margin:0 auto;
    z-index: 20;
}
#header .area h1{
    position:absolute;
    left:0;
    /*top:46px;*/
    top:21px;
}
#header .area .gmenu{
    position:absolute;
    left:289px;
    /*top:57px;*/
    top:32px;
    height:26px;

}
#header .area .gmenu li{
    position:relative;
    float:left;
}
#header .area .gmenu li .pulldown{
    position:absolute;
    left:0;
    top:0;
    display:none;
}
#header .area .gmenu li .pulldown li{
    float:none;
}

/*コンテンツ
------------------------------------------------------------*/
#contents{
    position:relative;
    width:750px;
    min-height:350px;
    text-align:left;
/*
    height:550px;
*/
    margin:0 auto;
    z-index: 0;
}

/*-----Pマーク-----*/
#pmark{
    position:relative;
    width:190px;
    height:110px;
}
#pmark dl{
    position:relative;
    vertical-align:middle;
}
#pmark dl dt {
    padding:12px;
    float:left;
}
#pmark dl dd{
    padding-top:8px;
}
/*サブ領域
-----------------------------------------------------------*/
#sub{
    width:197px;
    /*margin:0 92px 0 0;*/
    float:left;
    z-index:1;
}
#sub .area h2{
    font-size:0px;
    margin:0 0 32px 0;
}
#sub .area .menu li{
    margin:0 0 25px 0;
}

/*メイン領域
-----------------------------------------------------------*/
#main{
    width:511px;
    float:right;
    z-index:1;
}
#main .area{
    margin:0 0 30px 0;
}
#main .area h2{
    margin:0 0 32px 0;
    font-size:0px;
}
#main .btnPagetop{
    font-size:0px;
    text-align:right;
}
#main .area dl dt{
    margin-bottom:15px;
}

/*フッター
-----------------------------------------------------------*/
#footer{
    /*position:fixed; left:0; bottom:0; z-index:2; width:100%;*/
    clear:both;
    min-width:750px;
}
#footer .area{
    text-align:center;
}
#footer .area ul{
    height:35px;
    line-height:35px;
    background-color:#A0A9C2;
}
#footer .area ul li{
    display:inline;
    font-size:0.7em;
}
#footer .area ul li a{
    text-decoration:none;
    font-weight:bold;
}
#footer .area ul li a:link,
#footer .area ul li a:visited,
#footer .area ul li a:active{
    color:#333B50;
}
#footer .area ul li a:hover{
    /*color:#424C63;*/
    color:#fffffe;
}
#footer .area ul li .line{
    color:#fffffd;
    margin:0 13px;
}
#footer .area .copyright{
    color:#424C63;
    font-size:0.7em;
    padding:10px 0;
}

/*タイトルデザイン
-----------------------------------------------------------*/
h3.designType0{
    position:relative;
    height:26px;
    line-height:28px;
    padding:0 0 0 3px;
    margin:0 0 21px 0;
    border-top:1px solid #D8DCE6;
    border-bottom:1px solid #D8DCE6;
    background-color:#F8F8F8;
    font-size:1.0em;
    color:#6E7074;
    clear:both;
    z-index:-1;
}
h3.designType1,
dt.designType1{
    height:26px;
    line-height:26px;
    margin:0 0 21px 0;
    font-size:1.0em;
    color:#6E7074;
}
h3.designType2{
    clear:both;
    height:18px;
    margin:0 0 21px 0;
    font-size:0.9em;
    color:#6E7074;
    border-bottom:2px solid #D8DCE6;
}

/*罫線デザイン
-----------------------------------------------------------*/
hr{
    display:none;
}
div.lineType0{
    width:511px;
/* DEL-MM
    height:56px;
*/
    height:56px;
    overflow:hidden;
    background: url(../img/bg_hr_type0.gif) no-repeat;
}
div.lineType1{
    width:511px;
    height:10px;
    overflow:hidden;
    background: url(../img/bg_hr_type1.gif) no-repeat;
    padding-bottom:15px;
}
div.lineType2{
    width:511px;
    height:39px;
    overflow:hidden;
    background: url(../img/bg_hr_type2.gif) no-repeat;
}

/*テーブルデザイン
-----------------------------------------------------------*/
/*「必須」フォント*/
table .indispensable{
    color:#E3554E;
    font-size:0.7em;
}
/*「文字数制限」フォント*/
table .wordlimit{
    color:#7E8287;
    font-size:0.7em;
}
/*designType0*/
table.designType0 th{
    width:128px;
    vertical-align:top;
    background-color:#F3F3F3;
    border-right:11px solid #ffffff;
    border-bottom:18px solid #ffffff;
}
table.designType0 td{
    border-bottom:18px solid #ffffff;
}

table.designType0 th p{
    padding:3px;
    text-align:left;
    color:#798BB2;
}

/*designType1*/
table.designType1 th{
    vertical-align:top;
    border-right:11px solid #ffffff;
    border-bottom:18px solid #ffffff;
}
table.designType1 td{
    border-bottom:18px solid #ffffff;
}
table.designType1 th p{
    padding:3px;
    text-align:left;
}

/*designType2*/
table.designType2{
    border : 1px solid #999999;
}