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

#sub-wrapper{
	width:760px;
}
#sub-wrapper a:hover{
	opacity:0.8;
}

#sub-wrapper .header{
	margin:0 0 10px;
	height:252px;
	background-image:url(images/topbg01.jpg);
	background-repeat:no-repeat;
}
#sub-wrapper .toptitle{
	width:263px;
	margin:0 auto;
	padding:15px 0 0;
}
#sub-wrapper .mainarea{
	width:760px;
	overflow:hidden;
}

#sub-wrapper .leftarea{
	float:left;
	border-bottom:solid 2px #940000;
	border-left:solid 2px #940000;
	border-right:solid 2px #940000;
	width:466px;
	background-image:url(images/leftbg01.jpg);
	background-repeat:no-repeat;
}

#sub-wrapper .rightarea{
	float:right;
}

#sub-wrapper .rightarea > article{
	margin:0 0 10px;
	border:solid 1px #aaa;
}
#sub-wrapper .rightarea > article .last{
	margin:0;
}

#sub-wrapper .bottomarea{
	width:760px;
	margin:10px 0 0;
}
#sub-wrapper map{
	width:469px;
	height:304px;
}
#sub-wrapper map:hover{
	opacity:0.7;
}

#sub-wrapper .bottomarea ul{
	overflow:hidden;
	border:solid 2px #940000;
}
#sub-wrapper .bottomarea ul li{
	float:left;
	margin:10px 6px;
}
/* SP版
**********************************/

#sp-wrapper{
	width:100%;
	overflow:hidden;
}
#sp-wrapper img{
	width:100%;
}
#sp-wrapper .arearesearch{
	width:100%;
}
#sp-wrapper .arearesearch li.title{
	border-bottom:solid 1px #C00;
	background-color:#F60;
	padding:3px 0;
	text-align:center;
}
#sp-wrapper .arearesearch li a{
	position: relative;
	display:block;
	border-bottom:solid 1px #C97171;
	background-color:#AC2B2B;
	padding:3px 0 3px 15px;
	color:#FFF;
}
#sp-wrapper .arearesearch li a:after{
	position: absolute;
	top: 50%;
	right: 20px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#sp-wrapper .rightarea article{
	display:table;
	margin:10px 0;
}
#sp-wrapper .rightarea article figure{
	display:table-cell;
	width:30%;
}
#sp-wrapper .rightarea article .inner{
	display:table-cell;
	width:70%;
	vertical-align:middle;
	position:relative;

}
#sp-wrapper .rightarea article .inner h3{
	padding-left:10px;
	width:80%;
}
#sp-wrapper .rightarea article .inner p{
	padding-left:10px;
	font-size:0.8em;
	width:80%;
}
#sp-wrapper .rightarea article .inner a{
	color:#333;
}
#sp-wrapper .rightarea article .inner a:after{
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#sp-wrapper .bottomarea ul{
}
#sp-wrapper .bottomarea ul li{
}
#sp-wrapper h2.title{
	width:100%;
}
#sp-wrapper inner h3{
	font-size:1.1em;
}
#sp-wrapper inner p{
	font-size:0.8em;
}