@charset "utf-8";
/*reset*/
/*******************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td { margin: 0; padding: 0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal;}
table { border-collapse: collapse; border-spacing: 0;}
object,embed { vertical-align: top;}
hr,legend { display: none;}
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal;}
img { border: 0; vertical-align: bottom;}
ol, ul { margin: 0;}
a:link { color: #00F; text-decoration: underline;}
a:visited { color: #000; text-decoration: underline;}
a:hover { color: #000; text-decoration: none;}
a:active { color: #3E3E3E; text-decoration: none;}
.center { text-align: center;}
.fr { float: right;}
.fl { float: left;}
.clear { clear: both;}
.right { text-align: right;}
.mb5 { margin-bottom: 5px!important;}
.mb15 { margin-bottom: 15px!important;}
.mb30 { margin-bottom: 30px!important;}
.mb45 { margin-bottom: 45px!important;}
.mb60 { margin-bottom: 60px!important;}


/*LAYOUT*/
/*******************************************************************/
body { text-align: center; background: #FFF url(../images/back.jpg) center 0 repeat-x; font: 81.25% "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #444;}
#container { width: 100%; font-size: 100%; line-height: 1.8;}
#header, #bread, #main, .in { position: relative; width: 950px; margin: 0 auto; text-align: left;}


/*HEADER*/
/*******************************************************************/
#header { height: 155px;}
h1 { position: absolute; top: 22px; right: 0; padding-bottom: 5px; background: url(../images/line.gif) 0 bottom repeat-x; font-size: 85%;}
#logo { padding-top: 20px;}
#header p { position: absolute; top: 50px; right:0;}
#header ul { position: absolute; top: 104px; left: 0;}
#header li { float: left; list-style: none;}
#header li a { height: 46px; background: url(../images/btn.jpg) 0 0 no-repeat;}
#header li#btn01 a { width: 209px; background-position: 0 0;}
#header li#btn02 a { width: 239px; background-position: -209px 0;}
#header li#btn03 a { width: 252px; background-position: -448px 0;}
#header li#btn04 a { width: 250px; background-position: -700px 0;}
#header li#btn01 a:hover, #header li#btn01 a.on { background-position: 0 -46px;}
#header li#btn02 a:hover, #header li#btn02 a.on { background-position: -209px -46px;}
#header li#btn03 a:hover, #header li#btn03 a.on { background-position: -448px -46px;}
#header li#btn04 a:hover, #header li#btn04 a.on { background-position: -700px -46px;}


/*FOOTER*/
/*******************************************************************/
#footer { clear: both; position: relative; padding: 10px 0 0; background: #EDEDED; border-top: #CCC solid 1px; font-size: 85%;}
#footer p { clear: both; padding-bottom: 10px;}
#footer .pt { position: absolute; top: 0; right: 0;}
#footer a { text-decoration: none; color: #000;}
#footer address { clear: both; padding: 10px 0; text-align: center; background: url(../images/line.gif) 0 0 repeat-x;}


/*MAIN*/
/*******************************************************************/
h2 { margin-bottom: 30px; background: #AEC4D6;}
#main { margin-bottom: 30px; background: url(../images/main.png) 0 0 no-repeat;}
h3, h4 { margin-bottom: 10px;}
h4.st { margin-bottom: 30px; padding: 0 0 2px 10px; border-left: #31679E solid 5px; border-bottom: #000 dotted 1px; font-size: 116%; font-weight: bold; color: #31679E;}

#main p { margin-bottom: 30px;}
#main ul, #main ol { margin: 0 0 30px 30px;}

.box { margin-bottom: 30px; padding-bottom: 30px; background: url(../images/bar.jpg) 0 bottom no-repeat;}
.lang { font-size: 85%; font-weight: normal!important; color: #999;}
.w1 { width: 500px;}
.w1 p { margin: 10px 0 10px 15px!important;}
.w2 { width: 436px;}

#main ul.products { margin: 0;}
.products li { margin-bottom: 10px; padding-bottom: 10px; background: url(../images/bar2.jpg) 0 bottom no-repeat; list-style: none; line-height: 1.4;}

#main ol.flow { margin: 0;}
.flow li { clear: both; list-style: none;}
.flow h4, .flow p, .flow table { float: left; margin-right: 10px;}
.flow table { width: 580px; line-height: 1.4;}
.flow table.long { width: 778px;}
.flow table.long th { width: 157px;}
.flow img { vertical-align: top;}

.paragraph { margin-bottom: 30px; border: #EEE solid 1px;}
.paragraph th, .paragraph td { padding: 10px 20px; vertical-align: middle; background: url(../images/bar2.jpg) 0 bottom repeat-x;}
.paragraph th { text-align: left; border-right: #EEE dotted 1px; border-bottom: #EEE solid 1px;}
.paragraph td { border-bottom: #EEE solid 1px;}
.equipment { width: 490px;}
.company { width: 620px;}
.contact { width: 800px; margin: 0 auto 30px;}
.num { padding: 10px!important; text-align: right; font-weight: bold; color: #F63;}
form .long { width: 500px;}


/*HACK*/
/*******************************************************************/
/*indent*/
#header li a, .btn a { display: block; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden;}

/*clear*/
#main, .cf { display: inline-block;}
#main:after, .cf:after { content: "."; clear: both; display: block; height: 0; visibility: hidden;}
/*Hides from IE-mac\*/
* html #main, * html .cf {height:1%;}
#main, .cf { display:block;}
/*End hide from IE-mac*/