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

/*▼▼▼▼▼初期化▼▼▼▼▼*/
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, ul, li, blockquote, th, td, tr, img { padding: 0px; margin: 0px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", ns-serif; font-size: 12px; line-height: 1.5em; letter-spacing: 1px; }
table { border-collapse: collapse; }
ul, li { list-style: none; }
h1, h2, h3, h4, h5, h6 { padding: 0px; margin: 0px; font-size: 100%; font-weight: normal; }
a { overflow: hidden; outline: none; }
img { border: none; vertical-align: bottom; }
table td { border: none; vertical-align: top; }
h1 { text-indent: -9999px; }
h2 { text-indent: -9999px; }
h3 { text-indent: -9999px; }
h4 { text-indent: -9999px; }
.text99 { text-indent: -9999px; }
a:hover{text-decoration:none;}
a:hover{opacity:0.5;filter: alpha(opacity=50);}
/*▲▲▲▲▲初期化▲▲▲▲▲*/

body{ text-align: center; background-image:url(images/body-bk.jpg); background-repeat:repeat-x;}
#conteiner { width:920px; margin: 0 auto; overflow:hidden; background-image: url(images/conteiner.jpg); background-repeat:repeat-y;}
#home #header{ width:920px; height:355px; background-image:url(images/header.jpg)}
#technology #header{ width:920px; height:275px; background-image: url(technology/header.jpg);}
#company #header{ width:920px; height:275px; background-image:url(company/header.jpg)}
#product #header{ width:920px; height:275px; background-image:url(product/header.jpg)}
#main{width:900px; margin:0 auto; text-align:left;}

#mleft{width:225px; float:left; padding-top:10px;}
#mright{width:661px; float:right; padding-top:10px; padding-bottom:100px;}


#header #hname{ margin-left:50px; padding-top:0px; text-indent:-9999px;}
#header #hname a{width:280px; height:50px; display:block;}

#footer{background-image:url(images/footer.jpg); width:900px; height:150px; clear:both;}
#footer #fmid{width:900px; overflow:hidden;}
#footer #fname{ margin-left:10px; padding-top:10px; text-indent:-9999px;}
#footer #fname a{ width:200px; height:45px; display:block;}
#footer #totop { width:122px;text-indent: -9999px; padding-top:10px; float:right; display:inline; margin-right:10px;}
#footer #totop a { height:27px; width:122px; display: block; }

#footer ul{ padding-top:20px; width:500px; overflow:hidden; float:left; display:inline; margin-left:30px;}
#footer ul li{float:left; background:url(images/fmark.jpg) 0 3px no-repeat; display:inline; padding-left:18px; margin-left:15px;}
#footer a{color:#999;}
#footer #tamonten { padding-top:35px; margin-left: 410px; text-indent: -9999px; }
#footer #tamonten a { height: 12px; width: 470px; display: block; cursor: default; }
/*▼▼▼▼▼メインナビゲーション▼▼▼▼▼*/

#navi{width:900px; height:42px;}
#navi-bottom{width:900px; height:10px; background-image: url(images/navi-bottom.jpg);}
#navi ul{width:900px; overflow:hidden;}
#navi li{text-indent:-2000px; float:left;}
#navi ul li a{display:block; height:42px; width:180px; background-image: url(images/navi.jpg);opacity:1;filter: alpha(opacity=100);}
#navi ul li a:hover{background-image: url(images/navion.jpg);}

#navi ul li#navi01 a{background-position:0px 0;}
#navi ul li#navi02 a{background-position:-180px 0;}
#navi ul li#navi03 a{background-position:-360px 0;}
#navi ul li#navi04 a{background-position:-540px 0;}

#navi ul li#navi05 a{background-position:-720px 0;}

/*▼▼▼▼▼左カラム▼▼▼▼▼*/
#mleft #list{width:225px; height:487px; background-image:url(images/list-navi.jpg); margin-bottom:10px;}
#mleft #list ul{width:225px;margin-left:20px; padding-top:84px;}
#mleft #list li{text-indent:-2000px;}
#mleft #list ul li a{width:190px; height:75px;display:block;}
#mleft #list ul li a:hover{background-image: url(images/list-navion.jpg);opacity:1;filter: alpha(opacity=100);}
#mleft #list ul li#listnavi01 a{background-position:0px 0;}
#mleft #list ul li#listnavi02 a{background-position:0px -75px;}
#mleft #list ul li#listnavi03 a{background-position:0px -150px;}
#mleft #list ul li#listnavi04 a{background-position:0px -225px;}
#mleft #list ul li#listnavi05 a{background-position:0px -300px;}
#mleft .banner{margin-left:5px; margin-bottom:10px; text-indent:-9999px;}
#mleft #banner-1 a{ background-image: url(images/banner-01.jpg); width:220px; height:90px; display:block;}
#mleft #banner-2 a{ background-image: url(images/banner-02.jpg); width:220px; height:90px; display:block;}

/*▼▼▼▼▼ホーム▼▼▼▼▼*/

#home #box-01{background-image: url(home/box-01.jpg); width:661px; height:236px;margin-bottom:20px;}
#home #box-01 .inner{padding-top:100px; width:410px;}
#home #box-02{background-image: url(home/box-02.jpg); width:661px; height:184px;margin-bottom:40px; text-indent:-9999px;}

#home #box-03 #h2-01{background-image:url(home/h2-01.jpg); width:652px; height:42px; margin-bottom:20px;}
#home #box-03 .inner{width:640px; margin-left:6px;}
#home #box-03 .inner table{width:640px;}
#home #box-03 .inner table td{ border-bottom:#CCC dotted 1px; padding:10px 0px;}
#home #box-03 .inner table td.text01{width:150px; color:#F7931E; font-weight:bold;}
#home #box-03 .inner table td.text02{ background:url(home/mark.jpg) 0 12px no-repeat; padding-left:20px;}

/*▼▼▼▼▼技術と特徴▼▼▼▼▼*/

#technology #box-01{background-image: url(technology/box-01.jpg); width:661px; height:292px;margin-bottom:20px;}
#technology #box-01 .inner{padding-top:100px; width:360px; margin-left:270px;}
#technology #mright #h2-01{background-image:url(technology/h2-01.jpg); width:652px; height:42px; margin-bottom:20px;}
#technology #mright #h2-02{background-image:url(technology/h2-02.jpg); width:652px; height:42px; margin-bottom:20px;}
#technology #box-02{background-image: url(technology/box-02.jpg); width:652px; height:253px;margin-bottom:10px;}
#technology #box-02 .inner{ width:652px; overflow:hidden; padding-top:140px;}
#technology #box-02 ul{float:left; display:inline;}
#technology #box-02 ul.ul00{margin-left:60px;}
#technology #box-02 ul.ul01{ border-left: #999 solid 1px; padding-left:20px; margin-left:60px;}
#technology #mright .wrp{padding:10px 20px; margin-bottom:30px;}
#technology #box-03{background-image: url(technology/box-03.jpg); width:652px; height:344px;margin-bottom:40px; text-indent:-9999px;}

/*▼▼▼▼▼技術と特徴▼▼▼▼▼*/

#product #mright h2{ width:652px; height:42px; margin-bottom:20px;}
#product #mright #h2-01{background-image:url(product/h2-01.jpg);}
#product #mright #h2-02{background-image:url(product/h2-02.jpg);}

#product #mright #h2-03{background-image:url(product/h2-03.jpg);}
#product #mright #h2-04{background-image:url(product/h2-04.jpg);}
#product #mright #h2-05{background-image:url(product/h2-05.jpg);}
#product #mright .box{margin-left:11px; margin-bottom:50px;}
#product #mright table{width:631px;}
#product #mright table td{border:#CCC solid 1px; padding:7px; text-align:center; vertical-align:middle;}
#product #mright table td.photo{width:114px; vertical-align:middle; text-align:center;}
#product #mright table td.text01{background-color:#EBF8F7; font-weight:bold;}

/*▼▼▼▼▼会社案内▼▼▼▼▼*/

#company #box-01{background-image: url(company/box-01.jpg); background-repeat:no-repeat;width:661px; margin-bottom:40px;}
#company #box-01 .inner{padding-top:65px;margin-right:20px;}
#company #box-02{background-image: url(company/box-02.jpg); width:661px; height:184px;margin-bottom:40px; text-indent:-9999px;}

#company #mright #h2-01{background-image:url(company/h2-01.jpg); width:652px; height:42px; margin-bottom:20px;}
#company #mright #h2-02{background-image:url(company/h2-02.jpg); width:652px; height:42px; margin-bottom:20px;}
#company #mright #ta01{width:630px; margin-left:10px; margin-bottom:50px;}
#company #mright #ta01 table{width:630px;}
#company #mright #ta01 table td{border-bottom: #999 1px solid; padding:10px;}  
#company #mright #ta01 table td.text01{ width:150px;}
#company #mright #ta01 table td.text02{ background-color:#ECF8F8;}
#company #box-03 {width:630px; margin-left:10px; border-bottom:#999 solid 1px;border-top:#999 solid 1px; padding:30px 0; background-color:#ECF8F8; overflow:hidden;}
#company #box-03 ul{width:245px; float:left; display:inline; margin-left:50px;}
#company #box-03 ul li{background: url(company/mark.jpg) 0 3px no-repeat;padding-left:15px; padding-bottom:4px;}