@charset 'UTF-8';





/*

	Site Name:    KOBELCO SYSTEMS CORPORATION

	Description:  /result/index.html layout

	Author: 	  Editor by H.Tanaka

	Updated: 	  

*/



/* ---| subnavigation setting add |--------------------- */

/* ご挨拶

---------------------------------------------------------------------------------- */
#main-contents div#gree-text{
width:450px;
margin:10px;
float:left;
}

#main-contents p.pre-photo{
margin-top:20px;
}


/* 経営ビジョン

---------------------------------------------------------------------------------- */
#main-contents p.w600{
width:600px;
margin:auto;

}

#main-contents div#k-vision{

width:600px;
margin: 2em auto;
border:1px #cccccc solid;

} 
#main-contents div#k-vision dl{
padding:25px 15px;

} 

#main-contents div#k-vision dt{
background: url(../../common/company/k_vision_titbg.gif) no-repeat left bottom;

} 

#main-contents div#k-vision dd{
padding:5px 5px 15px 5px;
}

#main-contents div#k-vision .tit14{
padding-left:15px;
font-size:14px;
font-weight:bold;
} 


/* 会社概要

---------------------------------------------------------------------------------- */

#main-contents td {

	vertical-align: top;

	}



#main-contents p#date {

	margin: 0 20px 0 0;

	text-align: right;

	}

#main-contents table#outline {

	margin-bottom: 40px;

	}

#main-contents table#outline th, #main-contents table#outline td {

	padding: 10px;

	background: url(../../common/line_dash01.gif) repeat-x left bottom;

	color: #333333;

	font-weight: normal;

	text-align: left;

	vertical-align: top;

	}

#main-contents table#outline th {

	background-color: #EEEEEE;

	}

#main-contents table#outline td {

	padding-right: 0;

	}



#main-contents table#outline dl#kabunushi dt {

	float: left;

	clear: both;

	width: 170px;

	}



#main-contents table#outline dl#yakuin {

	width: 100%;

	}

#main-contents table#outline dl#yakuin dt {

	float: left;

	clear: both;

	width: 130px;

	margin: 0;

	padding: 5px 0;

	background: url(../../common/company/line_gray.gif) repeat-x left top;

	}

#main-contents table#outline dl#yakuin dd {

	float: left;

	width: 375px;

	margin: 0;

	padding: 5px 0;

	background: url(../../common/company/line_gray.gif) repeat-x left top;

	}

#main-contents table#outline dl#yakuin dt.no-border, #main-contents table#outline dl#yakuin dd.no-border {

	background: none;

	}



#main-contents table#outline ul.list-disc {

	list-style-type: none;

	margin: 0;

	padding: 0;

	}

#main-contents table#outline ul.list-disc li {

	margin: 2px 0;

	}

#main-contents table#outline ul#touroku-fix {

	padding-top: 10px;

	background: url(../../common/company/bg_touroku03.gif) no-repeat left top

	}





#main-contents table#outline div#touroku {

	width: 506px;

	margin-top: 5px;

	background: url(../../common/company/bg_touroku02.gif) repeat-y left top;

	}

#main-contents table#outline div#touroku dl {

	padding: 10px 20px;

	background: url(../../common/company/bg_touroku01.gif) no-repeat left top;

	}

#main-contents table#outline div#touroku dl dt {

	float: left;

	clear: both;

	width: 150px;

	}





/* 沿革

---------------------------------------------------------------------------------- */

#main-contents table.enkaku {

	margin-bottom: 40px;

	}

#main-contents table.enkaku caption {

	padding-left: 15px;

	background: url(../../common/ico_03.gif) no-repeat left center;

	color: #0066CC;

	font-size: 1.2em;

	font-weight: bold;

	line-height: 1.2;

	text-align: left;

	}

#main-contents table.enkaku th, #main-contents table.enkaku td {

	padding: 10px;

	background: url(../../common/line_dash01.gif) repeat-x left bottom;

	color: #333333;

	font-weight: normal;

	text-align: left;

	vertical-align: top;

	}

#main-contents table.enkaku th {

	background-color: #EEEEEE;

	}

#main-contents table.enkaku td {

	padding-right: 0;

	}

#main-contents table.enkaku ul {

	list-style-type: disc;

	margin: 0 0 0 15px;

	padding: 0;

	}

#main-contents table.enkaku ul li {

	margin: 2px 0;

	}



/* 事業所一覧

---------------------------------------------------------------------------------- */

#main-contents table.jigyosho {

	margin-bottom: 40px;

	}

#main-contents table.jigyosho th, #main-contents table.jigyosho td {

	padding: 10px;

	background: url(../../common/line_dash01.gif) repeat-x left bottom;

	color: #333333;

	font-weight: normal;

	text-align: left;

	vertical-align: top;

	}

#main-contents table.jigyosho th {

	background-color: #EEEEEE;

	}

#main-contents table.jigyosho td {

	padding-right: 0;

	}

#main-contents table.jigyosho p {

	margin: 0 0 .5em 0;

	padding-bottom: .5em;

	border-bottom: 1px solid #CCCCCC;

	}

#main-contents table.jigyosho p.no-line {

	border: none;

	}



#main-contents p.map {

	text-align: center;

	}



address.map-ad {

	width: 350px;

	margin: 0 auto;

	border-bottom: 1px solid #000000;

	background: none;

	color: #333333;

	font-size: 1em;

	text-align: left;

	}



/* お客様満足度向上活動

---------------------------------------------------------------------------------- */

/* 各見出しの設定 */

#main-contents h3.key-visual {

	margin: 0 0 1em 0;

	padding: 0;

	background: none;

	line-height: 1em;

	}



#main-contents h4 {

	margin-bottom: 10px;

	padding-left: 10px;

	background: url(../../common/service/title_02.gif) no-repeat left top;

	color: #333333;

	font-size: 1em;

	font-weight: bold;

	line-height: 29px;

	}



#main-contents h4#midashi-slogan {

	margin-bottom: 1em;

	padding: 5px 0 0 5px;

	border-left: 5px solid #F7000B;

	background: none;

	font-size: 1.2em;

	font-weight: bold;

	line-height: 1.4;

	}

#main-contents h4#midashi-slogan span {

	font-size: .9em;

	font-weight: normal;

	}

#main-contents p#number {

	margin: 0;

	padding: 0 0 0 5px;

	border-left: 5px solid #F7000B;

	border-bottom: 1px solid #999999;

	font-size: 1em;

	font-weight: normal;

	}



#main-contents h3#midashi-cs {

	margin: 0 0 10px 0;

	padding-left: 55px;

	background: url(/common/company/title_01.jpg) no-repeat left top;

	color: #FFFFFF;

	font-size: 1.4em;

	line-height: 59px;

	}





#main-contents .txt-orange {

	color: #FF6600;

	}





/* 2段組レイアウト */

.cs-wrap01-l {

	float: left;

	width: 444px;

	margin-right: 20px;

	}

.cs-wrap01-r {

	float: right;

	width: 200px;

	font-size: .9em;

	}



.cs-wrap02-l {

	float: left;

	width: 534px;

	margin-right: 20px;

	}

.cs-wrap02-r {

	float: right;

	width: 110px;

	font-size: .9em;

	}



/* お客様の声用 2段組レイアウト */

#main-contents div#voice-wrap-foot {

	margin-bottom: 40px;

	}

.voice-wrap p {

	float: left;

	width: 260px;

	}

.voice-wrap p img {

	vertical-align: bottom;

	}

.voice-wrap dl {

	float: right;

	width: 394px;

	}

.voice-wrap dt {

	padding-left: 15px;

	background: url(../../common/ico_03.gif) no-repeat left center;

	color: #0066CC;

	font-size: 1.2em;

	font-weight: bold;

	line-height: 1.2;

	text-align: left;

	}

.voice-wrap ol {

	list-style-type: decimal;

	margin-left: 2em;

	}

#main-contents p.arrow {

	clear: both;

	margin: 1em 0;

	text-align: center;

	}



/* お客様の声用 横並びナビゲーション */

#main-contents div.voice-navi {

	clear: both;

	}

#main-contents div.voice-navi ul {

	list-style-type: none;

	width: 664px;

	height: 26px;

	margin-bottom: 20px;

	background-color: #EBF2FA;

	}

#main-contents div.voice-navi li {

	float: left;

	margin: 2px 5px;

	}

#main-contents div.voice-navi li.voice-navi-on {

	font-weight: bold;

	}

#main-contents div.voice-navi li a {

	display: block;

	}





/* お客様の経営力向上のために用 横並びナビゲーション */

#main-contents div.section-navi ul {

	list-style-type: none;

	width: 664px;

	height: 26px;

	margin-bottom: 20px;

	background-color: #EBF2FA;

	}

#main-contents div.section-navi li {

	float: left;

	width: 4em;

	margin: 2px 5px;

	}

#main-contents div.section-navi li.section-navi-on {

	width: 5em;

	font-weight: bold;

	}

#main-contents div.section-navi li a {

	display: block;

	}



/* 横並びナビゲーション foot */

#main-contents ul.section-navi-foot {

	list-style-type: none;

	width: 665px;

	height: 26px;

	margin-bottom: 20px;

	background-color: #EBF2FA;

	}

#main-contents ul.section-navi-foot li.navi-left {

	float: left;

	margin: 2px 5px;

	}

#main-contents ul.section-navi-foot li.navi-right {

	float: right;

	margin: 2px 5px;

	}

#main-contents ul.section-navi-foot li a {

	display: block;

	}



#main-contents p.catchcopy-blue {

	color: #0066CC;

	font-size: 1.3em;

	font-weight: bold;

	line-height: 1.2;

	letter-spacing: 1px;

	}

#main-contents p.our-model {

	margin: 1em 0;

	padding: 10px;

	background-color: #EEEEEE;

	color: #333333;

	line-height: 1.2;

	}



dl#vision {

	width: 608px;

	margin: 4em auto;

	border: 1px solid #999999;

	}

dl#vision dt img {

	vertical-align: bottom;

	}

dl#vision dd {

	margin: 0;

	padding: 10px;

	}



#past-cs-end {

	margin-bottom: 238px;

	}



#speech {

	margin-bottom: 1em;

	padding: 10px;

	background-color: #EEEEEE;

	}

#speech p#speech-l {

	float: left;

	}

#speech p#speech-r {

	float: right;

	padding-left: 10px;

	margin-bottom: 0;

	}



#main-contents p#sign {

	text-align: right;

	}



#main-contents p#indent {

	margin-left: 20px;

	}



dl#slogan3 {

	margin: 1em auto;

	width: 440px;

	}

dl#slogan3 dt {

	float: left;

	clear: left;

	width: 61px;

	}

dl#slogan3 dd{

	height: 62px;

	margin: 0 0 1em 61px;

	padding: 5px 0 0 10px;

	}



/* リンクのリスト */

ul.list-link {

	list-style: none ;

	margin-bottom: 2em;

	}

ul.list-link li {

	margin-bottom: 5px;

	padding-left: 20px;

	background: url(../../common/service/ico_01.gif) no-repeat left top;

	color: #0066CC;

	line-height: 1.4;

	}



/* 表のセル位置 */

.pos-c {

	text-align: center !important;

	} 

	

.pos-r {

	text-align: right !important;

	} 



.pos-m {

	vertical-align: middle !important;

	}



.pos-cm {

	text-align: center !important;

	vertical-align: middle !important;

	} 



/* 表のセル塗り */

.cell-bg-gray {

	background-color: #EEEEEE !important;

	}

.cell-bg-orange {

	background-color: #FFCC33 !important;

	}





/* 表 t-style02 */

table.t-style02 {

	margin-bottom: 1.5em;

	border-top: 1px solid #999999;

	border-left: 1px solid #999999;

	color: #333333;

	}

table.t-style02 caption {

	color: #333333;

	font-weight: bold;

	text-align: left;

	}

table.t-style02 th, table.t-style02 td {

	padding: 3px;

	border-right: 1px solid #999999;

	border-bottom: 1px solid #999999;

	vertical-align: top;

	}

table.t-style02 th {

	background-color: #DDDDDD;

	font-weight: normal;

	text-align: center;

	}



/* 表 t-style03 */

table.t-style03 {

	margin-bottom: 1.5em;

	border-top: 1px solid #999999;

	border-left: 1px solid #999999;

	color: #333333;

	}

table.t-style03 caption {

	color: #333333;

	font-weight: bold;

	text-align: left;

	}

table.t-style03 th, table.t-style03 td {

	padding: 3px;

	border-right: 1px solid #999999;

	border-bottom: 1px solid #999999;

	vertical-align: top;

	}

table.t-style03 th {

	background-color: #DDDDDD;

	font-weight: normal;

	text-align: left;

	}



/* お問い合わせのボックス */

.contact-box dl {

	background: url(../../common/service/bg_contact_02.gif) repeat-y left top;

	}

.contact-box dt {

	padding: 10px 20px 0 20px;

	background: url(../../common/service/bg_contact_01.gif) no-repeat left top;

	}

.contact-box dd {

	padding: 10px 20px;

	background: url(../../common/service/bg_contact_03.gif) no-repeat left bottom;

	}

.contact-box dd img {

	float: right;

	}



/* コベルコシステムニュース

---------------------------------------------------------------------------------- */

#main-contents p.year {

	padding-left: 15px;

	background: url(../../common/ico_03.gif) no-repeat left center;

	color: #0066CC;

	font-size: 1.2em;

	font-weight: bold;

	line-height: 1.2;

	text-align: left;

	}



#main-contents ul.btn01 {

	list-style: none;

	width: 234px;

	margin: 0 0 0 18px;

	}

#main-contents ul.btn01 li {

	margin-bottom: 1em;

	}

#main-contents ul.btn01 li img {

	vertical-align: bottom;

	}



#main-contents h3#title-president {

	margin: 0 0 20px 0;

	padding: 0;

	background: none;

	}

#main-contents h3#title-itwords {

	margin: 23px 0 20px 0;

	padding: 0;

	background: none;

	}



/* 横並びナビゲーション */

#main-contents div.news-navi ul {

	list-style-type: none;

	width: 664px;

	height: 26px;

	margin-bottom: 20px;

	background-color: #EBF2FA;

	}

#main-contents div.news-navi li {

	float: left;

	margin: 2px 5px;

	}

#main-contents div.news-navi li.news-navi-on {

	font-weight: bold;

	}

#main-contents div.news-navi li a {

	display: block;

	}

#main-contents div#news-navi-head ul {

	margin: 0;

	}
	


/* topics

---------------------------------------------------------------------------------- */	

#main-contents p.pankuzu {
	margin-top: 2em;
	font-size: .95em;
	}