/* CSS Document */

body
{
	background-image:url(../images/bg_wrap.gif);
	background-color:#FFF;
	background-repeat:repeat-x;
}

h1.hidden
{
	display:none;
}

#header
{
	width:1000px;
	height:150px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}

#wrap
{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/bg_content_body.jpg);
	background-repeat:repeat-y;
}



#content
{
	width:1000px;
	background-image:url(../images/bg_content_header.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	
}

#wrap #content .inner
{
	width:1000px;
	background-image:url(../images/bg_content_inner_footer.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#wrap_footer
{
	background-image:url(../images/bg_wrap_footer.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	top:-2px;
	position:relative;
}



#footer
{
	width:1000px;
	height:184px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/bg_footer.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
/*パンくずリスト*/
.topic
{
	padding-bottom:10px;
}


/*トップページ トップイメージ*/
#wrap #content .inner .top_image {
	text-align: center;
	padding-top:20px;
}
#wrap_footer #footer .banner {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-top:0px;
	padding-left:20px;
}
#wrap_footer #footer .pagetop {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	padding-top:5px;
	padding-left:50px;
}
#wrap_footer #footer .pagetop a
{
	color:#FF6600;
	font-size:16px;
}

#wrap_footer #footer .copy
{
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top:15px;
	font-size:16px;
	color:#666666;
}
#wrap_footer #footer .name
{
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top:10px;
	font-size:12px;
	color:#999999;
}

#wrap_main_side
{
	width:880px;
	background-color:#FFF;
	margin-left:auto;
	margin-right:auto;
	padding-top:15px;
	background-image:url(../images/bg_main_sub.jpg);
	background-repeat:repeat-x;
	background-position:left top;
}

#main
{
	width:655px;
	float:left;
	padding-left:10px;
}

#side
{
	width:210px;
	float:right;
}

/* TOP*/

#wrap #content .inner #wrap_main_side #main #page_index .menu ul li
{
	padding-bottom:15px;
}

/* このサイトの目的 */

	/*box*/
	#wrap #content .inner #wrap_main_side #main .box_w640 {
		display:block;
		width: 640px;
		background-image:url(../images/bg_w640_box_body.gif);
		background-repeat:repeat-y;
		background-position:left top;
		overflow:hidden;
	}
	#wrap #content .inner #wrap_main_side #main .box_w640 .inner
	{
		display:block;
		background-image:url(../images/bg_w640_box_header.gif);
		background-repeat:no-repeat;
		background-position:left top;
		padding:15px;
		padding-top:25px;
	}
	
	#wrap #content .inner #wrap_main_side #main .box_w640 .inner .photo {
		display:block;
		padding: 10px;
		padding-top:0px;
		float: left;
		height: 183px;
		width: 273px;
	}
	#wrap #content .inner #wrap_main_side #main .box_w640 .inner .title
	{
		text-decoration:underline;
		font-weight:bold;
		padding-bottom:15px;
	}
	#wrap #content .inner #wrap_main_side #main .box_w640 .inner .text
	{
		display:block;
		float:left;
		width:300px;
		font-size:14px;
		line-height:150%;
	}
	#wrap #content .inner #wrap_main_side #main .box_w640 .inner .text p
	{
		padding-bottom:18px;
	}
	#wrap #content .inner #wrap_main_side #main .box_w640 .inner .alert
	{
	clear:both;
	font-size:16px;
	color:#CC0000;
	width: 610px;
	line-height:150%;
	}
	
	
	
	#wrap #content .inner #wrap_main_side #main .box_w640 .line
	{
		background-image:url(../images/bg_w640_box_footer.gif);
		background-repeat:no-repeat;
		background-position: left bottom;
		width:640px;
		height:18px;
		text-indent:-9999px;
		font-size:1px;
		color:#FFF;
		clear:both;
	}
	#wrap #content .inner #wrap_main_side #main .box_w640 .inner .w_610
	{
		width:610px;
	}
	
	#wrap #content .inner #wrap_main_side #main .box_w640 .inner .title {
		font-size: 16px;
	}
	
/* link */
#page_link .box_w300
{
	width:310px;
	float:left;
	background-image:url(../images/bg_box_w290_body.gif);
	background-repeat:repeat-y;
	background-position:left top;
}
#page_link .box_w300 .box_w300_inner
{
	background-image:url(../images/bg_box_w290_head.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-top:20px;
	padding-right:30px;
	padding-left:15px;
	min-height:220px;
	padding-bottom:10px;

}
#page_link .box_w300 .title
{
	text-align:center;
	font-size:12px;
}
#page_link .box_w300 .line
{
	background-image:url(../images/bg_box_w290_footer.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	clear:both;
	height:32px;
	text-align:center;
	padding-right:30px;
	font-size:20px;
	color:#999;
}


#page_link .box_w300 .box_w300_inner .image a img
{
	border:2px #CCC solid;
	padding:3px;
}
#page_link .box_w300 .box_w300_inner .title
{
	padding:10px 0px 10px 0px;
}
#page_link .box_w300 .box_w300_inner .title a {
	color: #00F;
	text-decoration: underline;
	
	font-weight: bold;
}


/* 資料　*/

#wrap #content .inner #wrap_main_side #main #page_document .box_w640 .inner .photo_school_type {
	height: 106px;
	width: 206px;
	position: relative;
	display:block;
	top: -40px;
	left: -40px;
	float: left;
}
#page_document .box_w640 .inner .image
{
	text-align:center;
	width:615px;
	padding-top:15px;
}
#page_document .box_w640 .inner .image img
{
	border:1px solid #CCC;
	padding:2px;
}

#page_document .box_w640 .inner .w_610 .image.document_doc_imagebox_03
{
	width:440px;
	text-align:left;
	float:left;
	top:-100px;
	position:relative;
	margin-bottom:-100px;
}
#page_document .box_w640 .inner .w_610 .document_doc_textbox_03
{
	width:420px;
	padding-left:180px;
	line-height:160%;
}
#page_document .box_w640 .inner .w_610 .l_150
{
	line-height:160%;
}
/*枠*/
#wrap #content .inner #wrap_main_side #main .box_school_type_1,
#wrap #content .inner #wrap_main_side #main .box_school_type_2,
#wrap #content .inner #wrap_main_side #main .box_school_type_3,
#wrap #content .inner #wrap_main_side #main  .box_notype
{
	width:640px;
	overflow:hidden;
	background-image:url(../images/bg_box_school_type_1_body.jpg);
	background-repeat:repeat-y;
	background-position:top left;
}


#wrap #content .inner #wrap_main_side #main .box_school_type_2
{
	background-image:url(../images/bg_box_school_type_2_body.jpg);
}
#wrap #content .inner #wrap_main_side #main .box_school_type_3
{
	background-image:url(../images/bg_box_school_type_3_body.jpg);
}

#wrap #content .inner #wrap_main_side #main .box_school_type_1 .inner,
#wrap #content .inner #wrap_main_side #main .box_school_type_2 .inner,
#wrap #content .inner #wrap_main_side #main .box_school_type_3 .inner,
#wrap #content .inner #wrap_main_side #main  .box_notype .inner
{
	width:640px;
	background-image:url(../images/bg_box_school_type_1_header.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
#wrap #content .inner #wrap_main_side #main .box_school_type_2 .inner
{
	background-image:url(../images/bg_box_school_type_2_header.jpg);
}
#wrap #content .inner #wrap_main_side #main .box_school_type_3 .inner
{
	background-image:url(../images/bg_box_school_type_3_header.jpg);
}

	#wrap #content .inner #wrap_main_side #main #page_step .box_school_type_1 .inner
	{
		background-image:url(../images/bg_box_step_1_header.jpg);
	}
	#wrap #content .inner #wrap_main_side #main #page_step .box_school_type_2 .inner
	{
		background-image:url(../images/bg_box_step_2_header.jpg);
	}
	#wrap #content .inner #wrap_main_side #main #page_step .box_school_type_3 .inner
	{
		background-image:url(../images/bg_box_step_3_header.jpg);
	}
	#wrap #content .inner #wrap_main_side #main #page_key .box_school_type_1 .inner
	{
		background-image:url(../images/bg_box_key_1.jpg);
	}
	#wrap #content .inner #wrap_main_side #main #page_key .box_school_type_2 .inner
	{
		background-image:url(../images/bg_box_key_2.jpg);
	}
	#wrap #content .inner #wrap_main_side #main #page_key .box_school_type_3 .inner
	{
		background-image:url(../images/bg_box_key_3.jpg);
	}
	
	#wrap #content .inner #wrap_main_side #main  .box_notype .inner
	{
		background-image:url(../images/bg_box_notype_header.jpg);d
	}

#wrap #content .inner #wrap_main_side #main #page_document_bottom .box_w640 .inner .text_document_5 {
	background-image: url(../images/img_document_5.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#wrap #content .inner #wrap_main_side #main .box_school_type_1 .line,
#wrap #content .inner #wrap_main_side #main .box_school_type_2 .line,
#wrap #content .inner #wrap_main_side #main .box_school_type_3 .line,
#wrap #content .inner #wrap_main_side #main  .box_notype .line
{
	width:640px;
	height:14px;
	font-size:1px;
	text-indent:-9999px;
	color:#FFF;
	background-image:url(../images/bg_box_school_type_1_footer.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
#wrap #content .inner #wrap_main_side #main .box_school_type_2 .line
{
	background-image:url(../images/bg_box_school_type_2_footer.jpg);
}
#wrap #content .inner #wrap_main_side #main .box_school_type_3 .line
{
	background-image:url(../images/bg_box_school_type_3_footer.jpg);
}
#wrap #content .inner #wrap_main_side #main .box_school_type_1 .inner .title,
#wrap #content .inner #wrap_main_side #main .box_school_type_2 .inner .title,
#wrap #content .inner #wrap_main_side #main .box_school_type_3 .inner .title,
#wrap #content .inner #wrap_main_side #main .box_notype .inner .title
{
	padding-left:210px;
	padding-top:30px;
	padding-bottom:15px;
	font-size:16px;
	font-weight:bold;
	text-decoration:underline;
}
	#wrap #content .inner #wrap_main_side #main .box_notype .inner .title
	{
		padding-top:45px;
		padding-left:50px;
	}

#wrap #content .inner #wrap_main_side #main .box_school_type_1 .inner .text,
#wrap #content .inner #wrap_main_side #main .box_school_type_2 .inner .text,
#wrap #content .inner #wrap_main_side #main .box_school_type_3 .inner .text,
#wrap #content .inner #wrap_main_side #main .box_notype .inner .text
{
	padding-right:10px;
	padding-left:50px;
	min-height:70px !important;
}

#wrap #content .inner #wrap_main_side #main .box_school_type_1 .inner .text .image_block,
#wrap #content .inner #wrap_main_side #main .box_school_type_2 .inner .text .image_block,
#wrap #content .inner #wrap_main_side #main .box_school_type_3 .inner .text .image_block,
#wrap #content .inner #wrap_main_side #main  .box_notype .inner .text .image_block
{
	display:block;
	width:160px;
	height:40px;
	float:left;
	text-indent:-9999px;
	font-size:1px;
	color:#FFF;
}
	#wrap #content .inner #wrap_main_side #main  .box_notype .inner .text .image_block
	{
		width:0px;
	}

#page_step
{
	background-image:url(../images/bg_document_main.gif);
	background-position:left top;
	background-repeat:repeat-y;
}

#page_step_bottom
{
	background-image:url(../images/bg_document_bottom.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-top:50px;
}

#wrap #content .inner #wrap_main_side #main #page_document_bottom .box_w640 .inner,
#wrap #content .inner #wrap_main_side #main #page_step_bottom .box_w640 .inner
{
	padding:0px;
	padding-top:20px;
}
#wrap #content .inner #wrap_main_side #main .page_bottom .box_w640.document_5 .inner
{
	padding-left:0px;
}
#wrap #content .inner #wrap_main_side #main .page_bottom .box_w640.document_5 .inner .text
{
	width:465px;
	padding-left:165px;
	padding-right:10px;
	background-image:url(../images/img_document_5.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	min-height:180px !important;
	font-size:16px;
	font-weight:bold;
	
}
#wrap #content .inner #wrap_main_side #main #page_document_bottom .box_w640.document_5 .inner .text p,
#wrap #content .inner #wrap_main_side #main #page_step_bottom .box_w640.document_5 .inner .text p
{
	font-size:16px;
	font-weight:bold;
}

/*虎の巻*/
#page_key h2.h2_01
{
	background-color:#EBEBEB;
	padding:5px;
	margin-top:5px;
	margin-bottom:10px;
	width:610px;
}
#page_key_bottom .box_w640 .inner .text ul
{
	padding-bottom:20px;
}
#page_key_bottom .box_w640 .inner .text ul li {
	font-weight:normal;
}
#page_key_bottom .box_w640 .inner .text ul li a:hover{
	color:#FF6600;
}
#page_key .bg_key_q_box
{
	isplay:block;
	width:215px;
	height:68px;
	float:left;
	overflow:hidden;
}
#page_key .bg_key_q_box .innerbox
{
	display:block;
	width:210px;
	height:70px;
	background-image:url(../images/bg_key_q_box.jpg);
	background-repeat:no-repeat;
	padding-top:70px;
	padding-left:20px;
	padding-right:100px;
}
/*虎の巻popup*/
#popup_bg
{
	display:none;
	background-image:url(../images/bg_black_70.png);
	top:0px;
	width:100%;
	min-width:1000px;
	min-height:2000px;
	height:100%;
	position:absolute;
}
#popup_bg #popup_wrap
{
	display:none;
	margin-left:auto;
	margin-bottom:auto;
	top:100px;
	left:30%;
	position:fixed;
}

#popup_wrap .photo
{
	width:220px;
}
#popup_wrap .text
{
	width:370px;
}

#popup_wrap .key_popup_line
{
	font-size:1px;
	color:#fff;
	text-indent:-9999px;
	border-top:3px #CCC dotted;
	padding-bottom:15px;
}


#key_popup_btn_key_close
{
	display:block;
	border-bottom:none;
	padding:2px;
	top:-55px;
	left:10px;
	position:relative;
	line-height:50px;
	height:50px;
	margin-bottom:-50px;
}

/*前のページへ*/
#popup_wrap .btn_key_back_one
{
	font-size:1px;
	color:#fff;
	text-indent:-9999px;
	border-top:3px #CCC dotted;
	padding-bottom:15px;
	text-align:right;
	padding-top:15px;
	padding-bottom:15px;
}
#popup_wrap #key_level_flag
{
	display:none;
}

/*虎の巻まめ知識*/
#wrap #content .inner #wrap_main_side #main #page_key_mamechisiki .box_w640 .inner h2
{
	background-color:#666;
	color:#FFF;
	font-size:18px;
	width:600px;
	padding:5px;
	margin-bottom:10px;
}
#page_key_mamechisiki .box_w640 .inner .pagetop
{
	text-align:right;
	width:610px;
}

/*校種 教科別事業案*/
#page_example_list  img.title_image
{
	z-index:99;
	left:0px;
	position:relative;
}
#page_example_list .box_w640
{
	z-index:1;
	top:-100px;
	position:relative;
	margin-bottom:-100px;
	
	
}
#page_example_list .box_w640 .inner
{
	
}
#page_example_list .box_w640 .inner .list
{
	display:block;
	float:left;
	width:455px;
	padding-left:150px;
	min-height:150px;
}

#page_example_list .box_w640 .inner .list table
{
	border:1px solid #CCC;
	width:100%;
}
#page_example_list .box_w640 .inner .list table tr th
{
	border:1px solid #CCC;
	padding:5px;
	background-color:#EDEDED;
	font-size:11px;
	font-weight:normal;
	
}
#page_example_list .box_w640 .inner .list table tr td
{
	font-size:11px;
	border:1px solid #CCC;
	padding:5px;
}

#page_example_list .box_w640 .inner .list table tr td.no
{
	text-align:center;
	width:35px;
}
#page_example_list .box_w640 .inner .list table tr td.type
{
	width:50px;
	text-align:center;
}
#page_example_list .box_w640 .inner .list table tr td.ext
{
	width:65px;
	text-align:center;
	font-size:11px;
}
#page_example_list .box_w640 .inner .list table.hightschool tr td.ext
{
	width:120px;
}

#page_example_list .box_w640 .inner .list table tr td a
{
	color:#06C;
}
#page_example_list .box_w640 .inner .list table tr td a:hover
{
	color:#F30;
}

/*このサイトの目的*/
#page_practical_use_method .box_w640 .inner .image
{
	width:610px;
	text-align:center;
}

/*トップページボタン*/
#wrap #content .inner #wrap_main_side #main #page_index .menu ul .top_link_1 a
{
	display:block;
	width:649px;
	height:118px;
	background-image:url(../images/btn_index_1.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	color:#F09;
}
#wrap #content .inner #wrap_main_side #main #page_index .menu ul .top_link_1 a span
{
	display:block;
	width:390px;
	padding-left:190px;
	padding-top:48px;
	font-size:15px;
	
}
#wrap #content .inner #wrap_main_side #main #page_index .menu ul .top_link_1 a:hover
{
	background-image:url(../images/btn_index_1_on.jpg);
}

#wrap #content .inner #wrap_main_side #main #page_index .menu ul .top_link_2 a
{
	display:block;
	width:649px;
	height:118px;
	background-image:url(../images/btn_index_2.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	color:#36F;
}
#wrap #content .inner #wrap_main_side #main #page_index .menu ul .top_link_2 a span
{
	display:block;
	width:390px;
	padding-left:190px;
	padding-top:48px;
	font-size:15px;
}
#wrap #content .inner #wrap_main_side #main #page_index .menu ul .top_link_2 a:hover
{
	background-image:url(../images/btn_index_2_on.jpg);
}

#wrap #content .inner #wrap_main_side #main #page_index .menu ul .top_link_3 a
{
	display:block;
	width:649px;
	height:118px;
	background-image:url(../images/btn_index_3.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	color:#000;
}
#wrap #content .inner #wrap_main_side #main #page_index .menu ul .top_link_3 a span
{
	display:block;
	width:390px;
	padding-left:190px;
	padding-top:48px;
	font-size:15px;
}
#wrap #content .inner #wrap_main_side #main #page_index .menu ul .top_link_3 a:hover
{
	background-image:url(../images/btn_index_3_on.jpg);
}











.document_text {
	color: #000;
}

#popup_wrap .btn_key_more{
	font-size:1px;
	color:#fff;
	text-indent:-9999px;
	border-top:3px #CCC dotted;
	padding-bottom:15px;
	text-align:right;
	padding-top:15px;
	padding-bottom:15px;
}
#popup_wrap .btn_key_next{
	font-size:1px;
	color:#fff;
	text-indent:-9999px;
	border-top:3px #CCC dotted;
	padding-bottom:15px;
	text-align:right;
	padding-top:15px;
	padding-bottom:15px;
}
#popup_wrap .btn_key_top{
	font-size:1px;
	color:#fff;
	text-indent:-9999px;
	border-top:3px #CCC dotted;
	padding-bottom:15px;
	text-align:right;
	padding-top:15px;
	padding-bottom:15px;
}