@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

.nav-outline a {
	color: #fff;
	background-color: #b2c9b3;
}
#page-tit .bg {
	background: url(../images/index-images/main01.jpg) 50% -150px no-repeat;
}

/* ==========================================================================
	CONTENTS
	========================================================================== */

/*概要*/

#outline dl {
	overflow: hidden;
	background-color: #fff;
	padding: 20px;
	margin: 0 auto 30px auto;
}
#outline dt {
	float: left;
	width: 20%;
}
#outline dd {
	float: right;
	width: 75%;
	border-left: dotted 1px #999;
	padding-left: 30px;
}

/*地図*/

#map {
	margin-bottom: 0;
}
#map iframe {
	vertical-align: bottom;
}

/*沿革*/

#history {
	background: url(../images/outline-images/bg.gif) 0 0 no-repeat;
	padding: 60px 0;
}
#history h2 {
	margin-bottom: 10px;
}
#history p {
	color: #999;
	margin-bottom: 40px;
}
#history section {
	float: right;
	width: 50%;
}
#history dl {
	overflow: hidden;
	margin-bottom: 30px;
}
#history dt {
	float: left;
	width: 15%;
}
#history dd {
	float: right;
	width: 80%;
}

/* ==========================================================================
	PC 1025px -
	========================================================================== */

@media screen and (min-width: 1200px){

/*概要*/

#outline dl {
	width: 900px;
}
}

@media screen and (min-width: 1025px){
	
}


/* ==========================================================================
	TABLET - 1024px
	========================================================================== */

@media screen and (max-width:1024px){

/*沿革*/

#history {
	background: url(../images/outline-images/bg.gif) 100% 100% no-repeat;
	background-size: 80%;
	padding: 60px 0 0 0;
}
#history p {
	margin-bottom: 30px;
}
#history section {
	float: left;
	width: 100%;
}

}

/* ==========================================================================
	SP - 640px
	========================================================================== */

@media screen and (max-width: 640px) {

/*概要*/

#outline dl {
	padding: 15px;
	margin: 0 auto 20px auto;
}
#outline dl:last-child {
	margin-bottom: 0;
}
#outline dt {
	float: none;
	width: 100%;
	font-weight: bold;
	padding-bottom: 10px;
}
#outline dd {
	float: none;
	width: 100%;
	border-top: dotted 1px #999;
	border-left: none;
	padding: 10px 0 0 0;
}

/*沿革*/

#history {
	background: url(../images/outline-images/bg.gif) 0 100% no-repeat;
	background-size: 130%;
	padding: 60px 0 0 0;
}
#history h2 {
	margin-bottom: 10px;
}
#history p {
	color: #999;
	margin-bottom: 40px;
}
#history dl {
	overflow: hidden;
	margin-bottom: 20px;
}
#history dt {
	float: none;
	width: 100%;
	font-weight: bold;
	margin-bottom: 5px;
}
#history dd {
	float: none;
	width: 100%;
}

}