@charset "Shift_JIS";
/*------------------------------------------------
   Reset
------------------------------------------------*/

*{
margin:0;
padding:0;
}

#table{
font-size:inherit;
}

th{
text-align:left;
font-weight:normal;
}

input,
textarea{
    color:#666666;
}

img{
border:0;
}

a:link{
color:#198ABF;
}

a:visited{
color:#198ABF;
}

a:hover{
color:#198ABF;
text-decoration:none;
}

a:active{
color:#198ABF;
}

a:hover img{
    filter: alpha( opacity=70 );
    -ms-filter: "alpha( opacity=70 )";
    opacity:0.7;
}

li{
    list-style:none;
}

/*------------------------------------------------
   Layout
------------------------------------------------*/

html{
width:100%;
height:100%;
}

body{
width:100%;
height:100%;
font-size:12px;
color:#000;
line-height:1.5;
text-align:center;
font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

#wrp{
width: 100%;
text-align: center;
background:#FFF url(zs_img/rms/bg01.jpg) repeat-x top center;
position: relative;
height: 100%;
min-height: 100%;
}

body > #wrp {
    height: auto;
}

#wrp-inr{
    margin:0 auto;
    padding-bottom: 61px;
    width:950px;
    text-align:left;

}

#cotents{
    padding-bottom:30px;
}

/*------------------------------------------------
ヘッダー
------------------------------------------------*/

#hdr{
position:relative;
/*background:url(zs_img/rms/hdr-bg01.jpg) left top repeat-x;*/
height:75px;
color:#FFF;
margin-bottom:18px;
}

#hdr h1 a{
    background:url(../contents/logo.png) left top no-repeat;
    text-indent:-9999px;
    height:45px;
    width:194px;
    position:absolute;
    top:15px;
    left:0;
    overflow:hidden;
}


/*------------------------------------------------
フッター
------------------------------------------------*/


#ftr{
    min-width:950px;
    width:100%;
    _width: expression(document.body.clientWidth < 952? "950px" : "auto");
    height:60px;
    overflow:hidden;
    position: absolute;
    bottom: 0;
    left:0;
    text-align:center;
    background:#0C63A1 url(zs_img/rms/ftr-bg01.gif) left top no-repeat;
    border-top:#E0E0E0 solid 1px;
}

#ftr .inr{
    width:950px;
    margin:0 auto;
    padding:10px 0 0;
    position:relative;
    background-color: transparent;
    text-align:left;
    font-size:11px;
    color:#FFF;
}

#ftr .inr a{
    color:#FFF;
}

#ftr .inr .utility{
    margin-bottom:5px;
}

#ftr .inr .utility li{
    display: inline;
}

#ftr .inr .utility li a{
    padding-right:10px;
    border-right:#FFF solid 1px;
    margin-right:10px;
}

#ftr .inr .utility li.last a{
    border-right:none;
    padding-right:0;
    margin-right:0;
}

#ftr .inr .id-wrp{
    float:left;
    width:475px;
}



#ftr .inr #copy-right{
    float:left;
    width:475px;
    text-align:right;
}


/*------------------------------------------------
全ページ共通パーツの装飾
------------------------------------------------*/

h2.bdr-ttl{
    padding:10px 0 10px 0px;
    margin-bottom:10px;
    background:url(zs_img/rms/dots-bdr-999-01.gif) left bottom repeat-x;
}


.common-ttl-box{
    padding:10px 0 10px 0px;
    margin-bottom:10px;
    background:url(zs_img/rms/dots-bdr-999-01.gif) left bottom repeat-x;
    position:relative;
}

.common-ttl-box h2{
    background: url(zs_img/rms/orange-4px-bdr.gif) left center repeat-y;
    padding-left:10px;
    font-size:16px;
    letter-spacing:2px;
    color:#333;
    line-height:1.2;
}

.common-ttl-box #back-to-menu{
    position:absolute;
    right:0;
    /*line-height:1;*/
    bottom:6px;
    _top:18px;
    }

/*共通inrエリア*/

#common-wrp{
    padding:10px 20px 30px;
}

.common-para01{
    border:#2860A3 solid 2px;
    background:url(zs_img/rms/common-para01-bg.gif) left top repeat;
    padding:20px;
    margin-bottom:20px;
    width:80%;
}

.common-para02{
    border:#CCC solid 3px;
    background:url(zs_img/rms/common-para02-bg.gif) left top repeat;
    padding:20px;
    margin-bottom:20px;
    width:80%;
}

.common-sttl{
    font-weight:normal;
    background:url(zs_img/rms/common-sttl-check-bg01.jpg) left 3px no-repeat;
    padding-left:23px;
    margin-bottom:15px;
    letter-spacing:1px;
}


#common-wrp .common-qbox{
    border-left:#CCC solid 1px;
    border-right:#CCC solid 1px;
    border-bottom:#CCC solid 1px;
    padding-bottom:20px;
    background:url(zs_img/rms/common-qbox-bg01.jpg) right bottom no-repeat;
}

#common-wrp .common-qttl{
    border-top:#CCC solid 1px;
    border-bottom:#CCC solid 1px;
    background-color:#FAFAFA;
    padding:7px 8px;
}

#common-wrp .common-qttl h3{
    border-left:#CCC 3px solid;
    padding:0 7px;
    font-size:14px;
    font-weight:normal;
    letter-spacing:1px;
    line-height:1.26;
}

#common-wrp th,
#common-wrp td{
    vertical-align:top;
}

#common-wrp .common-qttl h3 table{
    border-collapse:collapse;
}

#common-wrp .common-qttl h3 th,
#common-wrp .common-qttl h3 td{
    vertical-align:top;
}

#common-wrp .common-qttl h3 th{
    /*width:35px;*/
    text-align:right;
}

#common-wrp .common-qinr{
    padding:20px 40px 0;
    color:#666;
}

#common-wrp .common-qsttl{
    margin-bottom:5px;
}

#common-wrp table{
    border-collapse:collapse;
}

#common-wrp input,
#common-wrp textarea{
padding:3px;
border:#999 solid 1px;
font-size:12px;
letter-spacing:1px;
font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
}


/*強調表示*/

.common-lev01{ color:#C56B2C;font-weight:bold;}
.common-lev02{ color:#C02419;font-weight:bold;}

.common-note{ color:#C02419;font-weight:bold;}


/*ページトップへ*/
#to-top{
    text-align:right;
}


/*【コンテンツ】このサービスについて*/

/*テーブル同士の間隔調整用*/
.kono-service .service{
    margin-bottom:10px;
}

/*テーブル1*/
.kono-service .service-tbl1{
    border-collapse:collapse;
    width:80%;
}

.kono-service .service-tbl1 th,
.kono-service .service-tbl1 td{
    padding:5px;
    border:#C0C0C0 solid 1px;
    text-align:left;    
}

.kono-service .service-tbl1 .service-id{width:25%;text-align:center;}
.kono-service .service-tbl1 .service-name{width:75%;}

.kono-service .service-tbl1 .hdr-cell{
    background:#2860A3;
    color:#FFFFFF;
    font-weight:bold;
    text-align:center;
}

/*テーブル2*/
.kono-service .service-tbl2{
    border-collapse:collapse;
    width:80%;
}

.kono-service .service-tbl2 th,
.kono-service .service-tbl2 td{
    padding:5px;
    border:#2860A3 solid 1px;
    text-align:left;    
}

.kono-service .service-tbl2 .service-id{width:25%;text-align:center;}
.kono-service .service-tbl2 .service-name{width:75%;}

.kono-service .service-tbl2 .hdr-cell{
    background:#FAFAFA url(zs_img/rms/common-para01-bg.gif) 0 0 repeat;
    color:#2860A3;
    font-weight:bold;
    text-align:center;
}

.kono-service .service-tbl2 .data-cell{
    color:#2860A3;
}

/*テーブル3*/
.kono-service .service-tbl3{
    border-collapse:collapse;
    width:80%;
}

.kono-service .service-tbl3 th,
.kono-service .service-tbl3 td{
    padding:5px;
    border:#008080 solid 1px;
    text-align:left;    
}

.kono-service .service-tbl3 .service-id{width:25%;text-align:center;}
.kono-service .service-tbl3 .service-name{width:75%;}

.kono-service .service-tbl3 .hdr-cell{
    background:#FAFAFA url(zs_img/rms/common-para01-bg.gif) 0 0 repeat;
    color:#008080;
    font-weight:bold;
    text-align:center;
}

.kono-service .service-tbl3 .data-cell{
    color:#008080;
}

/*テーブル4*/
.kono-service .service-tbl4{
    border-collapse:collapse;
    width:80%;
}

.kono-service .service-tbl4 th,
.kono-service .service-tbl4 td{
    padding:5px;
    border:#696969 solid 1px;
    text-align:left;    
}

.kono-service .service-tbl4 .service-id{width:25%;text-align:center;}
.kono-service .service-tbl4 .service-name{width:75%;}

.kono-service .service-tbl4 .hdr-cell{
    background:#FAFAFA url(zs_img/rms/common-para01-bg.gif) 0 0 repeat;
    color:#696969;
    font-weight:bold;
    text-align:center;
}

.kono-service .service-tbl4 .data-cell{
    color:#696969;
}


/*------------------------------------------------
   Default
------------------------------------------------*

/* float */
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
display:inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix{
height:1%;
}
.clearfix{
display:block;
}
/* End hide from IE-mac */

.fleft{float:left;}
.fright{float:right;}

/* text */
.lh01{line-height:1;}
.lh02{line-height:1.1;}
.lh03{line-height:1.2;}
.lh04{line-height:1.3;}
.lh05{line-height:1.4;}
.lh06{line-height:1.5;}
.lh07{line-height:1.6;}
.lh08{line-height:1.7;}
.lh09{line-height:1.8;}
.lh10{line-height:1.9;}
.lh11{line-height:2;}

.ttl01{font-size:14px;font-weight:bold;}
.ttl02{font-size:16px;font-weight:bold;}

.blt{font-weight:bold;}
.nlt{font-weight:normal;}

.mint{font-size:10px;}
.bigt{font-size:14px;}

.alignl{text-align:left;}
.alignc{text-align:center;}
.alignr{text-align:right;}

.valignt{vertical-align:top;}
.valignm{vertical-align:middle;}
.valignb{vertical-align:bottom;}

.purple01{color:#8B777F; font-weight:bold;}
.blue01{color:#2472AA; font-weight:bold}
.orange01{color:#C56B2C; font-weight:bold;}


/* margin */
.mat01{margin-top:5px;}
.mat02{margin-top:10px;}
.mat03{margin-top:15px;}
.mat04{margin-top:20px;}
.mat05{margin-top:25px;}
.mat06{margin-top:30px;}
.mat07{margin-top:35px;}
.mat08{margin-top:40px;}
.mat09{margin-top:45px;}
.mat10{margin-top:50px;}

.mar01{margin-right:5px;}
.mar02{margin-right:10px;}
.mar03{margin-right:15px;}
.mar04{margin-right:20px;}
.mar05{margin-right:25px;}
.mar06{margin-right:30px;}
.mar07{margin-right:35px;}
.mar08{margin-right:40px;}
.mar09{margin-right:45px;}
.mar10{margin-right:50px;}

.mab01{margin-bottom:5px;}
.mab02{margin-bottom:10px;}
.mab03{margin-bottom:15px;}
.mab04{margin-bottom:20px;}
.mab05{margin-bottom:25px;}
.mab06{margin-bottom:30px;}
.mab07{margin-bottom:35px;}
.mab08{margin-bottom:40px;}
.mab09{margin-bottom:45px;}
.mab10{margin-bottom:50px;}

.mal01{margin-left:5px;}
.mal02{margin-left:10px;}
.mal03{margin-left:15px;}
.mal04{margin-left:20px;}
.mal05{margin-left:25px;}
.mal06{margin-left:30px;}
.mal07{margin-left:35px;}
.mal08{margin-left:40px;}
.mal09{margin-left:45px;}
.mal10{margin-left:50px;}


/* padding */
.pat01{padding-top:5px;}
.pat02{padding-top:10px;}
.pat03{padding-top:15px;}
.pat04{padding-top:20px;}
.pat05{padding-top:25px;}
.pat06{padding-top:30px;}
.pat07{padding-top:35px;}
.pat08{padding-top:40px;}
.pat09{padding-top:45px;}
.pat10{padding-top:50px;}

.par01{padding-right:5px;}
.par02{padding-right:10px;}
.par03{padding-right:15px;}
.par04{padding-right:20px;}
.par05{padding-right:25px;}
.par06{padding-right:30px;}
.par07{padding-right:35px;}
.par08{padding-right:40px;}
.par09{padding-right:45px;}
.par10{padding-right:50px;}

.pab01{padding-bottom:5px;}
.pab02{padding-bottom:10px;}
.pab03{padding-bottom:15px;}
.pab04{padding-bottom:20px;}
.pab05{padding-bottom:25px;}
.pab06{padding-bottom:30px;}
.pab07{padding-bottom:35px;}
.pab08{padding-bottom:40px;}
.pab09{padding-bottom:45px;}
.pab10{padding-bottom:50px;}

.pal01{padding-left:5px;}
.pal02{padding-left:10px;}
.pal03{padding-left:15px;}
.pal04{padding-left:20px;}
.pal05{padding-left:25px;}
.pal06{padding-left:30px;}
.pal07{padding-left:35px;}
.pal08{padding-left:40px;}
.pal09{padding-left:45px;}
.pal10{padding-left:50px;}

.paa01{padding:5px;}
.paa02{padding:10px;}
.paa03{padding:15px;}
.paa04{padding:20px;}