@charset "utf-8";

@import "common.css";

/* CSS Document */

/* 会社概要のレイアウトCSS */

/* タイトルlayout */

/* 会社概要 TOPタイトル */

#com-content { 
	padding-top: 5px;
	width: 860px;
	height: 50px;
	text-indent:-9999px;
}

#waku-inner {
	margin-top: -50px;
	margin-left:15px;
	position: relative;
}

/* 会社情報のメインイメージの設定 */

#com-img {
	width: 620px;
	padding-bottom:20px;
	height:230px;	
}

#com-img-inner {
	background-image: url(../img/company/p_company.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	height:230px;
	position: relative;		
}

#com-img-inner  .com-img-twin01 {
	float: left;
	width: 310px;
	display: inline;
	margin-top:150px;
}

#com-img-inner .com-img-twin02 {
	float: left;
	width: 310px;
	display: inline;
	margin-top:150px;	
}

#com-img-inner .com-img-twin01 a { 
	width:239px;
	height:61px;
	position:absolute;	
	margin-left:50px;	
}

#com-img-inner .com-img-twin02 a { 
	width:239px;
	height:61px;
	position:absolute;
	margin-left:10px;		
}

/* ページタイトルの設定 2009-05-09 */


#page-title {
	width: 620px;
	padding-bottom:20px;
	height:41px;
	overflow:hidden;	
}

#page-title-inner {
	background-repeat: no-repeat;
	background-position: left top;	
	height:41px;
	position: relative;	

}

#page-title-inner h3 {
	background-image: url(../img/tl_globalinfo.png);
	behavior: url(http://www.yamakoh.com/js/iepngfix2.htc) ;		
	background-repeat: no-repeat;
	background-position: 0 0;
	width:619px;
	height:41px;
	padding:10px 0px 0px 10px;
	font-weight:bolder;
	font-size:131%;
	color:#FFFFFF;
}

/* 汎用ボックス */
.box {
	width: 600px;
	margin: 0px  0px 30px 5px;
	overflow:hidden;	
}

/* タイトル部分 */
.title {
	display:block; 
	background-image: url(../img/tl_global_bar.jpg);
	background-repeat: no-repeat; 
	background-position: left top; 
	color: #2d2d81;
	margin:0 0 0 3px; 
	height:31px; 
	line-height:22px; 
	position:relative;
}

.title h4{
	padding:6px 0px 0px 0px; 
	margin:0px 0px 0px 5px; 
	font-weight: bolder;
}

.box h5 {
	border-bottom:1px #C10009 dotted;
	color:#C10009; 
	font-weight:bolder;
}
.box h6{
	color:#C10009; 
	font-weight:bolder;
}

/* テキスト */
.box p{
	padding:0px 0px 0px 5px;
	margin:5px 0px 0px 0px; 
}

/* リスト青 */
.box ul.list-b li {
	background-image: url(../img/i_circle_bl.gif);
	background-repeat: no-repeat;
	background-position: 6px 7px;
	padding: 3px 0px 3px 26px;	
}
/* リストグレー */
.box ul.list-g li {
	background-image: url(../img/i_circle_gr.gif);
	background-repeat: no-repeat;
	background-position: 6px 7px;
	padding: 3px 0px 3px 26px;	
}
/* 番号付きリスト */
.box ol li {
	list-style:decimal outside;
	marker-offset:auto;
	padding: 2px 0px 2px 0px;	
	margin-left:30px;
}

/* テーブル */
.box table{
	border-collapse: collapse;
	width:590px;
}
.box td,th {
	border: #B5B5B6 1px solid;
	padding: 3px 3px 3px 7px;
	
}
.box th,.box th.w120 {
	background: #EFEFEF;
	font-weight: normal;
}
.box th.w120 {
	width:120px;
}
.box tr.first {
	background:#F7F4ED;
}





/* bata部分詳細layout */

/* 会社概要6000社の取引実績の設定 */

#com-box01 {
	padding-bottom:20px;
}

#com-box01 h2 {
	color: #C7000A;
	font-weight: bolder;
	font-size: 138.5%;
}

#com-box01 h3 {
	color: #000000;
	font-weight: bolder;
	font-size: 108%;
}

.waku-620 .com-twin01 {
	float: left;
	width: 390px;
	display: inline;
}

.waku-620 .com-twin02 {
	float: left;
	width: 190px;
	display: inline;
}

.waku-620 .com-twin01 {
	margin: 0px 20px 0px 0px;
}

.waku-620 .com-twin01 p {
	font-size: 93%;
}

/* 会社概要の設定 */

.waku-620 .about-twin01 {
	float: left;
	width :390px;
	display: inline;
	padding-left: 3px;
}

.waku-620 .about-twin02 {
	float: left;
	width: 215px;
	display: inline;
	background: #F8F2E8;
	padding: 5px 0px 0px 5px;
}

.waku-620 .about-twin01 {
	margin: 0px 7px 0px 0px;
}

#about-box {
	width: 620px;
	margin-bottom: 30px;
}

#about-box h3 {
	height: 31px;
	padding: 7px 0px 0px 10px;
	overflow: hidden;
	background-repeat: no-repeat;
	color: #C10009;
	font-weight: bolder;
}

#about-box h3 {
	background-image: url(../img/tl_about.gif);
	background-position: left top;
	margin-left: 3px;
}

#about-box table {
	border-collapse: collapse;
}

#about-box td,th {
	border: #B5B5B6 1px solid;
	padding: 3px 3px 3px 7px;
	
}
#about-box th {
	background: #EFEFEF;
	font-weight: normal;
	width: 88px;
}

/* ボックスの設定 */

#pre-box {
	width: 600px;
	display: inline;
	line-height:180%;	
	overflow:hidden;	
}

#pre-box-inner {
	width:595px;
	margin:10px 0px 0px 5px;	
}

#pre-box p {
	padding-bottom:15px;
}

/* 2009-04-28 イメージの回り込み ※クラス追加 */
#pre-box img.right {
	float:right;
	display:inline;
	margin:0 0 1em 1em;
}


#pre-text { 
	text-align:right;
	font-size:77%;
}

#pre-sign {
	display: inline;
	position:relative;	
}

.waku-600 .pre-twin01 {
	float: left;
	width :430px;
	display: inline;
	padding-left: 3px;
	text-align:right;
	margin-top:15px;	
}

.waku-600 .pre-twin02 {
	float: right;
	width: 130px;
	display: inline;
	padding: 0px 5px 0px 5px ;
	margin-right:12px;
}

/*　ボックスサンプル部分　*/

#pre-box2 {
	width:600px;
	margin-bottom:20px;
	padding-left:10px;
}

#pre-box2 h3 {
	background-image: url(../img/tl_president.jpg);
	background-position: left top;
	height: 31px;
	padding: 7px 0px 10px 10px;
	overflow: hidden;
	background-repeat: no-repeat;
	color: #C10009;
	font-weight: bolder;
}

#pre-box03 h4 {
	border-bottom:1px #C10009 dotted;
	color:#C10009; 
	font-weight:bolder;
}

#pre-box03 li {
	background-image: url(../img/i_circle_p.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 5px 0px 5px 20px;	
}

#pre-box04 {
	width:600px;
	padding-bottom:20px;
	padding-left:10px;	
}

#pre-box04 table {
	border-collapse: collapse;
}

#pre-box04 td,th {
	border: #B5B5B6 1px solid;
	padding: 3px 3px 3px 7px;
	/*text-align:center; 2009-04-28 中央寄せ解除*/
	
}
#pre-box04 th {
	background: #EFEFEF;
	font-weight: normal;
	width: 150px;
}

#pre-box04 .first {
	background:#F7F4ED;
}

#pre-box05 {
	width:600px;
	padding-bottom:20px;
	padding-left:10px;	
}

#pre-box05-inner {
	width:580px;
}

#pre-box05 li {
	background-image: url(../img/i_circle_p.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 5px 0px 5px 20px;	
}

#pre-box06 {
	width:600px;
	padding-bottom:20px;
	padding-left:10px;	
}

#pre-box06 li {
	background-image: url(../img/i_circle_p.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 5px 0px 5px 20px;	
}

#pre-box07 {
	width:600px;
	padding-bottom:30px;
	padding-left:10px;	
}

#pre-box07 li {
	background-image: url(../img/i_circle_p.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 5px 0px 5px 20px;	
}

/*　当社の強み 設定　2009-04-28追加*/
#domi-box {
	width: 600px;
	display: inline;
	line-height:180%;
	overflow:hidden;
}

#domi-box-inner {
	width:595px;
	margin:10px 0px 0px 5px;	
}

#domi-box-inner h3 {
	background-image: url(../img/tl_president.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 31px;
	padding: 3px 0px 10px 0px;
	overflow: hidden;
	color: #C10009;
	font-weight: bolder;
}
#domi-box-inner p {
	padding: 0px 0px 35px 10px;
}

#domi-box img {
	float:right;
	display:inline;
	margin:0 0 1em 1em;
}


/* alpha部分の設定 */

/* 会社情報 マップの設定 */

#map-box {
	width: 200px;
	border: #9F9FA0 1px solid;
	margin-left: 5px;
	margin-bottom: 20px;
}

#map-box-inner {
	display:block; 
	background-image :url(../img/tl_mini_map.jpg);
	background-repeat: no-repeat; 
	background-position: left top; 
	color: #945E29; 
	margin:0 0 0 3px; 
	padding:6px 0 0 0; 
	height:32px; 
	line-height:20px; 
	position:relative;
}

#map-box-inner .text {
	margin:0 0 0 5px; 
	font-weight: bolder;
}

#map-box h4 img {
	width: 50px;
	height: 19px;
	display: inline;
	float: right;
	right: -3px;
	margin: 0;
	top:7px;
	position:absolute;
}

#map-box p {
	padding: 0px 5px 10px 10px;
}

#map-box img {
	padding-left: 10px;
}