@charset "utf-8";
/* CSS Document */

body #wrap-inner {
    color: #333;
    font-family: "メイリオ",Meiryo,Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 0.8em;
    line-height: 1.5;
	padding-bottom: 0;
    width: 100%;
    position: relative;
    height:auto !important; /*IE6対策*/
    height: 100%; /*IE6対策*/
    min-height: 100%;
}

.cotntent_area {
	width:960px;
	margin: 0 auto;
	text-align:left;
}

.side-nav {
	width: 182px;
	float: left;
}

.side-nav h2 {
	text-indent:-9999px;
	background:url(../../about/img/side-about.png) no-repeat center top;
	width: 182px;
	height: 43px;
}

.side-nav h2.env {
	background:url(../../env/img/side-env.png) no-repeat center top;
}

.side-nav h2.rec {
	background:url(../../recruit/img/side-rec.png) no-repeat center top;
}

.side-nav h2.contact {
	background:url(../../contact/img/side-contact.png) no-repeat center top;
}

.side-nav h2.house {
	background:url(../../house/img/side-house.png) no-repeat center top;
}

.side-nav h2.product {
	background:url(../../product/img/side-product.png) no-repeat center top;
}


.side-nav ul {
	margin: 0;
	padding: 0;
}
.side-nav ul li {
	background:url(../img/bg-side-list.png) no-repeat center top;
	width:182px;
	height:48px;
	text-align:left;
	color:#333;
}

.side-nav ul li.sub {
	background:url(../img/bg-side-list02.png) no-repeat center top;
	width:182px;
	height:48px;
	text-align:left;
	color:#333;
}

.side-nav ul li.sub-last {
	background:url(../img/bg-side-list02-last.png) no-repeat center top;
	width:182px;
	height:48px;
	text-align:left;
	color:#333;
}



.side-nav ul li.side-last {
	background:url(../img/bg-side-list-last.png) no-repeat center top;
	width:182px;
	height:48px;
	text-align:left;
}

.side-nav ul li a {
	padding: 13px 0 13px 36px;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	color: #0068B7;
}

.side-nav ul li.sub a {
	padding: 13px 0 13px 36px;
	display: block;
	font-size: 1.0em;
	font-weight: bold;
	text-decoration: none;
	color: #0068B7;
}

.side-nav ul li.sub-last a {
	padding: 13px 0 13px 36px;
	display: block;
	font-size: 1.0em;
	font-weight: bold;
	text-decoration: none;
	color: #0068B7;
}


.side-nav ul li a:hover {
	padding: 13px 0 13px 36px;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	color: #FF5000;
}

.side-nav ul li.sub a:hover {
	padding: 13px 0 13px 36px;
	display: block;
	font-size: 1.0em;
	font-weight: bold;
	text-decoration: none;
	color: #FF5000;
}

.side-nav ul li.sub-last a:hover {
	padding: 13px 0 13px 36px;
	display: block;
	font-size: 1.0em;
	font-weight: bold;
	text-decoration: none;
	color: #FF5000;
}

.carrent {
	color:#0084d4;
}

.main-content {
	width: 760px;
	float: left;
	margin-left: 18px;
}

.main-content .textin {
	margin-bottom:30px;
	width: 100%;
}

h3 {
	width: 760px;
	background:url(../img/bg-title.png) no-repeat left top;
	box-sizing: border-box;
	margin:0 0 10px 0;
	color: #0068b7;
    display: block;
    font-size: 1.4em;
    padding: 0.5em 0 0.4em 1em;
    text-shadow: 2px 2px 1px #cccccc;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

table.data {
	border:none;
	margin-bottom: 20px;
    width: 760px;
}

table.data th {
    background: none repeat scroll 0 0 #6ca7d9;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
    padding: 2%;
    width: 20%;
	text-align: center;
	color:#FFF;
	font-weight:bold;
}

table.data th, td {
    vertical-align: middle;
}

table.data td {
    padding: 2%;
    text-align: left;
    width: 80%;
	border-bottom: 2px solid #fff;
}

table.data td.blue {
	background: #d3edfb;
}

table.data th.blue {
	background: #5a9bd6;
}


/* --------------------------------------------------------
	サイドお問合せ	
    --------------------------------------------------------  */
	
.side-nav .contact_box {
	margin-top:30px;
	background:#E7E9EC;
	padding-bottom:6px;
}	


.side-nav .contact_box h2 {
    background: #274470;
    height: 43px;
	text-indent: 0;
    width: 182px;
	color:#FFF;
	text-align:center;
	box-sizing:border-box;
	padding-top:8px;
}
h2, p {
    margin: 0;
    padding: 0;
}

.side-nav .contact_box p font {
	font-size: 1.20em;
	padding-bottom: 4px;
}

.side-nav .contact_box h3 {
	background: none repeat scroll 0 0 #026eb9;
    color: #fff;
    padding: 4px 2px;
	margin: 8px 0 0 16px;
	font-weight: bold;
	font-size: 1.1em;
	display: inline-block;
	width: 62px;
	text-shadow: none;
}	

.side-nav .contact_box p {
   margin: 0;
   padding: 4px 0 0 16px;
}	

/* --------------------------------------------------------
	製品紹介
    --------------------------------------------------------  */
figure {
	margin: 0;
	border: 0;
	display: block;
}

.textin h4 {
	margin-bottom: 10px;
	border-left:solid 4px #274470;
	font-size: 1.2em;
	background:#EEE;
	padding: 4px 0 2px 13px;
}

.textin figure {
	width:246px;
	float:left;
	margin-bottom: 8px;
	border: solid 1px #CCC;
}

.textin figure.center {
	margin-right: 8px;
	margin-left: 8px;
}

.leftbox {
	width:248px;
	float:left;
}

.leftbox figure {
	border: solid 1px #CCC;
	margin-bottom:7px;
}


/* --------------------------------------------------------
	社内風景
    --------------------------------------------------------  */
.house-img-box {
	margin-bottom:15px;
}

.house-img .imgbox01,
.house-img .imgbox02 {
	float:left;
}

.house-img .imgbox01 {
	width: 480px;
}

.house-img .imgbox02 {
	width: 270px;
	margin-left:10px;
}

.house-img p {
	border-left: 4px solid #002643;
	border-bottom: 1px dotted #002643;
	margin-bottom:5px;
	padding-left:8px;
	font-size:1.1em;
	font-weight:bold;
}




	
/* --------------------------------------------------------
	環境方針
    --------------------------------------------------------  */

.ecostage_text {
	width:75%;
	float:left;
}	
	
.ecostage {
	width:160px;
	float:right;
}	

ol.roma {
	list-style-type:upper-roman;
	padding-left:30px;
}

ol.env_list li {
	padding-top:5px;
}

ol.env_list ul li {
	padding-top:0px;
}

ol.roma li.top {
	padding-top:0px;
}

ol.env_list li.title {
	font-weight:bold;
	font-size:1.15em;
}

p.day {
	text-align: right;
}

/* --------------------------------------------------------
	採用情報
    --------------------------------------------------------  */
	
ul.rec li {
	font-weight: bold;
	font-size: 1.05em;
	border-bottom: 1px dotted #AAA;
	font-size: 1.1em;
}

ul li.rec_list {
	list-style-type: disc;
	margin-left:1em;
	font-weight:bold;
	font-size: 1.1em;
}

ul li.rec_list_top {
	margin-bottom:5px;
}

ul li.rec_list_bottom {
	margin-top:5px;
}

.rec_table {
	width: 100%;
	margin-top: 1.5em;
}

.rec_table th,
.rec_table td {
	padding: 1em .8em;
	border: 1px solid #D6D9DE;
}

.rec_table th {
	background: #E7E9EC;
	width: 20%;
	text-align: center;
}

.rec_table td {
	width: 80%;
}

/* --------------------------------------------------------
	お問合せ
    --------------------------------------------------------  */
	
.contact_img {
	text-align:center;
	margin-top:10px;
}

.main-content .textin ul.contact_list {
	width:80%;
	box-sizing:border-box;
	padding-left: 0;
	margin: 0 auto 1em;
}

.main-content .textin ul.contact_list li {
	padding:10px 10px 10px 20px;
}

.main-content .textin ul.contact_list li.contact_list_tit {
	background:#efefef;
	font-weight:bold;
	border-bottom:1px #666 dotted;
	margin-top: .7em;
}

.main-content .textin ul.contact_list li.contact_list_tit_top {
	background:#efefef;
	font-weight:bold;
	border-bottom:1px #666 dotted;
	margin-top: 0;
}