@charset "utf-8";
/*
Theme Name: 有限会社清和製作所
Theme URI: http://www.seiwa-seisakusho.co.jp/
Description: 精密部品加工・真空容器の設計製造・各種治具の設計製造の有限会社清和製作所
Author: 根本 貴寸志
*/

/*フォントの設定*/
body{
font-size:14px;line-height:21px;color:#333;
font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.J-font{font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}

.L-font{
font-size:17px;line-height:25px;padding:10px 0 20px 0;}

.M-font{
font-size:12px;line-height:19px;}

.S-font{
font-size:11px;line-height:14px;}

/*カラーの設定*/
a,.blue{color:#164C97;}/*清和製作所独自のブルー*/
.gray{color:#808080;}/*清和製作所独自のグレー*/

.red{color:red;}
/*.blue{color:blue;}*//*本来のブルー*/
.green{color:green;}

/*Pの設定*/
p{padding-bottom:10px;}

/*Bの設定*/
.bold{font-weight:bold;}

/*便利な設定*/
.text-align-right{text-align:right;padding:10px 30px 5px 30px;}
.text-align-right a{font-size:11px;line-height:14px;color:#164C97;}
.underline{text-decoration:underline;}
.keiko-pen{background:#FFC;}
#detail00 img,#detail01 img,#detail02 img,#detail03 img,#detail04 img{padding:10px;border:1px solid #CCC7C6;margin:0 0 10px 10px;}
#detail00 img{float:right;}

/*　:::::::::::::::::::::::::::::::::::::::::::::::*　基本設定ここまで　:::::::::::::::::::::::::::::::::::::::::::::::　*/

#TOP{background:url(../img/img01.jpg) repeat-x;background-position:0 24px;height:210px;}

#TOP header{background:#0E0D6A;line-height:24px;}
#TOP header section{width:950px;margin:0 auto;}
#TOP header section h1{float:left;font-weight:normal;color:#FFF;}
#TOP header section a{float:right;color:#FFF;}

#TOP div{width:950px;height:84px;margin:0 auto;background:url(../img/img02-A.jpg) no-repeat;}
#TOP div a#LOGO{display:block;width:440px;height:84px;background:url(../img/img02.jpg) no-repeat;text-indent:-9999px;float:left;}
#TOP div a#LOGO:hover{background-position:0 -84px;}
#TOP div address{font-size:11px;line-height:15px;color:#808080;border-left:1px solid #808080;margin-top:12px;padding-left:10px;width:133px;height:60px;float:right;}

#TOP nav{width:950px;margin:0 auto;}
#TOP nav ul li{float:left;}
#TOP nav ul li a{display:block;width:135px;height:62px;font-size:18px;text-align:center;line-height:62px;font-weight:bold;text-decoration:none;}
#TOP nav ul li a.A,#TOP nav ul li a.B{background:url(../img/img03.jpg) no-repeat;}
#TOP nav ul li a.C{background:url(../img/img04.jpg) no-repeat;}
#TOP nav ul li a.A,#TOP nav ul li a.C{color:#333;}
#TOP nav ul li a.A:hover,#TOP nav ul li a.C:hover{color:#FFF;}
#TOP nav ul li a.B{background-position:-135px 0;color:#FFF;}
#TOP nav ul li a.A:hover,#TOP nav a.B:hover,#TOP nav a.C:hover{background-position:0 -62px;}

#TOKUSYU{display:block;font-size:14px;line-height:40px;color:#FFF;text-decoration:none;font-weight:bold;}
#TOKUSYU:hover{color:#C8D3E2;}
#TOKUSYU span{display:block;width:600px;margin:0 auto;background:url(../img/img05.jpg) no-repeat;padding-left:40px;}


/*:::::::::::::::::::::::::::::::::::::::::::::::*/

#INDEX{}

#INDEX .main-visual{background:url(../img/img06.jpg) repeat-x;padding-bottom:4px;}
#INDEX .main-visual div{background:url(../img/img07.png) no-repeat center;height:330px;}
#INDEX .main-visual div p{background:url(../img/img08.jpg) no-repeat;width:950px;margin:0 auto;height:330px;font-size:16px;line-height:24px;}
#INDEX .main-visual div p b{display:block;padding:212px 0 0 32px;}

#INDEX small{display:block;width:950px;margin:0 auto;font-size:12px;line-height:12px;text-align:right;font-weight:bold;}

#PANKUZU{width:950px;margin:25px auto;font-size:12px;}

/*:::::::::::::::::::::::::::::::::::::::::::::::*/

#CONTENTS{width:950px;margin:0 auto;}

/*:::::::::::::::::::::::::::::::::::::::::::::::*/

#LEFT{width:220px;float:left;}

#SIDE-NAV h2{background:#EFEFEF;border-top:2px solid #CCC7C6;border-left:2px solid #CCC7C6;border-right:2px solid #CCC7C6;font-size:12px;line-height:30px;text-align:center;}
#SIDE-NAV ul{border-top:4px solid #0E0D6A;list-style:none;margin-bottom:10px;}

#SIDE-NAV ul li{border-left:1px solid #CCC7C6;border-right:1px solid #CCC7C6;border-bottom:1px solid #CCC7C6;}
#SIDE-NAV ul li a{display:block;font-size:12px;line-height:40px;background:url(../img/img09.jpg) no-repeat;background-position:26px 16px;padding-left:40px;text-decoration:none;color:#333;}
#SIDE-NAV ul li a:hover{background:#85A0C6;color:#164C97;}

#MEISI{border:1px solid #CCC7C6;margin-bottom:10px;padding:10px;}
#MEISI img{border:1px solid #C8D3E2;}
#MEISI img:hover{border:1px solid #85A0C6;}

#KIDS h1{background:#EFEFEF;border-top:2px solid #CCC7C6;border-left:2px solid #CCC7C6;border-right:2px solid #CCC7C6;font-size:12px;line-height:30px;text-align:center;}
#KIDS section{border-top:4px solid #1EACE5;padding:10px;border-left:1px solid #CCC7C6;border-right:1px solid #CCC7C6;border-bottom:1px solid #CCC7C6;}
#KIDS section h2{font-size:14px;line-height:21px;color:#164C97;border-bottom:1px dashed #1EACE5;margin-bottom:5px;padding-bottom:5px;}
#KIDS section img{width:198px;margin-bottom:5px;}
#KIDS section p{font-size:11px;line-height:14px;}
#KIDS section span,#KIDS div span{display:block;text-align:right;font-size:11px;line-height:14px;}
#KIDS b{display:block;background:#EFEFEF;font-size:12px;line-height:30px;padding:0 10px;border-top:4px solid #1EACE5;border-left:1px solid #CCC7C6;border-right:1px solid #CCC7C6;}
#KIDS div{padding:10px;border-left:1px solid #CCC7C6;border-right:1px solid #CCC7C6;border-bottom:1px solid #CCC7C6;font-size:11px;line-height:14px;}
#KIDS div ul{list-style:inside;margin-bottom:10px;}

/*:::::::::::::::::::::::::::::::::::::::::::::::*/

/*セクションの設定※セクション内には必ず見出しタグが要るらしいです*/

#RIGHT,#RIGHT-SUB,#RIGHT-SUB-products{width:710px;float:right;}
#RIGHT section{border-left:1px solid #CCC7C6;border-bottom:3px solid #CCC7C6;margin-bottom:80px;margin-left:9px;padding:20px 0 20px 20px;}

#RIGHT-SUB section{margin-bottom:40px;}
#RIGHT-SUB section div.box{padding:10px 30px;}

#RIGHT-SUB-products section{margin-bottom:20px;}
#RIGHT-SUB-products section div.box{padding:10px 30px;}

/*セクションの設定※セクション内には必ず見出しタグが要るらしいです*/
	
	.index01{}
	.index01 p{background:url(../img/img14.jpg) no-repeat;padding:20px 30px 0px 30px;}
	.index01 div{margin-left:9px;border-left:1px solid #CCC7C6;border-bottom:3px solid #CCC7C6;padding:20px 0 20px 20px;margin-bottom:80px;}
	.index01 div ul li{list-style:inside none;padding:0 4px 4px 0;float:left;}
	.index01 div ul li img{border:1px solid #CCC7C6;padding:3px;}
	
	.index02{background:url(../img/img17.jpg) no-repeat;padding-left:310px;}
	
	.index03{margin-left:9px;border-left:1px solid #CCC7C6;border-bottom:3px solid #CCC7C6;padding:20px 0 20px 20px;margin-bottom:80px;}
	.index03 div{background:url(../img/img19.jpg) no-repeat;height:126px;}
	.index03 div p{font-weight:bold;color:#164C97;padding:50px 0 0 290px;}

	.index04{color:#164C97;font-weight:bold;padding:20px 0 10px 290px;}
	
	.index05,.index06{margin-bottom:40px;}
	
	.index05 ul li{list-style:inside none;padding: 5px;float:left;}
	.index05 ul li a{display:block;width:317px;border:4px solid #0E0D6A;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;padding:10px 10px 20px;zoom: 1;}
	.index05 ul li a:hover{border:4px solid #85A0C6;cursor:pointer;}
	.index05 ul li a img{margin-right:10px;}
	.index05 ul li a p,.index05 ul li a{font-size:12px;line-height:19px;text-decoration:none;color:#333;}

	.index06 ul li{list-style:inside none;padding: 5px;}
	.index06 ul li a{display:block;border:4px solid #0E0D6A;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;padding:10px 10px 50px;zoom: 1;}
	.index06 ul li a:hover{border:4px solid #85A0C6;cursor:pointer;}
	.index06 ul li a img{margin-right:10px;}
	.index06 ul li a p,.index06 ul li a{font-size:12px;line-height:19px;text-decoration:none;color:#333;}
	
	.works01{background:url(../img/img33.jpg) no-repeat right bottom;}
	.products01 ul li{list-style:inside none;float:left;padding:0 10px 10px 0;}
	
	.technical-innovation{font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;font-style:italic;font-size:32px;line-height:39px;text-align:center;margin-bottom:12px;padding-bottom:12px;font-weight:bold;border-bottom:8px solid #ccc;}

#acMenu{margin-top:15px;}	
#acMenu dt{display:block;font-size:14px;line-height:40px;padding:0 20px;background:#EBE9E8;cursor:pointer;margin-bottom:2px;font-weight:bold;}
#acMenu dt:hover{color:#164C97;}
#acMenu dd{display:none;padding:10px;font-size:12px;line-height:19px;}

	
/*:::::::::::::::::::::::::::::::::::::::::::::::*/

#BOTTOM{margin-top:40px;}

#BOTTOM footer{background:url(../img/img29.jpg) repeat-x;height:104px;}

#BOTTOM footer div{width:550px;height:59px;margin:0 auto;}
#BOTTOM footer div a#LOGO{display:block;width:280px;height:59px;background:url(../img/img30.jpg) no-repeat;text-indent:-9999px;float:left;}
#BOTTOM footer div a#LOGO:hover{background-position:0 -59px;}
#BOTTOM footer div address{font-size:12px;line-height:14px;color:#808080;float:right;height:39px;padding:10px 0;}

#BOTTOM footer span{display:block;height:45px;text-align:center;}
#BOTTOM footer span a{line-height:45px;color:#333;}
#BOTTOM footer span a:hover{color:#164C97;}

#BOTTOM small{display:block;background:#0E0D6A;font-size:12px;line-height:24px;text-align:center;color:#FFF;}
	
/*:::::::::::::::::::::::::::::::::::::::::::::::*/

.hA{display:block;font-size:14px;color:#0E0D6A;line-height:36px;background:url(../img/img12.jpg) no-repeat;padding-left:40px;}
.hB{display:block;font-size:18px;line-height:18px;color:#0E0D6A;border-bottom:2px dotted #0E0D6A;padding-bottom:10px;margin-bottom:20px;}
.hC{display:block;font-size:24px;line-height:52px;padding-left:30px;color:#0E0D6A;background:url(../img/img22.jpg) no-repeat;margin-bottom:10px;}
.hD{display:block;font-size:16px;line-height:16px;color:#0E0D6A;border-bottom:2px dotted #0E0D6A;padding-bottom:5px;margin-bottom:5px;}
.hE{display:block;color:#164C97;text-align:center;padding:5px;border:1px dotted #164C97;}

caption{font-size:18px;line-height:18px;color:#0E0D6A;border-bottom:2px dotted #0E0D6A;padding-bottom:10px;margin-bottom:10px;text-align:left;margin-top:40px;}

/*:::::::::::::::::::::::::::::::::::::::::::::::*/

.ul_news01{margin:0 20px 10px;}
.ul_news01 li {list-style:inside none;padding: 5px 10px;border-bottom: 1px dotted #ccc;margin-bottom: 5px;}
.ul_news01 li .spn01 {font-size: 77%;}
.ul_news01 li span {display: block;color: #000;}
.ul_news01 li a {color: #000;text-decoration: underline;}

/*:::::::::::::::::::::::::::::::::::::::::::::::*/

.banner01{display:block;width:680px;height:220px;background:url(../img/img18.jpg) no-repeat;text-indent:-9999px;}
.banner01:hover{background-position:0 -220px;}

.banner02{display:block;width:680px;height:180px;background:url(../img/img21.jpg) no-repeat;text-indent:-9999px;margin-top:20px;}
.banner02:hover{background-position:0 -180px;}

/*:::::::::::::::::::::::::::::::::::::::::::::::*/

/*テーブル*/

table.table-NOSE01 {
	width:100%;
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
	border: 1px solid #ccc;
}
table.table-NOSE01 th {
	white-space:nowrap;
	padding: 10px;
	font-weight: bold;
	text-align:left;
	vertical-align: top;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #efefef;
}
table.table-NOSE01 td {
	padding: 10px;
	vertical-align: top;
	border: 1px solid #ccc;
}
table.table-NOSE01 span.wpcf7-not-valid-tip{display:block;color:red;font-size:12px;padding-top:3px;}

/*テーブル*/

.equipment01 table.table-NOSE01 th,.equipment01 table.table-NOSE01 td {
	width:192px;
	white-space:nowrap;
	text-align:center;
	vertical-align:middle;}
table.table-NOSE01 .submit{text-align:center;}
.screen-reader-response,.wpcf7-response-output,.wpcf7-mail-sent-ok{padding:10px 0;color:green;}

/*テーブル*/

table.table-NOSE02 {
	width:100%;
	border-collapse: separate;
	border-spacing: 1px;
	line-height: 1.5;
	border: 1px solid #ccc;
}
table.table-NOSE02 th {
	white-space:nowrap;
	padding: 10px;
	font-weight: bold;
	vertical-align:middle;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #efefef;
}
table.table-NOSE02 td {
	padding: 10px;
	vertical-align: top;
	text-align:left;
	border: 1px solid #ccc;
}



/*英語ページ用*/
a.english
{
	padding-right:20px;display:none;
}

#INDEX .english-main-visual{background:url(../img/img06.jpg) repeat-x;padding-bottom:4px;}
#INDEX .english-main-visual div{background:url(../img/eng_top.png) no-repeat center;height:330px;}

#ENGLISH .english_h2_1{display:block;font-size:14px;color:#0E0D6A;line-height:50px;background:url(../img/h2-1.png) no-repeat;margin-bottom:20px;}

#ENGLISH .english_h2_2{display:block;font-size:14px;color:#0E0D6A;line-height:50px;background:url(../img/h2-2.png) no-repeat;margin-bottom:20px;}

#ENGLISH .english_h2_3{display:block;font-size:14px;color:#0E0D6A;line-height:50px;background:url(../img/h2-3.png) no-repeat;margin-bottom:20px;}

/*セクションの設定※セクション内には必ず見出しタグが要るらしいです*/

#ENGLISH,#ENGLISH-SUB,#ENGLISH-SUB-products{width:950px;}
#ENGLISH section{border-left:1px solid #CCC7C6;border-bottom:3px solid #CCC7C6;margin-bottom:80px;margin-left:9px;padding:20px 0 20px 20px;}

#ENGLISH .feature1
{
	background: url(../img/feature-1.png) no-repeat;
    min-height:110px;
    margin-left: 60px;
    padding-left: 250px;
}
#ENGLISH .feature1 p
{
	padding-top:30px;
    font-weight: bold;

}

#ENGLISH .feature2
{
	background: url(../img/feature-2.png) no-repeat;
    min-height:110px;
    margin-left: 60px;
    padding-left: 250px;
}
#ENGLISH .feature2 p
{
	padding-top:30px;
    font-weight: bold;
}

#ENGLISH .feature3
{
	background: url(../img/feature-3.png) no-repeat;
    min-height:110px;
    margin-left: 60px;
    padding-left: 250px;
}
#ENGLISH .feature3 p
{
   font-weight: bold;
}

#ENGLISH .introImg {
    border: solid 3px #fff;
    outline: solid 1px #ccc;
}

#ENGLISH ul.imglist
{
	display: block;
    width: 100%;
    list-style-type: none;
    padding-left: 30px;
}
#ENGLISH ul.imglist li
{
	float: left;
    padding: 20px 5px 0;
}

#ENGLISH ul.imglist li .annotation
{
	background:url(../img/up-triangle.gif) no-repeat;
	padding-top: 5px;
    background-position: 0 7px;
	
	padding-left:23px;
}

#ENGLISH ul.imglist li .tume
{
	    letter-spacing: -1px;
}


#ENGLISH .english_index01{background:url(../img/sect02_img02.png) no-repeat;padding-left:310px;margin-bottom:20px;}
#ENGLISH .english_index02{margin-bottom:20px;}
#ENGLISH .english_index03{margin-bottom:40px;}
#ENGLISH .english_index04{margin-bottom:20px;}
#ENGLISH .english_h_3{display:block;font-size:14px;color:#0E0D6A;line-height:60px;background:url(../img/strength-1.png) no-repeat;padding-left:40px;}
#ENGLISH .english_h_4{display:block;font-size:14px;color:#0E0D6A;line-height:60px;background:url(../img/strength-2.png) no-repeat;padding-left:40px;}
#ENGLISH .english_h_5{display:block;font-size:14px;color:#0E0D6A;line-height:60px;background:url(../img/strength-3.png) no-repeat;padding-left:40px;}
#ENGLISH .english_h_6{display:block;font-size:14px;color:#0E0D6A;line-height:60px;background:url(../img/strength-4.png) no-repeat;padding-left:40px;}

#ENGLISH .div_indent
{
	padding-left:30px;
}

#ENGLISH .english_h3_w1{display:block;line-height:60px;background:url(../img/works01.png) no-repeat;}
#ENGLISH .english_h3_w2{display:block;line-height:60px;background:url(../img/works02.png) no-repeat;}
#ENGLISH .english_h3_w3{display:block;line-height:60px;background:url(../img/works03.png) no-repeat;}
#ENGLISH .english_h3_w4{display:block;line-height:60px;background:url(../img/works04.png) no-repeat;}
/*:::::::::::::::::::::::::::::::::::::::::::::::*/

#ENGLISH_BOTTOM{margin-top:50px;}

#ENGLISH_BOTTOM footer div{width:950px;height:200px;margin:0 auto;background:url(../img/footer-message.png) no-repeat;padding-bottom:10px;}

#ENGLISH_BOTTOM small{display:block;background:#0E0D6A;font-size:12px;line-height:50px;text-align:center;color:#FFF;}


#page-top { display: block; position: fixed; z-index: 9999;
 bottom: -80px; right: 10px; width: 60px; height: 60px; padding: 0;
  border-radius: 50%; background: #333; color: #fff; font-size: 30px;
   text-align: center; text-decoration: none; line-height: 60px; transition: .5s; }
#page-top:hover { background: #333; }

/*:::::::::::::::::::::::::::::::::::::::::::::::*/