h1.ttl{
	height: 115px;
	padding-top: 85px;
	background: url(../img/about/bg_about.jpg) 50% 0 no-repeat;
	background-size: 100% auto;
	color: #fff;
	text-align: center;
	letter-spacing: 0.2em;
	line-height: 0.75em;
}
.common h1.ttl{ background-image: url(../img/bg_common.jpg)}
.saracenu h1.ttl{ background-image: url(../img/saracenu/bg_saracenu.jpg)}
.achievements h1.ttl{ background-image: url(../img/achivements/bg_achievements.jpg)}
.events h1.ttl{ background-image: url(../img/events/bg_events.jpg)}

h1.ttl span{
	font-size: 14px;
	font-weight: normal;
	text-transform: capitalize;
	letter-spacing: 0.1em;
	font-family: Georgia, "Times New Roman", Times, serif
}

.btnS a{
	display: inline-block;
	padding: 5px 20px 5px 10px;
	border: 1px solid #8e84b9;
	background: url(../img/bg_ar.png) no-repeat 92% 50%;
	color: #8e84b9;
	text-decoration: none;
	font-size: 11px
}
.btnS a:hover{
	background: #8e84b9 url(../img/bg_ar2.png) no-repeat 92% 50%;
	color: #fff;
}

.liDot li{
	margin-left: 2em;
	list-style: square
}
.li3col li{
	float: left;
	width: 245px;
	margin: 0 10px;
}

.mt5{ margin-top: 5px !important}
.mb20{ margin-bottom: 20px !important}

.rTxt{ text-align: right}
.bTxt{ font-weight: bold}
.blTxt{ color: #8e84b9}

.imgBox{
	text-align: center;
	font-size: 12px;
}
.imgBox img{
	display: inline-block;
	margin-bottom: 10px
}
.cTxt{ text-align: center}


/* ==============================================================
/*     HOME 
/* ============================================================== */

.bx-wrapper .bx-viewport{
	left: 0;
	box-shadow: none;
	border: none;
}
#slider li {
	height: 350px;
	background: center / cover no-repeat;
}
.bx-wrapper .bx-caption {
    right: 0;
    left: auto;
    background: rgba(0, 0, 0, 0.5);
    width: auto;
}
.bx-wrapper .bx-caption span {
    padding: 5px 10px;
}

.aboutBox{
	margin-bottom: 50px;
	padding: 40px 40px 20px;
	background: #f7f6fa url(../img/top/img_about.jpg) no-repeat 700px 40px;
}
.aboutBox dt{
	float: none !important;
	width: 250px !important;
	padding: 0 !important;
}
.aboutBox dd{
	padding: 20px 240px 0 0 !important;
	border: none !important;
	font-size: 15px
}

.lCol, .rCol{
	position: relative;
	float: left;
	width: 460px;
	margin-bottom: 40px
}
.lCol{ margin-right: 20px}

#oneCol h2{
	margin-bottom: 20px;
	padding-bottom: 10px;
	color: #8e84b9;
	border-bottom: 2px solid #8e84b9
}
#oneCol h2 span{ font-size: 24px}
.lCol h2, .rCol h2{ margin-bottom: 5px !important}

.dlLine{ border-top: 1px solid #f2f2f2}
#oneCol dt, .dlLine dt{
	float: left;
	width: 150px;
    margin-bottom: 0 !important;
	padding: 15px 0 15px 10px;
}
#oneCol dd, .dlLine dd{
    margin-bottom: 0 !important;
	padding: 15px 10px 15px 160px;
	border-bottom: 1px solid #f2f2f2
}
.dlLineW dt{
	width: 180px !important;
}
.dlLineW dd{
	padding: 15px 10px 15px 180px !important;
}

.lCol .btnS, .rCol .btnS{
	position: absolute;
	top: -5px;
	right: 0
}

#topNav li, #liBn li{
	float: left;
	width: 220px;
	margin: 0 20px 40px 0
}
#topNav li.lastL, #liBn li.lastL{ margin-right: 0}
#topNav li a{ text-decoration: none}
#topNav li span{
	display: block;
	padding: 15px 0;
	background: #8e84b9;
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: bold
}
#liBn li{
	margin: 0 20px 20px 0
}


#liActv li{ margin-bottom: 30px !important}
#liActv li.img{
	position: relative;
	min-height: 150px;
	padding-left: 170px;
}
#liActv li img{
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

/* ==============================================================
/*     About 
/* ============================================================== */
.tblMember th{
	background: #ddd;
}
.tblMember th, .tblMember td{
	padding: 15px 10px;
	font-size: 13px
}
.tblMember td strong{ font-weight: normal}
.tblMember .ttl{
    padding: 10px;
    border-top: 1px solid #c6c4d2;
    background: #dddaea;
}
.w15{ width: 15% !important}
.w20{ width: 20% !important}
.w25{ width: 25% !important}

/* ==============================================================
/*     Saracenu 
/* ============================================================== */
.dlFeature dt{
	margin-bottom: 10px !important;
	font-size: 15px;
}
.dlFeature dt span{
	display: inline-block;
	width: 30px;
	margin-right: 5px;
	line-height: 30px;
	text-align: center;
	background: #8e84b9;
	color: #fff;
	vertical-align: middle
}
.dlFeature dd{
	margin-bottom: 30px !important
}


/* ==============================================================
/*     施工実績
/* ============================================================== */

.acvBox{ position: relative}
.acvBox h3, .acvBox p{ padding-left: 160px}
.acvBox p{ min-height: 110px}
.acvBox p img{
	position: absolute;
	top: 40px;
	left: 0
}

.acvBoxNoImg h3, .acvBoxNoImg p{ padding-left: 0}
.acvBoxNoImg p{ min-height: 0}

.acvBox li{
	position: relative;
	float: left;
	width: 220px;
	margin-right: 20px
}
.acvBox li span{
	position: absolute;
	display: block;
	top: 5px;
	right: 5px;
	padding: 2px 7px;
	background: #fff;
	font-size: 11px;
}
.acvBox li span.icoBefore{
	top: 95px;
	right: auto;
	left: -30px;
	padding: 5px 0 0 15px;
	width: 25px;
	height: 35px;
	border-radius: 30px;
	background: #8e84b9;
	color: #fff;
	font-size: 20px !important
}

.acvBox li.lastL{
	margin-right: 0
}
/*.acvBox dt{
	display: inline-block;
	margin-bottom: 5px !important;
	padding: 2px 5px;
	background: #8e84b9;
	color: #fff;
	font-size: 12px
}*/
.acvBox dt{
	margin-bottom: 3px !important;
	color: #8e84b9;
	font-size: 12px
}
.acvBox dd{
	margin-bottom: 13px !important;
}

.acvBox.closeupBox{
    border: none;
    padding: 0;
}
.acvBox.closeupBox li{
    font-size: 13px;
}
.acvBox.closeupBox li span{
	top: 5px;
    left: 45px;
	color: #8e84b9;
	font-size: 18px;
    font-weight: bold;
}
.acvBox.closeupBox li span.twoLine{
	top: 2px;
    line-height: 1;
	font-size: 18px;
    font-weight: bold;
}
.acvBox.closeupBox li span.icoBefore{
    top: 0;
    left: 0;
    width: 27px;
    padding-left: 13px;
    color: #fff;
}
.acvBox.closeupBox li img{
    padding: 50px 0 10px;
}

.aboutBox.aboutBoxNoimg{
    background-image: none;
}
.aboutBox.aboutBoxNoimg dt{
	width: auto !important;
	padding: 0 !important;
    color: #8e84b9;
    font-size: 18px;
    font-weight: bold;
}
.aboutBox.aboutBoxNoimg dd{
	padding: 0 !important;
	border: none !important;
	font-size: 14px
}

/* ==============================================================
/*     Event
/* ============================================================== */
.dlEvent{
	margin-bottom: 30px;
	padding: 15px 30px;
	background: #f3f8fb;
}
.dlEvent dt{
	float: left;
	width: 80px;
	margin-bottom: 0 !important;
	padding: 10px 0;
	color: #8e84b9
}
.dlEvent dd{
	margin-bottom: 0 !important;
	padding: 10px 0 10px 90px;
}
.liImg{ text-align: center}
.liImg li{
	display: inline-table;
	margin: 0 4px;
	text-align: center;
	font-size: 12px;
}
.liImg2 li{ margin: 0 3px}
.liImg li img{
	margin-bottom: 5px
}

/* ==============================================================
/*     Contact 
/* ============================================================== */

.liFlow li, .liBtn input[type="submit"], .liBtn input[type="button"]{
	float: left;
	width: 246px;
	margin: 0 10px 20px !important;
	padding: 15px 0;
	background: #eee;
	text-align: center;
	font-size: 16px;
}
.liFlow li{ margin: 20px 10px 40px !important;}
.liFlow li.active, .liBtn input[type="submit"]{
	background: #8e84b9;
	color: #fff;
	font-weight: bold
}

.liBtn{
	margin-top: 30px;
	text-align: center
}
.liBtn li{
	float: none;
	display: inline-block;
}
.liBtn input[type="submit"], .liBtn input[type="button"]{
	font-size: 18px;
	border: none;
	border-radius: 5px;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
}
.liBtn input[type="submit"]{
	box-shadow: 0 3px 0 #726a94;
    cursor: pointer;
}

.dlContact dt{
	clear: left;
	float: left;
	width: 250px;
	font-weight: bold
}
.dlContact dd{
	border-bottom: 1px solid #eee;
	padding: 0 0 10px 250px;
}
.dlContact input[type="text"], .dlContact input[type="email"], .dlContact textarea{
	width: 300px;
	margin-bottom: 8px;
	padding: 10px;
	border: 2px solid #eee;
}
.dlContact textarea, .wL{ width: 520px !important}
.wS{ width: 100px !important}
.error{
	padding-left: 10px;
	color: #c00;
	font-weight: bold
}

/* ==============================================================
/*     Sitepolicy 
/* ============================================================== */

.bdBox{
	padding: 10px;
	border: 1px solid #eee;
	font-size: 11px;
}
.bdBox pre{
	word-wrap: break-word
}

.pdfBox{
	padding: 20px;
	background: #f6f6f6;
	font-size: 13px;
}
.pdfBox img{
	float: left;
	margin-right: 20px;
	font-size: 12px;
}