﻿@charset "utf-8";
a {
	color: #017acd
}
img {
	border-style:none;
}
body {
	background-image:url(../images/metalback.gif);
	background-repeat:repeat-x;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*↓トップ*/
div#toparea {
	width: 760px;
	margin: 5px auto 0 auto;
	padding-bottom:10px;
}
div#toparea h1 {
	color: #333333;
	text-align:right;
	font-size: 0.75em;
	margin: 0 0 1px 0;
}
.comname {
	margin: 0 0 5px 5px;
}
/*↑トップ*/

/* コンテナ */
div#container1 {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
}
div#container {
	background-image: url(../images/botbg.gif);
	background-repeat: repeat-y;
	background-color: #ffffff;
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
}
/* ヘッダー */
.header h1 {
	margin: 0
}
#work-contents {
	background-image:url(../images/top4.jpg);
	background-repeat:no-repeat;
	height:130px;
}
/* パンくずリスト */
p#bread {
	background-color: #ffffff;
	font-size: 0.75em;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 3px;
	padding-bottom: 20px
}
/* コンテンツ */
div#content {
	width: 760px;
	float: right;
	margin-left: auto;
	margin-right: auto;
}
div#content h2 {
	background-repeat: no-repeat;
	font-size: 0.875em;
	color: #ffffff;
	margin-top: 0;
	margin-bottom: 0
}
#content .content-ref {
	magin-bottom: 50px;
}
div#content h3 {
	background-repeat: no-repeat;
	margin-top: 30px;
	margin-bottom: 0;
}
div#content p {
	font-size: 0.75em;
	line-height: 1.6;
}
div#content p#message {
	margin-top: 0
}
/*コンテンツｈ3辺り*/
div.img-box {
	width: 160px;
	height: 119px;
	float: left;
	margin: 0 0 20px 15px;
	background-color: #999999;
}
p.click {
	clear: both;
	background-position:right;
	text-align:right;
	padding-right: 15px;
	padding-bottom: 0;
}
p.click a {
	text-align:right;
}
/* *** ↓会社概要部分 *** */
#slogan {
	background-image:url(../images/sbtop.jpg);
	background-repeat:no-repeat;
	height:112px;
}
.company-imgbox {
	text-align:left;
}
p.company-imges {
	margin: 10px 20px 20px 20px;
}
p.company-imges img {
	float: left;
	margin-right: 20px;
}
p.company1 {
	font-size: 0.75em;
	color: #000000;
	text-align:left;
	margin-left:30px;
}
p.company {
	clear:both;
	font-size: 0.75em;
	line-height: 0.75em;
	color: #000000;
	text-align:right;
	margin-right:55px;
	}
.company {
	font-size: 0.75em;
	line-height: 0.75em;
}
.company-pagecontent table {
	width: 720px;
	font-size: 0.75em;
	font-family: Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	border-style:none;
	margin-left:20px;
}
.company-pagecontent th {
	padding: 10px;
	width: 130px;
	border-bottom: dotted 1px #103b7b;
	background-color: #deebff;
	border-style:none;
}
.company-pagecontent td {
	padding: 10px;
	width: 467px;
	border-bottom: dotted 1px #103b7b;
	border-style:none;
}
/* *** ↑会社概要部分 *** */

/* *** ↓環境対応 *** */
/* *** ↑環境対応 *** */

/* *** ↓主要設備部分 *** */
div.equipment-imgbox {
	float:left;
	width: 270px;
	height: 250px;
}
p.equipment-imges, p.equipmentcaption {
	text-align: center;
	margin: 5px;
}
p.caption {
	font-size: 0.75em;
	color: darkblue;
}
/* *** ↑主要設備部分 *** */


/* *** ↓塗装実績 *** */

div.results-imgboxl {
	width: 430px;
	height: 250px;
}
p.resultscaptionl {
	margin: 5px 0 5px 140px;
}
div.results-imgbox {
	float: left;
	width: 270px;
	height: 250px;
}
p.results-imges, p.resultscaption {
	text-align: center;
	margin: 5px;
}
p.results-link {
	background-image:url(../images/results-bg.gif);
	background-repeat:no-repeat;
	margin-left: 20px;
	padding-left: 20px;
}
p.caption {
	font-size: 0.75em;
	color: darkblue;
}
/* *** ↑塗装実績 *** */

/* *** ↓お問い合わせ一覧ページ *** */

div.testz {
	margin:5px;
	width:100px;
	height:300px;
}
table.test {
	background-image:url(../images/contact-saitama.gif);
	background-repeat:no-repeat;
	width:500px;
	height:300px
}
table.test td {
	border:0;
	padding-left: 95px;
	padding-top: 180px;
}
table.test2 {
	background-image:url(../images/contact-yamanasi.gif);
	background-repeat:no-repeat;
	width:500px;
	height:300px
}
table.test2 td {
	border:0;
	padding-left: 95px;
	padding-top: 180px;
}
/* *** ↑お問い合わせ一覧ページ *** */

/* *** ↓お問い合わせ部分 *** */
.contact-pagecontent table {
	width: 280px;
}
.contact-pagecontent th {
	font-size: 0.75em;
	padding: 10px;
	width: 140px;
	text-align: left;
	font-weight: normal;
	border: solid 1px #103b7b;
	vertical-align: top;
}
.contact-pagecontent td {
	font-size: 0.75em;
	padding: 10px;
	width: 400px;
	border: solid 1px #103b7b
}
.contact-pagecontent span.required {
	color: red;
}
.contact-pagecontent dt {
	float: left;
	width: 5em;
	text-align: right;
	padding: 3px 0px 3px 0px;
	margin: 0;
}
.contact-pagecontent dd {
	width: 400px;
	height: 2.4em;
}
.contact-pagecontent label {
	margin-right: 12px;
}
.contact-pagecontent label.fname {
	margin-right: 0px;
}
.contact-pagecontent label.adrs {
	margin-right: 5px;
}
.contact-pagecontent input[type="radio"] {
	margin: 0;
	padding: 0;
}
.contact-pagecontent input[type="radio"].mg {
	margin: 5px 0 0;
	padding: 0;
}
.contact-pagecontent p {
	text-align: center;
}
.contact-pagecontent p.memo {
	margin: 5px 0;
	text-align: right;
}
.contact-pagecontent textarea {
	width: 380px;
	height: 200px;
}
/* *** ↓お問い合わせ部分 *** */
.contact-pagecontent table {
	width: 500px;
}
.contact-pagecontent th {
	font-size: 0.75em;
	padding: 10px;
	width: 180px;
	text-align: left;
	font-weight: normal;
	border: solid 1px #103b7b;
	vertical-align: top;
}
.contact-pagecontent td {
	font-size: 0.75em;
	padding: 10px;
	width: 360px;
	border: solid 1px #103b7b
}
.contact-pagecontent span.required {
	color: red;
}
.contact-pagecontent dt {
	float: left;
	width: 5em;
	text-align: right;
	padding: 3px 0px 3px 0px;
	margin: 0;
}
.contact-pagecontent dd {
	width: 300px;
	height: 2.4em;
}
.contact-pagecontent label {
	margin-right: 12px;
}
.contact-pagecontent label.fname {
	margin-right: 0px;
}
.contact-pagecontent label.adrs {
	margin-right: 5px;
}
.contact-pagecontent input[type="radio"] {
	margin: 0;
	padding: 0;
}
.contact-pagecontent input[type="radio"].mg {
	margin: 5px 0 0;
	padding: 0;
}
.contact-pagecontent p {
	text-align: center;
}
.contact-pagecontent p.memo {
	margin: 5px 0;
	text-align: right;
}
.contact-pagecontent textarea {
	width: 300px;
	height: 200px;
}
/* input[text] width (お問い合わせ) */
.name {
	width: 250px;
}
.zip1 {
	width: 5.25em;
}
.zip2 {
	width: 2.5em;
}
.tel {
	width: 8.25em;
}
/*.tel2 {
	width: 2.5em;
}*/
.email {
	width: 250px;
}
.address {
	width: 250px;
}
.error {
	color: #f00;
	font-weight: bold;
}
/* *** ↑お問い合わせフォーム部分 *** */

/* *** ↓お問い合わせ内容確認部分 *** */
.contact-pagecontent2 table {
	width: 540px;
}
.contact-pagecontent2 th {
	background-color:#dcdcdc;
	font-size: 0.75em;
	padding: 10px;
	width: 180px;
	text-align: left;
	font-weight: normal;
	border: solid 1px #103b7b;
	vertical-align: top;
}
.contact-pagecontent2 td {
	font-size: 0.75em;
	padding: 10px;
	width: 360px;
	border: solid 1px #103b7b
}
.contact-pagecontent2 p {
	text-align: center;
}
.contact-pagecontent2 p.memo {
	margin: 5px 0;
	text-align: right;
}
.contact-pagecontent2 textarea {
	width: 300px;
	height: 200px;
}
/* *** ↑お問い合わせ内容確認部分 *** */


/* *** ↓お問い合わせ完了部分 *** */

p.contact-done {
	font-size: 1em;
	text-align: right;
}
/* *** ↑お問い合わせ完了部分 *** */


/* *** ↓アクセス部分 *** */

.access-pagecontent {
	padding-top: 10px;
}
div.maptext {
	margin-left:30px;
	paddin:0;
	width:200px;
}
div.factorymap img {
	margin:0 50px 0 20px;
}
div.factorymap p {
	margin-bottom: 30px;
}
div.factorymap p a {
	text-decoration: none;
}
/*div.factorymap p a:link {
	}*/
div.factorymap p a:visited{
	color:#F00;
	}
div.factorymap p a:hover{
	color:#3F0;
	}
div.factorymap p a:active{
	color:#F90;
	}	
/* *** ↑アクセス部分 *** */


/* *** ↓リンク部分 *** */

.access-pagecontent {
	padding-top: 10px;
}
p.link-bg {
	background-image:url(../images/link-bg.gif);
	background-repeat:no-repeat;
	padding-left: 20px;
	margin-left:20px;
}
p.link-bg a {
	font-size: 1.25em;
}
/* *** ↑リンク部分 *** */

/* サイドバー */

/*↓ナビゲーション部分*/
#globalnavi{
  margin: 0;
  padding: 0;
  list-style: none;
}

#globalnavi ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#globalnavi li{
  display: inline;
  float: left;
  width: 95px;
  height:50px;
  margin: 0;
  padding: 0;
}

#globalnavi a{
  text-align: center;
  display:block;
  padding: 0.5em 0;
  width: 100%;
  background-color:#39F;
  border: 1px solid #fff;
  color:#FFF;
  font-size:13px;
  text-decoration: none;
}

#globalnavi a:hover{
  background-color:#3366FF;
  text-decoration: none;
  color:#FFF;
}
/* #globalnavi{  
  margin: 0;  
  padding: 0;  
  width: 95px;  
  height: 40px;  
}  
  
#globalnavi ul{  
  list-style-type: none;  
  margin: 0;  
  padding: 0;  
}  
  
#globalnavi li{  
  text-indent: -9999px;  
  float:left;  
  width: 95px;  
  margin: 0;  
  padding: 0;  
}  
  
#globalnavi a{  
  display: block;  
  width: 760px;  
  height: 40px;  
  background-image:url(../images/bg-globalnavi-3.gif);  
  background-repeat: no-repeat;  
}  
  
#menu1 a{background-position: 0 0;}  
#menu2 a{background-position: -95px 0;}  
#menu3 a{background-position: -190px 0;}  
#menu4 a{background-position: -285px 0;}  
#menu5 a{background-position: -380px 0;}  
#menu6 a{background-position: -475px 0;}  
#menu7 a{background-position: -570px 0;}  
#menu8 a{background-position: -675px 0;}  
  
#globalnavi a:hover{  
  background-image: url(../images/bg-globalnavi-3.gif); 
  background-repeat: no-repeat;  
}  
  
#menu1 a:hover{background-position: 0 -40px;}  
#menu2 a:hover{background-position: -95px -40px;}  
#menu3 a:hover{background-position: -190px -40px;}  
#menu4 a:hover{background-position: -285px -40px;}  
#menu5 a:hover{background-position: -380px -40px;}  
#menu6 a:hover{background-position: -475px -40px;}  
#menu7 a:hover{background-position: -570px -40px;} 
#menu8 a:hover{background-position: -675px -40px;}  
*/
/*div#sidebar {
	width: 190px;
	float: left;
	text-align:left;
	display:inline;
}
ul {
	font-size: 0.75em;
	margin-top: 0px;
	padding-left: 0;
	line-height: 0
}
ul li {
	list-style-type: none
}
#sidebar ul li {
	list-style: none;
	margin:0;
	width: 190px;
	height: 30px;
	background-position: 0 -60px;
	text-indent: -9999px;
	overflow: hidden;
}
ul li.side-bot0 {
	background-image:url(../images/side-bot-top.gif);
}
#sidebar ul li.side-bot1 {
	background-image:url(../images/side-bot-com.gif);
}
#sidebar ul li.side-bot1-1 {
	background-image:url(../images/side-bot-env.gif);
}
#sidebar ul li.side-bot2 {
	background-image:url(../images/side-bot-equ.gif);
}
#sidebar ul li.side-bot3 {
	background-image:url(../images/side-bot-act.gif);
}
#sidebar ul li.side-bot4 {
	background-image:url(../images/side-bot-ref.gif);
}
#sidebar ul li.side-bot5 {
	background-image:url(../images/side-bot-map.gif);
}
#sidebar ul li.side-bot6 {
	background-image:url(../images/side-bot-link.gif);
}
ul li a {
	display: block;
	width: 190px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: 0 0;
	line-height: 30px;
	text-decoration: none;
	padding-left: 5px
}
ul li a:hover {
	background-position:0 -60px;
}
#sidebar ul li.side-bot0 a {
	background-image:url(../images/side-bot-top.gif);
}
#sidebar ul li.side-bot1 a {
	background-image:url(../images/side-bot-com.gif);
}
#sidebar ul li.side-bot1-1 a {
	background-image:url(../images/side-bot-env.gif);
}
#sidebar ul li.side-bot2 a {
	background-image:url(../images/side-bot-equ.gif);
}
#sidebar ul li.side-bot3 a {
	background-image:url(../images/side-bot-act.gif);
}
#sidebar ul li.side-bot4 a {
	background-image:url(../images/side-bot-ref.gif);
}
#sidebar ul li.side-bot5 a {
	background-image:url(../images/side-bot-map.gif);
}
#sidebar ul li.side-bot6 a {
	background-image:url(../images/side-bot-link.gif);
}*/
/*↑ナビゲーション部分*/

/*↓サイドバー会社所在地部分*/
#sidebar .sideaddress {
	font-size: x-small;
	background-color: #E4E4E4;
	border: solid 1px #EBEBEB;
	margin:0 20px 10px 0;
}
#sidebar .sideaddress p {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
#sidebar .sideaddress img {
	width: 120px;
	height: 88px;
	margin: 0 25px 10px 25px;
}
/*サイドバー会社所在地部分↑*/

/*↓サイドバーリンク部分*/
#sidebar .sidelink {
	margin: 5px 0 10px 0
}
#sidebar a img {
	margin: 5px 0 5px 0;/*height: 30px;
	width: 170px;*/
}
/*サイドバーリンク部分↑*/

/* フッター */
div#footer {
	width: 760px;
	margin: 0px auto 0 auto;
	padding: 0;
	clear: both;
	border-top-width:1px;
	border-top-style: dashed;
	border-top-color: #666666;
	border-bottom-color: #666666;
}
/*↓フッターリンク部分*/
.footer-link {
	text-align: center;
	margin-right: 15px;
}
.footer-link p {
	color: #666666;
	font-size: 0.75em;
	margin:5px;
}
.footer-link p a {
	color: #666666;
	text-decoration: none;
}
/*↑フッターリンク部分*/

/*↓フッター会社説明文*/
.footer-information {
	background-color:#20a712;
	padding: 2px 5px 2px 5px;
	
}
.footer-information p {
	color: #FFF;
	font-size: 12px;
	margin:5px;
	line-height:15px;
}
.footer_title{
	text-align:center;
	font-size: 12px;
	color: #FFF;
	}
/*p.footer-center {
	font-size: 0.7em;
}*/
/*↑フッター会社説明文*/

address {
	font-size: 0.75em;
	font-style: normal;
	color: #666666;
	text-align: center;
	margin-top: 10px;
}
/*↓追加CSS*/
caption{
	text-align:left;
	font-size:18px;
	font-weight: bold;
}

.environmentbox{
	text-align:center;
}

.b_padLR15 {
  padding-right: 30px;
  padding-left: 30px;
}

.right{
	float:right;
	margin-right:90px;
	margin-bottom:50px;
}

.p_center{
	margin:auto;
	overflow:hidden;
	width:540px;
	}

.p_center1{
	margin:auto;
	overflow:hidden;
	width:500px;
	height:640px;
	}

.p_center3{
	text-align:center;
	}
.link-pagecontent{
	width:720PX;
	float:right;
}
p.company2 {
	text-align:right;
	margin-right:30px;
}
.sample1{padding-left:55px;
         text-indent:1em;
}
.sample2{padding-left:70px;
         text-indent:1em;
}