@charset "utf-8";

@import "common.css";



/* CSS Document */

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

/* タイトルlayout */

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

#com-content { 
	background-image: url(http://www.yamakoh.com/img/tl_company.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 5px;
	width: 860px;
	height: 150px;
	text-indent:-9999px;
}

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

/* 汎用クラス外側 2009-05-19 */
.box {
	width: 600px;
	margin: 0px  0px 30px 5px;
	overflow:hidden;	
}

/* タイトル部分 */
.title {
	display:block; 
	background-image: url(http://www.yamakoh.com/img/tl_president.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	color: #C10009; 
	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;
	/*color:#004DA2;*/
}
.box h5{
	border-bottom:1px #C10009 dotted;
	color:#C10009; 
	font-weight:bolder;
}
.box h6{
	color:#C10009; 
	font-weight:bolder;

}

/* 画像 */
.itemimg {
	float: left;
	display: inline;
	margin:5px 15px 5px 5px;
}

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

/* リスト青 */
.box ul.list-b li {
	background-image: url(http://www.yamakoh.com/img/i_circle_bl.gif);
	background-repeat: no-repeat;
	background-position: 6px 7px;
	padding: 3px 0px 3px 26px;	
}
/* リストグレー */
.box ul.list-b li {
	background-image: url(http://www.yamakoh.com/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;
}

/* テーブル 2009-05-12 */
.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;
}

/* 汎用クラスここまで */



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

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

#com-img-inner {
	background-image: url(http://www.yamakoh.com/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;		
}


/* 社長挨拶のイメージの設定 */

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

#president-img-inner {
/*	background-image: url(http://www.yamakoh.com/img/t_president.jpg);
	background-repeat: no-repeat;
	background-position: left top;	*/
	height:41px;
	position: relative;	

}

#president-img-inner h3 {
	background-image: url(http://www.yamakoh.com/img/tl_president.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;
}


/* 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(http://www.yamakoh.com/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;
	margin-bottom:3em;
}

.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(http://www.yamakoh.com/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(http://www.yamakoh.com/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(http://www.yamakoh.com/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(http://www.yamakoh.com/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(http://www.yamakoh.com/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(http://www.yamakoh.com/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(http://www.yamakoh.com/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;
}
/* 汎用写真あり1段ボックス 2009-08-27追加*/

.list1item-box {
	width: 590px;
	display: inline;
	line-height:160%;
	overflow:hidden;
}

.list1item-box-inner {
	width:595px;
	margin:10px 0px 20px 0px;	
	clear:both;
}

.list1item-box-inner h3 {
	background-image: url(http://www.yamakoh.com/img/tl_president.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 31px;
	padding:6px 0px 0px 5px; 
	margin:0px 0px 0px 5px; 
	overflow: hidden;
	color: #C10009;
	font-weight: bolder;
}

.list1item-box-inner p {
	padding: 0px 0px 0px 10px;
}

.list1item img {
	float:right;
	display:inline;
	margin:0 0 1em 1em;
}

/* 汎用画像のサイズ 2009-08-27追加*/

.itemimg-150 {
	float: right;
	width: 130px;
	padding-left:5px;
	padding-top:10px;
}

.itemimg-260 {
	padding-right:7px;
	padding-left:10px;
	float: right;
	width: 260px;
}

/* 汎用写真あり2段ボックス 2009-08-27追加*/

.list2item {
	width:610px;
	padding:0px 0px 10px 0px; 
	overflow:hidden;
}

.list2item .twin01 {
	float: left;
	width: 295px;
	display: inline;
	padding:0px 0px 0px 10px;
}

.list2item .twin02 {
	float: left;
	width: 255px;
	display: inline;
	padding:0px 0px 0px 25px;	
}

/* 汎用テーブル赤色 2009-08-27追加*/

.tbl-red {
	width: 590px;
	border: #EA001D 1px solid;
	background-color:#FEF6DD;
	margin-left: 5px;
	clear:both;
}

.tbl-red-inner {
	display:block; 
	clear:both;
	padding-bottom: 20px;
}

.tbl-red-inner h4 {
	width:582px;
	background-color:#EA001D;	
	height:20px;
	color:#FFFFFF;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 2px;
	padding-top: 5px;
	font-weight:bolder;
}

.tbl-red-inner .list {
	width:575px;
	color:#EA001D;
	margin-left: 7px;
	font-weight:bolder;
	border-bottom:#EA001D dotted 2px;
	clear:both;	
}

.tbl-red-inner .sp-10 {
	padding-bottom:10px;
}

.tbl-red-inner p {
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 5px;
	padding-bottom:2px;
}

.tbl-red-inner .text {
	padding-left:5px;
}

.list img {
	padding-bottom:2px;
	vertical-align:bottom;
}

/* テキスト設定 2009-08-27追加*/

.text-green {
	color:#23AB38;
	font-weight:bolder;
}


/* バナー位置 2009-08-27追加*/

#b_about-pladan {
	width:580px;
	overflow:hidden;
}

#b_about-pladan .sp{
	padding-left:130px;
}

#b_about-pladan img {
	margin:0px;
	padding:0px;
}

#b_about-pladan p {
	padding-bottom:20px;
	padding-left:40px;
}


/* alpha部分の設定 */

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

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

#map-box-inner {
	display:block; 
	background-image :url(http://www.yamakoh.com/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;
}

/* 汎用テーブル茶色 2011-02-23追加*/

.tbl-brown {
	width: 590px;
	border: #945f29 1px solid;
	background-color:#ffffff;
	margin-left: 5px;
	clear:both;
}

.tbl-brown-inner {
	display:block; 
	clear:both;
	padding-bottom: 20px;
}

.tbl-brown-inner h4 {
	width:582px;
	background-color:#945f29;	
	height:20px;
	color:#FFFFFF;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 2px;
	padding-top: 5px;
	font-weight:bolder;
}

.tbl-brown-inner .list {
	width:575px;
	color:#945f29;
	margin-left: 7px;
	font-weight:bolder;
	border-bottom:#945f29 dotted 2px;
	clear:both;	
}

.tbl-brown-inner .sp-10 {
	padding-bottom:10px;
}

.tbl-brown-inner p {
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 5px;
	padding-bottom:2px;
}

.tbl-brown-inner .text {
	padding-left:5px;
}

.list img {
	padding-bottom:2px;
	vertical-align:bottom;
}


/* 2011-05-30 加工事例の見出し */

.ex_box1 {
	width:265px;
    border-left:10px solid #c8000b;
	padding-left:10px;
	margin-left:10px;
	margin-top:0px;
	margin-bottom:10px;
	margin-right:10px;
	float:left;
}


/* 2011-06-01 見出しh3タグ用 */

#com-mimg {
	width: 620px;
	height:41px;
	overflow:hidden;
}

#com-mimg-inner {
/*	background-image: url(../img/tl_com.jpg);
	background-repeat: no-repeat;
	background-position: left top;	*/
	height:41px;
	position: relative;	

}

#com-mimg-inner h3 {
	background-image:url(../img/tl_com.jpg);	
	background-repeat: no-repeat;
	background-position: 0 0;
	width:620px;
	height:41px;
	padding:10px 0px 0px 10px;
	font-weight:bolder;
	font-size:131%;
	color:#ffffff;
}

/* 2011-06-01 メインイメージの枠 */

.com-main {
	background-image:url(../img/tl_com_main.jpg);
	background-repeat:repeat;
	width:600px;
    height:207px;
	padding:10px;
}

.com-main-inner {
	margin:10px;
	border:#FFF solid;
	background-color:#ffffff;
}

.p_com {
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}

/* 2011-06-01 画像回り込み+赤線 */

.com-img {
	float:left;
	margin:10px;
	border:1px #c8000b solid;
}


/*.com-title {
	display:block; 
	background-image:url(../img/tl_com2.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	color: #C10009; 
	margin:0 0 0 3px; 
	height:49px; 
	line-height:22px; 
	position:relative;
}*/


/* 2011-06-01 中見出し */

.com-title {
	border-bottom: 5px #c8000b solid;
    padding-bottom: 5px;
}

.com-title h4 {
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 5px; 
	font-weight: bolder;
	color:#c8000b;
	font-size:16px;
}

/* 2011-06-02 スペック表 */

.com-font1 {
	font-size:14px;
	color:#d14a2a;
}

.com-table {
	border-left:5px solid #c8000b;
	padding-left:10px;
	margin:10px;
	background-color:#faece9;
	margin-right:10px;
	width:330px;
}

.com-table td {
	padding-left:10px;
	background-color:#faece9;
	padding-top:10px;
	padding-bottom:10px;
}

/* 2011-06-03 加工事例センタリング */


/*.com-box {
	width: 100%;
}

.com-box div {
	margin: 0 auto;
}*/


.com-font {
	padding:10px;
	border-left:5px solid #ddd;
    background: #eee;
	margin-top:10px;
}




/* 2011-06-03 ナビ */

.underline{
font-weight:bold;
width: 100%;
}

.underline ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: right; //set value to "left", "center", or "right"*/
}

.underline ul li{
display: inline;
}

.underline ul li a{
color: #c8000b;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
border-bottom:1px dashed #c8000b;  
}

.underline ul li a:hover, .underline ul li a.selected{
border-bottom-color: #faece9;
}

/* 2011-06-03 問い合わせボタン */

#com-query {
	padding:5px 0px 30px 0px;
	text-align:center;
}









#imgHover ul li {  
	float: left;  
	margin-right: 5px;  
}

#imgHover ul li img {  
	  border: none;  
}

#imgHover ul li a {  
	display: block;  
}

#imgHover ul li a:hover {  
	position: relative;  
}  

#imgHover ul li a .mainImage {  
	display: none;  
}  

#imgHover ul li a:hover .mainImage {  
	display: block;  
	position: absolute;  
	top: 0;  
	left: 0;  
    }  
	
	
/* 【共通】細かい調節用 */


.fll {
	float:left;
}

.flr {
	float:right;
}

.mgr20 {
	margin-right:20px;
}
.mgb10 {
	margin-bottom:10px;
}
.mgl10 {
	margin-left:10px;
}
.mgr10 {
	margin-right:10px;
}
.mgt10 {
	margin-top:10px;
}
.mgt5 {
	margin-top:5px;
}

.w380 {
	width:380px;
}

.w186 {
	width:186px;
}
.w160 {
	width:160px;
}
.w520 {
	width:520px;
}
.w380 {
	width:380px;
}
.w600 {
	width:600px;
}

.w280 {
	width:280px;
}
.w380 {
	width:380px;
}
.w160 {
	width:160px;
}

.h160 {
	height:160px;
}
.h80 {
	height:80px;
}
.h90 {
	height:90px;
}

.valign {
	vertical-align:bottom;
}

.line-h {
	line-height:16pt;
}

.center {
	text-align:center;
	margin:auto;
}

.position {
	position:absolute; bottom:0;
}

.bd {
	border-left:#c7000a solid 5px;
	padding-left:5px;
}


/*　味方 */
.caption3 {
	width:600px;
	margin:10px 0px 10px 0px;
}

/* ページ内リンク */

.page_menu {
	text-align:center;
	padding:10px;
}


.page_menu ul li {
    background-image:url(../img/i_gnavi_r.gif);
	background-repeat: no-repeat;
	background-position:5px;
	padding: 12px;
	float:left;
}


/* 小見出し */

    .text_s{  
        border-left:7px solid #f3a69c;  
        border-bottom:1px dashed #f3a69c;  
        padding:.6em .8em  
    }