@import url("../../css/fire.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;}

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 10px; text-align: center;}
.select fieldset { margin: 25px 60px 35px; border: 1px solid #9999FF;}
.select legend { margin: 0 10px; padding: 3px 10px; color: #333366;}
.select input { padding: 4px 7px;}
.select table input { width: 210px; padding: 3px 0;}

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

.flow h3 { margin: 0 10px 20px;}
.flow table { background: url(../../life/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(../../life/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(../../life/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(../../life/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 {
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: 10px 40px 10px 50px; list-style-type: none;}

.summary table { margin: 0 40px 0 50px;}
.summary th, .summary td { vertical-align: top; padding: 0 0 10px 10px;}
.summary th { white-space: nowrap; font-size: 1.1em; color: #666;}


/* -------------- 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 table { margin: 10px auto 30px;}
.inq td { padding: 10px 30px; text-align: center;}


/* -------------- 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;
}
span.need { font-weight: bolder; color: #FF0000;}
table.ssl { width: 600px; margin: 20px auto; color: #660000;}
table.ssl td { padding: 5px 10px; text-align: left;}
.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 sup,
.entry sub,
.entry em { color: #995533;}
.entry em { font-style: normal;}

th.w1,
th.w2,
th.w3,
th.w4,
th.w5 { width: 20%;}

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

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

.confirm .entrytable .entrytable th { width: 20%;}
.confirm .entrytable .entrytable td { width: 20%; text-align: right;}

.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 h2 { margin: 0 0 15px; text-align: left;}
body.list { font-size: 12px;}
div.tablelist { max-width: 800px;}
div.tablelist table { margin: 0 auto 20px; 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 20px;}

.list table.structure { margin: 0 10px 20px 20px;}
.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;}
.list input { padding: 2px 5px;}
.list div.wrap { width: 710px; margin: 0 auto 10px; text-align: left;}
.list #copyright { float: none; text-align: right;}




/* renew */

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