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

*{font-family:Arial, Osaka;margin:0 auto;padding:0;line-height:150%;}
html,body {height:100%;}
body {behavior: url("img/csshover.htc"); text-align:center;}
a:hover {text-decoration:none;}

#head{height:50px; background:url(img/head-bg.jpg) left top repeat-x; padding-top:30px;}
#header{width:800px;}
#header span{background:url(img/title.jpg); width:225px; height:40px; display:block; text-indent:-9999px;float:left;}
#header h2{font-size:65%; color:#0000CC; float:left; margin-top:25px; margin-left:115px;}
#header p{font-size:80%; text-align:center;}
.title{float:left;}
.tel{float:right;}

#menu-s{height:79px; background:url(img/menu-bg.jpg) left top repeat-x; padding-left:10px;}
#menu{width:800px; background:url(img/menu-bt.jpg) no-repeat;}
ul#mn {width:800px;list-stype-type:none; text-align:center;}
ul#mn:after{height: 0;visibility: hidden;content: ".";display: block;clear: both;}
ul#mn li {margin:0;padding: 0;float:left;_width:1%;list-style-type:none;text-indent:-9999px;}

ul#mn a {margin:0;padding:0;}

ul#mn .m1 {display:block;background: url(img/top_m1.jpg) no-repeat left top;width:198px;height:79px;}
ul#mn li a:hover.m1{background-image:url(img/top_m1o.jpg)}
ul#mn .m2 {display:block;background: url(img/top_m2.jpg) no-repeat left top;width:166px;height:79px;}
ul#mn li a:hover.m2{background-image:url(img/top_m2o.jpg)}
ul#mn .m3 {display:block;background: url(img/top_m3.jpg) no-repeat left top;width:148px;height:79px;}
ul#mn li a:hover.m3{background-image:url(img/top_m3o.jpg)}
ul#mn .m4 {display:block;background: url(img/top_m4.jpg) no-repeat left top;width:123px;height:79px;}
ul#mn li a:hover.m4{background-image:url(img/top_m4o.jpg)}
ul#mn .m5 {display:block;background: url(img/top_m5.jpg) no-repeat left top;width:145px;height:79px;}
ul#mn li a:hover.m5{background-image:url(img/top_m5o.jpg)}

#top{background:url(img/top.jpg) left top repeat-x; height:231px; margin-bottom:30px; padding-right:10px;}

h1{font-size:120%; margin:10px 0;}

#contents{width:800px;}
#service{width:320px; float:left; text-align:left;}
#service img{margin-bottom:10px; margin-right:2px;}
.ser{float:left;}
/*#service */h2{font-size:90%; color:#0000CC;}
#service p{font-size:75%; width:218px;}
#main{width:480px; float:right; text-align:left;}
#main p{font-size:80%;}
.ma{float:right; margin:10px 0; font-size:75%;}
#news{width:460px; background-color:#e5e5e5; float:right; text-align:left; padding-left:20px; padding-top:10px;}
.nw{margin:10px 0; font-size:75%;}
#news dd{font-size:90%; border-bottom:#333333 dotted 2px; width:400px; height:30px; margin-bottom:10px; float:left;}
#news dd span{text-align:right; font-size:80%; width:80px;}

#footer{clear:both; height:118px; color:#FFFFFF; background:url(img/foot-bg.jpg) left top repeat-x; margin-top:20px;}
#foot{width:860px; padding-top:30px;}
#foot h4{float:left; font-size:75%;}
#foot h5{float:left; font-size:65%; margin-left:5px;}
#foot h3{float:right; font-size:75%; color:#FFFFFF; text-decoration:none;}
#foot h3 a{color:#FFFFFF; text-decoration:none;}
#foot p{float:right; font-size:75%;}

#bla{clear:both;}