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

/**********************************************************************
*
*　　 ■about
*
**********************************************************************/

#about00 section,
#about01 section,
#about02 section,
#about03 section,
#about04 section {
	border-top: 10px solid #E6E6E6;
	border-bottom:1px solid #CCC;
}

#about00 section:first-child,
#about01 section:first-child,
#about02 section:first-child,
#about03 section:first-child,
#about04 section:first-child {
	border-top: none !important;
}

#about00 section:last-child,
#about01 section:last-child,
#about02 section:last-child,
#about03 section:last-child,
#about04 section:last-child {
	border-bottom: none !important;
	box-shadow: 0 1px 0 #CCC, 0 10px 0 #E6E6E6 !important;
	padding-bottom:11px;
	margin-bottom:11px;
}

#about00 section img,
#about01 section img,
#about02 section img,
#about03 section img,
#about04 section img {
	width: 100%;
	vertical-align: bottom;
}

#about00 section h2,
#about01 section h2,
#about02 section h2,
#about03 section h2,
#about04 section h2 {
	background: #F0F0F0;
	color: #555;
	line-height: 32px;
	font-size: 14px;
	text-align: center;
}

#about_top #a00_p {
	background: #FFE7D2;
	color: #333;
	border: 3px solid #FF7700;
	padding: 20px;
	line-height: 18px;
	font-size: 14px;
}

#about_top p img {
	width: 100%;
	vertical-align: bottom;
}

#about_top p.a01_txt {
	padding: 20px;
	line-height: 18px;
	font-size: 16px;
}

#about_nav {
	width: 94%;
	margin: 0 auto;
}
#about_nav li {
	width: 100%;
	height: 50px;
	margin: 0 auto 5px;
	padding: 3px;
	color: #FFF;
	line-height: 44px;
	font-size: 20px;
	letter-spacing: 0.1em;
	text-align: center;
}
#about_nav li.a01 {
	background: #74E2B0;
}
#about_next li.a01 p a {
	background: #74E2B0 url(/sp/common/img/link_arrow.png) no-repeat 90% center;
	background-size: 20px;
}
#about_nav li.a02 {
	background: #FFA5B7;
}
#about_next li.a02 p a {
	background: #FFA5B7 url(/sp/common/img/link_arrow.png) no-repeat 90% center;
	background-size: 20px;
}
#about_nav li.a03 {
	background: #FFC850;
}
#about_next li.a03 p a {
	background: #FFC850 url(/sp/common/img/link_arrow.png) no-repeat 90% center;
	background-size: 20px;
}
#about_nav li.a04 {
	background: #76CAF6;
}
#about_next li.a04 p a {
	background: #76CAF6 url(/sp/common/img/link_arrow.png) no-repeat 90% center;
	background-size: 20px;
}

#about_nav li span {
	float: left;
	display: block;
	width: 44px;
	line-height: 44px;
	margin-right:10px;
	text-align: center;
	font-size: 20px;
	background: #FFF;
}
#about_nav li.a01 span {
	color: #74E2B0;
}
#about_nav li.a02 span {
	color: #FFA5B7;
}
#about_nav li.a03 span {
	color: #FFC850;
}
#about_nav li.a04 span {
	color: #76CAF6;
}

#about_next {
	width: 94%;
	margin: 0 auto 20px;
}

#about_next li p {
	height: 48px;
	margin: 5px auto 20px;
}

#about_next li a {
	display: block;
	width: 100%;
	line-height: 48px;
	text-align: center;
	color: #FFF;
	font-size: 16px;
}

#area_nav {
    width:94%;
	height: 60px !important;
	margin: 10px auto 20px;
}

#area_nav li {
	float: left;
	width: 48%;
	height: 60px;
	margin: 0 0 0 4%;
}

#area_nav li:first-child {
	margin: 0;	
}

#area_nav li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 8px 0;
	text-align: center;
	line-height: 18px;
	font-size: 12px;
	border: 4px solid #DD272D;
}

#area_nav li a.on {
	display: block;
	background: #DD272D;
	color: #FFF !important;
}

#area_address {
	width: 100%;
	padding: 10px;
	background: #29C7F3;
	margin: 0 0 15px;
}

#area_address p {
	color: #FFF;
}

table#area-t {
	width:100%;
	padding: 0 0 10px;
}

table#area-t th {
	width: 50px;
	text-align: center;
	color: #FFF;
	background: #29C7F3;
	vertical-align:middle;
}

table#area-t td {
	padding: 10px 0;
	text-align: center;
	color: #333;
	background: #DFF7FD;
	vertical-align:middle;
}

table#area-t td p {
	width: auto;
	float: left;
	margin-left: 10px;
}

#guide_03 h5 {
	height: 80px;
	padding: 15px 0 15px 30px !important;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	margin: 0 0 15px !important;
	font-size:18px;
	text-align: center;
}

#guide_03 h5.plan01 {
	background: url(/sp/guideline/img/plan01_icon.png) no-repeat left center;
	background-size: 50px !important;
	line-height: 50px;
	color: #5255A9 !important;
}

#guide_03 h5.plan02 {
	background: url(/sp/guideline/img/plan02_icon.png) no-repeat left center;
	background-size: 50px !important;
	line-height: 22px;
	color: #E52752 !important;
}

/**********************************************************************
*
*　　 ■透過
*
**********************************************************************/

#column-box ul li a:hover section h3 img,
#column-box ul li a:hover section div img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

/**********************************************************************
*
*　　 ■角丸
*
**********************************************************************/

#column-box ul li a,
#column-box ul li a section p,
#column-cnt h3,
#column-cnt #back-btn a {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
}

/**********************************************************************
*
*　　 ■border-box
*
**********************************************************************/

#about_top #a01_p,
#about_nav li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

/**********************************************************************
*
*　　 ■回り込み解除
*
**********************************************************************/

#column-box ul:after,
#about_nav:after {
	content: "";
	display: block;
	clear: both;
}