@charset "UTF-8";

/*** CSS Document ********************************************

	custom.css

*************************************************************/

#senkyo{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
#senkyo a{
	text-decoration: none;
}
#icarch{
	position: relative;
	z-index: 1;
}
#icarch img{
	display: block;
	max-width: 100%;
}
#area{
	margin: -5% 0 0 0;
	padding: 0 0 10% 0;
	position: relative;
	z-index: 10;
	background: url(../img/about_top.png) repeat-x center bottom;
}
#area section,
#about section{
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}
#area section h2{
	text-align: center;
	font-size: 20px;
	letter-spacing: 0.1em;
	padding: 40px 0 20px 0;
	background: url(../img/tpc01_bg.png) no-repeat center top;
	background-size: auto 30px;
}
#area section article{
	margin: 0 0 0.5% 0;
}

#area section article dl{
	width: 48%;
	float: left;
	margin: 0 0.5% 0 0;
}

#area section article dl:nth-child(2n){
	margin-right: 0;
	float: right;
}
#area section article dl:nth-child(2n+1){
	clear: both;
}

.ac_menu dt{
	display: block;
	margin: 0 0 10px 0;
	padding: 40px 0;
	color: #fff;
	font-size: 16px;
	text-align: center;
	background: url(../img/area_btn01.png) no-repeat left top,
	url(../img/arrow.png) no-repeat center bottom #25B99A;
	background-size: 40px auto,
	30px auto;
	cursor: pointer;
}
.ac_menu dt em{
	font-style: normal;
	font-size: 20px;
	font-weight: bold;
}
.ac_menu dd{
	display: none;
	padding: 0 0 5% 0;
}
.ac_menu dt.active{
	background: url(../img/area_btn02.png) no-repeat left top,
	url(../img/arrow_active.png) no-repeat center bottom #E2C400;
	background-size: 40px auto,
	30px auto;
}
#area section article dl dd
ul li{
	width: 100%;
	margin: 0 0 2% 0;
}
#area section article dl dd
ul li a{
	display: block;
	padding: 10px 0;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background: #E54C39;
	border-radius: 3px;
	border-bottom: 3px solid #B2362D;
}
#area section article dl dd
ul li a:hover{
	padding: 13px 0 10px 0;
	color: #fff;
	border-bottom: none;
}

#about{
	padding: 5% 0 10% 0;
	color: #fff;
	background:url(../img/footer_top.png) repeat-x bottom #333;
	background-size: auto 40px;
}
#about section h2{
	text-align: center;
	color: #fff;
	font-size: 20px;
	letter-spacing: 0.1em;
	padding: 40px 20px 0;
	margin: 0 0 15px 0;
	background: url(../img/tpc02_bg.png) no-repeat center top;
	background-size: auto 30px;
}
#about section p{
	letter-spacing: 0.1em;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
}

.adbnr h3{
	background-color: #E74C3C;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 5px;
}
.adbnr li{
	padding: 10px 15px;
	border-bottom: 1px solid #CCC;
	background-repeat: no-repeat;
	background-size: 2%;
	background-position: 99% center;
}
.adbnr li a{
	color:#3398da;
	text-align:left !important;
}