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

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

#header {height:96px;width:900px;}
#header span{background:url(image/logo.jpg); width:400px; height:90px; display:block; text-indent:-9999px;
             float:left;}
#header p{text-align:right;width:420px;float:right; font-size:80%;margin-top:6px; margin-bottom:6px; margin-right:70px;}
#header p a{background-color:transparent; background-image:url(image/mark.jpg);
               background-position:0 0; background-repeat:no-repeat; padding-left:18px;}
#header img{float:left;}

#wrap {width:850px;text-align:center;background:url(image/index_cc.jpg) repeat-y top center; text-align:center;}

ul#mn {width:768px;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(image/top_m1.jpg) no-repeat left top;width:128px;height:49px;}
ul#mn li a:hover.m1{background-image:url(image/top_m1o.jpg)}
ul#mn .m2 {display:block;background: url(image/top_m2.jpg) no-repeat left top;width:128px;height:49px;}
ul#mn li a:hover.m2{background-image:url(image/top_m2o.jpg)}
ul#mn .m3 {display:block;background: url(image/top_m3.jpg) no-repeat left top;width:128px;height:49px;}
ul#mn li a:hover.m3{background-image:url(image/top_m3o.jpg)}
ul#mn .m4 {display:block;background: url(image/top_m4.jpg) no-repeat left top;width:128px;height:49px;}
ul#mn li a:hover.m4{background-image:url(image/top_m4o.jpg)}
ul#mn .m5 {display:block;background: url(image/top_m5.jpg) no-repeat left top;width:128px;height:49px;}
ul#mn li a:hover.m5{background-image:url(image/top_m5o.jpg)}
ul#mn .m6 {display:block;background: url(image/top_m6.jpg) no-repeat left top;width:128px;height:49px;}
ul#mn li a:hover.m6{background-image:url(image/top_m6o.jpg)}
/*
#swf {margin-top:5px;}
*/
#cc{width:764px; text-align:center;}
/*#cc ul{list-style-type:none;margin:0;padding:0;margin:10px 0;}
#cc li{display:block;margin:10px 0;padding-top:25px;padding-right:40px;}
#cc span{text-align:left;padding:5px;display:block;font-size:0.8em;}
#cc p{border-right: 1px #ECECEC solid;border-bottom: 1px #ECECEC solid;border-left: 1px #ECECEC solid; text-align:center;display: block;min-height:100%;_height:100%;}
*/
table {float:left;}

#cc1{width:764px; float:left; text-align:center;}

#main {width:340px; float:left; text-align:left; padding-left:1em;}
#main h1{text-align:left; font-size:150%; width:330px; float:left;}
#main span{font-size:90%;background-color:transparent; background-image:url(image/mark2.jpg);
           background-position:0 0; background-repeat:no-repeat; padding-left:28px; float:left;margin:1em 0;}
#main p{font-size:80%; text-align:left;}
/*#main img{margin-left:10px;}*/

#blank	{float:left; width:5px; margin:0 1em;}

#news {float:left; text-align:left;width:320px; margin-top:2em; margin-left:20px;}
#news h1{width:310px;text-align:left; background:url(image/news.jpg) repeat-x left; float:left; font-size:150%;}
#news span{font-size:83%; float:right; margin-right:1em;}
#news span a{font-size:84%;background-color:transparent; background-image:url(image/mark2.jpg);
               background-position:0 0; background-repeat:no-repeat; padding-left:28px;}
#news b{font-size:90%;background-color:transparent; background-image:url(image/mark.jpg);
        background-position:0 0; background-repeat:no-repeat; padding-left:16px; float:left; color:#0033cc;}
#news h3{font-size:95%; clear:both; text-align:left; margin-left:1em;}

#blank2	{clear:both; width:704px; height:20px;}
/*#blank h2{background:url(img/index_shop_head.jpg) no-repeat left top;}
#blank dl {background-color:white;border-left:1px solid #ECECEC;border-right:1px solid #ECECEC;border-bottom:1px solid #ECECEC;padding:5px;}
#blank dt {font-size:0.8em;background:url(img/rm_arr_on.gif) no-repeat left center;padding-left:15px;}
#blank dl:hover dt{background:url(img/rm_arr_off.gif) no-repeat left center;padding-left:15px;}
#blank dd{display:none;}
#blank dl:hover dd {text-indent:15px;font-size:0.75em;display:block;}
*/
#cc2{width:764px; float:left; text-align:center;}

#service1 {width:350px;float:left; text-align:left;}
#service1 h2{color:#0033CC; width:320px; text-align:left; font-size:110%;}
#service1 h3{text-align:left; font-size:90%; color:#333333; margin:0 1em;}
#service1 span{font-size:80%;background-color:transparent; background-image:url(image/mark2.jpg);
               background-position:0 0; background-repeat:no-repeat; padding-left:28px; float:right;
			   margin-right:1em; margin-bottom:5px;}
#service1 p{font-size:80%; margin:1em 1em; text-align:left;}
#service1 img{float:left; margin:1em 1em;}

#blank	{float:left; width:5px; margin:0 1em;}

#service2 {width:350px; float:left;text-align:center;}
#service2 h2{width:320px;text-align:left; font-size:110%; color:#0033CC;}
#service2 h3{text-align:left; font-size:90%; color:#333333; margin:0 1em;}
#service2 span{font-size:80%;background-color:transparent; background-image:url(image/mark2.jpg);
               background-position:0 0; background-repeat:no-repeat; padding-left:28px; float:right;
			   margin-right:20px; margin-bottom:5px;}
#service2 p{font-size:80%; margin:1em 1em; text-align:left;}
#service2 img{float:left; margin:1em 1em;}
/*
#service3 {float:left; width:764px; text-align:left;}*/
#service3 h2{text-align:left; font-size:120%; color:#0033CC; margin-left:1em;}
#service3 h3{width:610px;text-align:left; font-size:90%; color:#333333; float:left; margin-left:1em;}
#service3 span{font-size:80%;background-color:transparent; background-image:url(image/mark2.jpg);
               background-position:0 0; background-repeat:no-repeat; padding-left:28px; float:right;
			   margin-right:1em;}
#service3 p{font-size:80%; text-align:left; float:left;width:600px;}
#service3 img{float:left; margin:0 1em;}

#footer {padding:10px 0;padding-top:20px;width:100%;height:80px;
           background:url(image/index_footer.jpg) repeat-x top left;clear:both;font-weight:bold;
		   color:white;font-size:0.8em; text-align:center;}
#footer a {text-decoration:none; color:#FFFFFF;}
#footer strong{font-weight:bold;color:#ffffff;}

