@charset "utf-8";

/* *******************************************
  サイト名：　 
　制作者: 　　 株式会社マイ.ビジネスサービス.
　URL: 　　　　http://www.
　作成日:　　　2008年12月
　最新更新日： 2008年12月
  Copyright(C) 2008 DAINIHON WOOD-PRESERVING CO., LTD. All rights reserved.
  -------------------------------------------
  Title:      
  Author:     My Business Service
  URL :       http://www.
  Created :   Dec. 2008
  Modified :  Dec. 2008

*　企業情報の個別スタイル
　 The following styles are for "company".
******************************************* */

/* 目次
１．社長メッセージ
２．会社概要
５． 事業所一覧
*/

/* *********************************
clearfix
********************************* */

/* モダンブラウザ modern browsers */
div#offices:after,
div#premise:after,
div#premise02:after{
    content: ".";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;  
		} 

/*for IE 5.5-7*/
div#offices
div#premise,
div#premise02{
    zoom:1;
		}

/* *********************************
企業情報
********************************* */

/*１．社長メッセージ */
div#message{
	width: 580px;
	margin-bottom: 50px;
	}

div#message .left{
	float: left;
	padding-top: 10px;
 width: 224px;
	}

div#message .right{
 width: 346px;
	float: right;
	}

div#message .sign{
 width: 153px;
	margin-top: 30px;
	margin-left: 193px;
	}

div#message .sign p{
	line-height: 100%;
	margin-bottom: 3px;
	}

/*２．会社概要 */

div#profile ul li{
	margin-left: 16px;
	list-style: outside disc;
	}

div#profile th{
	width: 6em;
	}

div#profile th,
div#certification td dt{
	font-weight: bold;
	}

div#profile strong{
	font-weight: normal;
	line-height: 170%;
	}

div#profile td dt{
	border-bottom: dotted #ccc 1px;
	}

div#profile td dd{
	margin-bottom: 10px;
	padding-left: 15px;
	}
	
div#certification dl dd ul li{
	margin-left: 25px;
	font-size: 120%;
	list-style: outside disc;
	}

div#certification td{
	background: url(../images/certification_photo01.jpg) top right no-repeat;
	}
/*８． 社屋のご紹介 */
div#premise ul{
	width: 580px;
	}
			div#premise ul li{
				float:left;
				margin-right:7px;
				margin-bottom:40px;
				}
			div#premise ul li.none{
				margin-right:0;
				}
					div#premise ul li p{
						margin:5px;
						width:178px;
						font-size:85%;
						line-height:1.4;
						}
					div#premise ul li p.headquarters{
						width:342px;
						}
					div#premise ul li p.lobby{
						width:210px;
						}
					div#premise ul li p strong{
						display:block;
						font-size:110%;
						line-height:1.6;
						}
div#premise p.btn{
	text-align:center;
	}

/*div#premise dl{
	width: 90%;
	margin-left: 10px;
	}

div#premise dl dt{
	font-weight: bold;
	}

div#premise div.left{
	width: 354px;
	float: left;
}

div#premise div.right{
	width: 226px;
	float: right;
	margin-bottom: 20px;
}

div#premise div.right img{
	margin-left: 8px;
	}

div#premise div.right dl{
	margin-left: 15px;
	}

div#premise02{
	clear: both;
	margin-bottom: 50px;
	}

div#premise02 ul li{
	width: 192px;
	float: left;
	}

div#premise02 ul li img{
	margin: 0;
	}

div#premise02 ul li p{
	margin-top: 0;
	margin-left: 10px;
	font-size: 100%;
	font-weight: bold;
	}*/

/* ５． 事業所一覧 */
div#offices{
	width: 580px;
	margin-bottom: 50px;
	}

/*div#offices h4{
	width: 560px;
	margin-bottom: 5px;
	padding: 8px 0;
	font-weight: bold;
	clear: both;
	}*/

div#offices h4{
	width: 542px;
	margin-left: 5px;
	padding: 5px 0 2px 5px;
	border-left: solid #CCB1CB 3px;
	border-bottom: solid #CCB1CB 1px;
	font-weight: bold;
	clear: both;
	}

div#offices h4.top{
	margin-top: 30px;
	}

div#offices table{
	margin: 10px 0 10px 10px;
	border-collapse: collapse;
	border: none;
	border-style: none;
	}

div#offices table td{
	line-height: 120%;
	}	

div#offices table td.tel{
	width: 150px;
	border-left: solid #ccc 1px;
	}	

	div#offices table td.map{
	width: 80px;
	vertical-align: middle;
	}	

div#offices p.separator{
	clear: both;
	margin-left: 5px;
	}

/*６． 営業拠点・工場拠点 */

div#branches td{
 padding: 0;
		}

div#branches02 a{
	text-align: right;
	}
		
/*７． アクセス */
div#access h4{
	width: 572px;
	margin: 20px 0;
	padding: 5px 0 2px 5px;
	border-left: solid #CCB1CB 3px;
	border-bottom: solid #CCB1CB 1px;
	font-weight: bold;
	}
div#access .gmap p{
 width: 580px;
	text-align: right;
	}

/* 組織図
-----------------------------------------------------------------------*/
div#organization{
	width: 580px;
	margin:20px 0 10px;
	padding:0;
	background:url(../images/organization_line00.png) repeat-y 0 0;
	}
	/*for IE6 */
	* html div#organization dl dt,
	* html div#organization dl dd {
		display: inline;
		zoom: 1;
	}
	/*for IE7 */
	*:first-child+html div#organization dl dt,
	*:first-child+html div#organization dl dd {
		display: inline;
		zoom: 1;
	}
			
div#organization dl dd ul.drop {
	position: relative;
	display: block;
	width: 135px;
	margin: 0;
	padding: 0;
}
	div#organization dl dd ul.drop li {
		position: relative;
		display: block;
		font-size:0;
	}
	div#organization dl dd ul.drop li a {
		display: block;
	}
	div#organization dl dd ul.drop li ul {
			visibility: hidden;
			position: absolute;
			left: 135px;
			margin: 0;
			padding:0 0 0 24px;
		}
			div#organization dl dd ul.drop li ul li {
				margin:0 0 8px 0;
			}
			div#organization dl dd ul.drop li ul li.lastChild {
				margin:0;
			}

/* post01 */
div#organization dl.post01{
	margin:15px 0 0 0px;
}
	div#organization dl.post01 dt{
		display:table-cell;
		padding:15px 0 0 145px;
		background:url(../images/organization_line01.png) repeat-x 0 15px;
		*background:url(../images/organization_line01.png) repeat-x 0 15px;
		vertical-align:top;
	}
	div#organization dl.post01 dd{
		display:table-cell;
		margin:0;
		padding:0 0 0 7px;
		background:url(../images/organization_post01_line01.png) no-repeat 0 0;
		vertical-align:middle;
	}
		div#organization dl.post01 dd ul.drop {
			top:-13px;
			
	}
div#organization dl.post01 dd ul.drop li{
			margin-bottom:17px;
		}
		div#organization dl.post01 dd ul.drop li.lastChild {
			margin:0;
		}
			div#organization dl.post01 dd ul.drop li ul{
				top: -17px;
				background:url(../images/organization_post01_line02.png) no-repeat 0 50%;
			}
				div#organization dl.post01 dd ul.drop li ul li {
					margin:0 0 8px 0;
				}

/* post02 */
div#organization dl.post02{
	margin:10px 0 0 0;
}
	div#organization dl.post02 dt{
		display:table-cell;
		width:116px;
		padding:200px 0 0 19px;
		background:url(../images/organization_line01.png) repeat-x 0 200px;
		vertical-align:top;
	}
	div#organization dl.post02 dd{
		display:table-cell;
		margin:0;
		padding:0 0 0 11px;
		background:url(../images/organization_post02_line01.png) no-repeat 0 65px;
		vertical-align:middle;
	}
	div#organization dl.post02 dd ul.sub {
		padding-top:130px;
	}
		div#organization dl.post02 dd ul.drop.drop01 {
		background:url(../images/organization_post02_line02.png) no-repeat 0 50%;
		width:156px;
		left:106px;
		top:-72px;
	}
div#organization dl.post02 dd ul.drop li{
			padding-left:21px;
			margin-bottom:17px;
		}
		div#organization dl.post02 dd ul.drop li.lastChild {
			margin:0;
		}
			div#organization dl.post02 dd ul.drop li ul{
				top: -17px;
				margin-left:21px;
				_margin-left:0;
			}
			div#organization dl.post02 dd ul.drop li ul.team01{
				top: -69px;
				background:url(../images/organization_post02_line05.png) no-repeat 0 50%;
			}
			div#organization dl.post02 dd ul.drop li ul.team02{
				top: -15px;
				background:url(../images/organization_post02_line07.png) no-repeat 0 50%;
			}
			div#organization dl.post02 dd ul.drop li ul.team03{
				top: -15px;
				background:url(../images/organization_post02_line07.png) no-repeat 0 50%;
			}
			div#organization dl.post02 dd ul.drop li ul.team04{
				top: -35px;
				background:url(../images/organization_post02_line11.png) no-repeat 0 50%;
			}
			div#organization dl.post02 dd ul.drop li ul.team05{
				top: -40px;
				background:url(../images/organization_post02_line11.png) no-repeat 0 50%;
			}
			div#organization dl.post02 dd ul.drop li ul.team06{
				top: 0px;
				background:url(../images/organization_post02_line10.png) no-repeat 0 50%;
			}
			div#organization dl.post02 dd ul.drop li ul.team07{
				top: -36px;
				background:url(../images/organization_post02_line07.png) no-repeat 0 50%;
			}
			/*div#organization dl.post02 dd ul.drop li ul.team08{
				top: -36px;
				background:url(../images/organization_post02_line11.png) no-repeat 0 50%;
			}*/
			div#organization dl.post02 dd ul.drop li ul.team08{
				top: -18px;
				background:url(../images/organization_post02_line07.png) no-repeat 0 50%;
			}
			
			div#organization dl.post02 dd ul.drop li ul.team10{
				top: -70px;
				background:url(../images/organization_post02_line06.png) no-repeat 0 50%;
			}
			div#organization dl.post02 dd ul.drop li ul.team11{
				top: -15px;
				background:url(../images/organization_post02_line07.png) no-repeat 0 50%;
			}
			div#organization dl.post02 dd ul.drop li ul.team12{
				top: 0;
				background:url(../images/organization_post02_line13.png) no-repeat 0 50%;
			}
			
				div#organization dl.post02 dd ul.drop li ul li {
					margin:0 0 8px 0;
					padding-left:0;
				}
	div#organization dl.post02 dd ul.sub li.sub02 {
		margin-top: 0;
	}
	div#organization dl.post02 dd ul.drop.drop02 {
		background:url(../images/organization_post02_line02.png) no-repeat 0 50%;
		width:156px;
		left:106px;
		top:-72px;
		}
	div#organization dl.post02 dd ul.sub li.sub03 {
		margin-top:-45px;
	}
	div#organization dl.post02 dd ul.drop.drop03 {
		background:url(../images/organization_post02_line04.png) no-repeat 0 20%;
		width:156px;
		left:106px;
		top:-27px;
		}
	div#organization dl.post02 dd ul.sub li.sub04 {
		margin-top:60px;
		padding-left:284px;
		background:url(../images/organization_line01.png) repeat-x 0 0;
	}
	div#organization dl.post02 dd ul.sub li.sub05 {
		margin-top:15px;
		padding-left:284px;
		background:url(../images/organization_line01.png) repeat-x 0 0;
	}
	div#organization dl.post02 dd ul.sub li.sub06 {
		margin-top:14px;
		width:135px;
		padding-left:127px;
		background:url(../images/organization_line01.png) repeat-x 0 0;
}
	div#organization dl.post02 dd ul.drop.drop04 {
		background:url(../images/organization_post02_line04.png) no-repeat 0 50%;
		width:156px;
		left:106px;
		top:-51px;
		}

	/* post03 */
div#organization dl.post03{
	margin:100px 0 0 0px;
}
	div#organization dl.post03 dt{
		display:table-cell;
		width:106px;
		padding:70px 0 0 19px;
		background:url(../images/organization_line01.png) repeat-x 0 70px;
		vertical-align:top;
	}
	div#organization dl.post03 dd{
		display:table-cell;
		margin:0;
		padding:0 0 0 148px;
		background:url(../images/organization_post03_line01_new.png) no-repeat 0 14px;
		width:360px;
		vertical-align:middle;
	}
		div#organization dl dd.post03 ul.drop {
			width: 148px;
		}
		div#organization dl.post03 dd ul.drop li{
			margin-bottom:18px;
		}
		div#organization dl.post03 dd ul.drop li.lastChild {
			margin:29px 0 0 156px;
		}
		div#organization dl.post03 dd ul.drop li.lastChild02 {
			margin:15px 0 0 156px;
		}
		div#organization dl.post03 dd ul.drop li ul.team09{
			top: -52px;
			background:url(../images/organization_post02_line06.png) no-repeat 0 50%;
		}
		/*div#organization dl.post03 dd ul.drop li ul.team09{
			top: -70px;
			background:url(../images/organization_post03_line04.png) no-repeat 0 50%;
		}*/
			div#organization dl.post03 dd ul.drop li ul{
				top: -16px;
				background:url(../images/organization_post03_line02.png) no-repeat 0 50%;
			}

				div#organization dl.post03 dd ul.drop li ul li {
					margin:0 0 8px 0;
				}
				div#organization dl.post03 dd ul.drop li ul li.lastChild {
					margin:0;
				}

/* post04 */
div#organization dl.post04{
	margin:20px 0 0 0;
	background:url(../images/organization_post04_line01.png) no-repeat 0 0;
}
	div#organization dl.post04 dt{
		width:135px;
		padding:0 0 0 273px;
	}


 .pagetop {
	text-align:right;
}



/* post05 */
div#organization .post05{
	margin:20px 0 0 0;
	background:url(../images/organization_line01.png) repeat-x 0 40px;
	width:163px;
}

	div#organization .post05 dt{
		
		padding:40px 0 0 145px;
		display: table-cell;
	}
	
div#organization dl.post05 dd {
    display: table-cell;
    margin: 0;
    padding: 17px 0 0 123px;
    background: url(../images/organization_post02_line12.png) no-repeat 0 30px;
    vertical-align: middle;
}




div#organization dl.post05 dd ul.sub li.sub02 {
    margin-top: 17px;
}


/*  企業理念 20160601追加  */
div#philosophy .list01 {
	margin:0 0 20px 15px;
}

div#philosophy p {
	margin:0 0 15px 10px;
}
div#philosophy .list02 {
	margin-left:15px;
}
div#philosophy .list02 dd {
	margin:0 0 10px 13px;
}
div#philosophy p.large {
	font-size:125%;
}