@charset "utf-8";

/***** 会社概要 *****/

#company_left h2 {
padding: 10px;
margin: 10px 10px 0;
border-bottom:solid 1px #eee6ce;
}

#company_left {
width: 560px;
float: left;
background-image: url("../../company/images/top_box_t.gif");
background-repeat: no-repeat;
background-position: 0 20px;
}

#company_info {
background: url("../../company/images/top_box_bg.gif") repeat-y;
margin-top: 30px;
height: 1%;
}

#company_info dl {
padding: 10px;
background: url("../../company/images/top_box_b.gif") bottom left no-repeat;
}

#company_info dl dt {
float: left;
padding: 10px;
width: 140px;
line-height: 140%;
}

#company_info dl dd {
padding: 10px 0 10px 20px;
line-height: 140%;
border-bottom:dotted 1px #d8c8a1;
}

#company_info dl dd.nobd {
border-bottom: none;
}

#company_info ol li {
margin-left: 140px;
list-style-type: decimal;
margin-bottom: 8px;
line-height: 140%;
}

#company_left h3 {
border-top: solid 2px #a03b45;
border-bottom: double 3px #f1e8d4;
padding:10px 0 5px;
margin:30px 0 10px;
}

#company_left h3 a {
background-image: url("../../company/images/h3_titles.gif");
background-repeat: no-repeat;
display: block;
height: 20px;
text-indent: -9999px;
}

#company_left h3#tl01 a {background-position: 0 0;}
#company_left h3#tl02 a {background-position: 0 -50px;}
#company_left h3#tl03 a {background-position: 0 -100px;}
#company_left h3#tl04 a {background-position: 0 -150px;}
#company_left h3#tl01 a:hover {background-position: -300px 0;}
#company_left h3#tl02 a:hover {background-position: -300px -50px;}
#company_left h3#tl03 a:hover {background-position: -300px -100px;}
#company_left h3#tl04 a:hover {background-position: -300px -150px;}

#company_left .company_box {
width: 265px;
margin-right: 27px;
float: left;
}

#company_left .company_box p {
line-height: 145%;
}

#company_left .nomg {
margin-right: 0!important;
}


#company_right {
float: right;
margin-top: 20px;
}

#company_right #guide {
margin-top: 10px;
}

#company_right #guide ul li {
float: left;
margin-right: 10px;
}

#company_right #guide ul li.nomg {
margin-right: 0;
}


/***** トピックス（CSR） *****/
#csr_main {
}

#csr_main h2 {
background-image: url("../../csr/images/h2_top_titles.gif");
background-repeat: no-repeat;
border-top: solid 2px #a03b45;
border-bottom: double 3px #f1e8d4;
display: block;
width: 265px;
height: 35px;
text-indent: -9999px;
margin: 30px 0 10px;
}

#csr_main h2#tl01 {background-position: 0 10px;}
#csr_main h2#tl02 {background-position: 0 -40px;}
#csr_main h2#tl03 {background-position: 0 -90px;}
#csr_main h2#tl04 {background-position: 0 -140px;}
#csr_main h2#tl05 {background-position: 0 -190px;}
#csr_main h2#tl06 {background-position: 0 -240px;}
#csr_main h2#tl07 {background-position: 0 -290px;}

.csr_box {
float: left;
margin-right: 27px;
}

.csr_box ul li {
margin-bottom: 10px;
}

.nomg {
margin-right: 0!important;
}

#csr_wn {
background:url("../../csr/images/wn_btm.gif") bottom no-repeat;
margin-top:20px;
}

h2#wn {
width:180px;
background:none;
border:none;
margin:10px 0 0 10px;
text-indent:0;
float:left;
}

html>body h2#wn {
margin:10px 0 0 20px;
}

#csr_wn_body {
background:url("../../csr/images/wn_top.gif") top no-repeat;
padding:5px 0;
}

#csr_wn_txt {
border-left:solid 2px #e8e3d3;
border-right:solid 2px #e8e3d3;
padding:12px 0 4px 220px;
background:#fff;
}

html>body #csr_wn_txt {
padding:12px 0 4px 200px;
}

#csr_wn_txt dt {
float:left;
margin-bottom:10px;
padding-right:10px;
}

#csr_wn_txt dd {
margin-bottom:10px;
}

/***** 工法技術 *****/

#tech {
margin-top: 20px;
}

#tech ul li, #tech dt {
border-top: dotted 1px #f1e8d4;
margin-right: 10px;
padding-top: 5px;
}

#tech ul li, #tech dt.nophoto {padding-top: 0;}
#tech ul li.nobd, #tech01_left ul li.nobd a {border: none!important; padding-top: 0!important;}
#tech dt.nobd {border: none; margin-top: 0;}

#tech h2#tt01 a, #tech h2#tt02, #tech h2#tt03, #tech h2#tt04, #tech h2#tt05, #tech h2#tt06, #tech h3 a {
background-image: url("../../tech/images/tech_h2titles.gif");
background-repeat: no-repeat;
border-top: solid 2px #a03b45;
border-bottom: double 3px #f1e8d4;
margin: 8px 10px 0;
text-indent: -9999px;
height: 30px;
display: block;
}

#tech h3 a {
border-top: solid 1px #a03b45;
width: 143px;
}

#tech01_left {
float: left;
width: 143px;
margin-bottom: 10px;
margin-top: 4px;
}

#tech01_left ul li {
border-top: none;
}

#tech01_left ul li a {
width: 142px !important;
border-top: dotted 1px #f1e8d4;
}

#tech01_right {
float: left;
width: 142px;
margin-top: 4px;
margin-left: 8px;
margin-bottom: 10px;
}

html>body #tech01_right {
margin-left: 28px;
}

#tech01 {width: 334px; height: 842px; background:url("../../tech/images/bg_tech01.gif") no-repeat; float:left;}
#tech01 p {margin-top: 6px;}

#tech02 {background:url("../../tech/images/bg_tech02.gif") no-repeat; height:1038px;}
#tech03 {background:url("../../tech/images/bg_tech03.gif") no-repeat; height:756px;}
#tech04 {background:url("../../tech/images/bg_tech04.gif") no-repeat; height:583px;}

#tech02, #tech03, #tech04 {
float: left;
width: 162px;
margin-left: 10px;
}

#tech p, #tech ul, #tech dl {margin-left: 9px;}

h2#tt01 a {background-position: 0 0;}
h3#tt01_1 a {background-position: 0 -30px;}
h3#tt01_2 a {background-position: 0 -60px;}

h2#tt01 a:hover {background-position: -350px 0;}
h3#tt01_1 a:hover {background-position: -350px -30px;}
h3#tt01_2 a:hover {background-position: -350px -60px;}

h2#tt02 {background-position: 0 -90px;}
h2#tt03 {background-position: 0 -120px;}
h2#tt04 {background-position: 0 -150px;}
h2#tt05 {background-position: 0 -180px;}
h2#tt06 {background-position: 0 -210px;}

#tech ul li a, #tech dd a {
background-image: url("../../tech/images/tech_menu.gif");
background-repeat: no-repeat;
display: block;
height: 30px;
text-indent: -9999px;
width: 250px;
}

#tech dd a {
width: 140px;
}

li#tm01_1 a {background-position: 0 -30px;}
li#tm01_2 a {background-position: 0 -60px;}
li#tm01_3 a {background-position: 0 -90px;}
li#tm01_4 a {background-position: 0 -120px;}
li#tm01_5 a {background-position: 0 -150px;}
li#tm01_6 a {background-position: 0 -180px;}
li#tm01_7 a {background-position: 0 -210px;}
li#tm01_8 a {background-position: 0 -240px;}
li#tm01_9 a {background-position: 0 -270px;}
li#tm01_10 a {background-position: 0 -300px;}
li#tm01_11 a {background-position: 0 -330px;}
li#tm01_12 a {background-position: 0 -360px;}

dd#tm02_1 a {background-position: 0 -392px; height:26px;}
dd#tm02_2 a {background-position: 0 -422px; height:26px;}
dd#tm02_3 a {background-position: 0 -452px; height:26px;}
dd#tm02_4 a {background-position: 0 -482px; height:26px;}
dd#tm02_5 a {background-position: 0 -512px; height:26px;}
dd#tm02_6 a {background-position: 0 -542px; height:26px;}

dd#tm03_1 a {background-position: 0 -570px;}
dd#tm03_2 a {background-position: 0 -600px;}
dd#tm03_3 a {background-position: 0 -630px;}
dd#tm03_4 a {background-position: 0 -660px; margin-bottom:18px;}

dd#tm04_1 a {background-position: 0 -690px;}
dd#tm04_2 a {background-position: 0 -720px;}
dd#tm04_3 a {background-position: 0 -750px;}
dd#tm04_4 a {background-position: 0 -780px;}

dd#tm05_1 a {background-position: 0 -810px;}
dd#tm05_2 a {background-position: 0 -840px;}
dd#tm05_3 a {background-position: 0 -870px; margin-bottom:24px;}

dd#tm06_1 a {background-position: 0 -900px;}
dd#tm06_2 a {background-position: 0 -930px;}

dd#tm02_7 a {background-position: 0 -960px; height:26px;}


li#tm01_1 a:hover {background-position: -300px -30px;}
li#tm01_2 a:hover {background-position: -300px -60px;}
li#tm01_3 a:hover {background-position: -300px -90px;}
li#tm01_4 a:hover {background-position: -300px -120px;}
li#tm01_5 a:hover {background-position: -300px -150px;}
li#tm01_6 a:hover {background-position: -300px -180px;}
li#tm01_7 a:hover {background-position: -300px -210px;}
li#tm01_8 a:hover {background-position: -300px -240px;}
li#tm01_9 a:hover {background-position: -300px -270px;}
li#tm01_10 a:hover {background-position: -300px -300px;}
li#tm01_11 a:hover {background-position: -300px -330px;}
li#tm01_12 a:hover {background-position: -300px -360px;}

dd#tm02_1 a:hover {background-position: -300px -392px;}
dd#tm02_2 a:hover {background-position: -300px -422px;}
dd#tm02_3 a:hover {background-position: -300px -452px;}
dd#tm02_4 a:hover {background-position: -300px -482px;}
dd#tm02_5 a:hover {background-position: -300px -512px;}
dd#tm02_6 a:hover {background-position: -300px -542px;}

dd#tm03_1 a:hover {background-position: -300px -570px;}
dd#tm03_2 a:hover {background-position: -300px -600px;}
dd#tm03_3 a:hover {background-position: -300px -630px;}
dd#tm03_4 a:hover {background-position: -300px -660px;}

dd#tm04_1 a:hover {background-position: -300px -690px;}
dd#tm04_2 a:hover {background-position: -300px -720px;}
dd#tm04_3 a:hover {background-position: -300px -750px;}
dd#tm04_4 a:hover {background-position: -300px -780px;}

dd#tm05_1 a:hover {background-position: -300px -810px;}
dd#tm05_2 a:hover {background-position: -300px -840px;}
dd#tm05_3 a:hover {background-position: -300px -870px;}

dd#tm06_1 a:hover {background-position: -300px -900px;}
dd#tm06_2 a:hover {background-position: -300px -930px;}

dd#tm02_7 a:hover {background-position: -300px -960px;}


/***** 実績紹介 *****/

#case ul li {
border-top: double 3px #f1e8d4;
margin-top: 16px;
margin-right: 36px;
padding-top: 12px;
float: left;
}

#case ul li.nomg {
margin-right: 0;
}

/***** IR情報 *****/

#ir_left {
width: 560px;
float: left;
}

#ir_info {
background: url("../../irinfo/images/bg_ir_info.gif") bottom no-repeat;
margin-top: 20px;
}

#ir_info dl {
padding: 10px;
}

#ir_info dl dt {
float: left;
padding: 5px;
width: 80px;
}

#ir_info dl dd {
padding: 5px 0 5px 20px;
}

#ir_left h3 {
border-top: solid 2px #a03b45;
border-bottom: double 3px #f1e8d4;
padding:10px 0 5px;
margin:30px 0 10px;
}

#ir_left h3 a {
background-image: url("../../irinfo/images/h3_titles.gif");
background-repeat: no-repeat;
display: block;
height: 20px;
/*width: 200px;*/
text-indent: -9999px;
}

#ir_left h3#tl01 a {background-position: 0 0;}
#ir_left h3#tl02 a {background-position: 0 -50px;}
#ir_left h3#tl03 a {background-position: 0 -100px;}
#ir_left h3#tl01 a:hover {background-position: -300px 0;}
#ir_left h3#tl02 a:hover {background-position: -300px -50px;}
#ir_left h3#tl03 a:hover {background-position: -300px -100px;}

#ir_left .ir_box {
width: 265px;
margin-right: 27px;
float: left;
}

#ir_left .ir_box p {
line-height: 145%;
}

#ir_left .nomg {
margin-right: 0!important;
}


#ir_right {
float: right;
margin-top: 20px;
}

#ir_right #get_pdf {
background: #f7f4eb;
width: 245px;
border: solid 1px #e7e4dd;
padding: 10px;
}

#ir_right #get_pdf p {
line-height: 145%;
}

#ir_right #get_pdf img {
float: right;
margin: 0 0 10px 10px;
}

#ir_right #guide {
margin-top: 10px;
}

#ir_right #guide ul li {
float: left;
margin-right: 10px;
}

#ir_right #guide ul li.nomg {
margin-right: 0;
}


/***** 採用情報 *****/
#recruit_left {
width: 560px;
float: left;
margin-top: 20px;
}

#recruit_info {
background: url("../../recruit/images/bg_recruit_info.gif") left bottom no-repeat;
margin-top: 10px;
height: 1%;
}

#recruit_info .seniorbox {
float: left;
width: 245px;
height: 200px;
margin: 16px 0 0 8px;
}

html>body #recruit_info .seniorbox {
margin: 16px 0 0 16px;
}

#recruit_info .seniorbox p {
padding: 10px;
line-height: 165%;
}

#recruit_info .seniorbox p span {
font-weight: bold;
font-size: 120%;
line-height: 180%;
}

#recruit_info .seniorbox p a {
background: url("../../common/images/ar.gif") 0 3px no-repeat;
padding-left:10px;
}

#recruit_info .seniorbox img {
float: left;
margin: 0 16px 10px 0;
}

#recruit_right {
float: right;
margin-top: 20px;
}

#recruit_right #guide {
margin-top: 10px;
}

#recruit_right #guide ul li {
margin-bottom: 10px;
}