@charset "utf-8";

/* ======================================== */
/* 各ページスタイル
/* ======================================== */


/* ===== トップページ ===== */

div#home{
background: url(../images/bgr_all.gif) repeat-x;
}

/* メインイメージ */

div#catch{
width: 900px;
height: 216px;
margin: 0 auto;
position: relative;
background: url(../images/bgr_top_catch.jpg) no-repeat;
}

div#catch h1{
position: absolute;
top: 77px;
left: 0;
}

div#catch h2{
position: absolute;
top: 31px;
left: 692px;
}

div#catch p.txt{
position: absolute;
top: 63px;
left: 692px;
}

div#catch p.btn01{
position: absolute;
top: 119px;
left: 692px;
}

div#catch p.btn02{
position: absolute;
top: 157px;
left: 693px;
}

div#catch p.pic{
position: absolute;
top: 62px;
left: 816px;
}


/* 電子署名とは */

div#naviSign{
width: 100%;
height: 123px;
background: url(../images/bgr_top_about01.gif) repeat-x;
}

div#naviSign ul{
width: 900px;
height: 123px;
margin: 0 auto;
padding: 10px 0 0 0;
background: url(../images/bgr_top_about02.gif) no-repeat;
}

div#naviSign ul li.btn01{
float: left;
margin: 0 10px 0 0;
width: 218px;
}

div#naviSign ul li.btn02{
float: left;
margin: 0 9px 0 0;
width: 218px;
}

div#naviSign ul li.btn03{
float: left;
margin: 0 0 0 0;
width: 218px;
}


/* コンテンツ */

div#topBox{
width: 900px;
background: url(../images/bgr_top_content.gif) no-repeat left bottom;
margin: 20px auto 0 auto;
}

div#topBox h3{
background: url(../images/bgr_top_tit01.gif) no-repeat;
width: 325px;
height: 31px;
}

div#topBox h3 img{
padding: 7px 0 0 11px;
}


/* ニュースリリース */

div#topBox div.leftBox{
width: 325px;
float: left;
position: relative;
}

div#topBox div.leftBox p.moreNews{
position: absolute;
top: 6px;
left: 277px;
}

div#topBox div.leftBox ul.newsList{
margin: 0 16px 0 14px;
padding: 0 0 12px 0;
}

div#topBox div.leftBox ul.newsList li{
border-top: 1px solid #dddddd;
padding: 10px 0 0 0;
margin: 10px 0 0 0;
font-size: 92.3%;
line-height: 150%;
color: #666666;
}

div#topBox div.leftBox ul.newsList li.new{
border: none;
padding: 10px 0 0 0;
margin: 0;
}

div#topBox div.leftBox ul.newsList li img{
vertical-align: top;
margin: 0 0 0 5px;
}

div#topBox div.leftBox ul.newsList li a{
font-weight: bold;
background: url(../images/obj_arrow01.gif) no-repeat 0px 2px;
padding: 0 0 0 10px;
}


/* セミナー・シンポジウム */

div#topBox div.centerBox{
width: 325px;
float: left;
margin: 0 0 0 18px;
}

div#topBox div.centerBox dl{
width: 295px;
padding: 12px 16px 0 14px;
font-size: 92.3%;
color: #666666;
}

div#topBox div.centerBox dl.bottom{
background: url(../images/bgr_top_seminar.gif) no-repeat left bottom;
padding: 12px 16px 23px 14px;
}

div#topBox div.centerBox dl dt{
width: 72px;
float: left;
}

div#topBox div.centerBox dl dt img{
border: 1px solid #cccccc;
}

div#topBox div.centerBox dl dd{
width: 220px;
float: right;
line-height: 140%;
}

div#topBox div.centerBox dl dd img{
margin: 0 0 4px 0;
}


/* レポート・報告書 */

div#topBox div.centerBox ul.seminarList{
width: 295px;
padding: 12px 16px 0 14px;
font-size: 92.3%;
line-height: 150%;
}

div#topBox div.centerBox ul.seminarList li{
background: url(../images/obj_pdf.gif) no-repeat 0px 2px;
padding: 0 0 0 22px;
margin: 0 0 12px 0;
color: #666666;
}


/* 会員企業様 */

div#topBox div.rightBox{
width: 214px;
float: right;
padding: 0 0 28px 0;
}

div#topBox div.rightBox h3{
background: url(../images/bgr_top_tit02.gif) no-repeat;
width: 214px;
height: 31px;
}

div#topBox div.rightBox h3 img{
padding: 7px 0 0 14px;
}



/* ===== 電子認証とは ===== */

div#content div#leftBox ul.btnSign{
width: 621px;
margin: 30px 0 0 0;
}

div#content div#leftBox ul.btnSign li{
float: left;
margin: 0 15px 11px 0;
line-height: 100%;
}


/* ===== Q&A ===== */

div#content div#leftBox ul.listQa{
margin: 17px 0 0 0;
}

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

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


/* ===== 用語集 ===== */

div#content div#leftBox ul.listWord{
margin: 17px 0 0 0;
width: 606px;
}

div#content div#leftBox ul.listWord li{
float: left;
line-height: 100%;
margin: 0 5px 0 0;
}

div#content div#leftBox ul.listWord02{
margin: 17px 0 0 0;
width: 606px;
}

div#content div#leftBox ul.listWord02 li{
float: left;
width: 282px;
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 7px 0;
}

div#content div#leftBox dl.word{
width: 606px;
margin: 3px 0 0 0;
}

div#content div#leftBox dl.word dt{
width: 41px;
float: left;
}

div#content div#leftBox dl.word dd{
width: 556px;
float: right;
}


/* ===== ニュースリリース ===== */

div#content div#leftBox ul.listNews{
margin: 17px 0 0 0;
width: 606px;
color: #666666;
}

div#content div#leftBox ul.listNews li img{
vertical-align: text-top;
margin: 0 0 0 5px;
}

div#content div#leftBox ul.listNews li{
font-size: 107.7%;
line-height: 170%;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #dddddd;
}

div#content div#leftBox ul.listNews li a{
background: url(../images/obj_arrow02.gif) no-repeat 0px 0px;
padding: 0 0 0 21px;
font-weight: bold;
}


/* ===== 会員一覧 ===== */

div#content div#leftBox ul.memberList{
width: 626px;
margin: 45px -20px 0 0;
}

div#content div#leftBox ul.memberList li{
width: 188px;
float: left;
margin: 0 20px 0 0;
text-align: center;
font-size: 107.7%;
}

div#content div#leftBox ul.memberList li img{
margin: 0 0 0 0;
}

div#content div#leftBox ul.memberList li a.txt{
background: url(../images/obj_arrow02.gif) no-repeat 0px 0px;
padding: 0 0 0 20px;
}


/* ===== 活用事例一覧 ===== */

div#content div#leftBox dl.jireiList{
border-bottom: 1px solid #dddddd;
margin: 20px 0 0 0;
padding: 0 0 20px 0;
}

div#content div#leftBox dl.jireiList dt{
font-size: 123.1%;
background: url(../images/obj_arrow02.gif) no-repeat 0px 2px;
padding: 0 0 0 20px;
font-weight: bold;
margin: 0 0 7px 0;
}

div#content div#leftBox dl.jireiList dd{
font-size: 107.7%;
line-height: 150%;
}


/* ===== 資料ダウンロード ===== */

div#content div#leftBox ul.downloadList{
margin: 17px 0 0 0;
font-size: 107.7%;
}

div#content div#leftBox ul.downloadList li{
background: url(../images/obj_dot.gif) no-repeat 0px 6px;
line-height: 150%;
margin: 0 0 7px 0;
padding: 0 0 0 13px;
}

div#content div#leftBox dl.jireiList dd{
font-size: 107.7%;
line-height: 150%;
}

div#content div#leftBox div.downloadBox{
width: 606px;
margin: 20px 0 0 0;
}

div#content div#leftBox div.downloadBox p.pic{
float: left;
margin: 0;
}

div#content div#leftBox div.downloadBox p.pic img{
padding: 0;
border: none;
}

div#content div#leftBox div.downloadBox div.txtBox{
float: right;
width: 380px;
}

div#content div#leftBox div.downloadBox div.txtBox h4{
margin: 0 0 15px 0;
background: none;
padding: 0 0 3px 0;
border-bottom: 1px solid #bdbdca;
}

div#content div#leftBox div.downloadBox div.txtBox dl{
font-size: 107.7%;
margin: 10px 0 0 0;
}

div#content div#leftBox div.downloadBox div.txtBox dt{
font-weight: bold;
margin: 0 0 4px 0;
}

div#content div#leftBox div.downloadBox div.txtBox dd{
line-height: 150%;
}

div#content div#leftBox div.downloadBox div.txtBox p img{
padding: 0;
border: none;
}