@charset "utf-8";
/***********************************************************/
/*リンクのスタイル（共通）*/
/***********************************************************/
A:link {color: #3366CC;text-decoration:underline}
A:visited {color: #1144aa;text-decoration:underline}
A:hover {color: #3366CC;text-decoration:underline}
A:active {color: #5588ee;text-decoration:underline}
/***********************************************************/
/*スタイル（共通）*/
/***********************************************************/
*{font-family:Arial, Helvetica, sans-serif;font-style:normal;color:#333;margin:0;padding:0;}
body{
text-align:center;
	background:url(../img/help/bg_body.gif) repeat;
}
p{line-height:150%;}
ul{
list-style-type:none;
margin-left:0px;
padding-left:0;
}
ol{
list-style-type:decimal;
margin-left:16px;
padding-left:16px;
}
ol li{padding-bottom:6px;}
strong{font-size:18px;color:#444;}
img{border:0px #fff solid;}
h1{
font-size:26px;
}
h2{
font-size:16px;
line-height:30px;
text-align:left;
font-weight:normal;
padding-left:8px;
}
h3{
font-size:14px;
line-height:24px;
}
h4{
line-height:24px;
}
.ul_style1{list-style-type:disc;margin-left:8px;padding-left:8px;}
	.ul_style1 li{padding:4px 0;}
/**レイアウトスタイル**/
.align_right		{text-align:right;}
.align_center		{text-align:center;}
.align_left			{text-align:left;}
.align_top			{vertical-align:top;}
.align_bottom		{vertical-align:bottom;}
.align_top_img		{vertical-align:text-top;}
.align_middle_img	{vertical-align:middle;}
.align_bottom_img	{vertical-align:text-bottom;}
.layout_right		{float:right;}
.layout_left		{float:left;}
.layout_clear		{clear:both;}
/**画像スタイル**/
.img	{margin:6px;}

#pages{
width:700px;
padding:0 10px;
margin:16px auto;
text-align:left;
/*background:url(../img/bg_page.gif)  repeat-y;*/
background-color:#fff;
border:1px #ccc solid;
}
/***********************************************************/
/*ヘッダー*/
/***********************************************************/
#header{
/*background:url(../img/bg_head.gif) bottom repeat-x;height:56px;*/
	position:relative;
}
#header table{width:100%;}
#header h1{
text-indent:-9999px;
overflow:hidden;
font-size:26px;
background:url(../img/title.gif)  no-repeat;
display:block;
width:564px;
margin:12px 0 0 12px;
}
/**** 文字サイズ *****/
#box_fontsize{
	position:absolute;
	top:8px;
	right:8px;
	background:url(../img/font_size.png) right top no-repeat;
	height:20px;
	padding-right:2px;
	width:135px;
	text-align:right;
}
#box_fontsize span{
	font-size:12px;
	padding-right:8px;
	float:left;
	line-height:20px;
}
#box_fontsize a{
	display:block;
	width:18px;
	height:16px;
	float:left;
	margin-top:2px;
}
#box_fontsize a.fontsize_m{
	margin:2px 3px 0 3px;
	
}
#box_fontsize .fontsize_m {background:url(../img/font_size.png) -23px -22px repeat-y;}



/***********************************************************/
/*ヘッダー(別ウインドウ後)*/
/***********************************************************/
/*.bg_head{background:url(../img/bg_head.gif) top repeat-x;height:56px;}*/

/***********************************************************/
/*コンテンツ*/
/***********************************************************/
#contents{
width:660px;
padding:20px;
}
/**** 注意書き ****/
.notice{
background-color:#FFFFE8;
border:2px #F7ECBA solid;
margin:8px auto;
padding:8px;
width:424px;
}
	.notice dl{margin:6px 0 12px 0;}
	.notice dd{margin-left:8px;}
	.notice ol{
	margin: 4px 0 8px 14px;
	padding-left:14px;
	}
	.notice span{font-size:10px;}
	*html .notice span{font-size:9px;}
	/**テーブルスタイル**/
	.tbl_border_b{
	border-top:1px #ccc solid;
	}
		.tbl_border_b th,
		.tbl_border_b td{
		border-bottom:1px #ccc solid;
		line-height:24px;
		padding-top:4px;
		}
	/**テキストスタイル**/
	.hissu{
	font-weight:normal;
	color:#900}
	.chui{font-size:10px;color:#955}
	*html .chui{font-size:9px;}
	/**リストスタイル**/
	.dl_outline dd{
	padding-bottom:20px;
	border-bottom:1px #666 dashed;
	}
	.dl_outline .box{
	margin-top:20px;
	border:1px #15368C solid;
	padding:8px 16px 16px 16px;
	background-color:#FFFFFF;
	}
	.dl_outline h3{
	text-align:center;
	line-height:40px;
	font-weight:normal;
	color:#000000;
	}
	.dl_outline p{margin-bottom:8px}
	.dl_style1{margin:0 16px;}
		.dl_style1 dt{color:#000;font-size:13px;line-height:24px;}
		.dl_style1 dd{border-bottom:0px #fff none;padding-bottom:8px;}
	.dl_outline .tbl_border_b,
	.dl_outline p{
	margin: 0 16px 16px 16px;
	padding:0px;
	}
	.dl_outline .tbl_border_b th{width:128px;vertical-align:top;}


/**********************************/
/* 詳細コンテンツ */
/**********************************/
/*******************/
/**** navi ****/
/*******************/
#navi{
margin-bottom:16px;
border-bottom:1px #666 dashed;
padding-bottom:8px;
}
#navi,#navi a{font-size:10px;}
.page_break{page-break-before: always;}
/*******************/
/**** detail_box ****/
/*******************/
#detail_box{
width:500px;
margin:0 auto;
}
	#detail_box h2{
	background:url(../img/bg_h2_500.gif) no-repeat;
	color:#FFFFFF;
	}
	.tbl_detail{
	background-color:#ccc;
	width:100%;
	margin-bottom:24px;
	}
		.tbl_detail th,
		.tbl_detail td{
		padding:6px;
		}
		.tbl_detail th{
		vertical-align:top;
		width:104px;
		background-color:#eee;
		color:#777;
		}
		.tbl_detail td{
		background-color:#fff;
		}
			.tbl_detail td strong{
			font-size:100%;
			}
			.text_strong{font-weight:bold;color:#444;}
			a.icn_map{
			background-color:#66c;
			color:#fff;
			border:1px #ccc solid;
			padding:2px 6px;
			font-size:10px;
			}
			*html a.icn_map{font-size:9px;}
			a.icn_map:link,a.icn_map:visited,a.icn_map:hover,a.icn_map:active {color: #fff;text-decoration:none}
			a.icn_map:hover{background-color:#99f;}
	/*** オンライン申込ボタン ****/
	#btn_online{
	text-align:center;
	margin-bottom:36px;
	
	}
	#btn_online a{
	border:0px #fff none;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/btn_online.gif)  no-repeat;
	display:block;
	width:204px;
	height:40px;
	margin:auto;
	cursor:pointer;
	text-decoration:none;
	}
	#btn_online a:hover{background:url(../img/btn_online_on.gif)  no-repeat;}
	/*** ステータス ****/
	.detail_event_status{
	text-align:center;
	width:100%;
	}
		.detail_event_status span{
		font-size:18px;
		line-height:56px;
		border-width:2px;
		padding:8px 24px;
		}
/**********************************/
/* 申し込みコンテンツ */
/**********************************/
#app_box h2{
border-left:8px #15368C solid;
font-size:20px;
font-weight:bold;
color:#333333;
margin-bottom:16px;
}
#app_box h3{
color:#555;
}
dl#form
{
width:560px;
margin:auto;
}
	dl#form dd{margin-bottom:36px;}
	/*** ※※講習会概要＝tbl_eventを使用 ****/
	/*** 個人情報取り扱い確認 ****/
	.privacy_protection_box{
	overflow:auto;
	height:120px;
	border:1px #ccc solid;
	line-height:140%;
	padding:8px;
	}
		.privacy_protection_box h4{margin-top:16px;}
		dl#form .privacy_protection_box dd{margin-left:12px;margin-bottom:16px;}
		@media print {.privacy_protection_box{overflow:visible;}}
		
	#radio_doi_box{
	background-color:#F7ECBA;
	border:2px #E5C11A solid;
	}
		.radio_doi{background-color:#FFFFE8;border:2px #F7ECBA solid;padding:8px 0;width:100%;}
	/*** 申し込み事項＝tbl_detailを使用 ****/
	dl#form .tbl_detail{
	margin-bottom:0px;
	}
			.btn_kakunin{background-color:#F0F5F5;border:2px #CEE1E1 solid;padding:12px 0;text-align:center;}
			.moshikomi{background-color:#F6EDED;border:2px #E4CBCB solid;padding:12px;}
/**********************************/
/* サポートサイト */
/**********************************/
.dl_support{width:560px;margin:auto;}
	.dl_support dd{margin:0 0 36px 16px;}
		.box_qa_info{border:1px #999 dashed;padding:4px 8px 8px 8px;margin-bottom:12px;}
		.text_q,.text_a{color:#fff;font-size:16px;font-family:Arial, Helvetica, sans-serif; padding:2px 4px;}
		.text_q{background-color:#9BC7E4;}
		.text_a{background-color:#F3A030;}
		.td_q{color:#000000;font-size:14px;}
		dt .text_q,dt .text_a{font-size:18px; padding:2px 6px;white-space:nowrap;}
		dt .text_q{background-color:#008CEA;}
		dt .text_a{background-color:#FF8C00;width:10px;}
		dt .td_q{color:#333;font-weight:bold;}
/***********************************************************/
/*フッター*/
/***********************************************************/
/*
#footer{
background:url(../img/bg_foot.gif)  repeat-x;
height:24px;
padding-top:8px;
clear:both;
}
	#foot_menu{float:left;margin-left:8px;}
	#footer address{float:right;margin-right:8px;font-size:10px;}

*/

/*floatを指定したボックスに用いる必須ハック*/
.clearfix:after
{
content				: ".";
display				: block;
height				: 0;
clear				: both;
visibility			: hidden;
}

.clearfix
{
display				: inline-block;
}
/*IE-mac\*/
*html .clearfix{height: 1%;}
.clearfix{display: block;}
/*IE-mac*/
@media print {
	#g_manu a{
	width:174px;
	}
}