@charset "utf-8";

main > section > article {
	text-align: left;
	}

main > section:nth-child(even){
background:#F8F8FA;
}

main p {
	margin-bottom: 3em;
}
main li p, main dd p, main ul li ul li, main li li, main li a, main p a {
	font-size: inherit;
}
main h3, main h4, main h5, main h6 {
	margin-bottom: 1em;
}
.ttl {
	width: 100%;
	color: #555;
	font-weight: bold;
	text-align: center;
	background: url(../images/bg.png) center top no-repeat #EAF7F7;
	background-size: cover;
	padding: 75px 0;
}
h2 {
	font-size: 3.3em;
	text-align: center;
	position: relative;
	font-weight: normal;
	display: block;
	color: #555;
	height:auto;
	padding:0;
	margin:0;
	text-shadow:none;
}
main h3 {
text-align: left;
display: block;
color:#61BEB4;
border-bottom:2px solid #61BEB4;
font-size:3em;
font-weight:bold;
line-height: 1.3;
}
main h4 {
	color: #555;
	border-bottom: 1px solid #ccc;
	clear: both;
	padding: 0 0 10px;
}
main h5 {
	font-size: 1.6em;
	font-weight: bold;
	text-align: left;
	border: none;
	color: #555;
}
main th,  main td {
	margin: 0 0 0px 0;
	padding: 10px;
	line-height: 1.5;
	font-size: 1.6em;
	text-align: left;
}
main table{width:100%;
background:#EAF7F7;
}

main td:first-child{
font-weight:bold;
white-space: nowrap;
}


main ul {
	margin: 0 0 50px 0;
}

.overview_wrap{border-top:1px solid #eee;}




main .flow p{
  position: relative;
}

main .flow p:after {
position: absolute;
content: '';
top: 100%;
left: 47%;
border: 15px solid transparent;
border-top: 15px solid #EAF7F7;
width: 0;
height: 0;
}

.box1{
background:#EAF7F7;
padding:5% 5%;
}

.summary .overview_right,
.summary .overview_left{
width:100%;
display: block;
}
.summary .overview_right{
padding-top: 40px;}

.summary .overview_wrap{border:none}



#sld01{
width:700px;
margin:0 auto;
}
#sld01 ul {
	list-style-type: none;
	list-style-position: outside;
	margin: 0px;
	padding: 0px;
}
#sld01 ul li {
	list-style-type: none;
	list-style-position: outside;
	margin: 0px;
	padding: 0px;
}

.rollover {
	margin:0px;
	padding-right:0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.rollover ul,.rollover ul li{
	padding:0px;
	margin:0px;
}
.rollover p {
	float:left;
	width:330px;
	position:relative;
	height: 242px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 40px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.rollover .rollover_view {
	position:absolute;
	top:0;
	left:0;
	width: 340px;
	height: 242px;
}
.rollover .thumb {
	float:left;
	width:325px;
	display:block;
	list-style:none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin: 0px;
}
.rollover .lir {
	float:left;
	width:107px;
	height:120px;
	display: block;
}
.rollover li a{
	color: #343434;
	text-decoration: none;
}
.rollover li{
	text-align: center;
}
.rollover .lil{
	float:left;
	width:107px;
	height:120px;
	display:block;
}

.rollover a img {
	border:0;
}

.rollover .caution{
color:#61BEB4;
font-weight:bold;
line-height: 1.3;
}

.summary main table{
margin-bottom:20px;
background:#fff;
}
.summary main table.timetable th,
.summary main table.timetable td{
font-size:1.4em;
padding:10px;
}
.summary #btn_gmap,
.summary main a{
font-size:inherit;
}


/*forsp*/

@media screen and (max-width: 767px) {
/*lightbox*/
#lightbox-container-image-data-box, #jquery-lightbox, #lightbox-container-image-box, #lightbox-image {
	width: 100%!important;
	height: auto!important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.gv_galleryWrap {
	padding: 0!important;
	z-index: 5;
}
.gv_filmstripWrap {
	display: none;
}
.gv_navWrap {
	left: 90px;
}

main td{display: block;
}

h2,
main h3{font-size: 2.2em;
line-height: 1.3;
}

main img{
max-width:100%;
height:auto;
display: block;
margin:0 auto;
}

.ttl{
padding:50px 0;
}

#sld01{width:100%;}

.rollover p{
width:280px;
height:200px;
float:none;
margin:0 auto 20px;
}
.rollover .rollover_view{
width:280px;
height:200px;
}
#sld01 .rollover .thumb{
float:none;
width:100%;
margin:0 auto 0px;
text-align: center;
}

.rollover .lir,
.rollover .lil{
height:110px;
}
.rollover li br{display:none;}

.summary main table.timetable th,
.summary main table.timetable td{
display: table-cell;
padding:5px 0;
}

/*end sp*/
}