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




.calendarHtmlLoading{
	text-align:center;
}

/* PC (1025～)
-----------------------------------------------------------------
----------------------------------------------------------------- */

@media print {

/* section.emergency
---------------------------------------------- */
section.emergency{
	width:1160px;
	height:auto;
	margin:0px auto;
	padding:15px 0px 0px 0px;
}
	section.emergency .emergencyBox{
		border:3px solid #F18B14;
		background:#FFEF8A;
		padding:10px 10px;
	}
		.emergencyBox p span.title{
			display:inline-block;
			padding:5px 12px;
			background:#e10000;
			color:#fff;
		}
		.emergencyBox p{
			background:#fff;	
		}
			.emergencyBox p a{
				display:inline-block;
				background:#fff;
				padding:5px 8px;	
			}
			.emergencyBox p a span.date{
				display:inline-block;
				background:#333;
				color:#fff;
				font-size:87%;
				padding:0px 5px;
				margin-right:10px;
			}
	




/*メインエリア
----------------------------------------------------------------- */
section.mainArea{
	width:1160px;
	height:auto;
	margin:0px auto;
	padding:15px 0px 15px 0px;
	overflow:hidden;
}
	section.mainArea .mainLeft{
		width:868px;
		height:auto;
		float:left;	
	}
		.mainLeft ul.mainPhoto{
			display:block;
			width:868px;
			height:389px;
		}
		.mainLeft .thumbnail{
			width:868px;
			height:auto;
			margin:0px 0px 0px 0px;	
			padding:0px 0px 0px 0px;
		}
			.mainLeft .thumbnail ul{
				overflow:hidden;
			}
				.mainLeft .thumbnail ul li{
					display:block;
					width:204px;
					height:auto;
					margin-right:17px;
					float:left;
				}
					.mainLeft .thumbnail ul li a{
						display:block;
						padding:15px 0px 0px 0px !important;
					}
					.mainLeft .thumbnail ul li a.active{
						background:url(../images/slide_active_triangle.jpg) center 7px no-repeat;
					}
					.mainLeft .thumbnail ul li a img{
						width:100%;
						height:auto;
						border:2px solid #fff6e2;
						
						
						border-radius:8px;
						-webkit-border-radius:8px;
						-moz-border-radius:8px;
						
						box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
						-o-box-sizing: border-box;
						-ms-box-sizing: border-box;
					}
					.mainLeft .thumbnail ul li a.active img{
						width:100%;
						height:auto;
						border:2px solid #F08C12;
						
						border-radius:10px;
						-webkit-border-radius:10px;
						-moz-border-radius:10px;
						
						box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
						-o-box-sizing: border-box;
					}
			
	.mainArea .mainRight{
		width:276px;
		height:auto;
		float:right;	
	}
		.mainRight .busyBox{
			background:#e8fcb8;	
			padding:8px 0px 8px 0px;
			margin-bottom:10px;
		}
			.busyBox h2{
				background:#83ba00;
				text-align:center;
				padding:5px 0px;
				color:#fff;
				font-weight:bold;
				text-shadow:1px 1px 1px #333;
			}
			.busyBox .busyData{
				width:94%;
				height:auto;
				margin:8px auto 0px auto;
				padding:12px 0px;
				text-align:center;
				background:#fff;
			}
				.busyData p{
					font-size:112%;	
				}
					.busyData p span{
						display:block;
						padding:3px 0px 0px 0px;
						color:#e10000;	
						font-size:75%;
					}
			.busyBox .dayData{
				width:94%;
				height:auto;
				margin:8px auto 0px auto;
				padding:0px 0px;
			}
				.dayData ul{
					
				}
					.dayData ul li{
						font-size:93%;
						padding:0px 0px 7px 0px;
					}
						.dayData ul li span{
							display:inline-block;
							padding:2px 4px;
							background:#fff;	
						}
							.dayData ul li span.weekday{color:#F18B14;}
							.dayData ul li span.saturday{color:#0080E9;}
							.dayData ul li span.sunday{color:#e10000;}

		.mainRight .accessBox{
			background:#fcf7e6;	
			padding:8px 0px 12px 0px;
		}
			.accessBox h2{
				background:#f18b14;
				text-align:center;
				padding:5px 0px;
				color:#fff;
				font-weight:bold;
				text-shadow:1px 1px 1px #333;
			}
			.accessBox .accessData{
				width:94%;
				height:auto;
				margin:8px auto 0px auto;
				padding:8px 0px;
				text-align:center;
			}	
				.accessData .accessSet{
					padding:0px 0px 10px 0px;
					overflow:hidden;
				}
					.accessSet .station{
						width:20%;
						height:auto;
						float:left;
						padding:5px;
						background:#fff;
						text-align:center;
						font-weight:bold;
					}
						.accessSet .tamachi{color:#05CC03;}
						.accessSet .mita{color:#E12C2F;}
					.accessSet p{
						display:block;
						width:73%;
						height:auto;
						padding:3px 0px 0px 0px;
						text-align:left;
						float:right;
					}
						.accessSet p span{
							display:block;
							font-size:93%;
							padding:3px 0px 0px 0px;
						}


		.mainRight .accessBtn{
			width:94%;
			height:auto;
			margin:0px auto;
			padding:0px 0px 0px 0px;
		}		
			.mainRight .accessBtn a{
				display:block;
				text-align:center;
				padding:8px 0px;
				background:#fff;
				border-bottom:3px solid #F18B14;	
			}
				.mainRight .accessBtn a img{
					width:12px;
					height:auto;
					margin-right:3px;
				}
				
				
/* news
----------------------------------------------------------------- */
section.news{
	width:100%;
	height:auto;
	margin:0px auto;
	padding:20px 0px 25px 0px;
	overflow:hidden;
	background:url(../../common/images/bg_glay_circle.jpg)
}	
	section.news .newsArea{
		width:1160px;
		height:auto;
		margin:0px auto;
		padding:0px 0px 0px 0px;
	}
		.newsArea .titleBox{
			padding:0px 0px 5px 0px;
			background:url(../../common/images/title_bg_wline.png) center bottom repeat-x;
			overflow:hidden;
		}
			.newsArea .titleBox h2{
				font-size:112%;
				font-weight:bold;
				display:inline-block;
				width:50%;
				float:left;	
			}
			.newsArea .titleBox p.allView{
				display:inline-block;
				width:200px;
				text-align:right;
				float:right;	
			}
				.newsArea .titleBox p.allView img{
					width:12px;
					height:auto;
					margin-right:3px;
				}
		.newsArea .newsFloat{
			overflow:hidden;
			padding:15px 0px 0px 0px;	
		}
		.newsArea .newsSet{
			width:32%;
			height:auto;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			overflow:hidden;
			float:left;
		}
			.newsSet figure{
				width:34%;
				float:left;	
			}
				.newsSet figure img{
					width:100%;
					height:auto;
				}
			.newsSet .newsDetail{
				width:64%;
				height:auto;
				float:right;	
			}
				.newsDetail h3{
					font-size:93%;
					font-weight:bold;
				}
				.newsDetail p{
					padding:0px 0px 0px 0px;
					font-size:87%;
				}
				.newsDetail p.date{
					font-size:75%;	
				}



/* topics
----------------------------------------------------------------- */
section.topics{
	width:1160px;
	height:auto;
	margin:0px auto;
	padding:30px 0px 10px 0px;
	overflow:hidden;
}	
	section.topics .titleBox{
		padding:0px 0px 8px 0px;
		background:url(../../common/images/title_bg_wline.png) center bottom repeat-x;
		overflow:hidden;
	}
		section.topics .titleBox h2{
			font-size:112%;
			font-weight:bold;
			display:inline-block;
			width:100%;
			text-align:center;
			color:#F18A13;
		}
	.topicsArea{
		padding:20px 0px 20px 0px;
		overflow:hidden;	
	}
		.topicsArea .topicsSet{
			width:32%;
			height:auto;
			margin-bottom:20px;
			background:#fff;
			padding:0px 0px 12px 0px;
			box-shadow:0px 0px 3px #ccc;
			float:left;	
		}
			.topicsSet figure{
					
			}
				.topicsSet figure img{
					width:100%;
					height:auto;
				}
			.topicsSet h3{
				font-weight:bold;	
				padding:0px 10px;
			}
				.topicsSet h3 img{
					width:12px;
					height:auto;
					margin-right:3px;
				}
				.topicsSet p{
					padding:4px 10px;
					font-size:93%;
				}




/* linkSection
----------------------------------------------------------------- */
section.linkSection{
	width:100%;
	height:auto;
	margin:0px auto;
	padding:0px 0px 30px 0px;
	overflow:hidden;
	background:url(../images/ranking_bg.jpg) center top no-repeat;
}	
	section.linkSection .linkSectionFloat{
		width:1160px;
		height:auto;
		margin:0px auto;
		padding:0px 0px 0px 0px;
		overflow:hidden;
	}
		.linkSectionFloat .rankingArea{
			width:292px;
			height:auto;
			margin:0px 0px 0px 0px;
			padding:12px;
			float:left;	
			
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
		}
			.rankingArea h2{
				font-size:112%;
				font-weight:bold;
				display:inline-block;
				width:100%;
				text-align:center;
				color:#6e4a1f;
				padding:0px 0px 5px 0px;
				background:url(../../common/images/title_bg_wline.png) center bottom repeat-x;
			}
			.rankingArea ul{
				padding:15px 0px 0px 0px;
			}
				.rankingArea li{
					padding:0px 0px 5px 0px;
					margin:0px 0px 5px 0px;
					border-bottom:1px dotted #ccc;	
				}
					.rankingArea li span{
						display:inline-block;
						vertical-align:middle;
					}
					.rankingArea li img{
						width:45px;
						height:auto;
						margin-right:3px;
					}
					.rankingArea li a{
						display:inline-block;
						vertical-align:middle;
					}


		.linkSectionFloat .linkSectionRight{
			width:843px;
			height:auto;
			margin:0px 0px 0px 0px;
			padding:12px 0px 0px 0px;
			float:right;	
		}
			.linkSectionRight .caseBox{
				padding:0px 0px 20px 0px;	
			}
				.caseBox .titleBox{
					padding:0px 0px 5px 0px;
					background:url(../../common/images/title_bg_wline.png) center bottom repeat-x;
					overflow:hidden;
				}
					.caseBox .titleBox h2{
						font-size:112%;
						font-weight:bold;
						display:inline-block;
						width:50%;
						float:left;	
					}
					.caseBox .titleBox p.allView{
						display:inline-block;
						width:200px;
						text-align:right;
						float:right;	
					}
						.caseBox .titleBox p.allView img{
							width:12px;
							height:auto;
							margin-right:3px;
						}
				.caseBox p.read{
					padding:12px 0px 15px 0px;
				}
				.caseBox ul{
					display:block;
					overflow:hidden;
				}
					.caseBox ul li{
						width:23%;
						height:auto;
						margin:0px 2.5% 12px 0px;
						float:left;	
					}
						.caseBox ul li a{
							display:block;
							padding:8px 0px;
							text-align:center;
							border:1px solid #a18666;
							border-bottom:3px solid #a18666;
						}
							.caseBox ul li a img{
								width:8px;
								height:auto;
								margin-right:3px;
							}


/* voice
----------------------------------------------------------------- */
section.voice{
	width:100%;
	height:auto;
	margin:0px auto;
	padding:20px 0px 30px 0px;
	overflow:hidden;
	background:url(../../common/images/bg_glay_circle.jpg);
}	
	section.voice .voiceArea{
		width:1160px;
		height:auto;
		margin:0px auto;
	}
	
	section.voice .titleBox{
		padding:0px 0px 8px 0px;
		overflow:hidden;
	}
		section.voice .titleBox .titleLeft{
			width:1000px;
			height:auto;
			float:left;	
		}
			section.voice .titleBox .titleLeft img{
				float:left;
				margin:0px 10px 0px 0px;
			}
			section.voice .titleBox .titleLeft h2{
				font-size:112%;
				font-weight:bold;
				padding:10px 0px 0px 0px;
				color:#F18A13;
			}
			section.voice .titleBox .titleLeft p{
				display:block;
				padding:3px 0px 0px 0px;
				float:left;
			}
				section.voice .titleBox .titleRight{
					width:120px;
					height:auto;	
					padding:10px 0px 0px 0px;
					float:right;
				}
					section.voice .titleBox .titleRight a{
						display:block;
						padding:15px 0px;
						text-align:center;
						color:#fff;
						background:#f5a22c;
						
						border-radius:3px;
						-moz-border-radius:3px;
						-webkit-border-radius:3px;
					}

						section.voice .titleBox .titleRight a img{
							width:12px;
							height:auto;
							margin-right:3px;
						}
				
	section.voice .voiceFloat{
		padding:15px 0px 0px 0px;
		overflow:hidden;	
	}
		.voiceFloat .voiceLeft{float:left;}
		.voiceFloat .voiceRight{float:right;}
		
		.voiceFloat .voiceSet{
			width:49%;
			height:auto;	
			overflow:hidden;
			margin:0px 0px 20px 0px;
			background:#fff;
			cursor:pointer;
		}
			.voiceSet figure{
				width:50%;
				height:auto;
				float:right;
			}
				.voiceSet figure img{
					width:100%;
					height:auto;
					margin-bottom:-6px;
				}
			.voiceSet .voiceDetail{
				width:50%;
				height:auto;
				float:left;	
			}
				.voiceDetail h3{
					padding:15px;
					font-size:106%;	
					font-weight:bold;
				}
				.voiceDetail p{
					padding:0px 15px 0px;
					font-size:93%;
					line-height:1.88em;
				}
	
	
/* upDate
----------------------------------------------------------------- */
section.upDate{
	width:1160px;
	height:auto;
	margin:0px auto;
	padding:35px 0px 10px 0px;
	overflow:hidden;
}		

	/* case */
	section.upDate .caseBlock{
		width:32%;
		height:auto;
		float:left;
	}
		.caseBlock .titleBox{
			padding:0px 0px 5px 0px;
			overflow:hidden;
			border-bottom:1px solid #2f9180;
			margin-bottom:12px;
		}
			.caseBlock .titleBox h2{
				width:70%;
				height:auto;
				float:left;	
			}
				.caseBlock .titleBox h2{
					color:#2f9180;
					font-weight:bold;
					font-size:106%;
				}
			.caseBlock .titleBox p.allView{
				width:100px;
				height:auto;
				float:right;	
			}
				.caseBlock .titleBox p.allView a{
					display:block;
					padding:2px 4px;
					text-align:center;
					color:#fff;
					font-size:93%;
					background:#2f9180;
				}
					.caseBlock .titleBox p.allView a img{
						width:12px;
						height:auto;
						margin-right:3px;
					}
				
		.caseBlock .caseSet{
			padding:0px 0px 15px 0px;
			margin:0px 0px 15px 0px;
			border-bottom:1px dotted #ccc;
			overflow:hidden;	
		}
			.caseSet figure{
				width:28%;
				height:auto;
				float:left;
			}
				.caseSet figure img{
					width:100%;
					height:auto;
					border:1px solid #ededed;
					
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					-o-box-sizing: border-box;
					-ms-box-sizing: border-box;
				}
			.caseSet .caseDetail{
				width:69%;
				height:auto;
				float:right;	
			}
				.caseDetail p.date{
					font-size:75%;
				}
				.caseDetail h3 a{
					color:#2f9180;
					font-size:106%;
				}
				.caseDetail p.copy{
					font-size:75%;
					padding:3px 0px 0px 0px;	
				}
	
	
	/* blog */
	section.upDate .blogBlock{
		width:32%;
		height:auto;
		margin:0px 2%;
		float:left;
	}
		.blogBlock .titleBox{
			padding:0px 0px 5px 0px;
			overflow:hidden;
			border-bottom:1px solid #9d6817;
			margin-bottom:12px;
		}
			.blogBlock .titleBox h2{
				width:70%;
				height:auto;
				float:left;	
			}
				.blogBlock .titleBox h2{
					color:#9d6817;
					font-weight:bold;
					font-size:106%;
				}
			.blogBlock .titleBox p.allView{
				width:100px;
				height:auto;
				float:right;	
			}
				.blogBlock .titleBox p.allView a{
					display:block;
					padding:2px 4px;
					text-align:center;
					color:#fff;
					font-size:93%;
					background:#9d6817;
				}
					.blogBlock .titleBox p.allView a img{
						width:12px;
						height:auto;
						margin-right:3px;
					}
				
		.blogBlock .blogSet{
			padding:0px 0px 15px 0px;
			margin:0px 0px 15px 0px;
			border-bottom:1px dotted #ccc;
			overflow:hidden;	
		}
			.blogSet figure{
				width:28%;
				height:auto;
				float:left;
			}
				.blogSet figure img{
					width:100%;
					height:auto;
					border:1px solid #ededed;
					
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					-o-box-sizing: border-box;
					-ms-box-sizing: border-box;
				}
			.blogSet .blogDetail{
				width:69%;
				height:auto;
				float:right;	
			}
				.blogDetail p.date{
					font-size:75%;
				}
				.blogDetail h3 a{
					color:#9d6817;
					font-size:106%;
				}
				.blogDetail p.copy{
					font-size:75%;
					padding:3px 0px 0px 0px;	
				}
	
		
	/* facebook */
	section.upDate .facebookBlock{
		width:32%;
		height:auto;
		margin:0px;
		float:left;
	}
		.facebookBlock .titleBox{
			padding:0px 0px 5px 0px;
			overflow:hidden;
			border-bottom:1px solid #114ba1;
			margin-bottom:12px;
		}
			.facebookBlock .titleBox h2{
				width:70%;
				height:auto;
				float:left;	
			}
				.facebookBlock .titleBox h2{
					color:#114ba1;
					font-weight:bold;
					font-size:106%;
				}
			.facebookBlock .titleBox p.allView{
				width:100px;
				height:auto;
				float:right;	
			}
				.facebookBlock .titleBox p.allView a{
					display:block;
					padding:2px 4px;
					text-align:center;
					color:#fff;
					font-size:93%;
					background:#114ba1;
				}
					.facebookBlock .titleBox p.allView a img{
						width:12px;
						height:auto;
						margin-right:3px;
					}	
	
	
	
/* topBanner
----------------------------------------------------------------- */
section.topBanner{
	width:1160px;
	height:auto;
	margin:0px auto;
	padding:20px 0px 30px 0px;
	overflow:hidden;
}		
	section.topBanner .bannerFloat{
		padding:0px 0px 0px 0px;
		overflow:hidden;
	}
		.bannerFloat .bannerSet{
			width:19%;
			height:auto;
			margin:0px 1.25% 0px 0px;
			float:left;
		}
			.bannerSet a{
			
			}
				.bannerSet a img{
					margin-bottom:0px;
				}
			.bannerSet p{
				font-size:75%;
				padding:0px 0px 0px 0px;
				margin-top:-3px;
			}
	
	
	
	
	
		
					
}