@import url("other.css");

table, th, td {
margin: 0px;
padding: 0px;
}

h1 { background: url('../join/img/join_ttl.gif') no-repeat left top;}

/* ------------- join ------------- */

.join .contents { width: 700px; margin: auto;}

.join h2 {
clear: both; 
border: 1px solid #CBC094;
background: url('../join/img/ttl_bg.gif') repeat-x bottom;
}
.join h2:first-letter { color: #CC0000;}
.join .contents img { margin: 0 30px 20px;}
.contents p.btn img { float: right; margin: 0 0 20px 20px;}

.join p { margin: 20px 20px;}

ul.att { margin: -15px 40px 30px; 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; color: #CC9999; font-family: "ＭＳ ゴシック", "Osaka－等幅";}*/

.join h3 {
margin: 15px 10px;
font-size: 1.1em;
letter-spacing: 1px;
}

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


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

.select h2 { margin: 0; padding: 20px 0 20px; border: none; text-align: center;}

div.life, div.fire { width: 380px; height: 400px; margin: 20px 0 0; padding: 0 0 10px;}

div.life {
float: left;
background: #FEE8DD url(../join/img/life_bg_foot.gif) left bottom no-repeat;
}
div.fire {
float: right;
background: #FFF4CE url(../join/img/fire_bg_foot.gif) left bottom no-repeat;
}

div.life h2 { background: url(../join/img/life_bg_head.gif) left top no-repeat;}
div.fire h2 { background: url(../join/img/fire_bg_head.gif) left top no-repeat;}

.select h3 { height: 110px; text-align: center;}
div .fire h3 img { margin-top: 18px;}

.select .contents p { height: 40px; text-align: center;}