@import url("../../css/fire.css");

/* --------- protection ---------- */

.contents { margin: 0 15px;}

ul.att { margin: -15px 0 25px; list-style-type: none;}
ul.att li { padding: 1px 0 1px 1.2em; text-indent: -1.2em;}
ul.att li:first-letter { padding-right: 0.2em; font-family: "ＭＳ ゴシック", "Osaka－等幅";}


div.block-l {
float: left;
width: 270px;
}

.pro1 div.block-r {
float: right;
width: 430px;
margin: 20px 0 20px;
padding: 15px;
border: 1px solid #FFDDDD;
background: #FFF6F6;
}
.pro1 div.block-r p { margin: 17px 0 17px 15px;}
.pro1 dt { margin: 10px 0 10px 10px;}
.pro1 dd { margin: 10px 0 10px 15px;}
.pro1 strong { letter-spacing: 2px;}
.pro2 div.block-r {
float: right;
width: 430px;
}

.protection h3 { font-size: 1.2em; letter-spacing: 1px;}
.protection h3:first-letter { color: #CC0000;}
.protection h4 { color: #EE0066; font-size: 1.1em;}

p.selected { text-align: center;}
p.selected img { margin: 0 30px;}
.pro2 dl, .pro3 dl { margin: 20px 0 20px 30px;}
.pro2 dd, .pro3 dd { margin: 8px 10px 18px 20px;}

.pro4 form { margin: 20px 20px;}
.pro4 table { margin: 10px 0;}
.pro4 form td { padding: 1px 12px 1px 0;}
.pro4 input { vertical-align: middle; ime}
.pro4 .att { color: #FF0000;}

.pro5 div.flash { width: 450px; margin: 20px auto; text-align: center;}
.pro5 div.flash img { margin: 30px 0 0;}

.pro6 div.flash { width: 700px; margin: 20px auto;}
.pro6 ul.att { margin: 20px 35px 20px 50px;}

p.quess { margin: 25px 0 30px 15px;}
p.quess img { margin-right: 15px;}

.pro8 .contents { margin: 0 100px;}
.pro8 .contents p { font-size: 1.1em;}
.pro8 .contents li { margin: 15px 0 15px 20px;}

table.links,
table.links2 { margin: 15px auto;}
table.links th,
table.links td { padding: 2px 15px 2px 30px;}
table.links th {
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
background: url(../../img/arrow_u.gif) 15px center no-repeat;
font-weight: normal;
}
table.links td {
border-left: 1px solid #CCC;
background: url(../../img/arrow_l.gif) 15px center no-repeat;
}
table.links2 td { padding: 0 20px;}



/* --------- list ---------- */

.list .contents { margin: 0;}

div.tablelist { max-width: 800px;}
div.tablelist table { margin: 0 auto 25px; background: #BBBBBB; font-family: "ＭＳ ゴシック", "Osaka－等幅";}
div.tablelist th,
div.tablelist td { padding: 3px 10px; white-space: nowrap;}
div.tablelist thead th { background: #FF8951; text-align: center; color: #FFF;}
div.tablelist thead td { background: #FFC7AC; text-align: center;}
div.tablelist tbody th { background: #FFEBE1; font-weight: normal; text-align: center;}
div.tablelist tbody td { background: #FFFFF2; text-align: center;}

sup { vertical-align: top; padding: 0 1px;}

.list ul.att { margin: 0 10px 30px 80px;}

.list table.structure { margin: 0 80px 20px 55px;}
.list table.structure th,
.list table.structure td {
padding: 0 0 10px 10px;
text-align: left;
vertical-align: top;
}

.list table.structure th { white-space: nowrap;}