@charset "utf-8";
/* CSS Document */

/*トップページ css*/

#content{
	width:100%;
	height:auto;
	margin-right:auto;
	margin-left:auto;
	padding:0;
	margin:0;

	clear:both;
	overflow:auto;
}



#menu_tab{
	clear:both;
	width:901px;
	height:67px;
	display:block;
	padding-top:15px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:15px;
	padding-right:0;
	padding-left:0;
}
#main_image{
	width:901px;
	height:228px;
	display:block;
	margin-top:11px;
	margin-right:auto;
	margin-bottom:20px;
	margin-left:auto;
}
#menu_block{
	width:224px;
	height:240px;
	display:block;
	float:left;
	margin-left:75px;
	margin-right:7px;
	padding-bottom:27px;
	padding-top:7px;
	position:relative;
}
#menu_block_03{
	width:224px;
	height:190px;
	display:block;
	float:left;	
	margin-right:9px;
	margin-bottom:15px;
	padding-top:7px;
	position:relative;		
}
#menu_block_02{
	width:436px;
	height:246px;
	display:block;
	float:left;
	margin-top:7px;
	margin-bottom:15px;
	padding-top:0;
	border:solid 1px #CCC;
	position:relative;

}
.main_content{
	width:1050px;
	height:auto;
	display:block;
	margin-right:auto;
	margin-left:auto;

	color:#F00;
}


.news_title{
	width:324px;
	height:44px;
	display:block;
	float:left;
}
.backnumber{
	width:109px;
	height:44px;
	display:block;
	float:left;	
}

.backnumber a:hover img{
		filter: alpha(opacity=60);/* ←IE用。この子は幅と高さ指定＆display:blockを指定しないと動かないです。 */
	  -moz-opacity:0.60;/* ←もじら用。 */
	  opacity:0.60;/* ←Opera用。 */

}

.news_year{
	position:absolute;
	top:19px;
	left:330px;
	font-size:14px;
	color:#0050d4;
}

h1#news_backnum{
	margin-bottom:10px;
	position:relative;}

.welcome{
	width:224px;
	height:37px;
	display:block;
	margin:0;
}
.welcome a:hover img {
	filter: alpha(opacity=60) ; /* このような感じで *//* ←IE用。この子は幅と高さ指定＆display:blockを指定しないと動かないです。 */
	-moz-opacity:0.60!; /*/* ←もじら用。 */
	opacity:0.60; /*/* ←Opera用。 */
}
.e-mail{
	width:167px;
	height:23px;
	display:block;
	margin:0;
}
.e-mail a:hover img {
	filter: alpha(opacity=60) ; /* このような感じで *//* ←IE用。この子は幅と高さ指定＆display:blockを指定しないと動かないです。 */
	-moz-opacity:0.60!; /*/* ←もじら用。 */
	opacity:0.60; /*/* ←Opera用。 */
}

.blue_font{
	color:#0056cd;
}
.menu_block_title{
	width:224px;
	line-height:18px;
	height:235px;
	color:#666;
	
	background-image:url(../images/index/menu_block_image.png);
	background-repeat:repeat-y;
	

}
.welcome_image{
	width:203px;
	height:58px;
	display:block;
	margin-top:10px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:13px;
}
.menu_block_txt{

	width:207px;
	height:auto;
	display:block;
	margin-right:auto;
	margin-left:auto;
}
.how_to_join_title{
	width:224px;
	height:37px;
	display:block;
	margin:0;	
}

.how_to_join_title a:hover img{
	filter: alpha(opacity=60) ; /* このような感じで *//* ←IE用。この子は幅と高さ指定＆display:blockを指定しないと動かないです。 */
	-moz-opacity:0.60!; /*/* ←もじら用。 */
	opacity:0.60; /*/* ←Opera用。 */
}



.how_to_jon{
	width:203px;
	height:58px;
	display:block;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	margin-bottom:13px;	
}
.notice_02{
	clear:both;
	width:420px;
	height:29px;
	display:block;
	padding-top:7px;
	padding-left:15px;
	padding-bottom:8px;
	line-height:16px;
}

.news_backnumber{
	clear:both;
	width:885px;
	height:29px;
	display:block;
	padding-top:7px;
	padding-left:15px;
	padding-bottom:8px;
	line-height:16px;
	border-bottom:1px solid #ebebeb;
	margin-top:0;
}

p#subwin-navi{
	width:870px;
	margin:0 auto;
	padding:5px 0 10px 0;
	}
	
p#subwin-navi a{
	color:#0056CD;
	border:1px dotted #0056CD;
	padding:3px 8px;
	text-decoration:none;
	}
	
p#subwin-navi a:hover{
	color:#0060ff;
	background-color:#cddcff;
	}
	
.notice_03{
	clear:both;
	width:420px;
	height:auto;
	display:block;
	padding-top:7px;
	padding-left:15px;
	padding-bottom:4px;
	line-height:16px;
}
.news_line{
	width:408px;
	height:5px;
	display:block;
	margin-right:auto;
	margin-left:auto;	
}
.detailed{
	width:224px;
	height:22px;
	display:block;
	margin-top:17px;
	margin-right:auto;
	margin-left:auto;	

}
/*.furthermore_detailed a {
text-decoration: none;
}*/

.detailed_block{
	width:208px;
	height:22px;
	padding-right:16px;
	display:block;
	background-image:url(../images/index/detailed.png);
	background-repeat:no-repeat;
	position:absolute;
	top:237px;
	text-align:right;
	right:0px;


}
.detailed_block a{
	text-decoration:none;
	color:#0056cd;
}
/*.furthermore_detailed{
	width:80px;
	height:22px;
	display:block;
	margin-left:143px;
	letter-spacing:1.6pt;
	text-decoration:none;

}*/
/*.furthermore_detailed a{
	color:#0056cd;	
}*/
.detailed_block a:hover{
		margin-bottom:0px;
		text-decoration:underline;
		color:#0056cd;

	
}
.furthermore_detailed a:hover img{
		filter: alpha(opacity=60);/* ←IE用。この子は幅と高さ指定＆display:blockを指定しないと動かないです。 */
	  -moz-opacity:0.60;/* ←もじら用。 */
	  opacity:0.60;/* ←Opera用。 */	
}
#news_frame{
		width:435px;
		height:200px;
		display:block;

		position:absolute;
		left:0px;
		top:45px;
		overflow:hidden;
}
/*/トップページ css*/
/*アクセスページ css*/

.tree{
	width:300px;
	height:23px;
	display:block;
	padding-top:22px;
	padding-bottom:0px;
}

.tree a{
	color:#000;
}

.tree a:hover{
	color:#333;
	text-decoration:none;
}

.access{
	width:900px;
	height:57px;
	display:block;
	margin-bottom:-5px;
	margin-top:0px;
	padding-bottom:15px;
}
#content_access{
	clear:both;
	width:900px;
	height:972px;
	display:block;
	passing-top:16px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:33px;
}

#content_left{
	width:550px;
	height:828px;
	float:left;
}
.map{
	width:525px;
	height:388px;
	clear:both;
	float:left;
	padding-bottom:60px;
	padding-left:5px;
}

#content_right{
	width:343px;
	height:828px;
	padding-top:4px;
	float:right;
}

ul.outline{
	width:410px;
	height:auto;
	margin-top:10px;
	float:left;
	display:block;
}

ul.outline li{
	width:410px;
	height:17px;
	margin-top:8px;
	display:block;
}

ul.outline:first-child{
	margin-top:0px;
}

ul.outline li:first-child{
	margin-top:4px;
}

ul.outline_02{
	width:410px;
	height:auto;
	margin-top:11px;
	float:left;
	display:block;
}

.outline_img{
	width:131px;
	height:auto;
	margin-top:0;
	padding-top:0;
	display:block;
	overflow:auto;
	float:left;	
}
.address_img{
	width:131px;
	height:102px;
	display:block;
	clear:both;
	float:left;
	margin:10px 0 0 0;
}
.outline_text{
	line-height:10px;
	width:60px;
	height:20px;
	display:block;
	float:left;	
	padding-top:4px;
	padding-left:5px;
	color:#0051c1;

}
.outline_text_02{
	width:330px;
	height:20px;
	display:block;
	overflow:auto;
	float:left;	
	padding-top:2px;
	padding-left:5px;
	
}
.outline_text_03{
	line-height:18px;
	width:350px;
	display:block;
	float:left;	
	padding-left:5px;
}
.outline_text_04{
	width:320px;
	height:50px;
	display:block;
	float:right;	
	margin-top:0px;
	padding-left:0px;
	text-align:left;
}
.outline_text_06{
	background-image:url(../images/access/train.png);
	background-repeat:no-repeat;
	background-position:2px 6px;
	width:210px;
	height:17px;
	display:block;
	float:left;	
	padding-top:9px;
	padding-left:30px;

}
.outline_text_07{
	background-image:url(../images/access/bus.jpg);
	background-repeat:no-repeat;
	background-position:2px 2px;
	width:380px;
	height:38px;
	display:block;
	float:left;	
	padding-top:4px;
	padding-left:30px;
}
.outline_text_08{
	background-image:url(../images/access/car.jpg);
	background-repeat:no-repeat;
	background-position:1px 3px;
	width:280px;
	height:30px;
	display:block;
	float:left;	
	padding-top:3px;
	padding-left:30px;
	
}
.outline_text_05{
	width:200px;
	height:10px;
	display:block;
	float:left;	
	padding-top:10px;
	padding-left:5px;
	vertical-align:bottom;
}
.outline_text_09{
	width:330px;
	height:30px;
	padding-top:2px;
	padding-left:5px;
}
.outline_text_10{
	width:250px;
	height:25px;
	display:block;
	float:right;
	margin-top:0px;
	padding-left:0px;
	text-align:left;
}

.open_img{
	clear:both;
	width:131px;
	height:43px;
	margin:10px 0 0 0;
	display:block;
	overflow:auto;
	float:left;		
}
.traffic_img{
	clear:both;
	width:133px;
	height:81px;
	margin:10px 0 0 0;
	display:block;
	overflow:auto;
	float:left;
	padding-bottom:15px;		
}
.traffic_text{
	line-height:15px;
	width:410px;
	height:80px;
	display:block;
	float:left;	
	padding-top:5px;
	padding-left:5px;	
	padding-bottom:10px;
}
.enter{
	width:274px;
	height:40px;
	padding-top:15px;
	margin-left:120px;
}
.bus_text{
	width:200px;
	height:19px;
	display:block;
	text-align:left;		
}
.bus_text_02{
	width:200px;
	height:15px;
	display:block;
	text-align:right;		
}
.photo_txt{
	width:260px;
	height:70px;
	margin-top:0px;	
	display:block;
	padding-top:5px;
	padding-bottom:10px;
	line-height:16px;
}
.appearance{
	width:345px;
	height:239px;
	margin-top:7px;
	display:block;
}

.line_under{
	float:none;
	clear:both;
	width:900px;
	height:3px;
	display:block;
	padding-top:20px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:30px;
}
.access_data{
	width:550px;
	height:380px;
	float:left;
}
.access_back{
	background-color:#FFF;
}


/*/アクセスページ css/*/

#news_source{
	background-color:#FFF;
	padding-top:5px;	
}
/*G=STEPとは？ページ css*/
#content_left_about{
	width:439px;
	height:576px;
	margin-top:20px;
	padding-bottom:38px;
	display:block;
	float:left;	
}
#content_right_about{
	width:431px;
	padding-top:20px;
	padding-left:30px;
	padding-bottom:30px;
	display:block;
	float:left;	
	letter-spacing:0.11em;
}
.about_gstep_txt{
	width:420px;
	height:auto;
	margin-top:-10px;
	margin-bottom:8px;
	margin-left:3px;
	line-height:2;
	text-align:justify;
	text-justify:inter-ideograph;
}
.about_gstep_txt_02{
	width:420px;
	height:auto;
	margin-top:11px;
	margin-bottom:14px;
	margin-left:3px;
	line-height:2;
	text-align:justify;
	text-justify:inter-ideograph;
}

#content_about{
	width:905px;
	height:auto;
	overflow:auto;
	margin-right:auto;
	margin-left:auto;
	padding-bottom:22px;
	clear:both;
	display:block;
	}
	
#content_backnumber{
	width:900px;
	height:auto;
	margin-right:auto;
	margin-left:auto;
	padding-bottom:22px;

	clear:both;
	display:block;
	}
	
.giant_step{
	width:417px;
	height:196px;
	display:block;
	margin-bottom:20px;
	}



.detailed_block_02{





}
.detailed_block_02 a{
	text-decoration:underline;
	color:#0056cd;
}
.detailed_block_02 a:hover{
	text-decoration:none;
	color:#0056cd;
}
/*/G=STEPとは？ページ css/*/
/*ご利用案内 css*/

#content_right_use_procedure{
	float:left;
	width:257px;
	height:408px;
	display:block;
	margin-top:15px;
	margin-left:12px;
}
#content_right_guidance{
	float:left;
	width:677px;
	height:auto;
	margin-top:14px;
	margin-right:0;
	padding-left:16px;
	display:block;
	
}
.about_gstep_title2{
	margin-left:3px;
}
#content_guidance{
	clear:both;
	width:900px;
	height:auto;
	overflow:auto;
	display:block;
	passing-top:16px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0px;	
	padding-bottom:0px;
}
#content_left_can_use{
	float:left;
	width:206px;
	height:571px;
	margin-top:14px;
	margin-right:0;
	margin-left:0;
	margin-bottom:57px;
	display:block;
}
.guidance_gstep_txt{
	width:673px;
	height:auto;
	padding-top:7px;
	padding-bottom:32px;
	padding-left:2px;
	line-height:2;
/*	font-size:13px;	*/
}
.guidance_gstep_txt02{
	width:643px;
	height:auto;
	padding-top:5px;
	margin-bottom:16px;
	padding-left:2px;
	line-height:2;
/*	font-size:13px;	*/
}
.guidance_gstep_txt_03{
	width:643px;
	padding-top:8px;
	padding-bottom:8px;
	display:block;
}
.guidance_gstep_txt04{
	width:643px;
	height:auto;
	padding-top:7px;
	padding-bottom:19px;
	padding-left:2px;
	line-height:2;	
}
.use_procedure_1{
	width:45px;
	height:42px;
	margin-top:2px;
	display:block;
	float:left;
	margin-left:-4px;
	margin-bottom:0;
	padding-bottom:0;
}
.use_procedure_text{
	float:left;
	width:485px;
	height:25px;
	margin-top:0px;
	padding-top:15px;
	padding-left:8px;
	display:block;
	line-height:18px;
}
.use_procedure_text02{
	float:left;
	width:485px;
	height:45px;
	padding-top:27px;
	padding-left:8px;
	display:block;
	line-height:18px;
}
.use_procedure_text03{
	float:left;
	width:485px;
	height:60px;
	margin-top:4px;
	padding-top:8px;
	padding-left:8px;
	display:block;
	line-height:18px;
}
.use_procedure_text04{
	float:left;
	width:485px;
	height:60px;
	margin-top:0px;
	padding-top:2px;
	padding-left:8px;
	display:block;
	line-height:1.4;
}
.use_procedure_text05{
	float:left;
	width:485px;
	height:60px;
	padding-top:11px;
	padding-left:8px;
	display:block;
	line-height:1.4;
}
.use_procedure_text06{
	float:left;
	width:485px;
	height:32px;
	margin-top:0px;
	padding-top:4px;
	padding-left:8px;
	display:block;
	line-height:16px;
}
.arrow{
	clear:both;
	width:48px;
	height:63px;
	margin-top:0px;
	margin-left:-4px;
	display:block;
	float:left;	
	padding-top:4px;
	padding-bottom:4px;
}
.use_procedure_tel_number{
	width:420px;
	height:53px;
	padding-top:1px;
	margin-top:5px;
	margin-bottom:7px;
	display:block;
	float:left;
}
.use_procedure_2{
	clear:both;
	width:49px;
	height:60px;
	margin-top:6px;
	display:block;
	float:left;
	margin-top:13px;
	margin-left:-4px;
}
.use_procedure_3{
	clear:both;
	width:49px;
	height:65px;
	margin-top:6px;
	display:block;
	float:left;
	margin-left:-4px;	
}
.use_procedure_4{
	clear:both;
	width:49px;
	height:58px;
	padding-top:0px;
	display:block;
	float:left;
	margin-left:-4px;
}
.use_procedure_5{
	clear:both;
	width:49px;
	height:58px;
	padding-top:2px;
	display:block;
	float:left;
	margin-left:-4px;	
}
.use_procedure_6{
	clear:both;
	width:49px;
	height:50px;
	margin-top:-9px;
	display:block;
	float:left;
	margin-left:-4px;
}
.content_right_use_procedure{
	width:257px;
	height:408px;
	margin:0;
	padding:0;
	display:block;
	float:left;	
}
.content_left_use_prodedure{
	width:630px;
	height:auto;
	overflow:auto;
	display:block;
	float:left;
	margin-top:7px;
	margin-right:0;
	margin-left:0;
	padding-bottom:22px;
}

/*/ご利用案内ページ css/*/
/*プログラム css*/

#content_program{
	width:900px;
	height:1515px;

	margin-right:auto;
	margin-left:auto;	
}
#content_left_about_02{
	width:900px;
	height:290px;
	display:block;
	float:left;
	background:url(../images/program/room01.jpg) no-repeat right top;
}
.many_program_img{
	clear:both;
	width:185px;
	height:200px;
	margin-top:8px;
	float:left;
}
.program_contents{
	width:499px;
	heihgt:41px;
	float:left;
	margin-top:12px;
}
.item{
	width:305px;
	height:220px;
	display:block;
	float:left;
	padding-top:9px;
	padding-left:6px;
	line-height:25.2px;
	letter-spacing:-0.05em;
}

.program_flow{
	width:899px;
	height:45px;
	display:block;
	clear:both;
	padding-top:2px;
	margin-bottom:14px;
}
/*.content_left_about_02{
	width:240px;
	height:auto;
	overflow:auto;
	display:block;
	float:left;	
}*/
.content_right_about_02{
	width:600px;
	height:auto;
	overflow:auto;
	display:block;
	float:left;		
}
/*.room01{
	width:388px;
	height:266px;
	margin-top:10px;
	margin-left:7px;
	margin-bottom:15px;
	float:right;
	
}*/
#content_right_about_02{
	float:right;
	width:388px;
	height:266px;
	margin-top:10px;
	margin-bottom:15px;
}



.maru{
	margin-right:6px;	
}

#content_right_about_03{
	width:550px;
	height:auto;
	margin-top:22px;
	display:block;
	float:left;	
}
.blue_big{
	width:300px;
	height:7px;
	display:block;
	color:#0056cd;
	font-size:16px;
	font-weight:bold;
	margin-top:2px;
}
.blue_big_02{
	width:300px;
	height:7px;
	display:block;
	color:#0056cd;
	font-size:16px;
	font-weight:bold;
	margin-top:6px;	
}
.st1_img_block{
	width:650px;
	height:auto;
	overflw:auto;
	display:block;
	margin:5px;
	clear:both;	
}
.st_img{
	display:block;
	float:left;
	margin-right:0px;

}
.content_left_about_03{
	width:880px;
	height:auto;
	margin-top:17px;
	margin-right:15px;
	margin-bottom:24px;	
	display:block;

}
.program_block{
	width:890px;
	heihgt:300px;
	display:block;
	margin-left:0px;
	padding-left:0;	
}
.content_left_about_032{
	width:327px;
	height:238px;
	margin-top:1px;
	margin-right:15px;
	margin-bottom:24px;	
	display:block;
	float:left;	
}
.content_left_about_032_txt{
	width:430px;
	height:238px;
	margin-top:1px;
	margin-right:15px;
	margin-bottom:24px;	
	margin-left:0px;
	display:block;
	float:left;
	line-height:20px;
}
.program01_img{
	width:245px;
	height:168px;

}
.content_about_txt{
	width:550px;
	margin-bottom:5px;
	margin-left:5px;
}
/*.st1_img_block_txt{
	width:535px;
	height:100px;
	display:block;
	float:right;
	padding-left:0px;
	line-height:20px;
	clear:both;
	margin-top:2px;
}*/

.st1_img_block_01{
	width:245px;
	height:168px;
	display:block;
	margin-top:5px;
	margin-left:-4px;
		}
.st1_title{
	margin-top:4px;
	margin-left:0px;
	margin-bottom:5px;	
}
/*.st1_img_block_02{
	width:500px;
	height:167px;
	display:block;
	margin-top:5px;
	margin-left:-4px;
}*/

/*/プログラム css/*/

.title_about{
	width:422px;
	height:33px;
	display:block;
	margin-bottom:15px;}
	
#program_02{
	float:left;}