/*-------------------------------------------
   会社情報ページスタイル
---------------------------------------------*/


/*  会社情報
--------------------------------------------*/

div#company {
	padding: 10px 0 20px 20px;
}

div#company .box {
	float: left;
	width: 360px;
	padding: 20px 0 0 10px;
}

div#company .box .item {
	width: 330px;
	background-color: #F6EEEB;
}

div#company .box .item .image {
	float: left;
	padding: 4px;
}

div#company .box .item .txt {
	float: left;
	width: 220px;
	font-size: 12px;
	padding: 20px 0 0 8px;
}

div#company .box .item .btn {
	clear: both;
	width: 90px;
	height: 20px;
    overflow: hidden;
	padding: 16px 0 0 128px;
}

div#company .box .item .btn a{
    display: block;
    overflow: hidden;
    height: 0 !important;
    width: 90px;
    background-image: url(../company/img/btn-syosai.jpg);
	padding-top: 20px;
}

div#company .box .item .btn a:hover {
    background-position: 0 -20px;
}


/*  ごあいさつ
--------------------------------------------*/

div#message {
	padding: 10px 0 20px 20px;
}

div#message #txt-area {
	float: left;
	width: 540px;
	padding: 40px 0 20px 0;
}

div#message #photo-area {
	float: right;
	width: 200px;
	padding: 120px 0 0 0;
}

div#message #photo-area dl dd {
	font-weight: bold;
}


/*  経営理念
--------------------------------------------*/

div#idea {
	padding: 10px 0 20px 20px;
}

div#idea .box {
	padding: 10px 0 20px 20px;
}

div#idea .box .rinen {
	text-align: center;
	padding: 0 0 20px 0;
}

div#idea .box .rinen p {
	padding: 20px 0 0 0;
}

div#idea .box .hosin {
	padding: 30px 0 0 40px;
}

div#idea .box .hosin .list {
	width: 570px;
}

div#idea .box .hosin p {
	padding: 40px 0 0 40px;
}

div#idea .box .hosin #list1 { background-image: url(../company/img/hosin1.jpg); background-repeat : no-repeat; }
div#idea .box .hosin #list2 { background-image: url(../company/img/hosin2.jpg); background-repeat : no-repeat; }
div#idea .box .hosin #list3 { background-image: url(../company/img/hosin3.jpg); background-repeat : no-repeat; }
div#idea .box .hosin #list4 { background-image: url(../company/img/hosin4.jpg); background-repeat : no-repeat; }



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

div#outline {
	padding: 20px 60px 20px 30px;
}

div#outline .box {
	padding: 10px 0 20px 0;
	border-top: #B68D7B 2px dotted;
}

div#outline .box table {
	width: 700px;
}

div#outline .box table tr.on {
	background-color: #F4EBE6;
}

div#outline .box table td {
	padding: 4px;
	vertical-align: top;
}

div#outline .box .access {
	float: left;
	width: 340px;
	padding: 20px 10px 10px 0;
}

div#outline .box .access p {
	padding: 4px 0 4px 0;
}



/*  沿革
--------------------------------------------*/

div#history {
	padding: 20px 60px 20px 30px;
}

div#history .box {
	padding: 10px 0 20px 0;
}

div#history .box h3 {
	padding: 0 0 10px 0;
}

div#history .box .list {
	float: left;
	width: 520px;
}

div#history .box .list table {
	border-collapse: collapse;
	width: 528px;
}

div#history .box .list th {
	text-align: left;
	vertical-align: text-top;
	padding: 8px 4px 8px 4px;
}

div#history .box .list td {
	text-align: left;
	vertical-align: text-top;
	padding: 8px 4px 8px 4px;
}

div#history .box .image {
	float: right;
	width: 160px;
}

div#history .box .image dl {
	width: 100%;
	text-align: center;
}

div#history .box .image dl dd {
	font-size: 80%;
	padding: 2px 0 10px 0;	
}

div#history .box #history1 th { background-color: #DEE7F6;}
div#history .box #history1 td { border-left: #DEE7F6 2px dotted;}
div#history .box #history2 th { background-color: #FFF1D4;}
div#history .box #history2 td { border-left: #FFF1D4 2px dotted;}
div#history .box #history3 th { background-color: #FDE5E3;}
div#history .box #history3 td { border-left: #FDE5E3 2px dotted;}


/*  私たちの仕事
--------------------------------------------*/

div#work {
	padding: 20px 60px 20px 30px;
}

div#work .box {
	padding: 10px 0 0 0;
}

div#work .box2 {
	padding: 0 0 0 20px;
}

div#work .box2 .team-area {
	padding: 0 0 0 2px;
	background-image: url(../company/img/bg-line.jpg);
	background-repeat: repeat-y;
}

div#work .box2 .team-area .team-box {
	padding: 20px 0 0 0;
}

div#work .box2 .team-area .team-box p {
	padding: 0 8px 0 4px;
}

div#work .box2 h3 {
}

div#work .box2 h4 {
	padding: 10px 0 10px 0;
}

div#work .team-box .left-box {
	float: left;
	width: 220px;
	padding: 0px 0 0 10px;
}

div#work .team-box .right-box {
	float: right;
	width: 420px;
	padding: 10px 0 0 10px;
}

div#work .team-box .right-box2 {
	float: right;
	width: 410px;
	padding: 10px 0 0 20px;
}