/*index用*/
#document ul.mail {
	list-style:none;
	width:780px;
	clear:both;
	margin:0 auto;
	padding:0;
	}
#document ul.mail li {
	float:left;
	width:322px;
	background:url(../image/list_mail.gif) no-repeat 10px 0px;
	margin:0;
	padding:6px 10px 6px 38px;
	text-align:left;
	}
#document ul.mail li.mail_last {
	padding:6px 10px 26px 38px;
	}
#document .sml {
	margin:0 0 0 30px;
	padding:0;
	font-size:85%;
	line-height:100%;
	}
#document .link_left {
	display: block;
	float: left;
	}
#document .sml_link {
	}
#document .sml_link a {
	display: block;
	float: left;
	margin:-1px 0 0 6px;
	padding: 3px 3px 1px 4px;
	font-size:85%;
	line-height:100%;
	border: 1px outset #4A78FF;
	background-color: #3366FF;
	color:#FFFFFF;
	}
#document .sml_link a:hover {
	border: 1px outset #84A3FF;
	background-color: #5B85FF;
	}

	/*ﾒｰﾙﾌｫｰﾑ用*/

#document p.alert {
	clear:both;
	margin:8px atuo;
	padding:4px 0 3px 100px;
	background:url(../image_cmn/icn_error_big.gif) no-repeat 65px 1px;
	text-align:left;
	color:#E90000;
	font-size:120%;
	font-weight:bold;
}
#document div.alert_box {
	clear:both;
	margin:0 auto 15px;
	padding:7px 0 6px;
	width:700px;
	background:#FFE8E9;
	border:1px solid #F33;
}



#document .ssl {
	clear:both;
	display:block;
	margin:0px;
	padding:2px 0px 0px 0px;
	text-align:left;
	}
#document p.ssl {
	background:url(../image/icn_ssl.gif) no-repeat;
	color:#666666;
	margin:0 0 5px 360px;
	padding:0 40px 0 25px;
	font-size:12px;
}

img.course_select {
	margin:5px 0 0 8px;
}

img.select_img {
	margin:5px 0 0 8px;
	cursor:default;
}

table#form_t {
	clear:both;
	width:700px;
	margin:0 auto;
	border:2px solid #4EA853;
	padding:0;
	border-collapse:collapse;
	}

table#form_t th {
	border:1px solid #4EA853;
	width:120px;
	margin:0px;
	padding:16px 5px;
	background:#B4D8C3;
	color:#004724;
	}
table#form_t th.ind {
	background:#B4D8C3 url(../image_cmn/icn_ind.gif) no-repeat 1px 1px;
	}

.address_example {
	margin:-4px 0 4px 0;
	padding:0px;
	color:#000;
	font-size:90%;
}

table td p.mobile_mail {
	color:#000;
	font-size:90%;
	border:1px solid #090;
	padding:8px 10px 5px;
	margin:5px auto;
}
table td p.mobile_mail span {
	color:#F00;
}

.kome {
	margin:0 1px 0 1px;
	color:#FF0000;
	font-weight:normal;
	}
table#form_t td {
	margin:0px;
	padding:5px;
	background:#ffffff;
	border:1px solid #4EA853;
	text-align:left;
	font-size:100%;
	line-height:145%;
	}
table#form_t td p.icn_error {
	clear:both;
	text-align:left;
	margin:0;
	padding:0 0 3px 22px;
	background:url(../image_cmn/icn_error.gif) no-repeat 0px 0px;
	color:#E90000;
	line-height:140%;
	font-weight:bold;
	}
p.icn_read {
	clear:both;
	width:660px;
	text-align:left;
	margin:0 0 20px 0;
	padding:4px 0 3px 107px;
	background:url(../image_cmn/icn_read.gif) no-repeat 0px 0px;
	color:#FF0000;
	line-height:140%;
	}

table#form_t td input,textarea,select {
	margin:1px 0px 3px 0px;
	padding:3px;
	font-size:100%;
	color:#000;
	letter-spacing:1px;
	background:#fbf2f3;
}

table#form_t td ul#naiyou{
	list-style:none;
	margin:0px 0px 5px 0px;
	padding:0;
	}
table#form_t td input.btn_naiyo{
	margin:4px 0 0 0;
	padding:0;
	}
.att_mail {
	margin:5px 0 0 0;
	padding:7px;
	background-color:#FFCCCC;
	font-size:90%;
	line-height:150%;
	}
table#form_t .error {
	color:#FF0000;
	}
table#form_t .q_ttl {
	height:24px;
	font-weight:bold;
	border-bottom:2px;
	line-height:150%;
	}
table .q_ttl .formail {
	clear:both;
	margin:8px 0 0 0;
	padding:4px;
	font-size:85%;
	font-weight:normal;
	background:#FDE1E1;
	}

table input,select,textarea {
	padding:2px;
	margin:0 0 5px 0;
	line-height:115%;
	word-spacing:2px;
	color:#333333;
	}
table input.ind,textarea.ind {
	background:#FFF7D3;
	}
table td input.auto_area{
	/*width:120px;*/
	padding:3px 0px 2px 0px;
	font-size:95%;
	}
table td p.simile {
	margin:0;
	padding:0;
	color:#000;
	font-size:90%;
	}
table td p.p_url {
	margin:0;
	padding:0;
	}
#con_bottom {
	clear: both;
	width: 640px;
	margin:0;
	padding:10px 0 15px;
	text-align:center;
}
#document .privacy {
	clear: both;
	width: 400px;
	/*height:50px;*/
	direction:scroll-y;
	margin:20px auto 20px;
	padding:12px;
	border:1px solid #999999;
	background:#e0f3e8;
	text-align:left;
	font-size:90%;
	line-height:150%;
}

/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	#document .privacy {
	clear: both;
	width: 420px;
	/*height:50px;*/
	direction:scroll-y;
	margin:20px auto 20px;
	padding:12px;
	border:1px solid #999999;
	background:#eaeaea;
	text-align:left;
	font-size:90%;
	line-height:150%;
}
}


#document #modoru{
float:left;
	margin:5px 0 20px 177px;
	padding:0;
	background-color:#66F3F3;
	}
#document #complete{
float:left;
	margin:5px 0 20px 42px;
	padding:0;
		background-color:#6FF622;

	}


#document form {
	margin:0;
	padding:0;
}
/*#document form.f_left{
	float:left;
	width:170px;
}
#document form.f_right{
	float:right;
	width:170px;
}*/

#document .btn {
	clear:both;
	position:relative;
	width:415px;
	height:50px;
	margin:25px auto 20px auto;
	padding:0;
	text-align:center;
}
/*#document .btn02 {
	float:left;
	width:230px;
	height:50px;
	margin:5px 0 20px 159px;
	padding:0;
	background-color:#FF6666;
}*/
/*#document .btn03 {
	float:right;
	width:230px;
	height:50px;
	margin:5px 150px 20px 0;
	padding:0;
	background-color:#66FF66;

}*/
#document .btn p{
margin:0;
padding:0;
}
/*#document .btn02.btn_input {
	width:293px;
	height:49px;
	margin:0px auto 20px auto;
	padding:0;
	border:0;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	letter-spacing:2px;
}
#document .btn02.btn_input a{
	display:block;
	width:293px;
	height:49px;

}
#document .btn02.btn_input a:hover{
}*/

/*#document .btn02.btn input.left{
	width:195px;
	height:50px;
	margin:0 0 0 0px;
	float:left;
	background:url(../image_cmn/btn_input_back.gif) no-repeat 3px 3px;
	cursor:pointer;
}
#document .btn02.btn input.left {
	display:block;
	width:196px;
	height:50px;
	background:url(../image_cmn/btn_input_back.gif) no-repeat 3px 3px;
}
#document .btn02.btn p.left a:hover{
	background:url(../image_cmn/btn_input_back_ov.gif) no-repeat 3px 3px;
}



#document .btn input.right{
	width:195px;
	height:50px;
	float:left;
	margin:0 0 0 20px;
	background:url(../image_cmn/btn_input_go.gif) no-repeat 3px 3px;
	cursor:pointer;
}
#document .btn p.right a{
display:block;
	width:196px;
	height:50px;
	background:url(../image_cmn/btn_input_go.gif) no-repeat 3px 3px;
}
#document .btn p.right a:hover{
	background:url(../image_cmn/btn_input_go_ov.gif) no-repeat 3px 3px;
}

#document input.btn_input_l{
	clear: both;
	width: 276px;
	height:50px;
	padding:1px 8px 8px 0;
	background:url(../image_cmn/btn_input_ov.gif) no-repeat 0px 0px;
	cursor:pointer;
}*/
/*#document input.btn_input_l_back{
	clear: both;
	width: 220px;
	background:url(../image_cmn/btn_input_l_back.gif) no-repeat 0px 0px;
	cursor:pointer;
}*/
/*----Thanks-----------------------------*/
#document #thanks_box {
	width:526px;
	height:260px;
	background:#EAF2ED;
	border:2px solid #4EA853;
	margin:25px auto ;
	padding:0 0 20px 0;
	text-align:center;
	}
#document #thanks_box p {
	margin:0 0 14px;
	padding:0;
	text-align:center;
	}

#document #thanks_box p.fts-large_cc0000{
	width:526px;
	height:38px;
	background:url(../image/thanks_headline.gif) no-repeat;
	text-indent:-9999px;
}

#document #thanks_box p#customer_number {
	height:40px;
	background:url(../image/customer_number.gif) no-repeat 105px 0px;
	margin:0 auto;
	padding:40px 0 0 0;
	font-size:130%;
	color:#E90000;
	font-weight:bold;
}

#document #thanks_box p#mail_announce {
	margin:30px 0 0 0;
}

li.thanks_tado {
	display:inline;
	padding:0 0 0 14px;
	background:url(../image_cmn/link_tado.gif) no-repeat 0 3px;

}

li.thanks_shuga {
	display:inline;
	margin:0 0 0 40px;
	padding:0 0 0 14px;
	background:url(../image_cmn/link_shuga.gif) no-repeat 0 3px;
}


/**>>> add takai 20071211 */
#document #thanks_box .add {
	color:#D50000;
	font-size:115%;
}
#document #back_top {
	width:780px;
	height:25px;
	clear:both;
	margin:15px auto;
	padding:0;
	text-align:center;
}
#document #back_top p {
	height:30px;
	clear:both;
	margin:0 auto;
	padding:0px 0 0 22px;
	background:url(../image/icn_top.gif) no-repeat left 0px;
	text-align:left;
}
#footer_ban {
	margin:0 auto;
	padding:12px auto 0 auto;
	height:15px;
	}
#footer_ban #copyright {
	overflow:hidden;
	height:23px;
	margin:8px auto;
	}

/**<<< add takai 20071211 */
/*-------------------------------------------------------------------index_styleseet--

div#content {
	width: 660px;
	margin: 0 auto;
	padding: 0;
	font-size: 90%;
	text-align: left;
}

p.top_text {
	width: 650px;
	margin: 10px 5px 0 0;
	padding: 0 0 5px 0;
}


h3.ind_p {
	display: block;
	overflow: hidden;
	clear: both;
	width: 660px;
	height: 40px;
	margin: 20px 0 0 0;
	padding: 0;
	background: url(../image/ind_p.gif) no-repeat 0 0;
	text-indent: -9999px;
}
h3.ind_o {
	display: block;
	overflow: hidden;
	clear: both;
	width: 660px;
	height: 40px;
	margin: 20px 0 0 0;
	padding: 0;
	background: url(../image/ind_o.gif) no-repeat 0 0;
	text-indent: -9999px;
}
h3.ind_f {
	display: block;
	overflow: hidden;
	clear: both;
	width: 660px;
	height: 40px;
	margin: 20px 0 0 0;
	padding: 0;
	background: url(../image/ind_f.gif) no-repeat 0 0;
	text-indent: -9999px;
}
h3.ind_c {
	display: block;
	overflow: hidden;
	clear: both;
	width: 660px;
	height: 40px;
	margin: 20px 0 0 0;
	padding: 0;
	background: url(../image/ind_c.gif) no-repeat 0 0;
	text-indent: -9999px;
}

ul.ind_left {
	float: left;
	list-style-type: none;
	width: 310px;
	margin: 10px 0 10px 10px;
	padding: 0;
}
ul.ind_left li {
	width: 290px;
	margin: 5px 0 0 0;
	padding: 3px 0 5px 23px;
	background: url(../image/ind_icon.gif) no-repeat 0 0;
	text-decoration: none;
}
ul.ind_right {
	float: right;
	list-style-type: none;
	width: 310px;
	margin: 10px 0 10px 10px;
	padding: 0;
}
ul.ind_right li {
	width: 290px;
	margin: 5px 0 0 0;
	padding: 3px 0 5px 23px;
	background: url(../image/ind_icon.gif) no-repeat 0 0;
	text-decoration: none;
}
-----*/
