@charset "UTF-8";
@import url("style-base.css");

h1 {
font-size:10px;
letter-spacing:1px;
padding:3px 0px 2px 0px;
color: #626262;
font-weight:normal;
line-height:120%;
height: 25px;
}
h2 {
}
h3 {
}

td { font-size:12px; line-height: 150%; }
th { font-size:12px; line-height: 150%; }
.size-12 { font-size: 12px; line-height: 180%; }
.size-10 { font-size: 10px; line-height: 150%; }
.size-16 { font-size: 16px; line-height: 150%; }

form {
	margin: 0;
}
textarea,select,input {
    font-family: "ヒラギノ角ゴ Pro W3",Hiragino Kaku GothicPro,Osaka,Verdana,Helvetica,"ＭＳ Ｐゴシック",Arial,sans-serif;
}


#pagetop {
text-align:right;
padding: 20px 0px;
}

img{border:0px;}

.p-t05{ padding-top:5px;}
.p-t10{ padding-top:10px;}
.p-t20{ padding-top:20px;}
.p-t30{ padding-top:30px;}
.p-t40{ padding-top:40px;}
.p-b05{ padding-bottom:5px;}
.p-b10{ padding-bottom:10px;}
.p-b15{ padding-bottom:15px;}
.p-b20{ padding-bottom:20px;}
.p-b30{ padding-bottom:30px;}
.p-b40{ padding-bottom:40px;}

.m-t05{ margin-top:5px;}
.m-t10{ margin-top:10px;}
.m-t20{ margin-top:20px;}
.m-t30{ margin-top:30px;}
.m-t40{ margin-top:40px;}
.m-b10{ margin-bottom:10px;}
.m-b20{ margin-bottom:20px;}
.m-b30{ margin-bottom:30px;}
.m-b40{ margin-bottom:40px;}

.cen { text-align:center;}
.r-txt{ text-align:right;}
.l-box{ float:left;}
.f-bold{ font-weight:bold; }
.f-red{ color:#DD0000; }
.line-200{ line-height:200%;}















/*---------------------------------------------------------- TOP ----*/
#mainimg{
	margin: 0px auto 10px auto;
	text-align: left;
	background: url(img/mainback.jpg) no-repeat center top;
	width: 800px;
	padding: 0px 100px;
}
#mainimg ul{
padding: 221px 7px 0px 377px;
list-style:none;
}
#mainimg li{
float:left;
list-style:none;
padding-bottom:44px;
}
#mainimg li img{
vertical-align:bottom;
}

.head-r ul{
list-style: none;
width: 322px;
}
.head-r li{
list-style: none;
float:left;
padding:0;
margin:0;
}
.head-r li img{
vertical-align:bottom;
}
.head-l{
float:left;
width: 471px;
}
.head-r{
float:left;
width: 329px;
}

.toppro-l {
background:url(img/icon01.gif) no-repeat left center;
padding-left: 17px;
float:left;
margin-left: 12px;
width: 77px;
}
.toppro-r {
width: 140px;
float:left;
padding: 0px 10px 0px 5px ;
}
.toppro-r p{
font-size:10px;
letter-spacing:1px;
line-height:150%;
}
.toppro-box{
width: 261px;
float:left;
padding: 5px 0px;
}
.toppro-box a:link,.toppro-box a:visited { color: #333333; text-decoration:none; }
.toppro-box a:hover,.toppro-box a:active { color: #888888; text-decoration:underline; }

.w522{
width:522px;
margin: 0px auto;
}

#top-left{
width: 532px;
float:left;
}
#top-right{
width: 239px;
float:right;
}

#topnews,#topinfo{
width: 532px;
margin-bottom:10px;
border-bottom:1px dotted #8A8A8A;
padding-bottom: 5px;
}
.topnews-ttl{
background:url(img/topnews.gif) no-repeat left top;
text-align:right;
padding: 8px 12px 9px 0px;
}
dl.news-box{
width: 532px;
padding:10px 0px 5px 0px;
}
dl.news-box dt{
background: url(img/icon02.gif) no-repeat 10px 3px;
padding-left:25px;
font-weight:bold;
color:#0D499B;
width: 125px;
font-size:10px;
float:left;
letter-spacing:1px;
line-height:150%;
}
dl.news-box dd{
color: #555555;
float:left;
line-height:150%;
width: 382px;
}
dl.news-box a:link,dl.news-box a:visited { color: #555555; text-decoration:underline; }
dl.news-box a:hover,dl.news-box a:active { color: #555555; text-decoration:none; }


.f-cate{
color:#DD0000;
font-size:10px;
font-weight:bold;
}

.topinfo-ttl{
background:url(img/topinfo.gif) no-repeat left top;
text-align:right;
padding: 8px 12px 9px 0px;
}

.topmenu-box{
width: 219px;
background: url(img/topmemu12.gif) no-repeat center bottom #FFFEBE;
padding: 10px;
}
.topmenu-box02{
width: 219px;
background: #FFFEBE;
padding: 10px;
}

.topmenu-box a:link,.topmenu-box02 a:link,.topmenu-box a:visited,.topmenu-box02 a:visited { color: #333333; text-decoration:none; }
.topmenu-box a:hover,.topmenu-box02 a:hover,.topmenu-box a:visited,.topmenu-box02 a:active { color: #555555; text-decoration:underline; }


.topmenu-l{
background:url(img/icon01.gif) no-repeat left center;
padding:0px 8px 0px 20px;
float:left;
width: 55px;
}
.topmenu-r{
float:left;
width: 136px;
}
.topmenu-r p{
line-height:150%;
font-size: 10px;
color:#333333;
}












/*---------------------------------------------------------- inner ----*/
#in-ttl{
width: 800px;
padding: 0px 100px;
margin:0px auto;
background: url(img/inner/ttl-back.jpg) no-repeat center top;
}
#in-right{
width: 571px;
float:right;
}
#in-left{
width: 204px;
float:left;
}

#entry-body{
background: #F4F4F4;
width: 571px;
padding: 0px 0px 20px 0px;
}

#entry-cate{
background: url(img/inner/catettl-back.gif) no-repeat left top;
padding: 12px 0px 11px 22px;
width: 549px;
font-size: 14px;
}




.entry-ttl{
background:url(img/inner/entryttl03.gif) repeat-y center top;
margin-bottom: 10px;
}
h5.entry-ttl02{
width: 492px;
color: #073674;
font-size:12px;
background:url(img/icon03.gif) no-repeat 8px 2px;
padding: 0px 10px 0px 30px;
line-height:160%;
}
.entry{
width: 532px;
margin:15px auto 0px auto;
}

.entry-box{
width: 532px;
line-height:180%;
border-bottom: 1px dotted #8A8A8A;
margin-bottom: 10px;
padding-bottom: 5px;
}
.entry-box p{
padding-bottom: 10px;
}
.entry-box02{
width: 532px;
margin: 0px auto 10px auto;
padding-bottom: 15px;
}
.syosai{
padding: 10px 15px 10px 0px;
width: 517px;
text-align:right;
background:url(img/icon01.gif) no-repeat right center;
color: #073674;
font-weight:bold;font-size:10px;
margin: 0px auto;
}
.syosai a:link,.syosai a:visited { color: #073674; text-decoration:none; }
.syosai a:hover,.syosai a:active { color: #073674; text-decoration:underline; }


.menu-ttl{
width: 179px;
background: url(img/inner/menu-back.gif) no-repeat left top;
color: #FFFFFF;
font-weight:bold;
padding: 9px 0px 7px 25px;
}
ul.menu01{
width: 204px;
list-style:none;
background:url(img/inner/menu-back02.gif) repeat-y center top;
margin-bottom: 15px;
}
ul.menu01 li{
list-style:none;
background:url(img/inner/cate-back02.gif) no-repeat left bottom;
font-size:12px;
letter-spacing:1px;
line-height:160%;
font-weight:bold;
padding: 10px;
}
ul.menu01 span{
background: url(img/icon01.gif) no-repeat 0px 5px;
line-height:160%;
padding: 2px 0px 2px 15px;
display:block;
}

.next-entry{
margin-left: 15px;
padding:0px 0px 10px 15px;
background: url(img/icon01.gif) no-repeat 0px 0px;
}
.prev-entry{
margin-left: 15px;
padding:0px 0px 10px 15px;
background: url(img/icon04.gif) no-repeat 0px 0px;
}
.list-entry{
margin-left: 15px;
padding:0px 0px 10px 15px;
background: url(img/icon05.gif) no-repeat 0px 0px;
}


.content-nav ul {
padding-top:25px;
padding-bottom:15px;
text-align:center;
}
.content-nav ul li {
list-style-type : none;
font-size:80%;
display:inline;
padding-left: 5px;
}
.content-nav ul li a {
text-decoration:none;
border:1px solid #073674;
padding:5px 4px;
color: #073674;
}
.content-nav ul li a:hover {
color: #073674;
border:1px solid #F4F4F4;
}
.content-nav ul li a:visited {
color: #073674;
}
.content-nav ul span.current {
padding:1px 4px;
color: #073674;
}













/*---------------------------------------------------------- post ----*/
.des01{
width: 532px;
padding: 10px 0px 30px 0px;
}
.des01 div{
padding-right: 20px;
width: 208px;
float: left;
}
.des01 p{
width: 304px;
line-height:180%;
float: left;
}


.des02{
width: 532px;
padding: 10px 0px 30px 0px;
}
.des02 div{
padding-left: 20px;
width: 229px;
float: left;
}
.des02 p{
width: 283px;
line-height:180%;
float: left;
}


.des03{
width: 532px;
padding: 10px 0px 30px 0px;
}
.des03 div{
padding-right: 20px;
width: 269px;
float: left;
}
.des03 p{
width: 243px;
line-height:180%;
float: left;
}



.make{
width: 532px;
padding: 10px 0px 20px 0px;
}
.make02{
padding-right: 20px;
width: 269px;
float: left;
}
.make05{
padding-right: 20px;
width: 283px;
float: left;
}
.make05-txt{
width: 229px;
line-height:180%;
float: left;
}
.make p,.make03{
width: 243px;
line-height:180%;
float: left;
}
ul.make04{
list-style:none;
padding: 10px 0px;
}
ul.make04 li{
line-height:180%;
list-style:none;
}
.make-txt{
color: #001F48;
font-weight:bold;
}


.busi01{
width: 532px;
padding: 10px 0px 0px 0px;
}
.busi01 div{
width: 188px;
float:left;
padding-right:20px;
}
.busi01 p{
float:left;
width: 324px;
line-height:180%
}
.busi02 {
width: 532px;
padding:5px 0px 20px 0px;
line-height:180%;
}

.busi03{
width: 532px;
padding: 10px 0px 20px 0px;
}
.busi03 div{
width: 277px;
float:left;
padding-left:20px;
}
.busi03 p{
float:left;
width: 235px;
line-height:180%
}

.busi04{
width: 532px;
padding: 10px 0px 0px 0px;
}
.busi04 div{
width: 277px;
float:left;
padding-left:20px;
}
.busi04 p{
float:left;
width: 235px;
line-height:180%
}



.repair01{
width: 532px;
padding: 10px 0px 0px 0px;
}
.repair01 div{
width: 188px;
padding-right:20px;
float:left;
}
.repair01 p{
width: 324px;
float:left;
line-height:180%;
}
.repair02{
width: 532px;
padding: 10px 0px 20px 0px;
}
.repair02 div{
width: 277px;
padding-left:20px;
float:left;
}
.repair02 p{
width: 235px;
float:left;
line-height:180%;
}
.repair03{
width: 532px;
padding: 10px 0px 20px 0px;
}
.repair03 div{
width: 302px;
padding-right:20px;
float:left;
}
.repair03 p{
width: 210px;
float:left;
line-height:180%;
}












/*---------------------------------------------------------- company ----*/
.greet01{
width: 532px;
padding: 10px 0px 30px 0px;
}
.greet01 div{
width: 188px;
padding-right: 20px;
float:left;
}
.greet01 p{
width: 324px;
float:left;
line-height:180%;
}
.greet02{
width: 532px;
padding: 10px 0px 0px 0px;
line-height:180%;
}
.greet03{
width: 532px;
padding: 5px 0px 30px 0px;
}
.greet03 div{
width: 252px;
padding-left: 20px;
float:left;
}
.greet03 p{
width: 260px;
float:left;
line-height:180%;
}
.greet04,.greet06{
width: 532px;
padding: 10px 0px 10px 0px;
}
.greet04 div{
width: 302px;
padding-right: 20px;
float:left;
}
.greet04 p{
width: 210px;
float:left;
line-height:180%;
}
.greet05{
width: 532px;
padding: 5px 0px 30px 0px;
line-height:180%;
}
.greet06 div{
width: 285px;
padding-right: 20px;
float:left;
}
.greet06 p{
width: 227px;
float:left;
line-height:180%;
}

.privacy{
width: 532px;
}
h5.privacy02{
background:url(img/icon06.gif) no-repeat 0px 0px;
font-size:14px;
color: #073674;
padding:0px 10px 10px 20px;
}
.privacy p{
line-height:180%;
padding-left:25px;
padding-right:25px;
}
.privacy ol{
line-height:180%;
padding: 10px 30px 30px 50px;
}











/*---------------------------------------------------------- entry ----*/
.rec-no{
color:#DD0000;
font-weight:bold;
font-size:14px;
text-align:center;
}

h5.sitemap{
background:url(img/icon06.gif) no-repeat 0px 0px;
font-size:14px;
padding:0px 10px 10px 20px;
border-bottom: 1px dotted #073674;
margin-bottom:10px;
}
h5.sitemap a:link,
h5.sitemap03 a:link,
h5.sitemap a:visited,
h5.sitemap03 a:visited { color: #333333; text-decoration:none; }
h5.sitemap a:hover,
h5.sitemap03 a:hover,
h5.sitemap a:active,
h5.sitemap03 a:active { color: #888888; text-decoration:underline; }
ul.sitemap02{
padding:10px 0px 0px 30px;
}
ul.sitemap02 li{
list-style:none;
float:left;
padding:0px 10px 20px 15px;
background:url(img/icon01.gif) no-repeat 0px 1px;
}
h5.sitemap03{
background:url(img/icon06.gif) no-repeat 0px 0px;
font-size:14px;
padding:0px 10px 10px 20px;
border-bottom: 1px dotted #073674;

}


















/*---------------------------------------------------------- contact ----*/
table#contact{
width: 520px;
margin: 0px auto;
}
table#contact th{
background:#82B4FF;
width: 130px;
line-height:180%;
padding: 5px 10px;
color: #FFFFFF;
text-align:left;
}
table#contact .bg-white{
border-left: 3px solid #04449C;
line-height:180%;
padding: 5px 10px;
background:#FFFFFF;
}




table#contact_re{
width: 520px;
margin: 0px auto;
}
table#contact_re th{
background:#ffffff;
width: 130px;
line-height:180%;
padding: 5px 10px;
color: #333333;
text-align:left;
}
table#contact_re .bg-white{
line-height:180%;
padding: 5px 10px;
background:#FFFFFF;
}



.con_tab{
border-bottom:1px solid #D3D4D6;
border-left:1px solid #D3D4D6;
}
.con_tab th{
border-top:1px solid #D3D4D6;
border-right:1px solid #D3D4D6;
width:160px;
padding:7px 10px;
vertical-align:middle;
text-align:left;
font-weight:normal;
background:#ffffff;
}
.con_tab td{
border-top:1px solid #D3D4D6;
border-right:1px solid #D3D4D6;
padding:7px 10px;
vertical-align:middle;
text-align:left;
font-weight:normal;
background:#ffffff;
}

.con_tab td input,
.con_tab th img{
vertical-align:middle;
}

.con_tab td.con_td2{
background:#E1ECF7;
font-weight:bold;
}


.mins{
font-size:10px;
padding-top:10px;
}





.dot{
background: url(img/inner/dot.gif)  repeat-x left center #ffffff;
font-size:1px;
height: 3px;
}


.absored{
color:#FF0000;
font-size: 10px;
letter-spacing:1px;
font-weight:normal;
}
#F-NAME,#F-MAIL,#F-MAIL2,#F-TEL,#F-POST,#F-FAX {width: 50%;margin: 5px 0px 5px 0px;}
#F-ADDRESS,#F-COMPANY { width: 90%; height: 120%;margin: 5px 0px 5px 0px;}
#F-MESSAGE { width: 90%; height: 150px;margin: 5px 0px 5px 0px;}
#F-ZIP {width: 30%;margin: 5px 0px 5px 0px;}
.w20{width: 20px;}











.product{
width: 532px;
padding: 0px 0px 20px 0px;
}
.product02{
width: 294px;
padding-right: 20px;
vertical-align:top;
}
.product03{
width: 218px;
vertical-align:top;
}











/*---------------------------------------------------------- plant ----*/
.plant{
width: 520px;
margin: 10px auto 30px auto;
border-top:1px solid #C4C4C4;
border-left:1px solid #C4C4C4;
border-right:1px solid #C4C4C4;
}
.plant th{
width: 330px;
padding:5px 10px;
border-right:1px solid #C4C4C4;
border-bottom:1px solid #C4C4C4;
border-top:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
text-align:left;
font-weight:normal;
}
.plant td{
padding:5px 10px;
background:#FFFFFF;
border-bottom:1px solid #C4C4C4;
}



.txt01{
line-height:180%;
padding:5px 0px;
}



.hide_9{
display:none;
}