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

#contents{
	margin:34px 0 0;
}

/* .section1_header */

	#top_nav{
		background:url(../images/top/bg_nav_top.gif) no-repeat;
		border-bottom:1px solid #cccccc;
		margin:0 0 20px;
		position:relative;
		z-index:100;
	}
		#top_nav ul{
			list-style:none;
			margin:0;
			padding:0;
			height:40px;
		}
			#top_nav li{
				float:left;
				overflow: hidden;
			}
			.link_top{
				width:90px;
				margin:0;
			}
			.link_map{
				width:125px;
			}
			.link_kodate{
				width:245px;
			}
			.link_chintai{
				width:235px;
			}
			#top_nav .link_institution{
				background-image:url(../images/top/bg_nav_top.gif);
				background-position:-695px 0;
				width:95px;
				height:40px;
				position:relative;
				overflow:visible;
			}
			#top_nav .link_maintenance{
				background-image:url(../images/top/bg_nav_top.gif);
				background-position:-790px 0;
				width:170px;
				height:40px;
				position:relative;
				overflow:visible;
			}
				#top_nav a{
					display:block;
					height:40px;
					overflow:hidden;
					text-indent:100%;
					white-space:nowrap;
					background-image:url(../images/top/bg_nav_top.gif);
					background-repeat:no-repeat;
				}

				#top_nav .link_top a{
					background-position:0 0;
				}
				#top_nav .link_map a{
					background-position:-90px 0;
				}
				#top_nav .link_map a:hover{
					background-position:-90px -50px;
				}
				#top_nav .link_kodate a{
					background-position:-215px 0;
				}
				#top_nav .link_kodate a:hover{
					background-position:-215px -50px;
				}
				#top_nav .link_chintai a{
					background-position:-460px 0;
				}
				#top_nav .link_chintai a:hover{
					background-position:-460px -50px;
				}

					#top_nav .link_institution ul,
					#top_nav .link_maintenance ul{
						width:auto;
						height:auto;
						position:absolute;
						top:40px;
						left:0;
						border-top:1px solid #cccccc;
						background:#f0f0f0;
						box-shadow:1px 1px 3px 0 #666666;
						padding:10px;
						z-index:10000;
					}
						#top_nav .link_institution li,
						#top_nav .link_maintenance li{
							width:auto;
							height:auto;
							float:none;
							overflow:visible;
							line-height:0;
						}
						#top_nav .link_institution ul a,
						#top_nav .link_maintenance ul a{
							height:auto;
							overflow:visible;
							text-indent:0;
							line-height:1.8;
							padding:0 0 0 14px;
							background:url(../shared/images/bullet_grey.png) no-repeat left center;
						}


	.section1_header h2 img{
		display:block;
		line-height:0;
	}

	.section1_header .lead{
		margin:0 0 34px;
	}
		.section1_header .lead h2{
			float:left;
			margin:0 47px 0 13px;
		}
		.section1_header .lead p{
			line-height:1.7;
			margin:0 0 0 421px;
			height:38px;
			overflow:visible;
		}

/* .main */

	.main{
		margin:25px 0 0;
	}
	.section2 img{
		display:block;
		vertical-align:bottom;
	}
	.section2 a img{
		display:inline;
	}
	.section2 a,
	.section2 a:link,
	.section2 a:visited{
		padding-left:14px;
		color:#333333;
		background:url(../shared/images/bullet_link.gif) no-repeat;
		background-position:0 center;
	}
	.section2 a:hover,
	.section2 a:active,
	.section2 a.on{
		color:#666666;
		background-position:-500px center;
		text-decoration:none;
	}
	#map{
		float:left;
		width:645px;
		margin:0 0 0 15px;
		position:relative;
	}
		
		#map h3{
			margin:0;
		}
		#map div{
			position:absolute;
		}
		#hokkaido-tohoku{
			top:133px;
			left:489px;
		}
		#kanto{
			top:246px;
			left:489px;
		}
		#koshinetsu{
			top:133px;
			left:240px;
		}
		#tokai{
			top:358px;
			left:489px;
		}
		#hokuriku{
			top:133px;
			left:123px;
		}
		#kinki{
			top:450px;
			left:489px;
		}
		#chugoku{
			top:133px;
			left:0;
		}
		#shikoku{
			top:450px;
			left:241px;
		}
		#kyushu{
			top:450px;
			left:0;
		}
			#map h4{
					margin:0 0 13px;
					line-height:0;
				}
				#map h4 a{
					display:block;
					height:16px;
				}
			#map ul{
				font-size:116.7%;
				margin:0;
				padding:0;
				list-style:none;
			}
			.double{
				width:158px;
			}
			.triple{
				width:222px;
				margin:0 -19px 0 0;
			}
				#map li{
					font-weight:bold;
					line-height:1.6;
					width:74px;
					overflow:visible;
				}
					#map li a{
						display:block;
						white-space:nowrap;
					}
				.double li,
				.triple li{
					float:left;
				}
				
	
	.aside2{
		width:200px;
		float:right;
		padding:45px 15px 0 0;
	}
		.aside2 .nav dt{
			height:22px;
			width:200px;
			margin:0 0 5px;
		}
			.aside2 .nav a{
				display:block;
				height:22px;
				width:200px;
				white-space:nowrap;
				overflow:hidden;
				text-indent:100%;
			}
			.aside2 .nav a:hover{
				background-position:0 -25px;
			}
		.aside2 .nav dd{
			line-height:1.5;
			margin:0 0 35px;
			color:#666666;
		}
			.aside2 .nav img{
				display:block;
				margin:12px 0 0;
			}
		

		.aside1{
			background:#f2f2f2;
			padding:20px 0 13px;
			margin:36px 0 0;
		}
			.aside1 .pagetop{
				margin:0 27px;
			}
			.container{
				border-bottom:1px solid #ffffff;
			}
				#office h3{
					padding:0 0 10px;
					margin:0;
					height:22px;
					line-height:22px;
					background:#ffffff;
				}
					
	
			#office{
				width:200px;
				font-size:91.7%;
			}
				#office ul{
					list-style:none;
					margin:0;
					padding:0;
					overflow:hidden;
				}
				#office ul li{
					padding:0 0 0 11px;
					background:#f2f2f2;
					font-weight:bold;
					line-height:2.8em;
					height:2.8em;
					overflow: hidden;
					font-size:90.9%;
					width:189px;
					border-top:1px solid #ffffff;
					position:relative;
					top:-1px;
				}
				.aside2 p{
					font-size:108.3%;
					line-height:1.7;
					margin:0 0 15px;
				}
				.aside2 img{
					display:block;
					margin:0 0 35px;
				}
				.aside2 h3 img{
					margin: 0;
				}


		#institution{
			margin:0 20px 14px;
			padding:20px 0 20px 95px;
			border-radius:6px;
			background:#ffffff;
			box-shadow:0 0 4px 2px #cccccc inset;
		}
			#institution div{
				float:left;
				width:250px;
			}
				#institution h2{
					margin:14px 0 18px;
				}
				#institution p{
					width:220px;
					margin:0;
					line-height:1.5;
					color:#666666;
				}
			#institution ul{
				list-style:none;
				margin:0;
				padding:0;
				float:left;
				width:519px;
			}
				#institution ul li{
					float:left;
					margin:0 40px 0 0;
					width:133px;
				}
					#institution dt{
						margin:0 0 10px;
						font-weight:bold;
					}
					#institution dd{
						color:#666666;
						font-size:83.3%;
						line-height:1.4;
					}
						#institution dd img{
							margin:0 0 10px;
							display:block;
						}
					#institution ul ul{
						width:auto;
					}
						#institution ul ul li{
							display:inline;
							width:auto;
							margin:0 8px 0 0;
						}
							#institution ul ul a{
								background-image:url(../shared/images/bullet_link_s.gif);
								padding:0 0 0 7px;
								color:#000000;
							}
							#institution ul ul a:hover{
								color:#666666;
							}
.top .pagetop a{
	background:url(../images/top/btn_pagetop.gif) no-repeat;
}
.top .pagetop a:hover{
	background-position:-44px 0;
}
		

#reservation{
	margin:50px 0;
	padding:25px 15px 35px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#reservation h4{
	text-align:center;
	cursor:pointer;
	margin:0;
}
#reservation h4 img{
	display:block;
	line-height:0;
	margin:0 auto;
}
/*.indicator{
	font-size:1em;
	line-height:1.5;
	display:block;
	text-align:center;
	position:absolute;
	top:50%;
	right:1em;
	width:1.4em;
	height:1.4em;
	background:#fff;
	border-radius:50%;
	margin-top:-0.7em;
	text-indent:0;
	letter-spacing:0;
}*/
#reservation .container{
	border:3px solid #86B200;
	border-radius:8px;
}
#reservation p{
	text-align:center;
	font-size:1.167em;
	font-weight:bold;
	margin:45px 0 0;
}
#reservation .list{
	padding:0 55px; 
	margin-bottom:22px;
}
#reservation dl{
	box-sizing:border-box;
	font-size:1.25em;
	margin:19px 0;
	padding:0 10px;
}
#reservation dl:not(:last-child){
	border-bottom:1px dashed #86B200;
}
#reservation dl:after{
	content:"";
	display:block;
	clear:both;
}
#reservation dt{
	margin-bottom:10px;
	float:left;
	width:154px;
	letter-spacing:4em;
	position:relative;
}
#reservation .six-letters dt{
	letter-spacing:0;
}
#reservation .three-letters dt{
	letter-spacing:1.5em;
}
#reservation dd{
	width:90px;
	font-weight:bold;
	line-height:1.6;
	float:left;
}
#reservation a{
	background:url(../images/top/bullet_reservation.png) no-repeat left center;
	padding-left:22px;
}





	
/* hack */

/* -------common part */
.ie6 .section1_header .lead{
	margin-bottom:0;
	height:71px;
}

.ie6 .section1_header .lead h2{
	display:inline;
}

.ie6 #map div{
	width:79px;
}
.ie6 .section2 a img,
.ie7 .section2 a img{
	display:block;
}
.ie6 .aside2{
	overflow: hidden;
}
.ie6 .aside1,
.ie7 .aside1{
	padding-left:20px;
	padding-right:20px;
}
.ie #institution{
	box-shadow:0 0 4px 2px #cccccc;
	position:relative;
	behavior: url(/liaison/shared/js/PIE.htc);
}



.ie6 #map,
.ie6 .aside2{
	display:inline;
}
.ie6 .aside1 {
	overflow:hidden;
}