@charset "UTF-8";

/* wrapper ----------------------------------------*/
#voice #contents{
	position: relative;
	background-image: url(../img/voice_header_bg.jpg);
}

/* select_tab ------------------------------------------*/
.select_tab{
	max-width: 320px;
	margin: 40px auto 0;
	text-align: center;
}
.select_tab li{
	display: inline-block;
	width: 32%;
	margin: 10px 0px;
	vertical-align:bottom;
}
.select_tab li a{
	display: block;
	border-radius: 6px;
	border: 1px solid #919F7A;
	padding: 10px 0;
	text-align: center;
	text-decoration: none;
	color: inherit;
}
.select_tab li a .name{
	font-size: 13px;
	font-weight: bold;
	line-height: 25px;
}
.select_tab li a .method{
}
/* detail -----------------------------------------*/
.detail{
	margin-top: 25px;
	background: url(../img/bg_ptn02.png) no-repeat center center;
	-webkit-background-size: contain;
	background-size: contain;
}

/* detail > header -----------------------------------------*/
.detail > header{
	padding: 15px 0;
	background: #AAAD88;
	min-height:350px;
}
.detail > header .inner{
	max-width: 320px;
	margin: 0 auto;
	text-align: center;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.detail > header .image{
	text-align: center;
	margin: 0 20px;
}
.detail > header .name{
	padding: 15px 0;
	font-size: 18px;
	color: #ffffff;
}
.detail > header .method{
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
}
.detail > header .more{
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.5em;
}
.detail > header .more a{
	display: inline-block;
	height: 18px;
	line-height: 18px;
	padding: 0 0.3em;
	font-size: 13px;
	color: #3E3A39;
	border: 1px solid #4D3B30;
	text-decoration: none;
	vertical-align: middle;
	background: #ffffff;
}
.detail > header .more a:after{
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 0.3em;
	vertical-align: middle;
	background: url(../img/icon_arrow02.png) no-repeat 0 0;
	-webkit-background-size: contain;
	background-size: contain;
}
.detail > header ul{
	margin-top: 10px;
	padding: 10px 30px;
	border-top: 1px solid #E8BB5A;
	vertical-align: top;
	text-align: left;
}
.detail > header li{
	line-height: 2;
}
/* article_wrap -----------------------------------------*/
.article_wrap{
	margin-top: 25px;
}
.article_wrap > article{
}
.article_wrap > article > div{
}
.article_wrap > article .image{
	padding: 15px 30px 0;
	text-align: center;
}
.article_wrap > article .txt{
	max-width: 400px;
	padding: 0 15px;
	line-height: 1.8;
	margin: 30px auto 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.article_wrap > article .txt:first-child h1{
	text-align: center;
	margin-bottom: 20px;
	    font-size: 21px;
}

/* gallery -----------------------------------------*/
.gallery{
	margin-top: 25px;
	padding: 30px 0 40px;
	background: url(../img/voice_bg_ptn01.png) no-repeat top center;
	-webkit-background-size: auto 10px;
	background-size: auto 10px;
}
.gallery > header{
}
.gallery > header h1{
	text-align: center;
}
.gallery > header p{
	text-align: center;
	line-height: 1.8;
	margin-top: 10px;
}
.gallery ul{
	max-width: 320px;
	margin: 30px auto 0;
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.gallery li{
	float: left;
	width: 25%;
	text-align: center;
}
.gallery li a{
	display: inline-block;
	width: 57px;
	height: 43px;
	margin-top: 10px;
}
.gallery li a img{
	width: 100%;
	height: 100%;
}
/* overwrite lightbox ------------------------------------------*/
.lightboxOverlay{
	background: transparent;
}
.lb-outerContainer{
	border-radius: 0;
	background: rgba(185,187,155,0.6);
}
.lb-container {
    padding: 16px 30px 12px;
}
.lb-dataContainer{
	padding: 0;
	position: relative;
	z-index: 100;
}
.lb-data .lb-close{
	position: absolute;
	top: -10px;
	right: -10px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 3px solid #ffffff;
	background-color: #888888;
	background-position: center center;
	-webkit-background-size: 10px auto;
	background-size: 10px auto;
	opacity: 1;
}
/* overwrite bxslider ------------------------------------------*/
.bx-wrapper{
	margin-bottom: 0;
}
.bx-wrapper .bx-viewport{
	border: none;
	left: 0;
	box-shadow: inherit;
}
.bx-wrapper img{
	display: inline-block;
}
/* etc ----------------------------------------*/
#cnav01{
	margin-top: 25px;
}
#cnav03{
	margin-top: 70px;
}