@import url("../../css/life.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: 300px;
}

.pro1 div.block-r {
float: right;
width: 430px;
margin: 20px 0 0;
padding: 15px;
border: 1px solid #FFDDDD;
background: #FFF6F6;
}
.pro1 div.block-r a { text-decoration: underline;}

.pro2 div.block-r {
float: right;
min-height: 270px;
width: 380px;
padding: 0 0 0 90px;
background: url(../protection/img/arrow.gif) left center no-repeat;
}
.protection h3 { font-size: 1.2em;}
.protection h3:first-letter { color: #CC0000;}
.protection h4 { color: #EE0066; font-size: 1.1em;}

,pro3 h3 { vertical-align: middle; text-align: center;}
.pro3 h3 img { vertical-align: middle;}
div.flash { width: 450px; margin: 20px auto;}
.pro3 p,
.pro4 p,
.pro5 p,
.pro4 h3,
.pro5 h3 { text-align: center;}

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;}

table.pay { margin: 30px auto 8px; background: #CC9966;}
table.pay tr { background: #FFFCDC;}
table.pay tbody tr th { background: #FFFCEC;}
table.pay tr.bgon { background: #FFDDDD;}
table.pay tr.bgon th { background: #FFEEEE;}
table.pay thead tr { background: #FF6600; color: #FFF;}
table.pay th { padding: 4px 7px; font-weight: normal; text-align: center;}
table.pay td { padding: 4px 7px;}

table.pay .mini { font-size: 0.9em;}
table.pay .fontL { font-size: 1.2em;}
span.att { color: #FF0000;}
table.pay .att2 { color: #CC0066; font-size: 0.9em;}
table.pay .att3 { color: #CC0066;}
.pro4 p { text-align: center;}
table.pay thead th.now { background: #FF4433; color: #FFF;}
table.pay th.now { background: #FFEEBB;}
table.pay tr.bgon th.now { background: #FFBBBB;}

.pro5 table.pay { font-size: 12px;}
.pro5 table.pay th,
.pro5 table.pay td { white-space: nowrap;}

/* --------- health ( pop up ) ---------- */

.health h1 {
height: auto;
margin: 0 0 15px;
padding: 6px 10px 6px 17px;
border: 1px solid #AAAAAA;
background: url(../img/p_title_bg.jpg) left center no-repeat;
color: #555555;
font-size: 1.2em;
letter-spacing: 1px;
line-height: 1em;
text-indent: 0;
}

.health div.cont {
width: 400px;
padding: 15px;
text-align: left;
}

.health ol { margin: 15px 10px 15px 30px;}
.health li { margin: 12px 0;}

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

.list h3 {
width: 6em;
margin: 0 0 0 10px;
padding: 3px 4px;
border: 1px solid #CCC;
background: #FAD3C0 url(../img/ttl_bg.jpg) center repeat-x;
text-align: center;
color: #555555;
font-size: 1.2em;
}
.list .contents ul {
margin: 20px 0;
padding: 0 0 25px 25px;
list-style-type: none;
}
.list .contents li {
float: left;
padding: 2px 20px 2px 17px;
background: url(../img/arrow_down.gif) left center no-repeat;
font-size: 1.1em;
}
.list .contents p {
margin: 25px 0;
padding: 10px 0 0;
}
.list .contents p.descript {
margin: 0 0 15px 5px;
padding: 0;
}
.list .contents p#k1500 {
border-top: 1px dotted #999;
padding: 30px 0 0;
}