@charset "UTF-8";
/*====================================================================================================
contents.css
ページのcss
====================================================================================================*/

#container_ .guide{height:30px;background-color:#b0bccd;font-family:HiraKakuProN-W6;font-size:16px;color:#fff;text-align:center;white-space:nowrap;overflow:hidden;position:relative;border-top-color:#cdd5df;border-bottom-color:#2d3642;border-style:solid;border-width:1px 0;margin:0 0 5px;padding:10px 3px 0;background-image: -webkit-gradient(linear, left top, left bottom, from(#b0bccd), to(#6d84a2));text-overflow: ellipsis;text-shadow: rgba(0, 0, 0, 0.6) 0 -1px 0;}#container_ .guide span{float:left;background:url(http://www.e-life.co.jp/smartp/images/common/back_btn.png) left center no-repeat;height:28px;width:50px;padding-left:5px;padding-top:2px;position:absolute;left:5px;top:6px;}#container_ .guide span a {color: #fff;font-size: 80%;text-decoration: none;text-shadow: rgba(0, 0, 0, 0.6) 0 -1px 0;}



																					
#container_{text-align:left;background-color:#FFF;}
#container_ h4{font-size:16px;font-weight:700;color:#ff0000;background-color:#F4E4E5;padding:5px; margin:10px 0;}
#container_ ul{padding:0; margin:0;}
#container_ li{list-style: none; padding:0; margin:0;}




#form_entry {padding:0 5px;}
#form_entry table {width:100%;border-collapse:collapse;border:#ccc solid 1px;margin-bottom:10px;}
#form_entry th {font-size:14px;line-height:18px;font-weight:700; background:#eee;text-align:left;padding:5px;width:60px;border:#ccc solid 1px;}
#form_entry th span.necessary {font-size:12px;line-height:14px;padding:2px 4px;color:#fff;background:#ff8000;margin-left:5px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
#form_entry th span.return {display:inline-block;}
#form_entry th span.add {display:block;padding-bottom:5px;}
#form_entry td {font-size:14px;line-height:18px;text-align:left;padding:5px;border:#ccc solid 1px;}
#form_entry td table {border:#fff solid 0px;margin-bottom:0px;}
#form_entry td td {font-size:14px;line-height:18px;text-align:left;padding:2px;border:#ccc solid 0px;}
#form_entry input[type="text"],
#form_entry input[type="number"],
#form_entry input[type="tel"],
#form_entry input[type="email"],
#form_entry input[type="password"],
#form_entry textarea {border: 1px solid #999999;width:97%;font-size:14px;padding:2px;margin: 1px;}
#form_entry #ZIP {width:5em!important}
#form_entry input[type="number"].month {width:40px;}
#form_entry input[type="number"].day {width:40px;}
#form_entry input[type="button"],
#form_entry input[type="reset"],
#form_entry select {font-size: 14px;}
#form_entry input[type="text"]:hover {border: 1px solid #666666;}
#form_entry input[type="text"]:focus,
#form_entry input[type="number"]:focus,
#form_entry input[type="tel"]:focus,
#form_entry input[type="email"]:focus,
#form_entry input[type="password"]:focus {background-color: #FFFFCC;border: 1px solid #333333;}
#form_entry input[type="radio"],
#form_entry input[type="checkbox"] {margin-right:2px;}
#form_entry td dt,
#form_entry td dd {padding-bottom:5px;}
#form_entry td ul {overflow:hidden;}
#form_entry td li {width:100%;float:left;padding:0;margin: 0 0 10px;}
#form_entry td li:last-child {margin: 0;}
#form_entry td p {line-height:22px;padding:3px 0 12px;}

#thanks h2 {border-bottom: 3px solid #00204A;color:#00204A;font-size:18px;height:30px;line-height:30px;text-align:center;font-weight:700;}
#thanks .cap01 {font-size:14px;line-height:26px;padding:1em 10px;font-weight:700;text-align:left;}
#thanks .cap02 {font-size:12px;line-height:24px;padding:0 10px 1em;text-align:left;}
#thanks dl {padding:1em 0 0;}
#thanks dt {font-size:14px;line-height:24px;}
#thanks dd {font-size:14px;line-height:24px;font-weight:700;color:#f00;margin:0;}

#personal {padding-bottom: 1em;}
#personal h2 {border-bottom: 3px solid #00204A;color:#00204A;font-size:18px;height:30px;line-height:30px;text-align:center;font-weight:700;}
#personal p {padding:10px 0 15px;;text-align:center;font-size:14px;line-height:20px;}
#personal table {width:90%;border-collapse:collapse;border:#999 solid 1px;margin:0 auto;}
#personal th {width:185px;padding:10px;font-size:14px;line-height:20px;font-weight:400;text-align:left;background-color:#f5f5f5;border-bottom:#999 solid 1px;border-right:#999 solid 1px;}
#personal td {font-size:14px;line-height:20px;padding:10px;text-align: center;border-bottom:#999 solid 1px;border-right:#999 solid 1px;}
#personal input {margin:0 auto;text-align: left;}

/*150115装飾追加*/
#clubintroduction {
padding-bottom:20px;
}
#clubintroduction h3 {
font-size:15px;
line-height:25px;
height:25px;
font-weight:700;
color:#00204A;
border-top:#00204A solid 0px;
border-bottom:#00204A solid 2px;
text-align:left;
background-image:none;
text-shadow:none;
}
p.orange {
color: #f29600;
font-size: 14px;
font-weight: 700;
line-height: 20px;
padding: 10px 10px 0;
text-align: left;
margin:0;
}
p.brown {
color: #64514a;
font-size: 14px;
font-weight: 700;
line-height: 20px;
padding: 10px 10px 0;
text-align: left;
margin:0;
}
#clubmerit {
background-color:#655145;
padding-bottom:10px;
margin-bottom:10px;
}
#clubmerit .club_logo {
background-color:#231815;
padding:15px 0 10px;
margin:0;
text-align:center;
}
#clubmerit h3 {
font-size:15px;
line-height:25px;
height:25px;
font-weight:700;
color:#ffcf00;
border-top:#00204A solid 0px;
border-bottom:#00204A solid 0px;
text-align:left;
background-image:none;
text-shadow:none;
padding: 10px 10px 0;
margin:0;
}
#clubmerit dl {
margin:0;
padding:5px 0 0;
}
#clubmerit dt {
color: #fff;
text-align:left;
padding:10px 10px 0;
font-size: 14px;
font-weight: 700;
line-height: 20px;
margin:0;
}
#clubmerit dd {
color: #cdb99a;
text-align:left;
padding:5px 10px 0 20px;
font-size: 14px;
font-weight: 700;
line-height: 20px;
margin:0;
}

#personal h3 {
font-size:15px;
line-height:25px;
height:25px;
font-weight:700;
color:#00204A;
border-top:#00204A solid 0px;
border-bottom:#00204A solid 2px;
text-align:left;
background-image:none;
text-shadow:none;
}
#personal p {
font-size: 14px;
line-height: 20px;
text-align:left;
margin:0;
padding:10px 10px 15px;
}
#form_entry {padding:0 10px;}
#form_entry th span.attention {
font-size:14px;
line-height:20px;
color:#f00;
}
#form_entry td {
text-align:left;
}
#personal #form_entry td input[type="button"] {
width:120px;
text-align:center;
background: #000000;
color: #ffffff;
border: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#personal table {
width:100%;
border-collapse:collapse;
border:#999 solid 1px;
margin:0 auto;
}
.submit {
	text-align:center;
}
#personal .submit button {
    background: none repeat scroll 0 0 #000;
    border: medium none;
    color: #FFF;
    cursor: pointer;-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
    font-size: 16px;
    font-weight: 700;
	padding:10px;
	margin:0 auto;
    width: 100%;
	text-align:center;
}




.club {width: 90%;margin: 0 auto;padding: 5% 0;}
.club .saikyohomeclub {text-align: left;margin: 0 0 5%;padding: 0; }
.club .saikyohomeclub h2 {width: 100%;margin: 0 0 2%;;padding: 0;}
.club .saikyohomeclub h2 img {width: 100%;}
.club .saikyohomeclub p {font-size: 14px;line-height: 18px; margin: 0;padding: 0;}
.club .number {margin: 0 0 5%;padding: 0;text-align: left;}
.club .number dl.general {}
.club .number dl.general dt {display: inline-block;font-size: 18px;font-weight: 700;margin: 0 10px 0 0;}
.club .number dl.general dd {display: inline-block;font-size: 18px;font-weight: 700;}
.club .number dl.general dd span {font-size: 28px;font-weight: 700;}
.club .number dl.member {}
.club .number dl.member dt {font-size: 18px;font-weight: 700;color: #d93600;}
.club .number dl.member dd {font-size: 18px;font-weight: 700;margin: 0 0 2%;}
.club .number dl.member dd span {font-size: 28px;font-weight: 700;color: #d93600;}
.club .number p {font-size: 18px;line-height: 24px; font-weight: 700; color: #00468c;}
.club .benefits {}
.club .benefits dl {width: 100%;margin: 0 0 5%;padding: 0;}
.club .benefits dl dt {width: 15%;text-align: center;display: inline-block;font-size: 10px;line-height: 24px;margin: 0;vertical-align: top;}
.club .benefits dl dd.benefits_title {width: 80%;display: inline-block;padding: 0;margin: 1% 0 0 5%; text-align: left;font-size: 14px;line-height: 24px;font-weight: 700; vertical-align: top;}
.club .benefits dl dd {padding: 2%; font-size: 12px;line-height: 18px;text-align: left;}


.club .benefits dl.benefits1 {border: 3px solid #ed97b7;}
.club .benefits dl.benefits1 dt {background: #ef528e;color: #ffffff;}
.club .benefits dl.benefits1 dd.benefits_title {color: #ef528e;}

.club .benefits dl.benefits2 {border: 3px solid #a7bd5a;}
.club .benefits dl.benefits2 dt {background: #72a61a;color: #ffffff;}
.club .benefits dl.benefits2 dd.benefits_title {color: #72a61a;}

.club .benefits dl.benefits3 {border: 3px solid #f6ba00;}
.club .benefits dl.benefits3 dt {background: #f68200;color: #ffffff;}
.club .benefits dl.benefits3 dd.benefits_title {color: #f68200;}