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

.contents a { text-decoration: underline;}
.contents .pagetop a { text-decoration: none;}
 
ol { margin: 20px 40px 30px 30px; padding: 0 0 0 30px;}
ul { margin: 20px 40px 30px 30px; padding: 0 0 0 30px;}
li { margin: 2px 0;}

em { font-style: normal; color: #CC0000;}

ul.att { margin: -15px 40px 30px 15px; padding: 0 0 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－等幅";}*/

.t-center { text-align: center;}
.t-right { text-align: right;}
.nowrap { white-space: nowrap;}

input.next { margin: 10px; padding: 5px 10px; font-size: 1.2em; letter-spacing: 3px; cursor: pointer;}

/* --------- joining ---------- */

.joining .contents { margin: 0 70px;}
.joining h3 { margin: 0 0 20px; padding: 2px 7px; background: url(../joining/img/ttl_bg.gif); letter-spacing: 1px;}
.joining h3:first-letter { padding-right: 2px; color: #CC0000; font-size: 0.9em;}
.joining p { margin: 40px 20px;}
.joining form { margin: 30px; text-align: center;}
.joining input { padding: 3px 8px;}

/* --------- select ---------- */

.select .contents { margin: 0 40px;}
.select h3 { margin: 0 0 20px; padding: 2px 7px; background: url(../joining/img/ttl_bg.gif); letter-spacing: 1px;}
.select h3:first-letter { padding-right: 2px; color: #CC0000; font-size: 0.9em;}
.select h4 { margin: 0 15px 20px; letter-spacing: 1px; font-size: 1.1em; color: #993333;}
.select .contents p { margin: 20px 40px 30px;}
.select table { margin: 10px auto 30px;}
.select td { padding: 10px 30px; text-align: center;}
.select input { padding: 4px 7px;}

/* --------- flow ---------- */

.flow h3 { margin: 0 10px 20px;}
.flow table { background: url(../joining/img/o_06.gif) left repeat-y; font-size: 1em; line-height: 150%;}
.flow td ul.att {
margin: 10px 0 20px;
list-style-type: none;
color: #CC0000;
}
div.att-box {
margin: 40px 60px 50px;
padding: 35px 35px 15px;
border-top: 1px solid #EEBBBB;
border-right: 2px solid #DD9999;
border-bottom: 2px solid #CC9999;
border-left: 1px solid #EEBBBB;
background: #FFEEEE;
}
div.att-box p {
margin: 20px 0 20px 10px;
}
div.att-box h3 {
width: 16em;
padding: 3px 0 3px 8px;
border-top: 1px solid #FFCCCC;
border-right: 2px solid #EEBBBB;
border-bottom: 2px solid #EEAAAA;
border-left: 1px solid #FFCCCC;
background: #FFF;
color: #993333;
letter-spacing: 2px;
}
div.ssl { margin: 30px 50px;}
.flow form { margin: 35px 0 40px; text-align: center;}
.flow th {
width: 355px;
padding: 10px 8px 10px 32px;
background: #FCB482 url(../joining/img/o_02.gif) left repeat-y;
text-align: left;
}
.flow tr.cont td {
width: 365px;
padding: 10px 25px 10px 15px;
background: #FFFFCC url(../joining/img/o_04.gif) right repeat-y;
}
.flow tr.cont td p { margin: 0; color: #222222;}
.flow tr.cont td ul { margin: 10px 0 0;}


/* --------- sumatt ---------- */

.sumatt h3 { margin: 0 20px 20px; letter-spacing: 1px;}
.sumatt h3:first-letter { padding-right: 2px; color: #CC0000; font-size: 0.9em;}

div.j-attention,
div.j-summary { 
overflow: auto;
width: 740px;
height: 400px;
margin: auto;
padding: 15px;
border: 1px solid #CCC;
}
.sumatt h4 {
padding: 5px 15px;
border: 1px solid #CCC;
background: #FFD9D9 url(../img/ttl_bg2.jpg) center repeat-x;
color: #4B4B4B;
font-size: 1.2em;
letter-spacing: 1px;
}
.sumatt h5 {
margin: 15px 15px;
font-size: 1.1em;
color: #CC0000;
}
.sumatt h6 {
margin: 10px 20px;
font-size: 1em;
letter-spacing: 1px;
}
.sumatt strong {
display: block;
margin: 10px 25px;
color: #993333;
font-size: 1em;
font-weight: normal;
}

.sumatt .contents p { margin: 20px 40px 30px;}

.sumatt form { margin: 10px; text-align: center;}


/* --------- attention ---------- */


/* --------- summary ---------- */

ul.mg0 { margin: 0 40px 0 60px}

.summary h5 {
padding: 0 0 0 12px;
background: url(../../img/square_red.gif) left center no-repeat;
}

table.bank {
margin: 15px 70px 30px;
border: 1px solid #CCC;
background: #FFFFEE;
}
table.bank td { padding: 15px 25px;}
table.bank ul { margin: 0; padding: 0; list-style-type: none;}
table.bank li { float: left; padding: 2px 10px; white-space: nowrap;}

ol.f2 { margin: 15px 40px 15px 80px; list-style-type: upper-roman;}
ol.f3 { margin: 15px 40px 30px 100px;}


/* -------------- entry -----------------*/

.entry .contents { margin: 0 15px;}
.entry p { margin: 20px 50px 25px;}
.entry strong { color: #663322; letter-spacing: 1px;}
.entry p.t-center { margin: 0 0 20px;}
.entry h3 {
margin: 10px 0 30px;
padding: 5px 10px;
border: 2px solid #CC6666;
background: #FFEECC;
text-align: center;
color: #333;
letter-spacing: 2px;
}
.entry label { white-space: nowrap;}
span.need { font-weight: bolder; color: #FF0000;}
table.ssl { width: 600px; margin: 20px auto; color: #660000;}
table.ssl td { padding: 5px 10px;}
.entry table.entrytable {
width: 99%;
margin: 0 auto;
background: #BBBB66;
}
.entry .entrytable thead td {
padding: 5px;
background: #E6DDAA;
text-align: center;
color: #444400;
font-weight: bolder;
font-size: 1.1em;
letter-spacing: 1px;
}
.entry td input { margin: 5px 0; vertical-align: middle;}
.entry td select { margin: 5px 0; vertical-align: middle;}
.entry td select option { padding: 0 3px;}
.entry .entrytable th {
padding: 3px 7px;
background: #F3EEC6;
white-space: nowrap;
font-weight: normal;
}
.entry .entrytable td {
padding: 3px 7px;
background: #FFFCEE;
text-align: left;
}
.entry .entrytable td.t-center { text-align: center;}
.entry form { margin: 20px; text-align: center;}

div.course {
margin: 40px 0 30px;
}
div.course ul li {
float: left;
padding: 0 20px 0 0;
list-style-type: none;
}
div.course ul li a {
padding: 0 0 0 14px;
background: url(../../img/arrow_r.gif) left center no-repeat;
}

.entry h4 { color: #FF6600; font-size: 1.2em; text-align: center;}

.entry em { color: #BB3333; font-style: normal; font-weight: bolder;}

/* --------- health ---------- */

.health div.box { margin: 0 80px; border: 1px solid #CCCCFF; background: #F9F9FF; color: #333;}
.health div.box h4 { padding: 7px; border-bottom: 1px solid #DDDDFF; background: #EEEEFF; color: #000066;}
.health ol { margin: 25px 25px 25px 15px; text-align: left;}
.health ol li { margin: 15px 0 15px 25px;}
.health table { margin: 10px auto 30px;}
.health td { padding: 10px 30px; text-align: center;}

td.health p { margin: 10px 5px 0;}
td.health table { margin: 10px 0;}
.entrytable td.health td { padding: 0 4px 7px 5px; vertical-align: top;}
.entrytable td.health input { margin: 0;}


/* -------------- inq -----------------*/

.inq .contents { margin: 0 30px;}
.inq .contents p { margin: 20px;}
div.tell-img {
width: 530px;
margin: 40px auto 40px;
padding: 18px 18px;
border: 1px solid #FED7BD;
background: #FEE7DD;
text-align: center;
}
.inq .contents ul { margin: 30px 120px 25px 130px;}
.inq .contents li { margin: 8px 0;}
.inq h3 { margin: 0 0 20px; padding: 2px 7px; background: url(../joining/img/ttl_bg.gif); letter-spacing: 1px;}
.inq h3:first-letter { padding-right: 2px; color: #CC0000; font-size: 0.9em;}
.inq form { text-align: center;}


/* -------------- confirm -----------------*/

.confirm table.entrytable {
width: 90%;
margin: 5px auto;
}
.confirm th { width: 25%; text-align: center;}
.confirm .entrytable thead td { padding: 2px;}

.confirm table.send { margin: 0 auto 30px;}
.confirm table.send td { padding: 0 30px; text-align: center;}

input.edit { margin: 0; padding: 1px 3px; font-weight: normal;}

/* -------------- card -----------------*/

.card td.card-agree { padding: 0 70px 10px; background: #FFFCF9; text-align: left;}
td.card-agree p { margin: 20px 0;}
td.card-agree ol { margin: 0 10px; padding: 0 0 0 25px;}
td.card-agree li { margin: 4px 0px;}


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

.list div.wrap { width: 800px; margin: 10px auto;}

.list h2 { text-align: left;}
.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 ul {
margin: 20px 0;
padding: 0 0 25px 25px;
list-style-type: none;
}
.list li {
float: left;
padding: 2px 20px 2px 17px;
background: url(../img/arrow_down.gif) left center no-repeat;
font-size: 1.1em;
}
.list p {
margin: 25px 0;
padding: 10px 0 0;
}
.list p.descript {
margin: 0 0 15px 5px;
padding: 0;
}
.list p#k1500 {
border-top: 1px dotted #999;
padding: 30px 0 0;
}
.list input { padding: 3px 6px;}




/* renew */

div.form-window {
margin: 25px 0;
border: none;
text-align: center;
}
div.form-window a { text-decoration: none;}