/* main
----------------------------------------------- */
#box{
margin:10px 10px 0 10px;
}

/* contents
----------------------------------------------- */
#contents{
margin:0 0 15px 0;
width:716px;
float:left;
}

.catch{
margin:10px 0;
text-align:center;
}

.box{
clear:both;
margin:0 0 20px 0;
}

.pr{
position:relative;
}

#esd, #emi, #ncd{
margin:10px 0 20px 0;
padding:0 10px;
}

#esd .area{
clear:both;
background:#dfeaf7;
padding:5px 10px 15px 10px;
}

#emi .area{
clear:both;
background:#fdeddc;
padding:5px 10px 15px 10px;
}

#ncd .area{
clear:both;
background:#e9e3f1;
padding:5px 10px 15px 10px;
}

.area h3{
margin:0 0 5px 0;
}

#esd h4{
margin:0 0 5px 0;
padding:4px 0 2px 5px;
font-size:110%;
font-weight:bold;
border-left:5px solid #00518F;
}

#emi h4{
margin:0 0 5px 0;
padding:4px 0 2px 5px;
font-size:110%;
font-weight:bold;
border-left:5px solid #5F4B15;
}

#ncd h4{
margin:0 0 5px 0;
padding:4px 0 2px 5px;
font-size:110%;
font-weight:bold;
border-left:5px solid #621613;
}

#esd h5{
font-size:100%;
font-weight:bold;
color:#00518F;
}

#emi h5{
font-size:100%;
font-weight:bold;
color:#5F4B15;
}

#ncd h5{
font-size:100%;
font-weight:bold;
color:#621613;
}

.area p{
margin:0 0 5px 0;
line-height:150%;
}

.feature{
margin:0 0 0 10px;
padding:0;
line-height:150%;
list-style:none;
}

.feature02{
margin:0;
padding:0;
line-height:150%;
list-style:none;
}

.feature li{
padding:0 0 0 7px;
width:48%;
float:left;
background:url(../../images/discrete/topics/protect/dot.gif) no-repeat left 7px;
}

.feature02 li{
padding:0 0 0 7px;
background:url(../../images/discrete/topics/protect/dot.gif) no-repeat left 7px;
}

.feature ul{
margin:0 0 0 0.5em;
padding:0;
list-style:none;
}

.feature02 ul{
margin:0;
padding:0;
list-style:none;
}

.feature li li{
width:98%;
background:url(../../images/discrete/topics/protect/circle.gif) no-repeat left 5px;
float:none;
}

.feature02 li li{
background:none;
}

.box-left{
width:49%;
float:left;
}

.box-right{
width:49%;
float:right;
}

.img-right{
margin:0 0 10px 10px;
float:right;
}

.area img{
border:5px solid #ffffff;
}

.fig{
margin:10px 0 30px !important;
text-align:center;
}

.note{
font-size:90%;
}

.btn{
margin:5px 0 15px 0;
padding:0;
list-style:none;
float:right;
}

.btn li{
margin:0 10px 0 0;
float:left;
}

.btn a{
display:block;
margin:0 2px;
padding:0 0 0 18px;
width:242px;
height:31px;
background:url(../../images/discrete/btn.gif) no-repeat;
line-height:31px;
float:left;
font-size:90%;
}

.btn .contact a{
width:132px;
background:url(../../images/discrete/btn02.gif) no-repeat;
}

.area p.rice{
margin:0 0 5px 1.5em;
text-indent:-1.5em;
font-size:90%;
}

/* topics:menu
----------------------------------------------- */
#menu{
position:relative;
width:184px;
float:left;
background: url(../../shared/images/text_bg01.gif) no-repeat 0 26px;
z-index:10;
}

#menu h2 a{
display:block;
width:184px;
height:37px;
background: url(../../images/discrete/topics/localnavi-top.jpg) no-repeat;
text-indent:-9999px;
overflow:hidden;
}

#menu h2 a:hover{
background: url(../../images/discrete/topics/localnavi-top.jpg) no-repeat 0 -37px;
}

.localnavi{
margin:0;
padding:0 0 31px 0 !important;
background: url(../../shared/images/localnavi-bottom.gif) no-repeat bottom right;
list-style:none;
font-size:90%;
}

.localnavi li a, .localnavi li a.mail{
display:block;
margin:0 0 0 5px;
padding:0 0 0 28px;
width:151px;
height:30px;
background:url(../../images/discrete/topics/localnavi.jpg) no-repeat;
line-height:30px;
}

.localnavi li a:hover{
background:url(../../images/discrete/topics/localnavi.jpg) no-repeat 0 -30px;
}

.localnavi li a.mail{
letter-spacing:-0.05em;
background:url(../../images/common/localnavi-mail.jpg) no-repeat;
}

.localnavi li a.mail:hover{
background:url(../../images/common/localnavi-mail.jpg) no-repeat 0 -30px;
}

.localnavi li.two a, .localnavi li.two span{
padding:2px 0 0 28px;
line-height:120%;
height:28px;
}

/* after
----------------------------------------------- */
.area:after, .feature:after, .btn:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}