@charset "utf-8";

/* ***********************************************************
 *
 * Since:     2009-10-20
 * Editor:    yamamoto
 * Modified:  2009-10-20 by:yamamoto
 *
 * ***********************************************************
 */
 
 /* =====================================================

  企業情報　company

===================================================== */

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

#outline #main .block01 {
	margin-top: 35px;
}

#outline #main .block01 .catch {
	margin-bottom: 15px;
}

#outline #main .block01 .text {
	background: url(../company/img/president_p.jpg) no-repeat right top;
	line-height: 180%;
	padding: 2px 200px 2px 2px;
}

#outline #main .block02 {
	background: url(../common/ten01.gif) repeat-x bottom;
	margin: 20px 0px 40px;
}

#outline #main .block02 ul.mark {
	background: url(../company/img/mark_ten.gif) repeat-y left top;

}

	#outline #main .block02 ul.mark li {
		float: left;
		width: 165px;
		text-align: center;
		padding-right: 16px;
		padding-left: 16px;
	}
	
	#outline #main .block02 ul.mark li.logo {
		width: 128px;
		padding: 0px;
		text-align: left;
	}
	
	#outline #main .block02 ul.mark li.end{
		padding-right: 0px;
	}

#outline #main .block02 .ci {
	width: 710px;
	background: url(../common/ten01.gif) repeat-x left top;
	margin-top: 10px;
}


#outline #main .block02 .ci p {
	padding: 15px;
}

#outline #main .block02 .ci .t01 {
	float: left;
	padding: 25px 20px 20px 10px;
}

#outline #main table.tbl {
	border-collapse:collapse;
	border-spacing:0px;
	margin: 15px 0px 10px;
	width: 100%;
}

#outline #main table.tbl th {
	padding: 8px 2px 8px 22px;
	background: #F7F7F7 url(../common/s1.gif) no-repeat 10px center;
	width: 126px;
	color: #CC0000;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-align: left;
	font-weight: bold;
}

#outline #main table.tbl td {
	padding: 10px 5px 10px 20px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#outline #main table.tbl td .place {
	margin-bottom: 5px;
}

#outline #main table.tbl td .place span {
	font-weight: bold;
}

 /* 部門紹介
------------------------------------------------- */

#section #main .block {
	margin: 20px 0px 40px;
}

#section #main .block .catch {
	padding: 10px 0px;
	margin-bottom: 10px;
}

#section #main .block .sub {
	font-weight: bold;
	color: #C43E3E;
	font-size: 108%;
	margin: 10px 0px;
}

#section #main .block .ten {
	background: url(../common/ten01.gif) repeat-x left bottom;
	padding-bottom: 5px;
	margin-right: 210px;
}

#section #main .block .photo {
	float: right;
	padding-left: 20px;
}

#section #main .block .text {
	line-height: 160%;
	padding-right: 210px;
}


 /* 行動規範
------------------------------------------------- */

#philosophy #main .block01 {
	background: url(../company/img/philosophy_bg.jpg) no-repeat right top;
	padding: 10px 215px 40px 2px;
}

#philosophy #main .block01 p {
	line-height: 160%;
}

#philosophy #main .block01 p span {
	color:#FF0000;
	font-weight:bold;
}


#philosophy #main .block02 {
	padding-top: 15px;
	margin-top: 5px;
	background: url(../common/ten01.gif) repeat-x left top;
}

#philosophy #main .block02 ul {
	background: url(../common/ten01.gif) repeat-x left bottom;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#philosophy #main .block02 ul li {
	padding: 5px 2px;
}

#philosophy #main .block03 {
	background: url(../company/img/philosophy_bg02.gif);
	padding: 10px;
	margin-top: 20px;
}

#philosophy #main .block03 .inner {
	padding: 20px 15px 20px 20px;
	background: #FFFFFF;
}

#philosophy #main .block03 .inner .tit {
	float:left;
	width: 180px;
}

#philosophy #main .block03 .inner dl{
	width: 475px;
	float: left;
}

#philosophy #main .block03 .inner dl dt{
	width: 135px;
	float: left;
	font-size: 123.1%;
	font-weight: bold;
	background: url(../company/img/en.gif) no-repeat left center;
	padding: 6px 0px 0px 20px;
}

#philosophy #main .block03 .inner dl dd{
	padding: 7px 5px 7px 155px;
}

#philosophy #main .btn{
	padding: 15px;
	background: #F6F6F6;
	clear: both;
	text-align: center;
	margin-top: 20px;
}
	
 /* 沿革
------------------------------------------------- */

#history #main table.tbl01 {
	border-collapse:collapse;
	border-spacing:0px;
	width: 100%;
	border-top: 3px solid #FF4242;
	border-bottom: 3px solid #D9D9D9;
}

#history #main table.tbl01 th {
	background: #F7F7F7;
	color: #CC3A33;
	padding: 10px 5px 10px 20px;
	width: 60px;
	vertical-align: top;
	border-bottom: 1px solid #D9D9D9;
}

#history #main table.tbl01 th.month {
	width: 30px;
	padding-left: 5px;
	padding-right: 15px;
	text-align: right;
}

#history #main table.tbl01 td {
	border-bottom: 1px solid #D9D9D9;
	padding: 10px 10px 10px 20px;
}


	
 /* 貿易事業
------------------------------------------------- */

#trade #main .block01 {
	border-bottom: 10px solid #F6F6F6;
	padding-bottom: 10px;
}

#trade #main .block01 .catch {
	margin: 30px 0px 25px;
}

#trade #main .block01 .box {
	background: url(../common/ten01.gif) repeat-x left bottom;
	margin-bottom: 25px;
	padding-bottom: 15px;
}

#trade #main .block01 .box .photo {
	text-align: right;
	float: right;
	width: 220px;
}

#trade #main .block01 .box .text {
}



	
 /* 通信販売事業
------------------------------------------------- */

#onlineshop #main .block01 {
	background: url(../company/img/online_bg.jpg) no-repeat right top;
	padding-bottom: 25px;
	margin-bottom: 40px;
}

#onlineshop #main .block01 .catch {
	margin-bottom: 30px;
}

#onlineshop #main .block01 .text {
	padding-right: 250px;
}

#onlineshop #main .block02 {
	background: url(../company/img/online_bg02.gif) repeat-y left top;
}

#onlineshop #main .block02 ul {
	background: url(../common/ten01.gif) repeat-x bottom;
}

#onlineshop #main .block02 ul li {
	float: left;
	width: 215px;
	padding: 10px 0px 10px 18px;
	margin-bottom: 5px;
}

#onlineshop #main .block02 ul li.s01 {
	width: 235px;
	padding: 10px 0px;
}


	
 /* 拠点一覧
------------------------------------------------- */

#office #main .block01 {
	background: url(../company/img/office_bg.jpg) no-repeat right top;
	padding: 10px 270px 10px 3px;
	margin-bottom: 15px;
}

	#office #main .block01 .text {
		line-height: 155%;
		margin-top: 10px;
	}

#office #main .block02 {
	width: 710px;
	padding: 0px 0px 15px;
	background: url(../common/ten06.gif) repeat-y 352px 0px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#office #main .block02 .box {
	width: 343px;
	float: left;
	height: 138px;
	padding-top: 20px;
}

	#office #main .block02 .box p {
	float:right;
	}

	#office #main .block02 .box dl {
	float: left;
	width: 152px;
	}
	
	#office #main .block02 .box dl dt {
	font-size: 108%;
	font-weight: bold;
	background: #F6F6F6 url(../common/s2.gif) no-repeat 5px 12px;
	padding: 7px 8px 7px 20px;
	border-top: 2px solid #FF4242;
	margin-bottom: 10px;
	}
	
	#office #main .block02 .box dl dd {
	line-height: 135%;
	font-size: 93%;
	padding-left: 2px;
	}

	#office #main .block02 .box dl dd .btn {
	margin-top: 5px;
	}

#office #main .block02 .tokyo {
	height: 185px;
	width: 341px;
	padding-right: 12px;
	background: url(../common/ten01.gif) repeat-x left bottom;
}

#office #main .block02 .tokyo dl {
	width: 195px;
}

#office #main .block02 .fukuoka {
	padding-left: 12px;
	height: 185px;
	background: url(../common/ten01.gif) repeat-x left bottom;
}

#office #main .block02 .kanto {
	padding-right: 10px;
}

#office #main .block02 .fukuoka02 {
	padding-left: 10px;
}

#office #main h3 {
	margin-bottom: 30px;
	margin-top: 50px;
}

#office #main table.tbl01 {
	border-collapse:collapse;
	border-spacing:0px;
	width: 100%;
	margin-bottom: 35px;
}

	#office #main table.tbl01 th {
		background: #FFFFFF url(../common/ten01.gif) repeat-x left bottom;
		padding: 7px 5px 7px 18px;
		width: 120px;
		font-weight: bold;
	}
	
	#office #main table.tbl01 .shiten {
		background: url(none);
		border-bottom: 2px solid #999999;
	}
	
	#office #main table.tbl01 th.shiten {
		border-bottom: 2px solid #FF1717;
		background: url(../common/en.gif) no-repeat left center;
	}
	
	#office #main table.tbl01 td {
		background: #FFFFFF url(../common/ten01.gif) repeat-x left bottom;
		padding: 7px 10px 7px 15px;
	}
	
	#office #main table.tbl01 td.tel {
		width: 150px;
	}
	
 /* 採用情報
------------------------------------------------- */

#recruit #main h3 {
	margin-top: 5px;
}

#recruit #main h4 {
	background: #FF4242;
	color: #FFFFFF;
	padding: 3px 3px 3px 5px;
	margin-bottom: 3px;
}

#recruit #main .block01 {
	background: url(../company/img/recruit_bg.jpg) no-repeat right bottom;
	padding: 45px 0px 40px;
}

#recruit #main .block01 .catch {
	margin-bottom: 45px;
}

#recruit #main .block01 .sub {
	margin: 10px 0px;
}

#recruit #main .block01 ul {
}

#recruit #main .block01 ul li {
	padding: 2px;
}

#recruit #main .block02 {
	border: 1px solid #DCDCDC;
	padding: 20px;
	margin-bottom: 35px;
}

#recruit #main .block02 table.youkou {
	border-collapse:collapse;
	border-spacing:0px;
	width: 100%;
	border-top: 1px solid #DCDCDC;
}

#recruit #main .block02 table.youkou th {
	padding: 8px 2px 8px 22px;
	background: #F7F7F7 url(../common/s1.gif) no-repeat 10px center;
	width: 126px;
	color: #CC0000;
	text-align: left;
	border-bottom: 1px solid #DCDCDC;
}


#recruit #main .block02 table.youkou td {
	padding: 8px 8px 8px 15px;
	border-bottom: 1px solid #DCDCDC;
}

#recruit #main .block02 table.youkou td .bnr {
	margin: 10px 0px;
	padding: 8px;
}

#recruit #main .teishi {
	font-weight: bold;
	color: #CC0000;
}

#recruit #main ul.section {
	background: #F7F7F7;
	padding: 15px 15px 15px 20px;
	margin-top: 5px;
}

#recruit #main ul.section li {
	font-size: 108%;
	float: left;
	background: url(../company/img/arw.gif) no-repeat left center;
	padding: 0px 25px 0px 15px;
}

 /* ISO22000認証取得
------------------------------------------------- */
#iso div.block01 p{
	line-height:1.6;
	padding:0 10px 13px;
}

#iso div.block02{
	padding:0 10px 13px;
}
#iso div.block02 p{
	line-height:1.6;
}
#iso div.block02 h3{
	border:none;
}

#iso div.block02 div.sBox{
	background: url(../company/img/iso_shoumei_mid.gif) repeat-y 0 0;
	position:relative;
	margin:20px 0;
}

#iso div.block02 div.sBox div.sBoxin{
	background: url(../company/img/iso_shoumei_top.gif) no-repeat 0 0;
}
#iso div.block02 div.sBox div.sBoxin p.ninsho{
	position:absolute;
	top:-12px;
	left:460px;
}
#iso div.block02 div.sBox div.sBoxin ul{
	background: url(../company/img/iso_shoumei_btm.gif) no-repeat 0 100%;
	padding:30px 20px 15px;
}

#iso div.block02 div.sBox div.sBoxin ul li{
	background: url(../company/img/iso_shoumei_icon.gif) no-repeat 0 50%;
	padding:0 0 0 10px;
	margin:0 0 15px 0;
	
}

#iso div.block02 div.imgBox{
	padding:0 30px;
}

#iso div.block02 div.imgBox:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
#iso div.block02 div.imgBox{
display:inline-block;
}
* html #iso div.block02 div.imgBox{
height:1%;
}
#iso div.block02 div.imgBox{
display:block;
}

#iso div.block02 div.imgBox dl{
	 float:left;
	 padding-right:48px;
}
#iso div.block02 div.imgBox dl.end{
	padding-right:0;
}
#iso div.block02 div.imgBox dl dd{
	padding:0 0 0 5px;
}