@charset "utf-8";

@import url("base.css");

div.dimage { background: url(../company/img/company_title.jpg) left top no-repeat;}

.history div.timage {background: url(../company/img/history_photo.jpg) left top no-repeat;}
.tenpo div.timage {background: url(../company/img/tenpo_photo.jpg) left top no-repeat;}
.buyer div.timage {background: url(../company/img/buyer_photo.jpg) left top no-repeat;}
.yurai div.timage {background: url(../company/img/about_photo.jpg) left top no-repeat;}
.walk div.timage {background: url(../company/img/walk_photo.jpg) left top no-repeat;}
.meter div.timage {background: url(../company/img/meter_photo.jpg) left top no-repeat;}
.vision div.timage {background: url(../company/img/vision_photo.jpg) left top no-repeat;}
.goal div.timage {background: url(../company/img/goal_photo.jpg) left top no-repeat;}
.environment div.timage {background: url(../company/img/mainimg_environment01.jpg) left top no-repeat;}

.company_img img {
float: right;
padding-left: 20px;
padding-bottom: 15px;
}
.company_img2 img {
float: right;
padding-left: 15px;
}
.about_img img {
float: left;
padding-right: 15px;
}


/* company */

.company h2 { margin: 0 0 5px;}

.company table {
width: 93%;
margin: 5px 0 10px;
line-height: 1.3em;
}
.company  th {
padding: 3px 5px;
border-bottom: 1px solid #DDDDDD;
vertical-align: top;
color: #777777;
text-align: left;
white-space: nowrap;
}
.company  td {
padding: 3px 5px;
border-bottom: 1px solid #DDDDDD;
vertical-align: top;
padding: 2px 5px;
}
td.partition {
width: 8em;
}

/* buyer */

.buyer h3 {
margin: 15px 0;
padding: 3px;
background: none;
color: #333399;
font-size: 1.1em;
}
ol {
margin: 0 0 20px 25px;
}
ol li {
padding: 2px 0;
}
.buyer table {
float: left;
margin: 0;
width: 400px;
font-family: "ＭＳ ゴシック", "Osaka－等幅";
}
.buyer th {
width: 4.2em;
padding: 2px 0;
vertical-align: top;
text-align: left;
white-space: nowrap;
font-weight: normal;
}
.buyer td {
padding: 2px 0;
vertical-align: top;
}
.buyer p {
margin: 20px 0;
}
/* walk */

.walk strong {
letter-spacing: 1px;
color: #CC3333;
}


/* yurai */
div.inner { margin: 0 10px;}
.yurai h3 { margin: 5px 0 25px; padding: 0; background: none;}
.yurai h3.ttl2 { margin: 35px 0 20px;}
img.logomark { margin: 0 25px 25px 0; padding: 25px 40px; border: 3px double #EEEEEE;}

div.movie { width: 620px; margin: 25px auto 15px; padding: 7px; border: 5px double #CCC; background: #444444;}

/* vision */

.vision strong {
letter-spacing: 1px;
color: #CC3333;
}
p.story_link {
margin: 20px 0 10px;
text-align: center;
}
.vision ol {
margin: 5px 0 5px 25px;
}

/* goal */
.goal strong {
letter-spacing: 1px;
color: #CC3333;
}

.goal h3 {
margin: 25px 0 10px;
padding: 0 0 10px;
background: url(../about/img/line_bg.gif) bottom repeat-x;
color: #666;
font-size: 1.1em;
}
.goal h4 {
color: #CC3333;
letter-spacing: 1px;
font-size: 1em;
}
.goal h4:first-letter {
padding-right: 2px;
font-size: 0.9em;
}

.goal .contents p {
margin: 12px 0 12px 10px;
}

/* environment */
.environment h3 {
	margin: 20px 0 20px;
	padding: 0;
	background: none;
}
.environment .contents p {
	margin: 12px 0 12px 10px;
}
.environment .thermoSuit {
	border: 1px solid;
	padding: 15px;
	margin: 0 auto 15px;
	width: 500px;
}
.environment .thermoSuit h4 {
	margin-bottom: 5px;
}
.environment .thermoSuit ul {
	margin-left: 10px;
}
.environment .thermoSuit ul li {
	list-style-type: circle;
	margin-left: 10px;
	margin-bottom: 5px;
}
.environment .thermoSuit.heating {
	border-color: #FC3;
	background: #fef4e0;
}
.environment .thermoSuit.cooling {
	border-color: #99ebff;
	background: #f0feff;
}
.environment .thermoSuit.suit {
	border-color: #CCC;
	background: #F0F0F0;
	margin-bottom: 30px;
}
.environment #bgOrs {
	background: url(../company/img/bg_environment-ors01.jpg) right top no-repeat;
}
/* common */
.layout2-1 {
	margin-bottom: 20px;
	*zoom: 1;
}
.layout2-1:after {
	content: "";
	display: table;
	clear: both;
}
.environment .contents .layout2-1 p {
	margin-top: 0;
}
.layout2-1 .right {
	width: 260px;
	float: right;
}
.layout2-1 .left {
	width: 380px;
	float: left;
}
.imgMgBt {
	margin-bottom: 15px;
}
.imgLeft {
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
}
.imgLeft img {
	display: block;
}
.imgRight {
	float: right;
	margin-left: 25px;
	margin-bottom: 25px;
}
.picThree {
	margin-left: 5px;
}
.picThree .imgFrame {
	display: inline-block;
}