@charset "utf-8";
/* ===================================================================
CSS information
 file name  :peripheral.css
style info  :タイトル
=================================================================== */
/*-----------------------------------------------------------
	gnavのactive設定
-----------------------------------------------------------*/
#peripheral #gnav ul li.gnav_peripheral a {
	background-position: bottom;
}
/* -----------------------------------------------------------
	.con_intro
----------------------------------------------------------- */
.con_intro {
	width: 1000px;
	margin: 0 auto 80px;
	overflow: hidden;
	*zoom: 1;
}

.con_intro h3 {
	padding: 0 0 0 44px;
	float: right;
}

.con_intro .txt {
	width: 135px;
	padding: 40px 0 0 134px;
	float: right;
}

.con_intro .photo {
	width: 575px;
	float: right;
}

/* -----------------------------------------------------------
	.con_menu_asa
----------------------------------------------------------- */
.con_menu_asa {
	width: 984px;
	margin: 0 auto 60px;
	border: 8px #601a1a solid;
}

.con_menu_asa h3 {
	width: 984px;
}

.con_menu_asa .wrp_menu_asa {
	width: 880px;
	padding: 0 52px 42px;
	overflow: hidden;
	*zoom: 1;
}

.con_menu_asa .wrp_menu_asa .txt_menu_asa {
	width: 630px;
	padding: 10px;
	background: url(../images/peripheral/bg_menu.png) left top no-repeat;
	float: left;
}

.con_menu_asa .wrp_menu_asa .txt_menu_asa img {
	max-width: 630px;
}

.con_menu_asa .wrp_menu_asa .box_menu {
	width: 230px;
	padding: 10px 0 0;
	float: left;
}

.con_menu_asa .wrp_menu_asa .box_menu .photo {
	width: 230px;
}

.con_menu_asa .wrp_menu_asa .box_menu .photo img {
	min-width: 230px;
}

.con_menu_asa .wrp_menu_asa .box_menu .txt {
	width: 210px;
	padding: 20px 0 0 20px;
}


/* -----------------------------------------------------------
	.con_event
----------------------------------------------------------- */
.con_event {
	width: 1000px;
	margin: 0 auto 80px;
	overflow: hidden;
	*zoom: 1;
	color: #222;
}

.con_event .txt {
	width: 365px;
	padding: 10px 40px 0 10px;
	float: left;
}

.con_event .photo {
	width: 575px;
	float: right;
}
/*----------------------------------------------------
	.con_appeal
----------------------------------------------------*/
.con_appeal {
	width: 100%;
	margin: 65px auto;
	padding: 50px 0 0;
	color: #000;
	background: url(../images/home/bg_line.png) top repeat-x;
}

.con_appeal .wrp_appeal {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1;
}

.con_appeal .wrp_appeal .title {
	width: 276px;
	margin: 0 38px 0 0;
	float: left;
}

.con_appeal .wrp_appeal .title h2 {
	padding: 0 0 48px;
}

.con_appeal .wrp_appeal .box_appeal {
	width: 70px;
	background: url(../images/home/bg_appeal.png) left 160px no-repeat;
	float: left;
}

.con_appeal .wrp_appeal .box_appeal ul {
	width: 700px;
	padding: 0 70px 28px;
	overflow: hidden;
	*zoom: 1;
}

.con_appeal .wrp_appeal .box_appeal ul li {
	width: 280px;
	float: left;
	margin: 0 0 0 50px;
	padding: 0 0 20px;
	text-align: center;
}

.con_appeal .wrp_appeal .box_appeal ul li h3 {
	padding: 144px 0 0;
	margin: 0 auto;
}

.con_appeal .wrp_appeal .box_appeal ul li .txt {
	padding: 0 0 11px;
	color: #000;
	font-size: 84%;
}

.con_appeal .wrp_appeal .box_appeal ul li:first-child {
	margin: 0;
}

.con_appeal .wrp_appeal .box_appeal ul li.sotoyu {
	background: url(../images/home/bg_sotoyu.jpg) left top no-repeat;
}

.con_appeal .wrp_appeal .box_appeal ul li.kawahara {
	background: url(../images/peripheral/bg_kawahara.jpg) left top no-repeat;
}

.con_appeal .wrp_appeal .box_appeal ul li.oo {
	background: url(../images/peripheral/bg_oo.jpg) left top no-repeat;
}

.con_appeal .wrp_appeal .box_appeal ul li.matsuba {
	background: url(../images/peripheral/bg_matsuba.jpg) left top no-repeat;
}

.con_appeal .wrp_appeal .box_appeal ul li.jyuuoudou {
	background: url(../images/peripheral/bg_jyuuoudou.jpg) left top no-repeat;
}
.con_appeal .wrp_appeal .box_appeal ul li.yokochi {
	background: url(../images/peripheral/bg_yokochi.jpg) left top no-repeat;
}

.con_appeal .wrp_appeal .box_appeal ul li.hover_box {
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
	background-color: #bc9c87;
}

.migi{
  text-align: right;
}

.cl {
clear: left;
}

.frame img {
	border-radius: 10px;
}