@charset "utf-8";


/*global
------------------------------------------------*/
	section{
	overflow:hidden;
	margin-bottom:2em;
}
	p{
	font-size:0.8em;
	line-height:1.6em;
}
@media screen and (min-width:960px){
	p{
	font-size:1em;
}
}
	dl{overflow:hidden;}
	dt,dd{padding:0.5em 0;}
	dt{float:left;font-weight:bold;}
	dd{padding-left:150px;border-bottom:dotted 1px #333;}

/*main
------------------------------------------------*/
	#main .wellcome{
	background:
	url(../img/cross1.png) no-repeat top left,
	url(../img/cross2.png) no-repeat top right,
	url(../img/cross3.png) no-repeat bottom right,
	url(../img/cross4.png) no-repeat bottom left
	;
	padding:5em 30px;
	margin-bottom:60px;
}
	#main .wellcome p{
	font-size:2.4vmin;
}
	#main .wellcome h2{
	font-size:3.8vmin;
}
	#main .news{
	overflow:hidden;
}
	#main .news h2{
	font-size:3.8vmin;
}
	#main .news .photo{
	text-align:center;	
}

	#main .news .photo img{
	margin-bottom:2em;	
}

	#main .news .photo p{
	text-align:center;
	margin-bottom:30px;
	font-size:2.4vmin;
}

@media screen and (min-width:960px){
	#main .news .faceb{float:right;width:500px;}	
	#main .news .photo{
	max-width:289px;
	float:left;
}
	#main .news .photo p{
	text-align:left;
}	
}
	
	#main .news iframe{
	margin-bottom:40px;	
}
	#main .news .photo a{
	display:block;
	text-align:center;
	line-height:2.4em;
	border:solid 1px #999 ;
	border-radius:100px;
	max-width:300px;
	margin:auto;
	margin-bottom:30px;	
}
	#main .news .photo a:hover{
	background-color:#eee;
}


/*#main2
------------------------------------------------*/
	#main2 h3,.tayori h4,.tayori3 h4{
	margin-bottom:20px;
	font-size:20px;
	line-height:30px;
	font-weight:bold;
	color:#333;
	border-bottom:3px solid #ccc;
}
	#main2 p{
	margin-bottom:1em	
}
	#main2 .sinpu{
	max-width:500px;
}

@media screen and (min-width:480px){
	#main2 .sinpu img{
	float:right;	
	margin-left:1em;
	margin-bottom:5em;
	}
}

	#main2 h3 img,.tayori h4 img{
	margin-right:1em;	
	vertical-align:middle;
}
	#main2 .photo{
	text-align:center;
	font-size:12px;
	margin-bottom:5em;	
}	
	#main2 .kinen{
	text-align:right;	
}
	#main2 a{
	text-decoration:underline;	
}
	#main2 p span{
	font-weight:bold;
	font-size:18px;
}
	#main2 .seisyo{
	text-align:center;
}


/*#slideshow
------------------------------------------------*/
	#slideshow{
	position:relative;
}
	#slideshow li{
	position:absolute;
	top:0px;
	left:0px;
	z-index:8;	
}

#slideshow li img{width:100%;}
#slideshow li.active{z-index:10;}
#slideshow li.last-active{z-index:9;}
	

/*map
------------------------------------------------*/	
	iframe{margin-bottom:50px;width:100%;}

	.section2 table{width:100%;}
	.section2 th,.section2 td{
	padding:10px 20px;
}
	.section2 td{
	border-bottom:1px dotted #999;
}
	.section2 th,.section2 td{
	display:block;
}
	.section2 th{
	text-align:left;
	color:#b00034;
}
@media screen and (min-width:480px){
	.section2 th{
	width:80px;
	border-bottom:1px dotted #999;
}
	.section2 th,.section2 td{
	display:table-cell;
}
}
		.map2{
	width:80%;
	border:solid 1px #000000;
	display:block;
	margin:auto;
}

/*table
------------------------------------------------*/	
	.section3 table{
	width:100%;
	border-collapse:collapse;
	border:solid 2px #000000;
}
	.section3 tr:nth-child(odd){
	background-color:#cccccc;
}
	.section3 th,.section3 td{
	padding:1em;	
	border:solid 1px #000000;
}
	.section3 th{
	width:;
}
	.section3 td{
	font-size:15px;
}
	.section3 p{
	text-align:center;
}
	.section4 table{width:100%;margin-bottom:40px}
	.section4 tr:nth-child(even){background-color:#ddd;}

	.section4 tr:first-child{
	background:#eddcbf;text-align:center;color:#b00034;
}
	.section4 caption{text-align:left;font-weight:bold;}
	.section4 th{font-size:1em;text-align:left;}
	.section4 td a img{width:35%;}

	.section4 tr:first-child th{
	color:#fff;text-align:center;
}
	.section4 th,.section4 td{
	padding:1em;vertical-align:middle;
}
	.section4 p{
	text-align:right;
	font-size:12px;
	color:#b00034;
}
	.section4 th a{
	text-decoration:underline;
}


/*tayori
------------------------------------------------*/	
@media screen and (min-width:480px){
	#main2 .tayori2 h3{
	width:40px;}

}
	.tayori2{
	position:relative;
}
	.tayori2 a{
	font-size:14px;
}
@media screen and (min-width:768px){
	.tayori2 div{
	width:420px;margin:auto;
}
	.tayori2 a{
	position:absolute;
	left:650px;
	top:0px;
	font-size:14px;
}

}
	.tayori2 span{
	font-weight:bold;	
}	
	#main2 .tayori2 h3{

	line-height:1em;
	border:none;
	float:left;
	font-size:40px;
	font-family:serif;	
}
	#main2 .tayori2 h3 + img{
	float:right;
	margin:10px;
}
	.tayori2 p{
	clear:both;
	text-align:center;

}
	.tayori3 li{
	font-size:14px;
}

/*.list
------------------------------------------------*/	
	.list{overflow:hidden; margin-left:-12px;}
	.list li{
	float:left;
	width:350px;
	height:320px;
	margin-left:20px;
	font-size:14px;
	margin-bottom:50px;
}
	.list li p{line-height:25px;}