@charset "utf-8";
/* ===================================================================
CSS information

 File Name  : section.css
 Style Info : コンテンツに関するスタイル指定
=================================================================== */

/* top
----------------------------------------------------------- */
#index section .inner {
	overflow:hidden;
}
#indexConcept {
	padding:50px 0;
}
#indexConcept .imgL {
	margin:0 40px 0 0;
}
#indexConcept .topTitle {
	float:right;
	margin: 0 0 0 40px;
}
#indexConcept .lead {
	margin:0 0 30px;
}
#indexConcept .linkMore {
	text-align:right;
	margin: 30px 0 0;
}
#indexConcept .linkMore a {
	width: 180px;
	height: 0;
	padding: 60px 0 0;
	background: url(../bg/index_btn01.png) no-repeat 0 0;
	overflow: hidden;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
#indexConcept .linkMore a:hover {
	background-position:0 -60px;
}
#indexConcept .textArea {
}
#indexService {
	padding:50px 0;
	background: #F2F2F2 url(../bg/index_bg01.jpg) no-repeat center center fixed;
}
#indexService .topTitle {
	margin: 0 0 20px;
}
#indexService .lead {
	margin: 0 0 40px;
}
#indexService ul {
	overflow:hidden;
}
#indexService li {
	float:left;
	margin:0;
	width:166px;
	height:325px;
}
#indexService li a {
	display:block;
	width:166px;
	height: 0;
	padding: 325px 0 0;
	background-image: url(../bg/index_nav01.png);
	background-repeat: no-repeat;
}
#indexService .passive-design a {
	background-position: left top;
}
#indexService .passive-design a:hover {
	background-position: left -325px;
}
#indexService .earthquake-proof a {
	background-position: -166px top;
}
#indexService .earthquake-proof a:hover {
	background-position: -166px -325px;
}
#indexService .insulation a {
	background-position: -332px top;
}
#indexService .insulation a:hover {
	background-position: -332px -325px;
}
#indexService .natural-material a {
	background-position: -498px top;
}
#indexService .natural-material a:hover {
	background-position: -498px -325px;
}
#indexService .long-life a {
	background-position: -664px top;
}
#indexService .long-life a:hover {
	background-position: -664px -325px;
}
#indexService .maintenance a {
	background-position: -830px top;
}
#indexService .maintenance a:hover {
	background-position: -830px -325px;
}
#indexReform {
	padding:60px 0 40px;
	background: url(../bg/index_line01.gif) no-repeat center 40px;
}
#indexReform .inner {
	width:940px;
	background: url(../bg/index_line01.gif) no-repeat center bottom;
}
#indexReform .topTitle {
	margin:0 0 15px 30px;
	float:left;
}
#indexReform .linkMore {
	clear:left;
	margin: 0 0 0 30px;
	text-align:right;
	width:320px;
}
#indexReform .linkMore a {
	width: 134px;
	height: 0;
	padding: 36px 0 0;
	overflow: hidden;
	background:url(../bg/index_btn02.png) no-repeat 0 0;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
#indexReform .linkMore a:hover {
	background-position: 0 -36px;
}
#indexReform ul {
	overflow:hidden;
	padding:0 20px 0 0;
	float:right;
}
#indexReform li {
	width: 110px;
	text-align:center;
	float:left;
	margin:0 10px 0 0;
}
#indexReform li .caption {
	text-align:center;
	display:block;
	font-size:12px;
}
#indexWorks {
	padding: 50px 0;
	background: url(../bg/index_bg02.jpg) no-repeat fixed center center;
	background-size:cover;
}
#indexWorks .topTitle {
	margin: 0 0 15px;
	text-align:center;
}
#indexWorks .lead {
	text-align:center;
}
#indexWorks .linkMore {
	position: absolute;
	right:0;
	top: 10px;
}
#indexWorks .linkMore a {
	width:130px;
	height: 0;
	padding: 54px 0 0;
	overflow:hidden;
	background: url(../bg/index_btn03.png) no-repeat 0 0;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
#indexWorks .bnr {
	position:absolute;
	right:0;
	bottom:8px;
}
#indexWorks .linkMore a:hover {
	background-position: 0 -54px;
}
#indexEvent {
	padding: 50px 0;
}
#indexEvent .inner {
	min-height:430px;
}
#indexEvent .topTitle {
	margin:0 0 20px;
}
#indexEvent .linkMore {
	position:absolute;
	right: 0;
	top: 10px;
}
#indexEvent .linkMore a {
	width:181px;
	height: 0;
	padding: 54px 0 0;
	overflow:hidden;
	background: url(../bg/index_btn04.png) no-repeat 0 0;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
#indexEvent .linkMore a:hover {
	background-position: 0 -54px;
}
#indexEvent .eventList ul {
	width:780px;
}
#indexNews {
	width:1000px;
	height:50px;
	line-height:50px;
	margin: 50px auto;
	padding:22px 0 0 ;
	background: url(../bg/index_bg03.png) no-repeat;
	overflow:hidden;
	position:relative;
}
#indexNews .topTitle {
	display:none;
}
#indexNews .linkMore {
	position:absolute;
	right:15px;
	bottom:8px;
}
#indexNews .linkMore a {
	display:block;
	width:91px;
	height:0 ;
	padding: 33px 0 0;
	overflow:hidden;
	background: url(../bg/index_btn05.png) no-repeat 0 0;
}
#indexNews .linkMore a:hover {
	background-position: 0 -33px;
}
#indexNews .flexslider {
	margin:0 200px 0 110px;
	width:auto;
	height:50px;
	position:relative;
}
#indexNews .slides li {
	max-height:50px;
	overflow:hidden;
}
#indexNews .flex-direction-nav a {
	text-decoration:none;
	display: block;
	width: 17px;
	height: 0;
	padding: 17px 0 0;
	margin: -8px;
	position: absolute;
	top: 50%;
	z-index: 10;
	overflow: hidden;
	cursor: pointer;
}
#indexNews .flex-direction-nav .flex-prev {
	right: -20px;
	background: url(../bg/arw01t.gif) no-repeat;
}
#indexNews .flex-direction-nav .flex-next {
	right: -45px;
	background: url(../bg/arw01b.gif) no-repeat;
}
.postList li .title a {
	color: #4C382E;
	text-decoration: none;
}
.postList li .title a:hover {
	text-decoration: underline;
}
.postList li .date {
	color: #EFCD9A;
}
#indexPostList {
	width: 1070px;
	margin:0 auto;
	padding: 30px 0 50px;
	overflow:hidden;
}
#indexPostList section {
	clear:none;
	float:left;
	width:310px;
	margin: 0 17.5px;
	padding:0 0 30px;
	position:relative;
}
#indexPostList .postList li .title, #indexPostList .postList li .date {
	display:block;
}
#indexPostList .postList {
	padding:10px;
}
#indexPostList section .linkMore {
	position:absolute;
	right:0 ;
	bottom:0;
}
#indexPostList section .linkMore a {
	width:91px;
	height: 0;
	padding: 33px 0 0;
	background: url(../bg/index_btn05.png) no-repeat 0 0;
	overflow:hidden;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
#indexPostList section .linkMore a:hover {
	background-position: 0 -33px;
}
#indexAbout {
	padding:450px 0 50px;
	background: url(../bg/index_bg03.jpg) no-repeat center top;
}
#indexAbout .inner {
	background: url(../bg/index_p06.jpg) no-repeat left 100px;
	overflow: hidden;
}
#indexAbout .aboutBody {
	float: left;
}
#indexAbout .topTitle {
}
#indexAbout ul {
	margin: 0 0 0 360px;
	overflow: hidden;
}
#indexAbout li {
	float:left;
	width:60px;
	height:233px;
}
#indexAbout li a {
	display:block;
	width:60px;
	height:0;
	padding: 233px 0 0;
	background-image: url(../bg/index_nav02.png);
	background-repeat: no-repeat;
	overflow:hidden;
}
#indexAbout li.serch a {
	background-position:0 0;
}
#indexAbout li.serch a:hover {
	background-position:0 -233px;
}
#indexAbout li.service a {
	background-position:-60px 0;
}
#indexAbout li.service a:hover {
	background-position:-60px -233px;
}
#indexAbout li.help a {
	background-position:-120px 0;
}
#indexAbout li.help a:hover {
	background-position:-120px -233px;
}
#indexAbout li.notice a {
	background-position:-180px 0;
}
#indexAbout li.notice a:hover {
	background-position:-180px -233px;
}
#indexAbout li.online a {
	background-position:-240px 0;
}
#indexAbout li.online a:hover {
	background-position:-240px -233px;
}
#indexAbout .facebook {
	float: right;
	width: 300px;
}
/*-------------------------------------------------------------------
　　コンセプト
--------------------------------------------------------------------*/
#concept {
	margin-top: -70px;
}
#conceptNav {
	width: 100%;
	padding: 50px 0 0;
	height: 500px;
	background: url(../bg/concept_bg01.jpg) no-repeat center center;
	background-size: cover;
}
#conceptNav .ttl{
	text-align: center;
	margin-bottom: 40px;
}
#conceptNav ol {
	width: 440px;
	margin: 0 auto;
	padding: 0;
	height: 381px;
}
#conceptNav ol li {
	float:right;
	width: 40px;
	margin-left: 60px;
}
#conceptNav ol li a {
	display: block;
	padding: 381px 0 0;
	height: 0;
	width: 40px;
	overflow: hidden;
	background: url(../bg/concept_nav01.png) no-repeat;
}
#conceptNav .concept05 {
	margin: 0;
}
#conceptNav .concept01 a {
	background-position: -400px 0;
}
#conceptNav .concept02 a {
	background-position: -300px 0;
}
#conceptNav .concept03 a {
	background-position: -200px 0;
}
#conceptNav .concept04 a {
	background-position: -100px 0;
}
#conceptNav .concept05 a {
	background-position: 0 0;
}

#concept > section .ttl {
	margin-bottom: 30px;
}
#concept01 {
	width: 620px;
	min-height: 310px;
	padding: 0 380px 0 0;
	margin:60px auto;
	background: url(../bg/concept01_p01.jpg) no-repeat right 10px;
}
#concept02 {
	padding: 120px 0 0 530px;
	width: 470px;
	min-height: 360px;
	margin:60px auto;
	background: url(../bg/concept02_p01.jpg) no-repeat left top;
}
#concept03 {
	width: 1000px;
	overflow: hidden;
	padding: 75px 0 0;
	margin:60px auto;
}
#concept03 .ttl {
	float: left;
	margin: -75px 30px 0 0;
}
#concept03 ul {
	margin: 0;
}
#concept03 li {
	overflow: hidden;
	margin: 60px 0 0;
}
#concept03 .sub {
	margin-bottom: 30px;
}
#concept04 {
	width: 460px;
	padding: 0 540px 0 0;
	margin:60px auto;
	min-height: 480px;
	background: url(../bg/concept04_p01.jpg) no-repeat right top;
}
#concept05 {
	width: 1000px;
	margin: 60px auto 0;
}
#concept05 .cover {
	margin: 40px auto 0;
}
#conceptMessage {
	margin: 0;
	width: 100%;
	text-align: center;
	min-height: 577px;
	position: relative;
	background: url(../bg/concept_bg03.jpg) no-repeat center center;
}
#conceptMessage .cover {
	width: 100%;
	min-width: 1000px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../bg/concept_bg02.png) no-repeat fixed center bottom;
	background-size: cover;
}
/*-------------------------------------------------------------------
　　当社の家づくり
--------------------------------------------------------------------*/
#service {
	width: 1000px;
	height: 0;
	padding: 700px 0 0;
	margin: 0 auto;
	overflow: hidden;
	background: url(../bg/service_p01.jpg) no-repeat center center;
}
#serviceNav {
	margin: 50px auto;
	padding: 50px 0;
	background: #F2EEE8;
}
#serviceNav .ttl {
	margin-bottom: 60px;
	text-align: center;
}
#serviceNav ol {
	overflow: hidden;
	margin: 0 -40px -30px 0;
	*width: 1040px;
	*margin-bottom: 0;
}
#serviceNav ol li {
	background: #F9F7F4;
	width: 440px;
	padding: 20px;
	margin: 0 40px 30px 0;
	float: left;
	overflow: hidden;
}
#serviceNav li .imgL {
	margin: 0 20px 0 0;
}
#serviceNav li .body {
	overflow: hidden;
}
#serviceNav li .sub {
	margin-bottom: 20px;
}
#serviceNav ol li .more {
	display: block;
	margin-top:1em;
}
#serviceNav ol li .more a {
	text-decoration: none;
	color: #4F788F;
	background: url(../bg/drop01.png) no-repeat left center;
	padding-left: 40px;
	min-height: 22px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
#serviceNav ol li .more a:hover {
	color: #250d00;
	background-image: url(../bg/drop02.png);
}
/*-------------------------------------------------------------------
　　当社の家づくり > 下層共通
--------------------------------------------------------------------*/
.serviceCover {
	min-width: 1000px;
	margin: -83px 0 50px;
	height: 400px;
	background: no-repeat center top;
	background-size: cover;
}
.serviceCover h2 {
	width: 1000px;
	margin: 0 auto;
	padding: 240px 0 0;
}
.serviceCover h2 img {
	display: block;
	margin-left: -15px;
}
#passive-design .serviceCover {
	background-image: url(../bg/passive_cover01.jpg);
}
#earthquake-proof .serviceCover {
	background-image: url(../bg/earthquake_cover01.jpg);
}
#insulation .serviceCover {
	background-image: url(../bg/insulation_cover01.jpg);
}
#natural-material .serviceCover {
	background-image: url(../bg/natural_cover01.jpg);
}
#long-life .serviceCover {
	background-image: url(../bg/long_cover01.jpg);
}
#maintenance .serviceCover {
	background-image:  url(../bg/maintenance_cover01.jpg);
}

#servicePaging {
	background: url(../bg/paging_bg01.jpg) repeat-x;
	height: 161px;
	width: 100%;
	margin: 40px 0;
}
#servicePaging ul {
	width: 1000px;
	margin: 0 auto;
	padding: 2px 0;
	overflow: hidden;
	background: url(../bg/paging_bg02.jpg) no-repeat 499px top;
}
#servicePaging li {
	height: 157px;
}
#servicePaging .next {
	float: right;
	width: 500px;
}
#servicePaging .prev {
	float: left;
	width: 499px;
}
#servicePaging li a {
	display: block;
	height: 0;
	padding: 157px 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}
#servicePaging .next a {
	background-position: right center;
}
#servicePaging .prev a {
	background-position: left center;
}
/*#servicePaging.passive-design .prev a {
	background-image: url(../bg/paging06l.jpg);
}
*/
#servicePaging.passive-design .next a {
	background-image: url(../bg/paging02r.jpg);
}
#servicePaging.earthquake-proof .prev a {
	background-image: url(../bg/paging01l.jpg);
}
#servicePaging.earthquake-proof .next a {
	background-image: url(../bg/paging03r.jpg);
}
#servicePaging.insulation .prev a {
	background-image: url(../bg/paging02l.jpg);
}
#servicePaging.insulation .next a {
	background-image: url(../bg/paging04r.jpg);
}
#servicePaging.natural-material .prev a {
	background-image: url(../bg/paging03l.jpg);
}
#servicePaging.natural-material .next a {
	background-image: url(../bg/paging05r.jpg);
}
#servicePaging.long-life .prev a {
	background-image: url(../bg/paging04l.jpg);
}
#servicePaging.long-life .next a {
	background-image: url(../bg/paging06r.jpg);
}
#servicePaging.maintenance .prev a {
	background-image: url(../bg/paging05l.jpg);
}
/*#servicePaging.maintenance .next a {
	background-image: url(../bg/paging01r.jpg);
}
*/
/*-------------------------------------------------------------------
　　当社の家づくり > パッシブデザイン
--------------------------------------------------------------------*/
#wakayama {
	background: url(../bg/passive_map01.jpg) no-repeat;
	min-height: 410px;
	padding: 20px 499px 20px 28px;
}
#wakayama .ttl {
	margin: 0 0 30px -8px;
}
.simulation ul {
	overflow: hidden;
	margin-top: 50px;
}
.simulation li {
	float: left;
	width: 440px;
	padding: 0 60px 0  0;
}
.simulationImg {
	display: block;
	margin-bottom: 30px;
}
#energy {
	padding: 50px 0;
	width: 100%;
	background: url(../bg/passive_bg02.jpg) no-repeat;
	background-size: cover;
}
.energyTtl {
	margin: 0 0 50px;
}
.energyGraph {
	text-align: center;
	margin-top: 50px;
}
.energyDocument {
	margin-top: 50px;
	background: url(../bg/passive_bg01.png) no-repeat;
	height: 200px;
	padding: 30px 80px 0;
}
.energyDocument .textArea {
	padding-left: 70px; 
}
.energyDocument .ttl {
	margin: 20px 0 30px -70px;
}
/*-------------------------------------------------------------------
　　当社の家づくり > 耐震性
--------------------------------------------------------------------*/
#earthquake-proof01 {
	background: url(../bg/earthquake_bg01.jpg) no-repeat center bottom;
	margin: 0 auto -40px;
	padding-bottom: 40px;
}
#earthquake-proof01 .bgArea {
	padding-right: 300px;
}
#earthquake-proof04 {
	background: #F4F1EA url(../bg/earthquake_bg02.jpg) no-repeat center top;
	min-height: 490px;
}
#earthquake-proof04 .inner {
	width: 790px;
	padding: 40px 40px 0 170px;
}
#earthquake-proof05 .link {
	position: absolute;
	right: 0;
	top: 20px;
	text-align: right;
}
#earthquake-proof05 .link a {
	background: url(../bg/drop03.png) no-repeat left center;
	padding-left: 45px;
	line-height: 28px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
#earthquake-proof05 .link a:hover {
	background-image: url(../bg/drop04.png);
}
.seStructure ul {
	overflow: hidden;
	margin-right: -40px;
	*width: 1040px;
}
.seStructure li {
	margin-bottom: 50px;
}
.seStructure li p {
	margin: 0;
}
.seStructure li p + p {
	margin-top: 1.2em;
}
.seStructure .full {
	width: 580px;
	min-height: 276px;
	padding:50px 420px 0 0;
	background: url(../bg/earthquake_bg03.jpg) no-repeat right top;
}
.seStructure .harf {
	float: left;
	width: 480px;
	margin-right: 40px;
}
.seStructure .imgB {
	margin-top: 20px;
}
#earthquake-proof06 .bgGraph01 {
	margin: 50px auto;
	padding: 40px;
}
/*-------------------------------------------------------------------
　　当社の家づくり > 高断熱・高気密
--------------------------------------------------------------------*/
#sweFlow {
	width: 750px;
	margin: 40px auto 0;
	padding: 60px 0 40px;
	text-align: center;
	position: relative;
}
#sweFlow .zoom {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	background: url(../bg/ico_zoom.png) no-repeat;
	cursor: pointer;
}
#sweFlow .zoom .popup {
	display: none;
	position: absolute;
}
#sweFlow .zoom01 {
	left: 560px;
	top: 78px;
}
#sweFlow .zoom01 .popup {
	width: 485px;
	height: 262px;
	left: -171px;
	top: -262px;
}
#sweFlow .zoom02 {
	left: 350px;
	top: 159px;
}
#sweFlow .zoom02 .popup {
	width: 485px;
	height: 304px;
	left: -425px;
	top: -304px;
}
#sweFlow .zoom03 {
	left: 350px;
	top: 212px;
}
#sweFlow .zoom03 .popup {
	width: 485px;
	height: 268px;
	left: -433px;
	top: -268px;
}
#sweFlow .zoom04 {
	left: 483px;
	top: 238px;
}
#sweFlow .zoom04 .popup {
	width: 510px;
	height: 240px;
	left: -510px;
	top: -120px;
}
#sweFlow .zoom05 {
	left: 585px;
	top: 360px;
}
#sweFlow .zoom05 .popup {
	width: 485px;
	height: 275px;
	left: -197px;
	top: -275px;
}
#insulation03 .bgArea {
	background: url(../bg/insulation_p04.jpg) no-repeat right top;
	width: 600px;
	min-height: 335px;
	padding-right:400px;
}
/*-------------------------------------------------------------------
　　当社の家づくり > 無垢・自然素材
--------------------------------------------------------------------*/
#natural-material .flexslider {
	width: 900px;
	margin: 0 auto;
	position: relative;
}
#natural-material .flexslider .slides li {
	position: relative;
}
#natural-material .flexslider .caption {
	display: block;
	position: absolute;
	font-size: 12px;
	line-height: 180%;
}
#natural-material .flexslider01 .caption {
	width: 265px;
	left: 65px;
	top: 160px;
}
#natural-material .flexslider02 .caption {
	width: 395px;
	left: 447px;
	top: 145px;
}
#natural-material .flexslider03 .caption {
	width: 265px;
	left: 60px;
	top: 155px;
}
#natural-material .flexslider .caption .link {
	display: block;
	margin-top: 1em;
	line-height: 21px;
}
#natural-material .flexslider .caption .link a {
	padding-left: 35px;
	background: url(../bg/drop05.png) no-repeat left center;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
#natural-material .flexslider .caption .link a:hover {
	background-image: url(../bg/drop06.png);
}
#natural-material .flex-direction-nav a  { text-decoration:none; display: block; width: 30px; height: 30px; margin: -15px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; text-indent: -9999px; }
#natural-material .flex-direction-nav .flex-prev {
	left: -45px;
	background: url(../bg/prev.png) no-repeat left center;
}
#natural-material .flex-direction-nav .flex-next {
	right: -45px;
	background: url(../bg/next.png) no-repeat right center;
}
#natural-material .flex-direction-nav .flex-disabled { opacity: 0.7; cursor: default; }

/*-------------------------------------------------------------------
　　当社の家づくり > 長期優良住宅
--------------------------------------------------------------------*/
#long-life02 .featureBox strong {
	margin-bottom: 35px;
}
#long-life02 .featureBox em {
	color: #CA8080;
}
#long-life02 .featureBox strong + em {
	display:block;
	font-size: 12px;
	line-height: 1;
	margin: -30px 0 18px 45px;
}
#long-life03 table {
	table-layout:fixed;
}
#long-life .bgArea {
	background: url(../bg/long_bg01.jpg) no-repeat center center;
	background-size: cover;
	height: 400px;
	margin: 50px auto;
}
#long-life04 .jtiChart {
	margin: 50px auto;
}
#long-life04 .pointList {
	overflow: hidden;
}
#long-life04 .pointList li {
	float: left;
	padding: 0 24px 0 25px;
	width: 284px;
}
#long-life04 .pointList li + li {
	background: url(../bg/line02.gif) repeat-y left;
}
#long-life04 .pointList li strong {
	display: block;
	margin-bottom: 20px;
}
/*-------------------------------------------------------------------
　　当社の家づくり > 保証・メンテナンス
--------------------------------------------------------------------*/
#maintenance01 .ttlL.float {
	float: left;
	margin-right: 50px;
}
#maintenance02 .bgGraph01 {
	padding: 30px;
}
#maintenance03 .ttlL {
	float: left;
	margin-right: 55px;
}
#customerService {
	text-align: center;
	background: url(../bg/line01.gif) repeat-x bottom;
	padding: 0 0 25px;
}
#customerService .ttlC {
	background: url(../bg/line01.gif) repeat-x top;
	margin: 0;
	padding: 25px 0;
}
#maintenance04 {
	width: 100%;
	background: url(../bg/maintenace_bg01.jpg) no-repeat center center;
	background-size: cover;
	min-width: 470px;
}
#maintenance04 .inner {
	padding: 40px 0;
}
/*-------------------------------------------------------------------
　　会社案内 > 会社概要
--------------------------------------------------------------------*/
#company > section,
#company > div {
	margin: 0 auto 50px;
}
#greeting {
	width:585px;
	padding: 0 415px 0 0;
	min-height: 400px;
	background: url(../bg/outline_p01.jpg) no-repeat right top;
}
#greeting .ttl {
	padding: 20px 0 30px;
}
#policy {
	width: 100%;
	min-height: 600px;
	background: url(../bg/outline_bg01.jpg) no-repeat center top;
	background-size: cover;
}
#policy .inner {
	padding: 40px 0 0;
	text-align: center;
}
#policy .lead {
	margin-bottom: 30px;
}
#policyList {
	width: 780px;
	margin: 0 auto 30px;
	text-align: left;
}
#policyList ol {
	margin: 20px 20px 0 ;
	list-style-type: none;
}

#outline {
	overflow: hidden;
}
#outline table {
	margin: 0;
}
#outline th,
#outline td {
	padding: 10px 20px;
}
#outline table caption {
	text-align: left;
	padding-bottom: 30px;
}
#outline .basic {
	width: 480px;
	float: left;
}
#outline .basic table tr:nth-child(odd) th,
#outline .basic table tr:nth-child(odd) td,
#outline .basic table tr.odd th,
#outline .basic table tr.odd td  {
	background: #F4F1EA;
}
#outline .basic .freedial {
	background: url(../bg/ico_freedial.gif) no-repeat left center;
	padding-left: 25px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
#outline .history {
	width: 480px;
	float: right;
}
#outline .history th,
#outline .history td {
	border-bottom: 1px solid #DCDCDC;
}
#outline .history th {
	white-space: nowrap;
}
#map {
	width: 100%;
	height: 350px;
}
#technique {
	overflow: hidden;
}
#technique .bgArea {
	width: 560px;
	min-height: 320px;
	margin-bottom: 40px;
	padding: 0 440px 0 0;
	background: url(../bg/outline_p02.jpg) no-repeat right top;
}
#technique .ttl {
	margin-bottom: 20px;
}
#technique .license {
	margin-top: 40px;
	overflow: hidden;
}
#technique .license  section {
	clear: none;
	float: left;
	margin: 0;
}
#technique .license li {
	background: no-repeat 10px 10px;
	padding-left: 30px;
}
#technique .license li + li {
	margin-top: 0.5em;
}
#technique .license01 {
	width: 690px;
}
#technique .license01 ul {
	width: 50%;
	float: left;
}
#technique .license01 li {
	background-image: url(../bg/bar01.gif);
}
#technique .license02 li {
	background-image: url(../bg/bar02.gif);
}
/*-------------------------------------------------------------------
　　会社案内 > スタッフ紹介 | 大工紹介
--------------------------------------------------------------------*/
#staff,
#carpenter {
	width: 1000px;
	margin: 0 auto;
}

.profile {
	width: 940px;
	padding: 20px 30px;
	min-height: 160px;
	position: relative;
	overflow: hidden;
}
.profile:nth-child(even) {
	background-color: #fff;
}
.profile .photo {
	float: left;
	display: block;
	margin: 0 60px 0 0;
}
.profile .intro {
	width: 630px;
	min-height: 75px;
	padding: 0 0 5px;
	overflow: hidden;
	background: url(../bg/line02.gif) repeat-y 300px;
}
.profile .name {
	width: 300px;
	padding: 5px 0 0;
	min-height: 70px;
	float: left;
	font-weight: normal;
}
.profile .name small {
	display: block;
	font-size: 12px;
	color: #E78D30;
}
.profile .name .last,
.profile .name .first {
	font-family: "Microsoft YaHei";
	font-size:24px;
}
.profile .name .first {
	margin-left: 0.5em;
}
.profile .license{
	width: 310px;
	padding: 10px 0 0 20px;
	float: right;
	font-size: 12px;
}
.profile .message {
	background: url(../bg/line01.gif) repeat-x top;
	margin: 5px 0 0;
	padding: 20px 0;
}
.profile .comment {
	background: #F3F0E9;
	padding: 20px 20px 20px 0;
	overflow: hidden;
}
.profile .message p,
.profile .comment p {
	margin: 0;
}
.profile .commentTtl {
	font-family: "Microsoft YaHei";
	width: 170px;
	margin: 0 20px 0 0;
	padding: 50px 0 0;
	background: url(../bg/staff_ic01.jpg) no-repeat center top;
	float: left;
	text-align: center;
}
/*-------------------------------------------------------------------
　　会社案内 > 安全協力会社
--------------------------------------------------------------------*/
#partner .cover {
	width: 100%;
	min-height: 437px;
	background: url(../bg/partner_cover01.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
	margin: 0 auto 40px;
}
#partner .cover h2 {
	position: absolute;
	left: 50%;
	top: 23px;
	margin-left: -30px;
}
#partnerAbout .textArea {
	width: 580px;
}
#partnerGallery {
	margin: 0 auto 60px;
}
#partnerGallery ul {
	overflow: hidden;
	margin-right: -50px;
	*width: 1050px;
}
#partnerGallery li {
	float: left;
	max-width:300px;
	margin: 0 50px 0 0;
}
#partnerGallery li .caption {
	display: block;
	margin-top: 10px;
}
#partnerIntro .ttl {
	text-align: center;
	margin: 0 0 40px;
}
.partnerList {
	margin-right: -20px;
	overflow: hidden;
	*width: 1020px;
}
.partnerBody {
	overflow: hidden;
	background-color: #fff;
	margin: 0 20px 40px 0;
	padding: 20px;
	width: 450px;
	clear: none;
	float: left;
}
.partnerBody .photo {
	display: block;
	float: left;
	margin: 0 20px 0 0;
}
.partnerBody .company {
	overflow: hidden;
	font-family: "Microsoft YaHei";
	font-size:24px;
	font-weight: normal;
}
.partnerBody .name {
	overflow: hidden;
	color: #80AEC9;
	background: url(../bg/line01.gif) repeat-x bottom;
	padding: 5px;
	margin: 0 0 15px;
	font-weight: normal;
}
.partnerBody .info {
	overflow: hidden;
	background: #F3F0E9;
	padding: 10px 15px;
	font-size: 12px;
}
.partnerBody .message {
	clear: both;
	padding: 20px 0 0;
}

/*-------------------------------------------------------------------
　　会社案内ページナビ
--------------------------------------------------------------------*/
#companyPaging {
	width: 100%;
	height: 70px;
	margin: 60px auto 40px;
	line-height: 70px;
	background: url(../bg/company_paging_bg01.gif) repeat-x;
}
#companyPaging ul {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	background: url(../bg/line02.gif) repeat-y center center;
}
#companyPaging li {
}
#companyPaging li a {
	text-decoration: none;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	color: #4F7890;
}
#companyPaging li a:hover {
	color: #250D00;
}
#companyPaging li.next {
	float: right;
	text-align: right;
	width:500px;
}
#companyPaging li.prev {
	float: left;
	text-align: left;
	width:499px;
}
#companyPaging li.next a {
	background: url(../bg/drop01.png) no-repeat right center;
	padding-right: 35px;
}
#companyPaging li.prev a {
	background: url(../bg/drop05.png) no-repeat left center;
	padding-left: 35px;
}
#companyPaging li.next a:hover {
	background-image: url(../bg/drop02.png);
}
#companyPaging li.prev a:hover {
	background-image: url(../bg/drop06.png);
}
/*-------------------------------------------------------------------
　　ご相談の流れ
--------------------------------------------------------------------*/
#flow {
	width: 1000px;
	margin: 0 auto;
}
.flow01-05 {
	background: url(../bg/flow_bg01.png) repeat-y right;
	*zoom: 1;
}
.flow06-12 {
	background: url(../bg/flow_bg02.png) repeat-y right;
	*zoom: 1;
}
.flow13-15 {
	background: url(../bg/flow_bg03.png) repeat-y right;
	*zoom: 1;
}
.flow01-05 .arw,
.flow06-12 .arw,
.flow13-15 .arw {
	padding-right: 130px;
	position: relative;
	*zoom: 1;
}
.flow01-05 .arw {
	background: url(../bg/flow_btm01.png) no-repeat right bottom;
}
.flow06-12 .arw {
	background: url(../bg/flow_btm02.png) no-repeat right bottom;
}
.flow13-15 .arw {
	background: url(../bg/flow_btm03.png) no-repeat right bottom;
}
.flow01-05 .note,
.flow06-12 .note,
.flow13-15 .note {
	display: block;
	width: 35px;
	height: 0;
	overflow: hidden;
	position: absolute;
	right:0 ;
	top: 0;
}
.flow01-05 .note {
	background: url(../bg/flow_side01.png) no-repeat;
	padding: 943px 0px 0px;
}
.flow06-12 .note {
	background: url(../bg/flow_side02.png) no-repeat;
	padding: 147px 0px 0px;
}
.flow13-15 .note {
	background: url(../bg/flow_side03.png) no-repeat;
	padding: 311px 0px 0px;
}
#flow .none {
	display: none;
}
#flow section {
	background:  url(../bg/line02.gif) repeat-y 39px;
	padding: 0 0 20px 330px;
	margin: 0 auto 20px;
	min-height: 235px;
}
#flow .ttl {
	width: 639px;
	height: 0;
	margin: 0 0 -150px -330px;
	padding: 235px  0 0;
	overflow: hidden;
	background: no-repeat 88px 0;
	position: relative;
}
#flow .num {
	display: block;
	width: 88px;
	height: 0;
	padding: 81px 0 0;
	overflow: hidden;
	background: no-repeat 0 0;
	position: absolute;
	left: 0;
	top: 0;
}
#flow .textArea {
	position: relative;
	z-index: 2;
}
#flow .goToPage {
	text-align: right;
}
#flow .goToPage a {
	font-size: 15px;
	line-height: 20px;
	color: #4F778F;
	text-decoration: none;
	background: url(../bg/flow_arw01.gif) no-repeat left top;
	padding: 2px 0 0 35px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
#flow .goToPage a:hover {
	text-decoration: underline;
}
#flow01 .ttl {
	background-image: url(../bg/flow_ttl01.jpg);
}
#flow01 .num {
	background-image: url(../bg/flow_num01.jpg);
}
#flow02 .ttl {
	background-image: url(../bg/flow_ttl02.jpg);
}
#flow02 .num {
	background-image: url(../bg/flow_num02.jpg);
}
#flow03 .ttl {
	background-image: url(../bg/flow_ttl03.jpg);
}
#flow03 .num {
	background-image: url(../bg/flow_num03.jpg);
}
#flow04 .ttl {
	background-image: url(../bg/flow_ttl04.jpg);
}
#flow04 .num {
	background-image: url(../bg/flow_num04.jpg);
}
#flow05 .ttl {
	background-image: url(../bg/flow_ttl05.jpg);
}
#flow05 .num {
	background-image: url(../bg/flow_num05.jpg);
}
#flow06 .ttl {
	background-image: url(../bg/flow_ttl06.jpg);
}
#flow06 .num {
	background-image: url(../bg/flow_num06.jpg);
}
#flow07 .ttl {
	background-image: url(../bg/flow_ttl07.jpg);
}
#flow07 .num {
	background-image: url(../bg/flow_num07.jpg);
}
#flow08 .ttl {
	background-image: url(../bg/flow_ttl08.jpg);
}
#flow08 .num {
	background-image: url(../bg/flow_num08.jpg);
}
#flow09 .ttl {
	background-image: url(../bg/flow_ttl09.jpg);
}
#flow09 .num {
	background-image: url(../bg/flow_num09.jpg);
}
#flow10 .ttl {
	background-image: url(../bg/flow_ttl10.jpg);
}
#flow10 .num {
	background-image: url(../bg/flow_num10.jpg);
}
#flow11 .ttl {
	background-image: url(../bg/flow_ttl11.jpg);
}
#flow11 .num {
	background-image: url(../bg/flow_num11.jpg);
}
#flow12 .ttl {
	background-image: url(../bg/flow_ttl12.jpg);
}
#flow12 .num {
	background-image: url(../bg/flow_num12.jpg);
}
#flow13 .ttl {
	background-image: url(../bg/flow_ttl13.jpg);
}
#flow13 .num {
	background-image: url(../bg/flow_num13.jpg);
}
#flow14 .ttl {
	background-image: url(../bg/flow_ttl14.jpg);
}
#flow14 .num {
	background-image: url(../bg/flow_num14.jpg);
}
#flow15 .ttl {
	background-image: url(../bg/flow_ttl15.jpg);
}
#flow15 .num {
	background-image: url(../bg/flow_num15.jpg);
}
	
/*-------------------------------------------------------------------
　　家カフェ
--------------------------------------------------------------------*/
#cafe .cover {
	
}
#cafe .cover h2 {
	width: 1000px;
	margin: 0 auto;
}
#cafe em {
	color: #E88E2E;
}
#cafe01 .inner {
	width: 900px;
}
#cafe01 .questionList {
	padding: 0 25px;
}
#cafe01 .questionList .imgL {
	margin-right: 40px;
}
#cafe01 .questionList ul {
	line-height: 40px;
	margin: 10px 0 0;
}
#cafe01 .questionList li {
	background: url(../bg/line01.gif) repeat-x bottom;
}
#cafe01 .questionList li .mark {
	display: block;
	padding-left: 30px;
	background: url(../bg/circle03.gif) no-repeat 13px 17px;
}
#cafe01 .questionList .more {
	line-height: 40px;
	margin-left: 30px;
}

#cafe02 ul {
	overflow: hidden;
	margin: 30px -35px 0 0;
	*width: 1035px;
}
#cafe02 li {
	float: left;
	width: 310px;
	margin-right: 35px;
}
#cafe02 li .thumbnail {}
#cafe02 li strong {
	display: block;
	padding: 25px 0 20px;
}
#cafe02 li .content {}

#kidsSpace {
	margin: 0 0 40px;
	height: 400px;
	background: url(../bg/cafe_bg01.jpg) no-repeat center bottom;
	background-size: cover;
}

#cafe03 .mapArea {
	overflow: hidden;
	padding: 0 400px 0 0;
	background: url(../bg/cafe_p07.jpg) no-repeat 624px 50px;
}
#cafe03 .mapArea .address {
	float: left;
}
#cafe03 .mapArea .mapLink {
	float: right;
}
#cafe03 .mapArea .freedial {
	background: url(../bg/ico_freedial.gif) no-repeat left center;
	padding-left: 25px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

#cafe04 .calendarArea {
	width: 600px;
	margin: 0 auto;
}

#cafe04 .ex {
	color: #ba5b6d;
    text-align: right;
    margin-right: 200px;
}


/*-------------------------------------------------------------------
　　リフォーム
--------------------------------------------------------------------*/
#reform > section > .inner {
	margin-top: -70px;
	padding-top: 70px;
}
#reform01 .imgR {
	margin-left: 50px;
}
#reform01 .reformAnchor {
	background: url(../bg/line01.gif) repeat-x bottom;
}
#reform01 .reformAnchor ul {
	overflow: hidden;
	margin-right: -40px;
	padding: 20px 0 20px 5px;
	background: url(../bg/line01.gif) repeat-x top;
}
#reform01 .reformAnchor li {
	float: left;
	width: 130px;
	text-align: center;
	font-size: 12px;
}
#reform01 .reformAnchor li .caption {
	display: block;
	padding: 5px 0 10px;
}

#reform02 .reformExample {
	padding: 30px;
}
#reform02 .reformExample ul {
	overflow: hidden;
	margin-right: -20px;
	*width: 960px;
}
#reform02 .reformExample li {
	width: 220px;
	margin: 0 20px 30px 0;
	float: left;
}
#reform02 .reformExample li .caption {
	display: block;
	padding-top: 5px;
}
#reform02 .link a {
	padding-left: 35px;
	background: url(../bg/drop05.png) no-repeat left center;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
#reform02 .link a:hover {
	background-image: url(../bg/drop06.png);
}
#reform05 .contentBox {
	margin-top: 30px;
}

/*-------------------------------------------------------------------
　　よくあるご質問
--------------------------------------------------------------------*/
.faqCat {
	margin: 30px auto;
}	
.faqCat ul {
	overflow: hidden;
	margin-right: -30px;
}	
.faqCat li {
	float: left;
	margin: 0 30px 10px 0;
}	
.faqCat li a {
	font-size: 15px;
	line-height: 20px;
	color: #4F778F;
	text-decoration: none;
	background: url(../bg/faq_arw01.gif) no-repeat left top;
	padding: 2px 0 0 35px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}	
.faqCat li a:hover {
	text-decoration: underline;
}	

.faqCatTtl {
	font-family: "Microsoft YaHei";
	font-size:21px;
	font-weight:normal;
	color: #250D00;
 	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #AFA7A2;
}	

.faqList {
	margin-top: -70px;
	padding-top: 70px;
}	
.faqList dl {
	margin: 0 auto 50px;
}	
.faqList dt {
	display: block;
	font-size: 15px;
	font-weight: normal;
	line-height: 18px;
	background: url(../bg/faq_q.gif) no-repeat left top;
	margin-bottom: 15px;
	padding: 2px 0 0 60px;
}	
.faqList dd {
	background: #F2EEE8 url(../bg/faq_a.gif) no-repeat left top;
	padding: 25px 30px;
	margin-bottom: 30px;
}
.faqList dd p + p {
	margin-top: 1em;
}
.faqList dd .goToPage {
	text-align: right;
}
.faqList dd .goToPage a {
	font-size: 15px;
	line-height: 20px;
	color: #4F778F;
	text-decoration: none;
	background: url(../bg/faq_arw01.gif) no-repeat left top;
	padding: 2px 0 0 40px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.faqList dd .goToPage a:hover {
	text-decoration: underline;
}
/*-------------------------------------------------------------------
　　カテゴリラベル共通設定
--------------------------------------------------------------------*/	
.label {
}
.label em {
	font-size:12px;
	font-weight:normal;
	width:60px;
	padding: 0 5px;
	text-align:center;
	display:inline-block;
	 *display:inline;
	 *zoom:1;
	color: #250D00;
}
.label em.works-house,
.label em.voice-house  {
	background: #80AFCA;
}
.label em.works-reform,
.label em.voice-reform {
	background: #EFCD9A;
}
.catLabelList {
	width: 100%;
	height: 49px;
	margin: -70px auto 40px;
	padding: 0 0 1px;
	background: url(../bg/line01.gif) repeat-x bottom;
}
.catLabelList.event {
	margin-top: -90px;
}
.catLabelList .inner {
	position: relative;
	z-index: 10;
}
.catLabelList ul.mainCat {
	height: 49px;
	margin: 0 0 0 147px;
	padding: 0 0 0 1px;
	background: url(../bg/line02.gif) repeat-y left;
}
.catLabelList .mainCat > li  {
	float: left;
	background: url(../bg/line02.gif) repeat-y right top;
	padding: 0 1px 0 0;
}
.catLabelList .mainCat > li > a,
.catLabelList .mainCat > li > span {
	font-size:12px;
	line-height: 47px;
	font-weight:normal;
	padding: 0 30px;
	text-align:center;
	color: #250D00;
	text-decoration: none;
	display:block;
	border: 1px solid #fff;
}
.catLabelList .works-house a,
.catLabelList .cat-item-4 a,
.catLabelList .cat-item-32 a {
	background: #80AFCA;
}
.catLabelList .cat-item-5 a,
.catLabelList .cat-item-12 a,
.catLabelList .cat-item-28 a {
	background: #EFCD9A;
}
#subCatListTrigger a {
	background: #EECD9A url(../bg/arw04.png) no-repeat center 38px;
}
.catLabelList .works-reform.active a {
	padding-bottom: 3px;
}
.catLabelList .dropdown {
	padding: 13px 0 0 120px;
}
.catLabelList .catTtl {
	margin: 0 10px 0 0;
	padding: 49px 0px 0px;
	height: 0px;
	overflow:hidden;
	position: absolute;
	left: 0;
	top: 0;
}
.catLabelList.works .catTtl {
	background: url(../bg/cat_ttl.jpg) no-repeat 0px 0px;
	width: 147px;
}
.catLabelList.voice .catTtl {
	background: url(../bg/cat_ttl_for_voice.jpg) no-repeat 0px 0px;
	width: 125px;
}
.catLabelList.event .catTtl {
	background: url(../bg/cat_ttl_for_event.jpg) no-repeat 0px 0px;
	width: 110px;
}
#subCatList {
	background: #EECC9A;
	overflow: hidden;
	width: 900px;
	padding: 30px;
	position: absolute;
	left: 0;
	top: 51px;
	display: none;
}
#subCatList section {
	float: left;
	background: url(../bg/line04.gif) repeat-y left;
	padding: 0 20px;
	width:200px;
}
#subCatList .subCatTtl {
	float: left;
	width: 20px;
	height: 0;
	margin: 0 20px 0 0;
	padding: 50px 0 0; 
	overflow: hidden;
}
#subCatList .works-type .subCatTtl {
	background: url(../bg/sub_cat_ttl01.jpg) no-repeat;
}
#subCatList .works-theme .subCatTtl {
	background: url(../bg/sub_cat_ttl02.jpg) no-repeat;
}
#subCatList .works-scene .subCatTtl {
	background: url(../bg/sub_cat_ttl03.jpg) no-repeat;
}
#subCatList ul {
	height: auto;
	line-height: 2em;
	overflow: hidden;
}
#subCatList li {
	float: none;
	display: block;
	background: url(../bg/circle02.gif) no-repeat 0px 11px;
	padding-left: 15px;
}
#subCatList li a {
	color: #4c382e;
}
#subCatList .works-scene {
	width: 380px;
}
#subCatList .works-scene li {
	width:40%;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
/*-------------------------------------------------------------------
　　サムネイルあり投稿系リスト共通設定
--------------------------------------------------------------------*/	
.thumbnailList {
	overflow:hidden;
}
.thumbnailList li {
	float:left;
	position:relative;
}
.thumbnailList .title {
	font-family: "Microsoft YaHei";
	font-size:16px;
	font-weight:normal;
	color: #250D00;
}
.thumbnailList .title a {
	color: #250D00;
	text-decoration:none;
}
.thumbnailList .thumbnail {
	display:block;
	overflow:hidden;
	margin: 0 0 10px;
	text-align:center;
}
.thumbnailList .thumbnail img {
	width:inherit;
	height:auto;
	max-width:100%;
	max-height:100%;
}
.thumbnailList .new,
.archiveList .new,
.voiceList .new {
	display:block;
	width:60px;
	height:0;
	padding: 60px 0 0;
	overflow:hidden;
	position: absolute;
}
.thumbnailList a.blockLink {
	clear: both;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	text-indent:-999px;
	display:block;
	background/*\**/:#fff\9;
	filter:alpha(opacity=0);
	opacity:0;
}

/*-------------------------------------------------------------------
　　事例紹介　一覧
--------------------------------------------------------------------*/	
.worksList {
	width: 1000px;
	margin: 0 auto;
}
.worksList ul {
	margin-right:-26px;
	*width:1026px;
}
.worksList li {
	width:300px;
	margin: 22px 26px 8px 0;
	padding: 8px 8px 15px;
	background:#fff;
}
.worksList .title {
	display:block;
	overflow:hidden;
}
.worksList .title a {
	display:block;
	line-height:1.5;
	height: 3em;
	padding: 0 10px 0 0;
	background: url(../bg/arw02.png) no-repeat right center;	
}
.worksList .thumbnail {
	width:300px;
	height:200px;
	text-align:center;
}
.worksList .new {
	background: url(../bg/ico_new01.png) no-repeat;
	left:12px;
	top: -22px;
}
.worksList .label {
	display:block;
	float:left;
	margin-right:10px;
}

.worksList .tableData {
	clear: both;
	padding: 10px 0 0;
	margin: 15px 0;
}
.worksList .tableData span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.worksList .excerpt,
.worksList .theme {
	margin: 15px 0;
	overflow:hidden;
}
.worksList .excerpt dt,
.worksList .theme dt {
	font-weight: normal;
	float:left;
	margin-right: 5px;
}
.worksList .excerpt dd,
.worksList .theme dd  {
	overflow: hidden;
}

/*-------------------------------------------------------------------
　　イベント情報　一覧
--------------------------------------------------------------------*/
.newsList {
	width: 1000px;
	margin: 0 auto;
	margin-bottom: 100px;
}
.newsList ul {
	overflow: hidden;
	margin-right:-25px;
	*width:1025px;
}
.newsList li {
	width:225px;
	margin: 30px 25px 5px 0;
	padding: 0 ;
}
.newsList .label {
	line-height:1.2;
	width:140px;
	margin: 10px 0 5px;
	padding: 0 0 0 10px;
	border-left: 2px solid #250D00;
	text-align: left;
	vertical-align: bottom;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.newsList .label em {
	padding:0;
	width:140px;
	text-align: left;
}
.newsList .title a {
	display:block;
	line-height:1.5;
	height:3em;
}
.newsList .thumbnail {
	width:225px;
	height:150px;
}
.newsList .more {
	vertical-align: bottom;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.newsList .more a {
	background: url(../bg/btn_more01.png) no-repeat 0 0;
	display: block;
	width:68px;
	height:0;
	margin: 0 0 0 auto;
 	padding:27px 0 0;
	overflow:hidden;
}
.newsList .more a:hover {
	background-position: 0 -27px;
}
.newsList .new {
	background: url(../bg/ico_new02.png) no-repeat;
	left:4px;
	top: -30px;
}
.newsList .eventDate {
	display:block;
	padding: 0 0 0 15px;
	margin: 0 0 10px;
	color: #250D00;
	font-family: "Microsoft YaHei";
	border-left: 5px solid #F2D35C;
}
/*-------------------------------------------------------------------
　　ブログ｜お知らせ　一覧
--------------------------------------------------------------------*/
.archiveList a {
	color: #250D00;
	text-decoration: none;
}
.archiveList li {
	padding:20px 40px 20px 20px;
	margin: 0 0 30px;
	position:relative;
	overflow: hidden;
	background: #FFF url(../bg/arw03.png) no-repeat 730px center;
}
.post-type-archive-blog .archiveList li,
.single-blog .relatedPost li {
	min-height:190px;
}
.archiveList li:hover {
	background-color: #F4F1EA;
}
.archiveList li > * {
	display:block;
	overflow:hidden;
}
.archiveList .title {
	font-family: "Microsoft YaHei";
	font-size: 18px;
	line-height:1.5;
	height:3em;
	display: block;
	overflow: hidden;
}
.archiveList .thumbnail {
	float: left;
	width:225px;
	height:150px;
	margin: 0 30px 0 0;
}
.archiveList .thumbnail img {
	width:inherit;
	height:auto;
	max-width:100%;
	max-height:100%;
}
.archiveList .body {
	clear: both;
	padding: 20px 0 0;
}
.archiveList .author {
	clear:left;
	position:absolute;
	left:20px;
	top:180px;
}
.archiveList .author img {
	width: inherit;
	max-width:30px;
	height:auto;
	vertical-align:middle;
}
.archiveList a.blockLink {
	clear: both;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	text-indent:-999px;
	display:block;
	background/*\**/:#fff\9;
	filter:alpha(opacity=0);
	opacity:0;
}

/*-----日付------*/
.archiveList .date,
.post .date {
	font-family: "Microsoft YaHei";
	font-size:15px;
	line-height: 16px;
	padding: 0 0 25px;
	color: #250D00;
	display: block;
	float: left;
}
.archiveList .date .year,
.post .date .year {
	display:block;
}
.archiveList .date .month,
.post .date .month {
	display:inline;
}
.archiveList .date .day,
.post .date .day {
	font-size:36px;
	position: relative;
	bottom: -16px;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.archiveList .date {
	margin: 0 20px 0 0;
	background: url(../bg/line03.gif) no-repeat left bottom;
}
.post .date {
	padding:10px 10px 40px;
	position:absolute;
	left: 10px;
	top: 0;
	border: 1px solid #250D00;
}
/*-------------------------------------------------------------------
　　お客様の声　一覧
--------------------------------------------------------------------*/
.voiceList {
	width: 1000px;
	margin: 0 auto;
}
.voiceList li {
	margin:30px 0;
	position: relative;
}
.voiceList li .container {
	background:#fff;
	width: 940px;
	margin:30px 0;
	padding: 8px 52px 8px 8px;
	background: #fff url(../bg/arw05.png) no-repeat 968px center;
	overflow: hidden;
}
.voiceList li:hover .container {
	background-color: #F4F1EA;
}
.voiceList .thumbnail {
	float: left;
	margin: 0 30px 0 0;
	display: block;
}
.voiceList .thumbnail img {
	border: 1px solid #DFDFDF;
}
.voiceList .textArea {
	padding: 20px 0;
}
.voiceList .label {
	display: block;
	float: left;
	margin-right:20px;
}
.voiceList li .title {
	font-family: "Microsoft YaHei";
	font-size:18px;
	line-height:1.5;
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
	color: #4c382e;
}
.voiceList li .title a {
	color: #4c382e;
}
.voiceList .new {
	clear: both;
	background: url(../bg/ico_new03.png) no-repeat;
	left:4px;
	top: -30px;
}
.voiceList a.blockLink {
	clear: both;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	text-indent:-999px;
	display:block;
	background/*\**/:#fff\9;
	filter:alpha(opacity=0);
	opacity:0;
}

/*-------------------------------------------------------------------
　　施工事例　詳細ページ
--------------------------------------------------------------------*/
.post.works .content {
	margin: 40px auto;
}
.post.works .worksTable {
	margin: 40px auto 80px;
}
.worksTable table th,
.worksTable table td {
	border-style: none;
	padding: 10px 22px;
}
.worksTable table th {
	width: 250px;
}
.worksTable table tr:nth-child(odd) th,
.worksTable table tr:nth-child(odd) td,
.worksTable table tr.odd th,
.worksTable table tr.odd td  {
	background: #F4F1EA;
}
.worksBefore {
	padding: 20px;
	background: #FAF6ED;
}
.worksBefore .beforeTtl {
	background: url(../bg/ttl_before.jpg) no-repeat 0px 0px;
	margin: 0 auto 20px 0;
	padding: 47px 0px 0px;
	height: 0;
	width: 180px;
	overflow: hidden;
}
.worksBefore .thumbnailList ul {
	margin-right:-20px;
	*width:980px;
}
.worksBefore .thumbnailList li {
	margin-right:20px !important;
}
.worksPoint .pointTtl {
	background: url(../bg/ttl_point.jpg);
	margin: 0 auto 20px 0;
	padding: 33px 0px 0px;
	height: 0px;
	width: 86px;
	overflow: hidden;
}
.worksVoice {
	overflow: hidden;
	min-height: 235px;
}
.worksVoice .voiceTtl {
	float: left;
	background: url(../bg/ttl_voice.jpg) no-repeat;
	margin: 0 60px -85px 0;
	padding: 235px 0px 0px;
	height: 0px;
	width: 403px;
	overflow:hidden;
}
.post .worksVoice .body {
	clear: none;
	overflow: hidden;
}
.worksToVoice {
	clear: both;
	padding: 20px 0 0;
	text-align: right;
}
.worksToVoice a {
	background: url(../bg/btn_to_voice.jpg) no-repeat;
	display: block;
	padding: 43px 0px 0px;
	height: 0px;
	width: 286px;
	overflow: hidden;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.worksToVoice a:hover {
	background-position: 0 -43px;
}
.post.works .thumbnailList  li {
	width:225px;
	margin: 0 25px 30px 0;
	padding: 0 ;
}
.post.works .thumbnailList .caption {
	display:block;
	line-height:1.5;
}
.post.works .thumbnailList .thumbnail {
	width:225px;
	height:150px;
	position:relative;
}
.post.works .thumbnailList .thumbnail a.zoom {
	position:absolute;
	right:0;
	bottom:0;
	background: url(../bg/ico_zoom.png) no-repeat right bottom;
	height: 0;
	width: 23px;
	padding: 23px 0 0;
	overflow: hidden;
}
.post.works .subTtl02 + .body {
	margin-top: -20px;
}
.gallery {
	width: 840px;
	overflow: hidden;
	position: relative;
	margin: 0 auto 40px;
}
.slick-slider {
	width: 840px;
}
#mainSlides {
	margin-bottom: 12px;
	height:560px;
}
#mainSlides .slick-slide img{
	max-width:840px;
	max-height:560px;
	width:auto;
	height:auto;
	display:block;
	margin:0 auto;
}
#thumbnailSlides {
	width: 851px;
	margin: 0 -5px 0 -6px;
}
#thumbnailSlides .slick-slide  {
	text-align: center;
}
#thumbnailSlides .slick-slide img {
	max-width:110px;
	width:auto;
	height:auto;
	display:block;
	margin: 0 auto;
	cursor: pointer;
}
/*-------------------------------------------------------------------
　　イベント情報　詳細ページ
--------------------------------------------------------------------*/
.post.event .label em {
	width:auto;
	background: #F3D459;
}
.eventDetail  {
	margin: 30px auto;
	padding:20px;
	background: #F4F1EA;
}
.eventDetail table {
	margin:0;
}
.eventDetail table th,
.eventDetail table td {
	border-style:none;
	padding: 5px 0;
}
#eventform {
	margin: 30px auto 40px;
}
#eventform table th,
#eventform table td {
	padding: 10px 0;
}
#eventform table th {
	width: 38%;
	padding-right: 20px;
}
#eventform input[readonly="readonly"] {
	background: #f5f5f5 !important;
	color: #777;
	border: 1px solid #ddd !important;
	box-shadow: none !important;
}
/*-------------------------------------------------------------------
　　お客様の声　詳細
--------------------------------------------------------------------*/
.post.voice {
	overflow:hidden;
}
.post.voice .label {
	text-align:right;
}
.voiceTtl01,
.voiceTtl02 {
	font-family: "Microsoft YaHei";
	text-align:center;
}
.voiceTtl01 {
	font-size:24px;
	line-height:1.5;
	margin: 0 auto;
	padding: 0px 0px 10px;
	border-bottom: 1px solid #B0A8A3;
	max-width:800px;
}
.voiceTtl01 .start,
.voiceTtl01 .end {
	display:block;
}
.voiceTtl01 .start {
	background: url(../bg/quote_start.jpg) no-repeat left top;
}
.voiceTtl01 .end {
	background: url(../bg/quote_end.jpg) no-repeat right top;
}
.voiceTtl02 {
	font-size:15px;
	margin: 20px auto 30px;
}
.voiceImage {
	margin:30px auto 60px;
	text-align:center;
}
.voiceSheet {
	width:351px;
	float:left;
}
.voiceSheet li + li {
	margin-top: 30px;
}
.voiceSheet img {
	width: inherit;
	max-width: 350px;
	height:auto;
	border-right: 1px solid #F5F1EB;
	border-bottom: 1px solid #F5F1EB;
}
.voiceSheet + .voiceText {
	width: 600px;
	float:right;
}
.voiceQandA .question {
	font-weight:normal;
	background: #FCFCFC url(../bg/ico_q.jpg) no-repeat left top;
	padding: 10px 0px 0px 60px;
	margin:0 0 10px;
	min-height:37px;
}
.voiceQandA .answer {
	background: #F3EFE9 url(../bg/ico_a.jpg) no-repeat left top;
	padding: 30px;
}
.voiceToWorks {
	clear: both;
	margin: 40px 0;
	text-align: right;
}
.voiceToWorks a {
	background: url(../bg/btn_to_works.jpg) no-repeat;
	display: block;
	padding: 43px 0px 0px;
	height: 0px;
	width: 286px;
	overflow: hidden;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.voiceToWorks a:hover {
	background-position: 0 -43px;
}
/*-------------------------------------------------------------------
　　ブログ　詳細ページ
--------------------------------------------------------------------*/	
.post .staffName {
	position:absolute;
	right: 0;
	top :15px;
	background: url(../bg/ico_writtenby.gif) no-repeat  0 4px;
	padding-left: 65px;
}
.authorInfo {
	background: url(../bg/line01.gif) repeat-x bottom;
	padding: 0px 20px 20px;
	margin: 40px 0;
	min-height: 210px;
}
.authorInfo .title {
	background: url(../bg/ttl_staff.jpg) no-repeat;
	margin: 0 -20px 20px;
	padding: 35px 0px 0px;
	width: 750px;
	height: 0;
	overflow:hidden;
}
.authorInfo .name {
	font-family: "Microsoft YaHei";
	font-size: 20px;
	font-weight: normal;
}
.authorInfo .description {
	overflow:hidden;
	padding: 10px 0 20px;
}
.authorInfo .thumbnail {
	width: 150px;
	height: 150px;
	display: block;
	overflow: hidden;
	float:left;
	margin: 0 40px 0 0;
}
.authorInfo .thumbnail img {
	width:inherit;
	height:auto;
	max-width:100%;
	max-height:100%;
}
.authorInfo .link {
	display: block;
	width: 245px;
	height: 0;
	padding: 32px 0 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	bottom: 15px;
	background: url(../bg/btn_author_archive.png) no-repeat 0 0;
}
.authorInfo .link:hover {
	background-position: 0 -32px;
}
/*-------------------------------------------------------------------
　　新着情報
--------------------------------------------------------------------*/
article.post {
	position:relative;
	clear: both;
}
.postTtl01 {
	line-height:1.5;
	font-family: "Microsoft YaHei";
	font-size: 24px;
	font-weight: normal;
	color: #250D00;
	margin: 0 0 20px;
}
.postTtl01 a {
	color: #250D00;
	text-decoration: none;
}
.postTtl01.withDate {
	margin-left: 110px;
	min-height: 3em;
}
.postTtl01.withStaffName {
	margin-right: 120px;
}
.post .body {
	padding:20px 0;
	clear:both;
	overflow:hidden;
}
.post .body img {
	width: inherit;
	height: auto;
	max-width: 100%;
}
.post .body th,
.post .body td {
	border: 1px solid #DDD;
}
.post .label {
	display: block;
	margin:0 0 10px;
}
.alignleft {
	clear:left;
	float: left;
	margin:0 20px 0 0;
}
.alignright {
	clear:right;
	float: right;
	margin:0 0 0 20px;
}
.aligncenter {
	clear:both;
	display:block;
	margin:0 auto 20px;
}
.post .body * + .alignleft,
.post .body * + .alignright,
.post .body * + .aligncenter {
	margin-top:20px;
}
/*-------------------------------------------------------------------
　　関連記事
--------------------------------------------------------------------*/
.relatedPost .relatedTtl {
	background: url(../bg/ttl_related.jpg) no-repeat 0px 0px;
	margin: 0px auto 20px 0px;
	padding: 27px 0px 0px;
	height: 0px;
	width: 90px;
	overflow: hidden;
}
/*-------------------------------------------------------------------
　プライバシーポリシー
--------------------------------------------------------------------*/	
#privacy {
	width: 1000px;
	margin: 0 auto;
}
/*-------------------------------------------------------------------
　　404 notfound
--------------------------------------------------------------------*/	
#notfound  {
	width: 1000px;
	margin: 0 auto;
}
#notfound .body {
	padding:0 30px 30px;
}
/* お問い合わせフォーム
----------------------------------------------------------- */	
#contact {
	width: 1000px;
	margin: 0 auto;
}
#contact .contactIntro {
	padding: 20px 420px 0 0;
	background: url(../bg/inquiry_bg01.png) no-repeat right top;
	min-height: 280px;
}
#contact .telArea {
	margin: 30px auto;
	padding: 30px;
	text-align: center;
}
#contact .telArea .number {
	line-height: none;
	margin: 0;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-family: "Microsoft YaHei";
	font-size: 18px;
	font-weight: normal;
}
#contact .telArea .number + .number {
	margin-left: 30px;
}
#contact .telArea .number strong {
	font-weight: normal;
}
#contact .telArea .freedial strong,
#contact .telArea .tel strong {
	font-size: 24px;
}
#contact .telArea .opentime {
	margin: 0;
}
/*----------------------------------------------------------
    form
----------------------------------------------------------- */
.iqfm-table {
}
.iqfm-table th, .iqfm-table td {
	background: url(../bg/line01.gif) repeat-x bottom;
	border-style: none;
}
.iqfm-table th {
}
.iqfm-table td p {
	margin:0;
	padding:0;
}
/*-------------------------------------
    送信確認ボタン
--------------------------------------*/
#main .check_btn {
	background:url(../bg/btn_confirm.jpg) no-repeat;
	padding:0;
	height:40px;
	width:175px;
	text-indent:-9999px;
	border:none;
	display:block;
	margin:20px auto;
}
/*-------------------------------------
    送信ボタン
--------------------------------------*/	
#main .btnarea {
	padding:20px 0;
	text-align:center;
}
#main .submit_btn {
	background:url(../bg/btn_submit.jpg) no-repeat;
	padding:0;
	height:40px;
	width:109px;
	text-indent:-9999px;
	border:none;
}
/*-------------------------------------
    戻るボタン
--------------------------------------*/	
#main .return {
	background:url(../bg/btn_return.jpg) no-repeat;
	padding:0;
	height:40px;
	width:87px;
	text-indent:-9999px;
	border:none;
}
/*-------------------------------------
    完了画面のトップへ戻るボタン
--------------------------------------*/
#main .return_top {
	background:url(../bg/btn_return_top.jpg) no-repeat;
	padding:0;
	height:40px;
	width:175px;
	border:none;
	text-indent:-9999px;
	display:block;
	margin:20px auto;
}
/*-------------------------------------
    ボタンホバー
--------------------------------------*/
#main .return:hover, #main .submit_btn:hover, #main .check_btn:hover, #main .return_top:hover {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	cursor:pointer;
}
/*-------------------------------------
    必須
--------------------------------------*/
#main th span.kome {
	margin-left:10px;
	padding:3px 4px;
	color:#fafafa;
	font-size:9px;
	letter-spacing:1px;
	margin: 0 0 0 10px;
	line-height:9px;
	border-radius:3px;
	font-family:"Microsoft YaHei";
	zoom:normal;
	background: #E88E2E;
}

/*-------------------------------------
    page2
--------------------------------------*/


/*-----------------hd-----------------*/
.clearfix {
width: 100%;
}
.clearfix:before, .clearfix:after {
content: "";
display: table;
}
#body-article {
width: 1000px;
margin: 0 auto;
}
#body-article .side-bars{
float: right;
width: 300px;
position: relative;
}
#body-article .main{
float: left;
width: 640px;
position: relative;
}
#body-article .main .c-main{
padding-top: 16px;
}
.main .c-main .hd {
padding-bottom: 1px;
border-bottom: 1px dotted #dbdbdb;
z-index: 3;
}
#body-article h1{
padding-bottom: 16px;
font-family: "Microsoft YaHei";
font-size: 26px;
font-weight: normal;
line-height: 41px;
}
.ll, .l {
float: left;
}
.color-a-0 {
padding-right: 7px;
line-height: 21px;
}
.color-a-1 {
line-height: 21px;
}
.color-a-0 a, .color-a-0 a:link, .color-a-0 a:visited {
color: #2D96E9;
font-size: 12px;
}
.color-a-1 a, .color-a-1 a:link, .color-a-1 a:visited {
color: #666;
font-size: 12px;
}
.color-a-1 a:hover{
	color:#cc0001;
}
.bor-tit {
display: inline;
width: 1px;
height: 13px;
overflow: hidden;
margin-left: 0;
margin-right: 9px;
margin-top: 4px;
background: #E8E8E8;
}
.infoMblog {
position: relative;
z-index: 9;
}
.article-time {
margin-top: 5px;
height: 12px;
padding-right: 13px;
padding-left: 8px;
line-height: 12px;
}
.tit-bar {
color: #666;
}
.tit-bar span {
z-index: 2;
float: left;
}

/*-----------------bd-----------------*/
#cnt-main {
padding: 35px 0; 
}
#cnt-main p {
text-indent: 2em;
margin-bottom: 29px;
line-height: 28px;
font-size: 133.33%;
}
#cnt-main table p {
text-indent: 0;
margin-bottom: 0;
line-height: 17px;
font-size: 10px;
}


/*-----------------sidbars-----------------*/
.side-bars {
margin-bottom: 30px;
}
.side-bars h2 {
margin-bottom: 10px;
font-size: 18px;
color: #399deb;
font-family: "Microsoft YaHei"
}
.side-bars dl {
margin-bottom: 15px;
}
.side-bars dl dt {
display: inline;
float: left;
height: 60px;
overflow: hidden;
margin-right: 10px;
}
.side-bars dl dd {
font-size: 14px;
width: 100%;
height: 60px;

}

.side-bars dl dd a{
color: #000;
line-height:24px;
}
.side-bars dl dd a:hover{
color: #cc0001;
}

/*-------------------------------------
    page3
--------------------------------------*/
/*-------------myypkh_le--------------*/

#body-article .myypkh_le{
float: left;
width: 250px;
position: relative;
}

.myypkh_le .information {
width: 234px;
background: #f2f2f2;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #eee;
padding: 9px 7px;
overflow: hidden;
margin-bottom: 10px;
}

.information_a {
width: 200px;
margin: 0 auto;
height: 52px;
line-height: 52px;
border-bottom: 1px dashed #cacaca;
font-family: "Microsoft YaHei";
font-size: 14px;
}

.information_a span {
color: #ff6c00;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-width: 100px;
position: absolute;
}

.information_a a {
float: right;
color: #999;
}

.information ul {
margin-top: 14px;
}

.information li {
height: 34px;
line-height: 34px;
width: 234px;
margin-bottom: 5px;
}

.myypkh_le .information li a {
display: block;
height: 34px;
padding-left: 24px;
font-size: 14px;
font-family: "Microsoft YaHei";
color: #6e6e6e;
}

.myypkh_le .information li a:hover {
display: block;
height: 34px;
font-size: 14px;
font-family: "Microsoft YaHei";
color: #fff;
padding-left: 34px;
text-decoration: none;
background: #a7a7a7;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;

}

.myypkh_le .information .act{
width: 224px;
padding-left: 10px;
background: #ef8200;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.myypkh_le .information .act a:hover{
background: #ef8200;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
padding-left: 24px;
}

.myypkh_le .information .act a{
color: #fff;
display: block;
height: 34px;
text-decoration: none;
}



.myypkh_le .airwaybill_ti {
width: 225px;
height: 42px;
line-height: 42px;
background: #999;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
padding-left: 25px;
margin-bottom: 15px;
color: #fff;
font-size: 16px;
}



/*-------------myypkh_ri--------------*/


#body-article .myypkh_ri{
float: right;
width: 690px;
position: relative;
}

.myypkh_ri_ti {
height: 33px;
border-bottom: 2px solid #ef8200;
line-height: 33px;
}

.myypkh_ri_ti span {
float: right;
color: #606060;
font-size: 12px;
}

.myypkh_ri .myypkh_ri_ti span a {
color: #606060;
}

.myypkh_ri .myypkh_ri_ti span a:hover {
color: #606060;
}

.myypkh_ri_ti h3 {
float: left;
font-weight: normal;
font-size: 18px;
color: #ef8200;
padding-left: 3px;
}

/*-----------myypkh_ri_txb-----------*/


/*-----------myypkh_ri_txb .hd-----------*/
.myypkh_ri_txb .searchlist{
	margin-top: 20px;
}

.myypkh_ri_txb .searchlist{
padding: 0 10px;
width: 670px;
background: #f3f0e9;
font-size: 14px;
font-weight: 500;
border-radius: 5px;
}

.myypkh_ri_txb .searchlist table{
overflow: hidden;
display: block;
}

.block-expand{
height: 80px;
}

.myypkh_ri_txb .searchlist table select{
padding: 5px 5px;
}



.myypkh_ri_txb .searchlist table tr td:first-child {
font-size: 14px;
color: #888;
padding-left: 30px;
}


.myypkh_ri_txb .searchlist table tr td{
padding: 5px;
background: url(../bg/line01.gif) repeat-x bottom;
}
.myypkh_ri_txb .searchlist .bt{
position: relative;
padding-bottom: 20px;
}
.myypkh_ri_txb .searchlist .bt .search_btn{
background:  url(../bg/btn_confirm.jpg) no-repeat;
border-radius: 5px;
padding: 0;
height: 40px;
width: 175px;
text-indent: -9999px;
border: none;
display: block;
margin: auto;
cursor: pointer;
}
.myypkh_ri_txb .searchlist .bt .more-btn{
color: #666;
position: absolute;
right: 25px;
bottom: 20px;
}
.myypkh_ri_txb .searchlist .bt span{
display: inline-block;
width: 7px;
height: 4px;
margin: 2px; 
background: url(../bg/arw03.gif) no-repeat;
position: absolute;
right: 13px;
bottom: 30px;
}

.myypkh_ri_txb .searchlist .bt .icon-btn-arrow-down-2{
background-position: 0px -14px;
}
.myypkh_ri_txb .searchlist .bt .icon-btn-arrow-up-2{
background-position: 0px 0px;
}

/*-----------myypkh_ri_txb .bd-----------*/
.myypkh_ri_txb {
padding-bottom: 20px;
}

.myypkh_ri_txb .result{
color:#777;
font-size: 18px;
margin: 10px 0;
}


.myypkh_ri_txb .orderlist .order_hd{
width: 630px;
padding: 10px 30px;
background: #888;
content: "";
display: table;
border-radius: 5px;
margin: 5px 0;

}

.myypkh_ri_txb .orderlist .act{
border-top-left-radius: 30px;
border-top-right-radius: 5px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
background: #ef8200;
margin: 0;
}

.myypkh_ri_txb .orderlist .order_hd div{
float: left;
margin-right: 30px;
font-size: 14px;
color:#fff;
font-weight: 400;
}
.myypkh_ri_txb .orderlist .order_hd .margin-clear{
	margin: 0;
}
.myypkh_ri_txb .orderlist .act .ps_down{
background-position: 0 0 !important;
}
.myypkh_ri_txb .orderlist .order_hd .arw{
float: right;
margin-top: 6px;
width: 17px;
height: 17px;
z-index: 99;
background: url(../bg/arw01a.png) no-repeat;
background-position: 0 -17px;

}

.myypkh_ri_txb .orderlist .order_bd{
padding: 0px 10px;
background: none repeat scroll 0% 0% #F3F0E9;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 5px;
}
.myypkh_ri_txb .orderlist table{
width: 670px;
background: #f3f0e9;
font-size: 14px;
font-weight: 500;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 5px;
}
.myypkh_ri_txb .orderlist table tr td{
padding: 5px;
font-size: 12px;
background: url(../bg/line01.gif) repeat-x bottom;
}

.myypkh_ri_txb .orderlist table tr td:first-child{
font-size: 14px;
color: #888;
padding-left: 30px;

}

.myypkh_ri_txb .orderlist table tr:last-child td{
background: none;
}
.myypkh_ri_txb .orderlist table tr:last-child td:last-child{
padding: 0;
background: none;
}

.myypkh_ri_txb .orderlist table tr:last-child td img{
margin: 5px 5px 10px 5px;
}

/*-----------dataTables_paginate-----------*/


.holder{
	text-align: center;
	margin-bottom: 20px;
}
.holder>a, .holder>span {
cursor: pointer;
position: relative;
padding: 8px 12px;
line-height:38px;
text-decoration: none;
color: #ef8200;
background-color: #fff;
border: 1px solid #ef8200;
margin-left: -1px;

}

.holder .jp-current{
color: #fff;
background: #ef8200;
}

/*-----------------financia_center----------------*/
.financial-overlay {
top: 0;
left: 0;
position: fixed;
}

#financial_frame{
width: 80%;
height: 70%;
min-width: 900px;
background: #fff;
position: absolute;
top: 15%;
left: 10%;
text-align: center;
padding: 40px 20px;
box-shadow: 0 2px 5px rgba(0,0,0,.3);
border-radius: 4px;
z-index: 99998;
overflow: auto;
}

#financial_frame table{
	border: 1px solid #888;

}
#financial_frame table thead{
	color: #fff;
	background: #ef8200;
}
#financial_frame table td{
	text-align: center;
	border: 1px solid #888;
}

#financial_frame .close {
width: 36px;
height: 36px;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
}

#financial_frame .close i {
width: 20px;
height: 20px;
position: absolute;
left: 50%;
top: 50%;
margin: -10px 0 0 -10px;
background: url(../bg/msg_close.png) 0 0 no-repeat;
}

.orangeblock{
	color: #fff;
	background: #ef8200;
}