/* CSS Document */


/*=============================
全体をリセット
=============================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
	letter-spacing:0.035em!important;
	letter-spacing:0.05em;
}
table{
	border-collapse:collapse;
	border-spacing:0;
	font-size:inherit;
	}
img{
	vertical-align:bottom;
}
fieldset,img{
	border:0;
}
sup{
	vertical-align:text-top;
}
sub{
	vertical-align:text-bottom;
}
input,textarea,select{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

a{ text-decoration: underline;color: #3c981b;}
a:hover{ text-decoration: none;color: #3c981b;}
a:visited{color: #3c981b;}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*=============================
		bodyに指定
=============================*/

body{
		font-family:"ＭＳ ゴシック", "Osaka−等幅",Arial, Helvetica, sans-serif;
		font-size:12px !important;
		font-size:75%;
		width: 100%; height: 100%;
		margin: 0 auto;
		background: #ffffff url(../share/bg.gif);
}


/*=============================
		containerに指定
=============================*/


#container{
		position:absolute;
		top:0;
		left:50%;
		padding:0; width: 820px;
		height: auto;
		margin:0 0 0 -410px;
		background:#fff;
}
/*=============================
		headerに指定
=============================*/

#header{
		margin: 0;
		width: 820px; height: 79px;
		background: url(../share/header.gif) 0 0 no-repeat;
}

/*=============================
	   header_navに指定
=============================*/

ul#header_nav{
		float:right;
		margin:20px 0 0 0px;
}

#header_nav li{
		display: block;
		float: left;
		list-style-type: none;
		margin:0px 20px 0 0 !important;
		margin:0px 10px 0 0;
		padding:0 0 0 16px;
		background: url(../share/footer_yajirushi.gif) 0 2px no-repeat !important;
		background: url(../share/footer_yajirushi.gif) 0 0 no-repeat;
}

#header_nav li a{
		color: #444444;
}

#header_nav li a:hover{
		color: #444444;
}

#header_nav li a:link{
		color: #444444;
}

#header_nav li a:visited{
		color: #444444;
}

/*=============================
	   global_navに指定
=============================*/

ul#global_nav{
		float:left;
		width: 800px; height: 35px;
		margin:0 0 0 20px !important;
		margin:0 0 0 10px;
		padding:0;
}

/*------------global_nav btnに指定------------*/
#global_nav li{
		display: block;
		float: left;
		position:relative;
		list-style-type: none;
		margin:0px;
		width: 149px; height: 35px;	
		background: url(../share/navigation_over.gif) 0 -35px no-repeat;
}
#global_nav li.select{

		/*width: 149px; height: 35px;	*/
		background: none;
}
#global_nav li.select form{
		margin:8px 0 0 1px;
}
#global_nav li.select form select{
		width:182px;
}
/*#global_nav li span.ja{
		display: block;
		padding: 8px 0 0 29px;
		font-weight:bold;
}
#global_nav li span.en{
		display: block;
		padding: 0px 0 0 29px;
		font:Arial, Helvetica, sans-serif;
		font-size:9px;
		color:#6f6f6f;
}*/
/*------------global_nav btnのリンクあり------------*/
#global_nav li a{
		display: block;
		margin: 0px;
		width: 149px; height: 35px;
		text-decoration: none;
		color: #2c2c2c;
		background: url(../share/navigation_over.gif) 0 0 no-repeat;
}

/*------------ロールオーバー------------*/
#global_nav li a:hover{ 
		background: url(../share/navigation_over.gif) 0 -35px no-repeat;
		text-decoration: none;
		color: #2c2c2c;
}	

#global_nav li a:link{
		text-decoration: none;
		color: #2c2c2c;
}

#global_nav li a:visited{
		text-decoration: none;
		color: #2c2c2c;
}

/*=============================
	   contentsに指定
=============================*/
#main_contents{
		float:left;
		margin:0;
}

/*=============================
	   pankuzuに指定
=============================*/
/*#pankuzu{
		float:left;
		width:780px;
		color: #222222;
		padding:11px 0 9px 15px;
}
*/
/*=============================
	   brandingに指定
=============================*/
h1#branding{
		/*float:left;*/
		margin:0;
		padding:0;
		width:820px;height:135px;
		background: url(../share/branding_bg.gif) 11px 16px no-repeat;
}
h1#branding a img{
		/*float:left;*/
		width:774px;height:82px;
		margin:27px 0 0px 23px;
}

/*=======================================
		local_navに指定の内容
=========================================*/

.left_main{
		float:left;
		width: 190px; height: 100%;
		padding:0 0 0 20px;
}


#local_nav{
		display:block;
		width: 188px;
		margin:0px 0 10px 0;
		list-style-type: none;
		color: #222222;
		border:#cbcbcb solid 1px;
}

#local_nav li{
		display: block;
		width: 188px;
		border-bottom: 1px solid #ffffff;
		background:url(../share/local_navi_bg.gif) 0px 0px repeat-y;
}
#local_nav li.access_btn,#local_nav li.letter_btn,#local_nav li.link_btn{
		border-bottom: 0px;
}

#local_nav li a{
		display: block;
		width: 148px;
		text-decoration: none;
		color: #000000;
		padding:6% 0 6% 40px !important;
		padding:6.5% 0 6% 40px;
}
#local_nav li a span.local_navi_tsumeru{
		letter-spacing:0.2px !important;
		letter-spacing:0.9px;
}
#local_nav li.home_btn a{
		background:url(../share/local_home_btn_nl.gif) 0px 50% no-repeat;
}
#local_nav li.local_facility_btn a{
		background:url(../share/local_facility_btn_nl.gif) 0px 50% no-repeat;
}
#local_nav li.guide_btn a{
		background:url(../share/guide_btn_nl.gif) 0px 50% no-repeat;
}
#local_nav li.lesson_btn a{
		background:url(../share/lesson_btn_nl.gif) 0px 50% no-repeat;
}
#local_nav li.circle_btn a{
		background:url(../share/circle_btn_nl.gif) 0px 50% no-repeat;
}
#local_nav li.access_btn a{
		background:url(../share/access_btn_nl.gif) 0px 50% no-repeat;
}
#local_nav li.letter_btn a{
		width: 131px;
		padding:6.5% 0 6.5% 57px !important;
		padding:7% 0 7% 57px;
		border-bottom: 0px;
		background:url(../share/letter_btn_nl.gif) 0px 50% no-repeat;
}
#local_nav li.quetion_btn a{
		background:url(../share/question_btn_nl.gif) 0px 50% no-repeat;
}
#local_nav li.link_btn a{
		background:url(../share/link_btn_nl.gif) 0px 50% no-repeat;
}

#local_nav li.home_btn_now,#local_nav li.home_btn_now a:hover{
		background:url(../share/local_home_btn_over.gif) 0px 50% no-repeat;
}
#local_nav li.local_facility_btn_now,#local_nav li.local_facility_btn_now a:hover{
		background:url(../share/local_facility_btn_over.gif) 0px 50% no-repeat;
}
#local_nav li.guide_btn_now,#local_nav li.guide_btn_now a:hover{
		background:url(../share/guide_btn_over.gif) 0px 50% no-repeat;
}
#local_nav li.lesson_btn_now,#local_nav li.lesson_btn_now a:hover{
		background:url(../share/lesson_btn_over.gif) 0px 50% no-repeat;
}
#local_nav li.circle_btn_now,#local_nav li.circle_btn_now a:hover{
		background:url(../share/circle_btn_over.gif) 0px 50% no-repeat;
}
#local_nav li.access_btn_now,#local_nav li.access_btn_now a:hover{
		background:url(../share/access_btn_over.gif) 0px 50% no-repeat;
}
#local_nav li.letter_btn_now{
		width: 131px;
		padding:6.5% 0 6.5% 57px !important;
		padding:7% 0 7% 57px;
		border-bottom: 0px;
		background:url(../share/letter_btn_over.gif) 0px 50% no-repeat;
}
#local_nav li.quetion_btn_now{
		background:url(../share/question_btn_over.gif) 0px 50% no-repeat;
}
#local_nav li.link_btn_now{
		background:url(../share/link_btn_over.gif) 0px 50% no-repeat;
}

#local_nav li a span{
		width:141px;
		margin:0px;
		line-height:100%;
}


#local_nav li a:hover{ 
		padding:6% 0 6% 40px !important;
		padding:6.5% 0 6% 40px;
		text-decoration: none;
		color: #2c2c2c;
		background:url(../share/local_navi_bg_over.gif) 0px 0px repeat-y;
}
#local_nav li.home_btn a:hover{
		background:url(../share/local_home_btn_over.gif) 0px 50% no-repeat;
}
#local_nav li.local_facility_btn a:hover{
		background:url(../share/local_facility_btn_over.gif) 0px 50% no-repeat;
}
#local_nav li.guide_btn a:hover{
		background:url(../share/guide_btn_over.gif) 0px 50% no-repeat;
}
#local_nav li.lesson_btn a:hover{
		background:url(../share/lesson_btn_over.gif) 0px 50% no-repeat;
}
#local_nav li.circle_btn a:hover{
		background:url(../share/circle_btn_over.gif) 0px 50% no-repeat;
}
#local_nav li.access_btn a:hover{
		background:url(../share/access_btn_over.gif) 0px 50% no-repeat;
}
#local_nav li.letter_btn a:hover{
		width: 131px;
		padding:6.5% 0 6.5% 57px !important;
		padding:7% 0 7% 57px;
		border-bottom: 0px;
		background:url(../share/letter_btn_over.gif) 0px 50% no-repeat;
}
#local_nav li.quetion_btn a:hover{
		background:url(../share/question_btn_over.gif) 0px 50% no-repeat;
}
#local_nav li.link_btn a:hover{
		background:url(../share/link_btn_over.gif) 0px 50% no-repeat;
}

p.adobe_reader{
		color:#656565;
		border:solid 1px #e3e3e3;
		padding:8px 4px 8px 8px;
		line-height:140%;
}


.right_main{
		float:left;
		width: 576px;
		padding:0px 0px 0 15px;
		line-height:170%;
}
.local_contents{
		margin:0;
		clear:both;
}


h3.sub_title{
		float:left;
		width:575px; height:33px;
		padding:0;
}
h3.sub_title_lesson{
		margin:20px 0 0 0;
		background:url(../share/lesson_title.gif) 0px 0px no-repeat;
}
h3.sub_title_lesson a{
		float:right;
		font-size:12px;
		font-weight:normal;
		color:#000000;
		text-decoration:none;
		margin:4px 6px 0 0;
}
h3.sub_title_lesson a:hover{
		color:#000000;
		text-decoration:underline;
}
h3.sub_title_lesson a:link{
		color:#000000;
}
h3.sub_title_lesson a:visited{
		color:#000000;
}


.local_main_title{
		float:left;
		margin:0 0 16px 0;padding:0;
}
.local_main_title_no_margin{
		margin:0;
}

h4.sub_title_green{
		float:left;
		width:565px;
		margin:12px 0 0 0;
		padding:1% 0 1% 10px !important;
		padding:1% 0 1% 10px;
		font-size:14px !important;
		font-size:115%;
		font-weight:bold;
		background:url(../share/h3_sub_title_green.gif) 0px 50% no-repeat;
}

h5.sub_sub_title{
		float:left;
		width:565px;
		border-bottom: solid 1px #4e9f00;
		font-size:12px !important;
		font-size:100%;
		padding:0 0 0 10px;
		margin:16px 0 10px 0;
		background:url(../share/left_green_icon.gif) 0px 50% no-repeat;
}
h5.sub_sub_title_16_5{
		margin:16px 0 5px 0;
}

h5.sub_sub_title_16_0{
		margin:16px 0 0px 0;
}
h5.sub_sub_title_10_5{
		margin:10px 0 5px 0;
}



h4.sub_sub_title_blue{
		float:left;
		width:565px;
		margin:12px 0 0 0;
		padding:1% 0 1% 10px !important;
		padding:1% 0 1% 10px;
		font-size:12px !important;
		font-size:100%;
		font-weight:bold;
		background:url(../share/sub_sub_title_blue.gif) 0px 50% no-repeat;
}

ul.normal_list{
		display:block;
		float:left;
		margin:0;padding:0;
		list-style:inside;
		font-size: 12px;
}
ul.normal_list_575px{
		width:575px;
}
ul.normal_list_7_0{
		margin:7px 0 0 0;
}
ul.normal_list_style_decimal{
		list-style:decimal inside;
}
ul.normal_list li{
		/*line-height:170%;*/
}

.letter_space_tsumeru{
		letter-spacing:0.2px !important;
		letter-spacing:0.9px;
}
/*=============================
	    footerに指定
=============================*/
#footer{
		float:left;
		padding:0 0 0 20px;
		margin:20px 0 0px 0;
		width: 780px; height: 90px;
}

a.pagetop_btn{
		clear: both;
		display: block;
		margin:20px 0 0px 0px;
		width: 780px; height: 41px;
		background: url(../share/pagetop_btn.gif) 0 0 no-repeat;
}
a.pagetop_btn:hover{
		background: url(../share/pagetop_btn.gif) 0 -41px no-repeat;
}


ul#footer_list{
		float:left;
		list-style-type: none;
}
ul#footer_list li{
		float: left;
		display: block;
		margin:8px 0 0 0;
		padding:0 10px 0 16px;
		background: url(../share/footer_yajirushi.gif) no-repeat 0 2px !important;
		background: url(../share/footer_yajirushi.gif) no-repeat 0 0;
		color:#3e3e3e;
}

ul#footer_list li a{
		text-decoration:underline;
		color:#444444;
}
/*-----------------ロールオーバー------------*/
ul#footer_list li a:hover{
		text-decoration:none;
		color:#444444;
}
/*-----------------訪れた------------*/
ul#footer_list li a:visited{
		color:#444444;
}
.copyright{
		width:277px; height:9px;
		float:right;
		margin:10px 0 0 0;
}