@charset "utf-8";
@import url(../common/default.css);
@import url(../common/layout.css);
@import url(../header/header.css);
@import url(../footer/footer.css);
@import url(../common/common.css);

/* 無料体験レッスン電話でページスタイル */

#trial_title{
	margin:0;
	padding:0;
}
#trial_subtitle{
	vertical-align:top;
	padding:20px 30px 0 30px;
}
#trial_descript{
	padding:0 30px;
	margin:0;
	line-height:1.5em;
}
#trial_descript img{
	float:right;
	padding:0 0 20px 20px ;
}
#dial_box{
	width:600px;
	margin:0 20px;
	background:#f9f8f4 url(img/dial_box_bg.gif) no-repeat bottom ;
}
#free_dial{
	width:284px;
	padding:0 0 0 0;
	margin:0;
	float:left;
}
#reception_info{
	width:276px;
	height:100px;
	padding:0 0 0 0 ;
	margin:10px 0 10px 0;
	float:right;
}
#reception_info table{
	margin:10px 15px 15px 0px ;
	background-color:#ffffff;
	border:#ccc solid 1px;
	width:230px;
}
#reception_info table th{
	padding:5px;
	text-align:left;
	font-weight:normal;
}
#reception_info table td{
	padding:5px;
}
.dot_border{
	border-bottom:#ccc dotted 1px;
}
#gaidance_title{
	padding: 10px 20px 20px 10px;
	margin:0 0 0 20px ;
	background:url(img/gaidance_top.gif) no-repeat bottom left ;
	color:#960;
}
#gaidance_flow{
	background:url(img/gaidance_bg.gif) no-repeat bottom ;
	padding:0 20px;
	margin-bottom:40px;
}
#gaidance_flow ol{
	margin:0;
	padding:20px 50px ;
	list-style:none;
}

/* 分割払い例 */
#example_box{
	width:400px;
	padding:20px;
	border:#ccc 1px solid ;
	margin:20px 80px;
	background:url(img/example_bg.jpg) no-repeat bottom;
}
#example_box p{
	border-bottom:#ccc 1px dotted ;
	padding-bottom:5px;
}
#example_box h2{
	font-size:16px;
}

.box p{
	line-height:140% ;
	}
h3{
	margin-bottom:0.5em;
	background:#fff;
	color:#960 ;
	font-size:medium;
	}	
.form_tbl{
	margin-left:10px;
	}
.form_tbl th{
	width:10em;
	text-align:left;
	}
.form_const{
	width:180px;
	float:right;
	}
.strong{
font-size:larger;
font-weight:bolder;
}
.caption{
font-size:smaller;
}

	
/* contentsのスタイル */	
#contents{
	width:600px;
	margin:1em 20px;
	}
#contents li{
	list-style:none;
	}
#contents .f_right_t{
	width:380px;
	float:right;
	margin-bottom:0.5em;
	}
#contents .holiday_txt{
	margin-bottom:0.5em;
	margin:0;
	padding:0;
	}
.column1 form,
.column1 dd{
	margin:0;
	padding:0;
}
.color_line{
	clear:both;
	}
.color_line hr{
	height:3px;
	color:#06c ;
	background:#06c ;
	border:none;
	}
	
/* 段組に関係のないcontents内の共通スタイル */	
#contents dt{
	padding:0.4em 0.5em 0.3em 9px;
	background:#666;
	color:#fff;
	font-size:medium;
	font-weight:bold;
	text-align:center;
	}
#contents dt #dback{
  background:#fff;
	}

/* 1段の場合の設定 */
.column1{
	margin-bottom:1em ;
	border:1px #333 solid ;
	}
.column1 p, .column1 ul{
	margin:0.5em 10px;
	}
.no_speace{
	margin:0;
	padding:0;
}
#select{
	padding:15px 1em ;
}
#select select{
	background:#FFFFCC;
	font-size:medium;
}
	
/* 2段組部分の設定 */
.column2 p, .column2 ul{
	margin:0.5em 10px;
	}
.column2 .column_l{
	width:290px ;
	float:left ;
	margin-bottom:1em ;
	border:1px #333 solid ;
	}
.column2 .column_r{
	width:290px;
	float:right;
	margin-bottom:1em ;
	border:1px #333 solid ;
	}
	
	/* 4段組部分の設定 */
.column4{
	background:url(common/column_div_line.gif) repeat-y;
	margin-bottom:1em ;
	}
.column4 .column_l{
	width:150px;
	float:left;
	font-size:x-small;
	}
.column4 .column_r{
	width:150px;
	float:right;
	font-size:x-small;
	}
.column4 dt{
	border-right:1px solid #fff;
	}
.column4 ul{
	width:120px;
	margin:1em 10px;
	}
.column4 li{
	margin-bottom:0.6em;
	}

/* テーブルの設定 */
#schedule{
	margin-bottom:1em ;
	}
#schedule td, #schedule th{
	border-bottom:1px solid #666 ;
	}
.head_row{
	background:#666;
	color:#fff;
	font-size:medium;
	font-weight:bold;
	text-align:center;
}	
	
/* 3段組部分の設定 */
.column3{
	background:url(common/column_div3_line.gif) repeat-y left;
	margin-bottom:1em ;
	}
.column3 .column_l{
	width:200px;
	float:left;
	font-size:x-small;
	}
.column3 .column_r{
	width:200px;
	float:right;
	font-size:x-small;
	}
.column3 dt{
	border-right:1px solid #fff;
	}
.column3 ul{
	width:170px;
	margin:1em 10px;
	}
.column3 li{
	margin-bottom:0.6em;
	}
	
/* パンフレットの3段両脇にボーダーがある枠の中で幅が2px狭い方 */
.column3t{ 
	background:url(common/column_div3t_line.gif) repeat-y left;
	margin-bottom:1em ;
	}
.column3t dl,
.column3t dt,
.column3t dd{
	margin:0;
	padding:0;
}
.column3t .column_l{
	width:199px;
	float:left;
	font-size:x-small;
	}
.column3t .column_r{
	width:200px;
	float:right;
	font-size:x-small;
	}
.column3t dt{
	border-right:1px solid #fff;
	}
.column3t ul{
	width:170px;
	margin:1em 10px;
	}
.column3t li{
	margin-bottom:0.6em;
	}
.l_center{
	text-align:center;
}
/* 個人情報のスクロール */
.scroll{
  width:580px;
  border:1px solid #666;
  height:8em;
  overflow:auto;
	text-align:left;
	}
#contents .scroll dt{
	background:#fff;
	color:#666;
	font-weight:bold;
	}
.scroll dd{
	margin:0 1em 1em 2em ;
	line-height:1.4em;
	font-size:x-small;
	}

/* 資料請求CGIで使用するスタイル */
p.action_step{
	margin:1em 0 0.5em 10px;
	background:#fff;
	color:#960 ;
	font-size:medium;
	font-weight:bold;
	}
.ast{
	color:#f00;
	font-weight:normal;
	}
.example{
	font-size:small;
	}
#error_list{
	background:url(common/ex_bg.gif) no-repeat right #ffc;
	margin:10px;
	padding:10px;
	border:1px #f00 solid;
	}
#error_list p{
	color:#F00;
	line-height:1em;
	font-size:medium;
	}
#error_list img{
	vertical-align:middle;
	margin-right:5px;
}
#error_list li{
	color:#F00;
	font-size:small;
	list-style-type:disc;
	margin:3px 0 3px 35px;
	}
.error{
	background-color:#ffc;
	}
.error_box input{
	background-color:#ffc;
	}

.kakunin{
	font-weight: bold;
}
.form_tbl2{
	margin-left:10px;
	}
.form_tbl2 th{
	width:10em;
	text-align:left;
	font-weight:normal;
	}
.form_tbl2 td{
	font-weight:bold;
}


#webool_abort,
#webool_abort p{
	color:#ccc;
	background:#eee;
	}