@charset "utf-8";

html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
.clear{ clear:both;}

body{ background:#e1e1e1; margin:40px 0 0 0;}

.bgFFF{ background:#FFF;}
.bordertop{ border-top:#61aadb solid 1px; border-bottom:#61aadb solid 1px;}
.pad1{ padding:80px 40px 60px 40px;}

.menu{ }
.menu ul{list-style: none;margin-left:20px;}
.menu li{ float:left; padding:10px 5px;}
.menu li a{ color:#0177b5; font-size:16px; text-decoration:none; padding:5px 20px;}
.menu li a:hover{ color:#0177b5; font-size:16px; background:url(1px444.jpg) repeat-x bottom;}
.menu li a.on{ color:#fff; font-size:16px; background:#333 url(1px444.jpg) repeat-x bottom;}

.menu2{ margin:10px 0 30px 0; padding-left:270px;font-size:14px; color:#ccc;}
.menu2 ul{list-style: none;}
.menu2 li{float:left; padding:10px 10px 10px 0;}
.menu2 li a{ color:#0177b5; font-size:14px; text-decoration:none; padding:5px 20px;}
.menu2 li a:hover{ color:#0177b5; font-size:14px; background:url(1px444.jpg) repeat-x bottom;}
.menu2 li a.on{ color:#fff; font-size:14px; background:#333 url(1px444.jpg) repeat-x bottom;}

.work{ margin:0 0 150px 0;}
.work ul{list-style: none;}
.work ul img{ width:256px; height:144px;}
.work li{ float:left; height:250px; width:300px; text-align:center;}
.work li div{ text-align:left; font-size:12px; margin:15px 21px;}
.work li div p{ margin:0 0 10px 0;font-size:14px; color:#0177b5;padding:2px 0;}
.work li a{color:#222; text-decoration:none;}
.work li a:hover p{ background:url(1px444.jpg) repeat-x bottom;}

.work2{ margin:50px 0 150px 0;}
.work2 p{margin-bottom:30px;}
.work2 h1{}
.work2 h2{color:#0177b5; font-size:20px; padding:20px; text-align:center;}
.work2 .tb{ border-bottom:solid 1px #666; font-size:30px; font:Arial; margin:40px; padding:20px; text-align:center; color:#0177b5;}
.work2 iframe{ border:solid 1px #666;}

.about{ margin:50px 0 150px 0;}
.aboutbox{width:700px; line-height:180%; font-size:14px; margin:40px auto;}
.aboutbox p{ margin-bottom:15px;}
.aboutbox .tb{ border-bottom:#666 solid 1px; padding:5px 0; font-weight:bold;}
.aboutbox .logolist{}
.aboutbox .logolist li{ list-style:none; margin:10px 5px; float:left;}

.news{ margin:50px 0;}
.newsbox{width:800px; line-height:180%; font-size:14px; margin:40px auto;}
.newsbox li{ border-bottom:#666 solid 1px; line-height:300%;}

.contact{ margin:50px 0 150px 0;}
.contactbox{width:700px; line-height:180%; font-size:14px; margin:40px auto;}
.contactbox p{ margin-bottom:15px;}

.indexbox1{ margin:50px 150px;}

.indexabout{ width:500px; line-height:180%; font-size:14px;}
.indexabout p{ margin-bottom:15px;}

.indexlink{ width:200px; float:right;}
.indexlink p{ margin-bottom:15px;}
.indexlink a{ color:#0177b5; font-size:12px; text-decoration:none; padding:3px 0;}
.indexlink a:hover{ background:url(1px444.jpg) repeat-x bottom;}

.top{ text-align:right;}

.bottom{ padding:30px; text-align:center; font-size:12px; color:#222;}