/* CSS Document */

body {
	color:#333;
}

h1,h2,h3,h4{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a {
	color:#4D4D4D;
}

img {
	vertical-align:bottom;
}

#wrap {
	/*background: url(../img/head/head_back.jpg) repeat-x center top;*/
	padding-top: 154px;
}
.nop #wrap {
	background: url(../img/head/head_back_nop.png) repeat-x center top;
	padding-top: 132px;
}

/* #head */
#head {
	position: fixed;
	top: 0;
	left: 50%;
	min-width: 1200px;
	margin-left: -600px;
	z-index:2000;
}
#head:after {
    background: url(../img/head/head_back.png) no-repeat center top;
    width:2400px; height:153px;
    margin-left: -1200px;
    position: absolute;
    left: 50%;
    top:0;
}
.nop #head:after {
	background: url(../img/head/head_back_nop.png) repeat-x center top;
    width:2400px; height:132px;
    margin-left: -1200px;
    position: absolute;
    left: 50%;
    top:0;
}
	#head .outer {
		position: relative;
		z-index:2001;
	}
		#head .outer .inner {
			background: url(../img/navi/navi_back.png) no-repeat center top;
			height: 154px;
			min-width: 1030px;
		}
		.nop #head .outer .inner {
			height: 132px;
			background: none;
		}
	#headtext {
		line-height: 43px;
		width:1000px;
		margin: 0 auto;
		padding:0 15px;
	}

#navi {
	width:1030px;
	margin: 0 auto;
}
	#navi ul {
		height: 60px;
	}
	#navi li {
		float: left;
		padding-top:30px;
	}
	#navi li.logo {
		width:228px;
		text-align: center;
		padding:0;
	}
		#navi ul li a {
		}
		#navi ul li a:hover {
		}
#h_navi {
	width:515px;
	position: absolute;
	top:0; left: 50%;
}
	#h_navi ul {
		text-align: right;
	}
		#h_navi li {
			display: inline-block;
            /display: inline;
            /zoom:1;
		}

#photo {
	min-width: 1030px;
	margin: -30px auto 0;
	position: relative;
	overflow: hidden;
	height: 361px;
}
	#photo p {
		position: absolute;
		left: 50%;
		margin-left: -600px;
		background: #fff;
		width: 1200px;
		min-height: 30px;
	}

/* #cont */
#cont {
	max-width: 1200px;
	margin: 0 auto;
	background: url(../img/main/tp_back.png) repeat-x left top;
}
.nop #cont {
	max-width: none;
}
	#cont h1 {
		height:190px;
		position: relative;
		min-width: 1030px;
		margin-bottom: 25px;
		overflow: hidden;
	}
		#cont h1 img {
			position: absolute;
			left: 50%; top:0;
			margin-left: -600px;
		}

#topic_path {
	height: 25px;
	width: 980px;
	margin: 0 auto;
	position: relative;
}
	#topic_path ul {
		position: absolute;
		left: 0; top:0;
	}
		#topic_path li {
			float: left;
			line-height: 35px;
			background: url(../img/main/arr_tp.png) no-repeat right center;
			padding-right: 10px;
			margin-right: 5px;
		}
		#topic_path li.current {
			background: none;
			padding-right: 0;
			margin-right: 0;
		}
			#topic_path li a {
				color:#7EC448;
			}

#contact_box {
}
	#contact_box .cont_box {
		background: url(../img/main/cont_back.jpg) no-repeat center top;
		padding:65px 0 0 0;
		min-width: 1030px;
		height: 333px;
	}
		#contact_box .cont_box h2 {
			text-align: center;
		}
		#contact_box .cont_box ul {
			margin: 0 auto;
			width:980px;
			padding-left: 50px;
		}
			#contact_box .cont_box li {
				margin:14px 20px 0 0;
				float: left;
				width:286px; height:255px;
				background: url(../img/main/c_back.png) no-repeat right bottom;
			}
				#contact_box .cont_box li p {
					font-size: 11px;
					padding: 10px 16px 0;
				}
				#contact_box .cont_box li p a:hover {
					text-decoration: none;
				}
			#contact_box .cont_box li.fair {
				margin-top: 0;
				height: 269px;
				padding-left: 13px;
			}
				#contact_box .cont_box li.fair h3 {
					margin-left: -15px;
				}
			#contact_box .cont_box dl {
				text-align: center;
			}
				#contact_box .cont_box dt {
					padding-top:5px;
					margin-bottom: 0;
					font-size: 13px;
					color:#7EC448;
				}
				#contact_box .cont_box dd small {
					display: block;
					text-align: center;
					font-size: 11px;
					margin-top: 5px;
				}

				#contact_box .cont_box dd small table {
					margin: 0 auto;
				}

				#contact_box .cont_box dd small th {
					text-align: right;
					padding-right: 5px;
				}

				#contact_box .cont_box dd small td {
					text-align: right;
				}
#other_box {
	background: url(../img/main/other_back.jpg) no-repeat left top;
	width:980px; height:360px;
	margin: 40px auto 0;
}
	#other_box h2 {
		padding-top: 35px;
		margin-bottom: 30px;
		text-align: center;
	}
	#other_box ul {
		text-align: center;
		font-size: 0;
	}
		#other_box li {
			display: inline-block;
			/display: inline;
			/zoom:1;
			margin: 0 15px;
		}

.page_top {
	width:980px;
	padding:0 25px;
	margin: 20px auto;
	text-align: right;
}
	.page_top a {
		background: url(../img/main/arr_pn.png) no-repeat left center;
		padding-left: 12px;
	}

/* #foot */
#foot {
	min-width: 1030px;
	background: #EFEDE5 url(../img/foot/foot_back_rp.png) repeat-x center bottom;
}
	#foot .sticky-banner {
		background: url(../img/foot/bg_banner.png) no-repeat top left;
		background-size: cover;
		width: 270px;
		position: fixed;
		right: -400px;
		bottom: 0;
		padding: 28px 0 25px 25px;
		z-index: 99;
		transition: ease 1s;
	}
	#foot .sticky-banner.show {
		right: 0;
	}
	#foot .sticky-banner .banner-head {
		text-align: center;
	}
	#foot .sticky-banner p {
		margin: 24px auto 12px;
	}
	#foot .flex-buttons {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 348px;
		margin: 0;
	}
	#foot .flex-buttons a:hover {
		opacity: 0.6;
	}
	#foot .inner {
		width:980px;
		margin: 0 auto;
		padding-top:40px;
		background: url(../img/foot/foot_back.jpg) no-repeat center bottom;
	}
		#foot .inner .info {
			width:250px;
			text-align: center;
			padding-bottom: 60px;
			font-size: 11px;
			float: left;
		}
			#foot .inner .info p {
				margin-top:15px;
				color:#656565;
			}
			#foot .inner .info .s_ban {
				margin-top: 15px;
			}
				#foot .inner .info .s_ban ul {
					display: table;
					margin: 0 auto;
				}
					#foot .inner .info .s_ban ul li {
						display: table-cell;
						padding: 0 5px;
					}
		#foot .inner .navi {
			width: 680px;
			float: right;
			padding-bottom: 35px;
		}
			#foot .inner .navi li {
				display: inline-block;
				/display: inline;
				/zoom:1;
				margin-right: 5px;
				margin-bottom: 25px;
			}
				#foot .inner .navi li a {
					display: inline-block;
					/display: inline;
					/zoom:1;
					border-radius: 3px;
					background: #fff url(../img/main/arr_f.png) no-repeat 8px center;
					padding: 1px 8px 1px 18px;
				}
	#foot address {
		line-height: 55px;
		text-align: center;
		color:#fff;
	}


._disabled {
	opacity: .4 !important;
	pointer-events: none;
}