@charset "utf-8";

/* ======================================== */
/* ページ共通
/* ======================================== */


/* ===== ヘッダー ===== */

div#header{
width: 900px;
margin: 0 auto;
}

div#header p#logo{
width: 215px;
float: left;
margin: 10px 0 0 0;
}

div#header ul#navi01{
width: 230px;
float: right;
margin: 24px 0 0 0;
}

div#header ul#navi01 li{
margin: 0 0 0 31px;
float: right;
}


/* ===== グローバルメニュー ===== */

ul#navi02{
width: 900px;
margin: 11px auto 0 auto;
}

ul#navi02 li{
width: 180px;
float: left;
}


/* ===== フッター ===== */

div#footer{
width: 100%;
background: url(../images/bgr_footer.gif) repeat-x;
padding: 15px 0 0 0;
color: #999999;
font-size: 92.3%;
margin: 60px 0 0 0;
position: relative;
}

div#home div#footer{
width: 100%;
background: url(../images/bgr_footer.gif) repeat-x;
padding: 15px 0 0 0;
color: #999999;
font-size: 92.3%;
margin: 60px 0 0 0;
position: static;
}

div#footer div.box{
width: 900px;
margin: 0 auto;
position: relative;
}

div#home div#footer div.box{
width: 900px;
margin: 0 auto;
position: static;
}

div#footer div.box p.pagetop{
position: absolute;
top: -34px;
right: 0px;
}

div#footer div.box ul{
float: left;
width: 800px;
margin: 0 0 7px 0;
}

div#footer div.box ul li{
float: left;
margin: 0 5px 0 0;
}

div#footer div.box ul li a{
margin: 0 5px 0 0;
}

div#footer div.box address{
font-style: normal;
float: left;
width: 800px;
padding: 8px 0 0 0;
}

div#footer div.box p.secom{
width: 43px;
float: right;
margin: 0 0 15px 0;
}


/* ===== レイアウトボックス ===== */

div#content{
width: 900px;
margin: 0 auto;
}

div#content02{
background: #ffffff url(../images/bgr_content.gif) no-repeat;
padding: 20px;
width: 860px;
}

div#content02 div#leftBox{
width: 606px;
float: left;
}

div#content02 div#rightBox{
width: 214px;
float: right;
}


/* ===== パンくず ===== */

ul#path{
margin: 7px 0 10px 0;
width: 900px;
}

ul#path li{
float: left;
color: #ffffff;
font-size: 84.6%;
}

ul#path li a{
padding: 0 15px 0 0;
margin: 0 11px 0 0;
background: url(../images/obj_arrow_path.gif) no-repeat right 2px;
}

/*リンク色*/
ul#path a:link { text-decoration:none; color:#d1d1e4; }
ul#path a:visited { text-decoration:none; color:#d1d1e4; }
ul#path a:hover { text-decoration:underline; color:#d1d1e4; }
ul#path a:active { text-decoration:none; color:#d1d1e4; }


/* ===== メインタイトル ===== */

div#content h2{
margin: 0 0 15px 0;
}


/* ===== 記事タイトル ===== */

div#content div#leftBox h3.titDefault{
background: #ebebf4 url(../images/bgr_tit_page.gif) no-repeat;
padding: 5px 0 5px 33px;
font-size: 189%;
line-height: 150%;
margin: 0 0 10px 0;
}


/* ===== 記事内タイトル ===== */

div#content div#leftBox h4{
background: #f8f8fb url(../images/bgr_tit_h4.gif) repeat-x left bottom;
font-weight: bold;
font-size: 123.1%;
padding: 3px 0 3px 9px;
line-height: 150%;
margin: 35px 0 0 0;
}

div#content div#leftBox h5{
border-bottom: 1px solid #bdbdca;
font-weight: bold;
font-size: 107.7%;
padding: 0 0 3px 0;
line-height: 150%;
margin: 35px 0 0 0;
position: relative;
}

div#content div#leftBox h5 img{
position: absolute;
top: -2px;
right: 0;
}


/* ===== テキスト ===== */

div#content div#leftBox p{
font-size: 107.7%;
margin: 17px 0 0 0;
line-height: 150%;
}

div#content div#leftBox p.top{
margin: 0 0 0 0;
}

div#content div#leftBox p.date{
color: #666666;
}


/* ===== リンク ===== */

div#content div#leftBox p.link01{
margin: 35px 0 0 0;
font-size: 107.7%;
background: url(../images/obj_arrow_next.gif) no-repeat 0px 4px;
padding: 0 0 0 13px;
line-height: 150%;
margin: 35px 0 0 0;
}


/* ===== 画像 ===== */

div#content div#leftBox p img{
border: 1px solid #cccccc;
background: #ffffff;
padding: 2px;
margin: 0 15px 15px 0;
}


/* ===== テーブル ===== */

div#content div#leftBox table{
width: 100%;
border-left:1px solid #ceced5;
border-bottom:1px solid #ceced5;
margin: 17px 0 0 0;
}

div#content div#leftBox table td,
div#content div#leftBox table th{
border-right:1px solid #ceced5;
border-top:1px solid #ceced5;
padding:7px;
font-size: 107.7%;
line-height: 140%;
}

div#content div#leftBox table th{
background:#f3f3f3;
}


/* ===== リスト ===== */

div#content div#leftBox ul.list01{
margin: 35px 0 0 0;
}

div#content div#leftBox ul.list01 li{
font-size: 107.7%;
background: url(../images/obj_arrow02.gif) no-repeat 0px 2px;
padding: 0 0 0 21px;
line-height: 150%;
margin: 0 0 10px 0;
}

div#content div#leftBox ul.list02{
width: 606px;
margin: 35px 0 0 0;
font-size: 107.7%;
line-height: 150%;
}

div#content div#leftBox ul.list02 li.prev{
width: 270px;
float: left;
background: url(../images/obj_arrow_prev.gif) no-repeat 0px 5px;
padding: 0 0 0 13px;
}

div#content div#leftBox ul.list02 li.next{
width: 270px;
float: right;
text-align: right;
background: url(../images/obj_arrow_next.gif) no-repeat right 5px;
padding: 0 13px 0 0;
}

div#content div#leftBox ul.list03{
margin: 35px 0 0 0;
}

div#content div#leftBox ul.list03 li{
font-size: 107.7%;
background: url(../images/obj_arrow02.gif) no-repeat 0px 2px;
padding: 0 0 0 21px;
line-height: 150%;
margin: 0 0 15px 0;
font-weight: bold;
}

div#content div#leftBox ul.list03 li li{
font-size: 107.7%;
background: url(../images/obj_arrow_next.gif) no-repeat 0px 6px;
padding: 0 0 0 13px;
line-height: 150%;
margin: 5px 0 0px 0;
font-weight: normal;
}


/* ===== サイドナビゲーション ===== */

div#content02 div#rightBox ul.sideNav{
margin: 0 0 25px 0;
}

div#content02 div#rightBox ul.sideNav li{
border-bottom: 1px solid #e6e3da;
border-top: 1px solid #ffffff;
background: #fcf9f0;
font-size: 107.7%;
line-height: 140%;
}

div#content02 div#rightBox ul.sideNav li a{
display: block;
width: 186px;
padding: 7px 0 7px 28px;
background: url(../images/obj_arrow03.gif) no-repeat 15px 11px;
}

div#content02 div#rightBox ul.sideNav li a:hover{
background: #fffdf9 url(../images/obj_arrow03.gif) no-repeat 15px 11px;
}


/* ===== 電子署名活用ガイド ===== */

div#content02 div#rightBox div.guideBox{
width: 214px;
height: 184px;
position: relative;
background: url(../images/bgr_guide.gif) no-repeat;
}

div#content02 div#rightBox div.guideBox h3{
position: absolute;
top: 18px;
left: 20px;
}

div#content02 div#rightBox div.guideBox p.txt{
position: absolute;
top: 49px;
left: 21px;
}

div#content02 div#rightBox div.guideBox p.btn01{
position: absolute;
top: 105px;
left: 23px;
}

div#content02 div#rightBox div.guideBox p.btn02{
position: absolute;
top: 143px;
left: 22px;
}

div#content02 div#rightBox div.guideBox p.pic{
position: absolute;
top: 48px;
left: 132px;
}