@charset "utf-8";

/* ===================================================
	Contact, Step
=================================================== */

/*----------------------------------------------------
	Page Color
----------------------------------------------------*/

#content{
	background: url(../img/h_head_s.gif) no-repeat top left;
}

h1{
	background: url(../img/h_bg_s.gif) repeat-y center bottom;
}

h2{
	background: url(../img/bg-h2_s.gif);
}

h2 span{
	display: block;
	background: url(../img/mark_s.gif) no-repeat left 0.15em;
}

h3 span{
	color: #a74747;
	background: url(../img/icon-circle_s.gif) no-repeat left 0.44em;
	display: block;
}

h4{
	margin: 10px 0 5px;
	padding-left: 5px;
	border-left: 5px solid #a74747;
	font-size: 100%;
}

.link li{
	background: url(../img/arrow_s.gif) no-repeat left 0.5em;
}

#area a{color: #a74747; text-decoration: underline;}
#area a:hover{color: #c27070;}

.co_list li{
	display: block;
	list-style: none;
	line-height: 1.5;
	margin: 0 0 0.2em 0.2em;
	padding-left: 11px;
	background: url(../img/icon-list_p.gif) no-repeat left 0.5em;
}

#area .consult_head{
	padding-left: 18px;
	margin-bottom: 5px;
	color: #A74747;
	font-weight: bold;
	background: url(../img/icon-balloon_co.gif) no-repeat left center;
}

.weight{
	font-weight: bold;
}

/*----------------------------------------------------
	Flow
----------------------------------------------------*/

.step{
	margin-bottom: 20px;
	padding-bottom: 20px;
	background: url(../img/icon-flow_arrow_p.gif) no-repeat center bottom;
}

.step.last{
	padding-bottom: 0;
	background: none;
}

.step h3{
	background: none;
	margin: 0;
	padding: 0;
}

.step .txt{
	padding: 10px 15px 0;
	background: url(../step/img/bg-step.gif) repeat-y;
	border-bottom: 1px solid #ccc;
}

.step .txt .photo{
	float: left;
	margin-right: 15px;
}

.step .comment{
	margin-bottom: 15px;
	padding: 10px;
	background: #f1ede6;
}

.step .comment li{
	list-style: none;
	padding-left: 15px;
	background: url(../img/icon-list_p.gif) no-repeat left 0.5em;
}




/*----------------------------------------------------
	Far
----------------------------------------------------*/

.frame{
	width: 513px;
	_width: 523px;
	border: 1px solid #ccc;
	margin: 1em 0;
	padding: 5px;
}

.info{
	width: 497px;
	_width: 523px;
	border: 1px solid #ccc;
	margin: 1em 0;
	padding: 12px;
}

#area .info p{
	width: auto;
	margin-bottom: 0.8em;
}

#area .info .co_list{
	padding: 1em 0;
}


/*----------------------------------------------------
	Form
----------------------------------------------------*/

textarea.compliance{
	width: 515px;
	margin-bottom: 5px;
	font-size: 92.3%;
}

.sub_title{color: #a74747;}


.contact_form{
	margin-bottom: 1em;
	padding: 0;
	border-top: 1px solid #dbd2d2;
	border-left: 1px solid #dbd2d2;
	border-spacing: 0;
	border-collapse: separate;
	cellspacing: 0;
	empty-cells: show;
}

.contact_form th,
.contact_form td{
	padding: 5px 10px;
	border-bottom: 1px solid #dbd2d2;
	vertical-align: top;
}

.contact_form th{
	background: #e5dbd8;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #591717;
	font-weight:normal;
	text-align: center;
}

.contact_form td{
	border-right: 1px solid #e7d9d2;
}


table td{
	padding: 3px;
	height: 25px;
}

table td.form_title{
	color: #fff;
	background: #a74747;
}

ul.notes li{
	list-style: none;
	margin-bottom: 0.5em;
	padding-left: 1em;
	text-indent: -1em;
}

ul.notes li.last{
	margin-bottom: 0;
}

ul.notes li .ind{
	color: #a74747;
	font-weight: bold;
}


form .comments{
	width: 374px;
	position: relative;
	padding-top: 2em;
}

form .comments textarea{
	width: 374px;
}

form #charCount{
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	font-family: Helvetica, Arial ,sans-serif;
	font-size: 150%;
	font-weight:bold;
	color:#ccc;
}

form .warning{color:#600;}	
form .exceeded{color:#e00;}

form .comments .notes{color: #CC0000;}

.reserve{
	padding: 15px;
	border: 5px solid #eccfd4;
}

#area .reserve .no{
	margin-bottom: 0;
	text-align: center;
}

.attention.co_list{
	margin-bottom: 15px;
	padding: 15px;
	background: #eee;
}

.shuccho{
	margin-bottom: 15px;
	padding: 15px;
	border: 1px solid #ccc;
}

#area .shuccho .banner{
	margin-bottom: 0;
	text-align: center;
}

/*----------------------------------------------------
	Fee List
----------------------------------------------------*/

.feelist,
.feelist-other{
	width: 523px;
	margin-bottom: 1em;
	padding: 0;
	border-top: 1px solid #c3c3b3;
	border-left: 1px solid #c3c3b3;
	border-spacing: 0;
	border-collapse: separate;
	cellspacing: 0;
	empty-cells: show;
}

.feelist tbody th{
	width: 100px;
	_width: 120px;
}


.feelist th,
.feelist td{
	padding: 5px 10px;
	border-right: 1px solid #c3c3b3;
	border-bottom: 1px solid #c3c3b3;
	vertical-align: middle;
}

.feelist th{
	background: #f9f4d2;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	font-weight:normal;
	text-align: center;
}

.feelist .benhi{
	width: 128px;
	_width: 148px;
	text-align: center;
}

.mousitate li{
	list-style: none;
	text-indent: -1em;
	margin-bottom: 0.5em;
	padding-left: 1em;
}


/*======= other.html ========*/

.feelist-other tbody th{
	width: 120px;
	_width: 140px;
}


.feelist-other th,
.feelist-other td{
	padding: 5px 10px;
	border-right: 1px solid #c3c3b3;
	border-bottom: 1px dotted #c3c3b3;
	vertical-align: top;
}

.feelist-other .solid th,
.feelist-other .solid td,
.feelist-other th.solid{
	border-bottom: 1px solid #c3c3b3;
}


.feelist-other th{
	background: #f3f3f3;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	font-weight:normal;
	text-align: center;
}

.feelist-other th.expenses{
	background: #E6EBFF;
	border-bottom: 1px solid #c3c3b3;
}



/*-----------------------------------------------
	Handbook
-----------------------------------------------*/

.form_shiryou{
	width: 100%;
	margin-bottom: 15px;
	border-collapse: collapse;
	border-right: 1px solid #E7D9D2;
	border-bottom: 1px dotted #E7D9D2;
}

.form_shiryou td{
	border-left: 1px solid #E7D9D2;
	border-bottom: 1px solid #E7D9D2;
}

.form_shiryou input{
	width: 180px;
	padding: 3px;
}


#handbook{
	margin-bottom: 25px;
	background: none;
}

#handbook .flL,
#handbook .flR{
	width: 255px;
}

#handbook h2{
	width: 243px;
	_width: 255px;
	margin: 0 0 0.5em 0;
}

#handbook h2 span{
	width: 213px;
	_width: 243px;
}

.hb_txt{
	width: 300px;
	float: right;
}

.panf .photo,
.hb_detail .photo{
	float: left;
}

.panf .read{
	float: right;
	width: 260px;
}

.panf li{
	list-style: none;
	padding-left: 12px;
	background: url(../img/icon-point.gif) no-repeat left 0.5em;
}

#area .hb_txt p{
	width: auto;
}


#area .hb_detail .flL{
	width: 150px;
	text-align: center;
}
	
.hb_present{
	background: url(../step/img/bg-present.gif) repeat-y;
}

.hb_detail{
	padding: 0 30px;
	margin-bottom: 10px;
}

.hb_detail.last{
	padding-bottom: 25px;
	background: url(../step/img/bg-present_bottom.gif) no-repeat bottom;
}

.hb_detail h3{
	width: auto;
	margin: 0 0 1em 0;
	padding: 0 0 5px 0;
	background: url(../img/line.gif) repeat-x center bottom;
}

.hb_detail h3 span{
	width: auto;
	padding: 0 10px 0 19px;
	background: url(../img/icon-circle_s.gif) no-repeat left 0.15em;
}

.plain_list li{
	background: none;
	padding-left: 1em;
	margin-bottom: 0;
}

.u_line{
	border-bottom: 1px solid #CC0000;
	color: #CC0000;
	font-weight: bold;
}

#handbook .co_list li{
	margin-bottom: 1em;
}

#handbook .co_list dt{
	float: left;
}

#handbook .co_list dd{
	float: right;
}

#handbook a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

#handbook .post{
	padding: 5px 0 5px 60px;
	background: url(../step/img/icon-post.jpg) no-repeat left center;
}

#handbook .dl{
	padding: 5px 0 5px 60px;
	background: url(../step/img/icon-download.jpg) no-repeat left center;
}

#melmaga{
	padding-top: 20px;
}

#melmaga .explanation{
	width: 435px;
	float: left;
}

#area #melmaga p{
	width: auto;
}
.book_happy{color: #ca535c;}
.book_restart{color: #3e4cb5;}
.book_voice{color: #a58223;}

/*----------------------------------------------------
	Melmaga
----------------------------------------------------*/

.melmaga dt{
	float: left;
	width: 160px;
	margin: 0 10px 5px 0;
	padding: 10px 0;
	background: url(../img/icon-arrow2.gif) no-repeat right center #f8f3f3;
}

.melmaga dd{
	float: left;
	width: 353px;
	margin-bottom: 5px;
}

.melmaga dl input,
.melmaga li input{
	width: 220px;
	margin-right: 3px;
	padding: 3px;
	font-size: 130%;
}

.melmaga .put input{
	font-size: 130%;
}

.melmaga .ex{
	font-size: 76.9%;
}

/*----------------------------------------------------
	Thanks
----------------------------------------------------*/

.induce{
	margin: 100px 20px 0;
	padding: 0 20px 20px;
	border: 2px solid #ccc
}

.induce .book{
	text-align: center;
}

.induce h2{
	width: auto;
}

.induce #melmaga{
	padding-top: 0;
}

.induce #melmaga .explanation{
	width: auto;
}

.induce .co_list dt{
	width: 150px;
}

/*----------------------------------------------------
	Clear fix
----------------------------------------------------*/

#handbook:after,
.hb_detail:after,
#handbook .co_list dl:after,
#melmaga:after,
.melmaga dl:after,
.txt:after,
.panf:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	overflow: hidden;
}


#handbook,
.hb_detail,
#handbook .co_list dl,
#melmaga,
.melmaga dl,
.txt,
.panf{
	zoom:1;
}