@charset "utf-8";

/*!
 * Home Styles
 * 
 * 
 * 
 */


/**
 * #contentsHeader
 */

.mode-sp #contents #contentsHeader {
	position: relative;
	margin: -11px -17px -17px;
	padding: 76px 0 17px;
	background: url(../images/bg_01.png) repeat-x 50% 0;
	-webkit-background-size: 825px 155px;
	        background-size: 825px 155px;
	overflow: hidden;
}
.mode-sp #contents #contentsHeader:after {
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

	.mode-sp #contents #contentsHeader h1#description {
		position: absolute;
		top: 12px;
		left: 50%;
		width: 143px;
		height: 12px;
		margin: 0 0 0 -72px;
		background: url(../images/contentsHeader_txt_01.png) no-repeat;
		-webkit-background-size: 143px 12px;
						background-size: 143px 12px;
		text-indent: -9999px;
		overflow: hidden;
	}
	
	.mode-sp #contents #contentsHeader ul.nav {
		position: relative;
		left: 50%;
		float: left;
	}
	.mode-sp #contents #contentsHeader ul.nav:after {
		content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
	}
	
		.mode-sp #contents #contentsHeader ul.nav li {
			position: relative;
			left: -50%;
			float: left;
			margin: 0 0 0 12px;
			font-size: 10px;
			text-align: center;
			background-color: #FFFFFF;
			-webkit-border-radius: 10px;
				 -moz-border-radius: 10px;
							border-radius: 10px;
			-webkit-box-shadow: 1px 1px 2px #B4D1C7, -1px -1px 2px #B4D1C7;
				 -moz-box-shadow: 1px 1px 2px #B4D1C7, -1px -1px 2px #B4D1C7;
							box-shadow: 1px 1px 2px #B4D1C7, -1px -1px 2px #B4D1C7;
		}
		.mode-sp #contents #contentsHeader ul.nav li:first-child {
			margin-left: 0;
		}
		
		.mode-sp #contents #contentsHeader ul.nav li a {
			display: block;
			padding: 7px 8px 7px 22px;
			text-decoration: none;
			background: no-repeat 5px 50%;
			-webkit-background-size: auto 50%;
				 -moz-background-size: auto 50%;
							background-size: auto 50%;
		}
		.mode-sp #contents #contentsHeader ul.nav li.access  a { background-image: url(../images/ico_building_01.png); background-position: 7px 50%;}
		.mode-sp #contents #contentsHeader ul.nav li.inquiry a { background-image: url(../images/ico_tel_01.png);}
		.mode-sp #contents #contentsHeader ul.nav li.comment a { background-image: url(../images/ico_balloon_01.png);}




/**
 * announce
 */

.mode-sp #contents div.announce {
	position: relative;
	margin: 0 -17px;
	z-index: 10;
}
.mode-sp #contents div.announce .announce-inner {
	width: 304px;
	margin: 0 auto;
	border: 1px solid #FFFFFF;
	background: #005100;
	background: -webkit-gradient(linear, left top, left bottom, from(#008800), to(#005100));
	background:    -moz-linear-gradient(top, #008800, #005100);
	background:     -ms-linear-gradient(top, #008800, #005100);
	background:      -o-linear-gradient(top, #008800, #005100);
	background:         linear-gradient(top, #008800, #005100);
	-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.4);
	   -moz-box-shadow: 0 0 4px 0 rgba(0,0,0,0.4);
	    -ms-box-shadow: 0 0 4px 0 rgba(0,0,0,0.4);
	     -o-box-shadow: 0 0 4px 0 rgba(0,0,0,0.4);
	        box-shadow: 0 0 4px 0 rgba(0,0,0,0.4);
}

	.mode-sp #contents div.announce .h {
		margin: 0;
		padding: 0;
	}

	.mode-sp #contents div.announce .banner {
		margin: 0;
		padding: 5px 9px;
	}

	.mode-sp #contents div.announce .banner .item {
		margin: 0 0 5px;
		padding: 0;
		text-align: center;
	}



/**
 * emergencyInfo
 */
.mode-sp #contents div.emergencyInfo {
	margin: 0;
}

	.mode-sp #contents div.emergencyInfo h2 {
		display: none;
	}

	.mode-sp #contents div.emergencyInfo ul {
		border-top: 1px solid #FFCCCC;
	}
	
		.mode-sp #contents div.emergencyInfo ul .info {
			background: #FFF0F0;
			border: solid #FFCCCC;
			border-width: 0 1px 1px;
			font-size: 14px;
			line-height: 1.286;
		}
		
		.mode-sp #contents div.emergencyInfo ul .info a {
			display: block;
			padding: 12px 22px 12px 10px;
			background: url(../images/ico_arrow_01.png) no-repeat 100% 50%;
			-webkit-background-size: 13px 11px;
			   -moz-background-size: 13px 11px;
			    -ms-background-size: 13px 11px;
			     -o-background-size: 13px 11px;
			        background-size: 13px 11px;
		}
		
		.mode-sp #contents div.emergencyInfo ul .info a p.date {
			color: #000;
		}
	
	#contents div.emergencyInfo ul.rssLink {
		display: none;
	}


/**
 * closeUp
 */
.mode-sp #contents div.closeUp {
	border: 1px solid #FFFFFF;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.6);
	background: #FFCD9B;
}

	.mode-sp #contents div.closeUp .closeUp-heading {
		background-image: -webkit-gradient(
			linear, left top, left bottom,
			from(#FFECD9),
			to(#FFCD9B)
		);
	}
	
		.mode-sp #contents div.closeUp .closeUp-heading .inner {
			position: relative;
			margin: -2px 0 0;
			padding: 10px 9px 8px;
		}
		.mode-sp #contents div.closeUp .closeUp-heading .inner:after {
			content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
		}
			
			.mode-sp #contents div.closeUp .closeUp-heading .inner h2 {
				float: left;
				margin: 0;
				font-size: 14px;
				line-height: 1.143;
			}
	
		/**
		 * more
		 *
		 */
		.mode-sp #contents div.closeUp .inner ul.more{
				float: right;
				margin: -2px 0 0;
		}
		
			.mode-sp #contents div.closeUp .inner ul.more li,
			.mode-sp #contents div.closeUp .inner ul.more li,
			.mode-sp #contents div.closeUp .inner ul.more li {
				float: left;
				margin: 0 0 0 21px;
			}
		
			.mode-sp #contents div.closeUp .inner ul.more li a,
			.mode-sp #contents div.closeUp .inner ul.more li a,
			.mode-sp #contents div.closeUp .inner ul.more li a {
				display: block;
				padding: 3px 12px 3px;
				font-size: 9px;
				line-height: 1.667;
				background: #E4E8EF;
				background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF5EC), to(#FFE1C4));
				background-image: -moz-linear-gradient: top, #FFF5EC, #FFE1C4;
				background-image:  -ms-linear-gradient: top, #FFF5EC, #FFE1C4;
				background-image:   -o-linear-gradient: top, #FFF5EC, #FFE1C4;
				background-image:      linear-gradient: top, #FFF5EC, #FFE1C4;
				-webkit-border-radius: 5px;
				   -moz-border-radius: 5px;
				    -ms-border-radius: 5px;
				     -o-border-radius: 5px;
				        border-radius: 5px;
				-webkit-box-shadow: 0 -1px 0 #FFCB97, 0 1px 0 #FFFFFF;
				   -moz-box-shadow: 0 -1px 0 #FFCB97, 0 1px 0 #FFFFFF;
				    -ms-box-shadow: 0 -1px 0 #FFCB97, 0 1px 0 #FFFFFF;
				     -o-box-shadow: 0 -1px 0 #FFCB97, 0 1px 0 #FFFFFF;
				        box-shadow: 0 -1px 0 #FFCB97, 0 1px 0 #FFFFFF;
			}

		/**
		 * ul
		 */
		.mode-sp #contents div.closeUp .closeUp-contents ul {
			margin: 0 4px 4px;
		}
		
		.mode-sp #contents div.closeUp .closeUp-contents ul li {
			margin: 0 0 2px;
			font-size: 14px;
			line-height: 1.286;
			-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3);
		}
		
		.mode-sp #contents div.closeUp .closeUp-contents ul li a {
			display: block;
			padding: 12px 22px 12px 10px;
			background: #FFF url(../images/ico_arrow_01.png) no-repeat 100% 50%;
			overflow: hidden;
			-webkit-background-size: 13px 11px;
			   -moz-background-size: 13px 11px;
			    -ms-background-size: 13px 11px;
			     -o-background-size: 13px 11px;
			        background-size: 13px 11px;
		}

			/**
			 * label
			 */
			.mode-sp #contents div.closeUp .closeUp-contents ul li a span.label {
				display: block;
				float: left;
				margin: 0 4px 0 0;
			}
			.mode-sp #contents div.closeUp .closeUp-contents ul li a span.label img {
				position: relative;
				top: -3px;
				vertical-align: middle;
			}
			
			.mode-sp #contents div.closeUp .closeUp-contents ul li a span.text {
				display: block;
				float: left;
			}