@charset "utf-8";
/*---------------------------------------------
 generic  class
---------------------------------------------*/
.txtB { font-weight: bold; }
.txtN { font-weight: normal; }
.layoutC { text-align: center; }
.layoutL { text-align: left; }
.layoutR { text-align: right; }
.font12{ font-size:12px;}
.font14{ font-size:14px;}
/*---------------------------------------------
 base margin
---------------------------------------------*/
.mt0 { margin-top: 0px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.ml0 { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
/*---------------------------------------------
 module style
---------------------------------------------*/
.h2Wrap { overflow: hidden; position: relative; margin-bottom: 8px; }
.h2Wrap .more { position: absolute; top: 3px; right: 0; }
.h2Wrap .more a { background: url(/sekkei/common/images/btn_more.png) no-repeat left top; width: 80px; height: 24px; text-indent: -9999px; display: block; }
.h2Wrap .more a:hover { background: url(/sekkei/common/images/btn_more.png) no-repeat left bottom; }
#contents .col2Wrap { margin-bottom: 40px; overflow: hidden; }
.col2Wrap .colL { float: left; width: 470px; }
.col2Wrap .colR { float: right; width: 470px; }
.arrow { background: url(/sekkei/common/images/icon_arrow_01.png) no-repeat left 0.4em; padding-left: 10px; display: inline-block; }
.blank { background: url(/sekkei/common/images/icon_blank.png) no-repeat left 0.4em; padding-left: 15px; display: inline-block; }
.borderList { border-top: 2px solid #e6e6e6; }
.borderList li { padding: 10px 0; border-bottom: 1px dotted #e6e6e6; overflow: hidden; }
.borderList li .date { float: left; margin-right: 20px; }
.borderList li .txt { overflow: hidden; font-size: 14px; }
.workList { margin-top: 20px; overflow: hidden; border-left: 1px solid #e6e6e6; margin-left: -1px; }
.workList li { float: left; width: 239px; border-right: 1px solid #e6e6e6; }
.workList li a { display: block; background: url(/sekkei/common/images/bg_arrow_off.png) no-repeat right bottom; height: 100%; }
.workList li a:hover { background: url(/sekkei/common/images/bg_arrow_on.png) no-repeat right bottom #f2f2f2; text-decoration: none; }
.workList li a p { padding: 10px 20px; }
.workList .img { }
.workList .ttl { display: block; margin-top: 10px; font-size: 14px; font-weight: bold; }
.workList .txt { display: block; margin-top: 10px; color: #333; }

.visualTtl{ height: 54px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; text-align: center; padding:20px 0; background: #fafafa;}
.visualTtl .ttl{ font-size: 24px; display: block;}
.visualTtl .read{ font-size: 12px; color:#0059af; display: block;}
#about .visualTtl{ background:url(/sekkei/common/images/bg_ttl_about.jpg) no-repeat center; }
#works .visualTtl{ background:url(/sekkei/common/images/bg_ttl_works.jpg) no-repeat center; }
#faq .visualTtl{ background:url(/sekkei/common/images/bg_ttl_faq.jpg) no-repeat center; }
#contact .visualTtl{ background:url(/sekkei/common/images/bg_ttl_contact.jpg) no-repeat center; }

.section{ padding:20px 0;}
.section h3{ background: url(/sekkei/common/images/bg_ttl_solid.png) no-repeat left center; padding-left:15px; font-size: 16px; font-weight: bold; color:#0059af; margin-bottom: 15px;}
.section .sectionInner { font-size: 14px; width:900px; margin:0 auto;}
.section .sectionInner p{ margin-bottom:5px;}
.tableType01{ border-collapse:collapse; width: 100%; border-top:2px solid #e6e6e6; border-bottom:2px solid #e6e6e6;}
.tableType01 th,.tableType01 td{ border-bottom:1px solid #e6e6e6; padding: 8px; vertical-align: top;}
.tableType01 th{ border-right:20px solid #fff; font-weight: bold; width: 180px;}
.workDetailList{ width: 920px; margin: 30px auto;	background: url(/sekkei/common/images/bg_white_20.png) no-repeat center top #e6e6e6 ; padding-top: 2px;}
.workDetailList ul{
	overflow: hidden;
	margin-right: -20px;
	background: #fff;
}
.workDetailList li { float:left; margin-right: 20px; width: 450px; border-bottom:2px solid #e6e6e6; padding:10px 0 0; }
.workDetailList li dl{}
.workDetailList li dl dt{ color: #0059af; font-size: 16px; font-weight: bold; padding-bottom: 8px;}
.workDetailList li dl .data {	overflow: hidden; padding-bottom:10px; border-bottom:1px dotted #e6e6e6;}
.workDetailList li  .data .img { float: left; margin-right: 20px;}
.workDetailList li  .data .img a{ display:block; position:relative;}
.workDetailList li  .data .img a:before {content: ""; background: url(/sekkei/common/images/icon_zoom.png) no-repeat right bottom; position: absolute; bottom: 3px; right: 3px; width: 100px; height:100px; z-index:2;}
.workDetailList .data .txt { padding: 5px 0; overflow: hidden;}
.workDetailList .data .cat{ background:#0059af; color: #fff; display: inline-block; width:auto; padding: 1px 5px; }
.workDetailList .read { font-size: 14px; padding: 5px 0 2px;}
.tableType01 .q{color: #0059af; padding-left: 20px; text-indent: -20px;}
.tableType01 .a{ padding-left: 20px; text-indent: -20px;}
/*---------------------------------------------
 privacy
---------------------------------------------*/
.privacyTtl {
	font-size: 24px;
	text-align: center;
	margin-top: 30px;
}
.txtIndent01 {
	text-indent: 0.5em;
}
.txtIndent02 {
	text-indent: -1.7em;
	padding-left: 2.2em;
}
.txtIndent03 {
	text-indent: 1em;
}
.txtIndent04 {
	text-indent: -1.8em;
	padding-left: 1.8em;
}
.txtIndent05 {
	text-indent: -1em;
	padding-left: 1em;
}