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

html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dt, dl, table, tr, td, th, p, span, strong, small, a, img, form  {margin: 0px; padding: 0px;}
html {height: 100%; font-size: 62.5%;}
body {font: normal 12px Arial,Helvetica,sans-serif; color: #777777; background: #fff; min-width: 1000px; position: relative; height: 100%; line-height: 1.5em; }
img {border: none;}
a {cursor: pointer; text-decoration: underline;}
a:hover {text-decoration: none;}
p {padding-bottom: 1em; }
p small {font-size: 1em;}
h1, h2, h3, h4, h5, h6 {font: bold 18px Arial,Helvetica,sans-serif; color: #777777; padding-bottom: 15px;}
h1 {font-size: 24px;}
h3 {font-size: 14px;}
h4 {font-size: 13px;}
h5 {font-size: 12px;}
h6 {font-size: 11px;}
input[type='submit'], input[type='button'] {cursor: pointer;}
ul, ol { padding-left: 30px; }
ul li {list-style: disc outside;}
.set {height: 0; overflow: hidden; clear: both;}
.fl {float: left;}
.fr {float: right;}
.rel {position: relative;}
.header, .page, #footer { width: 1000px; position: relative; margin: 0 auto; }

#wrap { height: auto !important; height: 100%; min-height: 100%; position: relative; min-width: 1000px; margin: 0 auto; background: url(../images/bg.png) 0 100% repeat-x; }
#header { height: 252px; background:  url(../images/header.png) repeat-x; }
	.logo { position: absolute; left: 8px; top: 31px; }
	.tel { position: absolute; right: 12px; top: 30px; width: 285px; height: 68px; background: url(../images/tel.png) 0 0 no-repeat; text-align: right; font-size: 22px; line-height: 22px; padding: 6px 9px 0 0; }
		.tel small { font-size: 18px; line-height: 22px; }
		.tel span { font-size: 14px; line-height: 22px; }
		.tel a { color: #777777; text-decoration: none; }
		.tel a:hover { text-decoration: underline; }
		
	.m-1 { position: absolute; top: 136px; width: 961px; margin: 0 22px 0 17px; background: url(../images/m-1-BG.png) 0 0 repeat-x; }
		.m-1-L, .m-1-R { width: 12px; position: absolute; height: 47px; left: -12px; top: 0; background: url(../images/m-1-L.png) 0 0 no-repeat; }
		.m-1-R { background: url(../images/m-1-R.png) 0 0 no-repeat; left: 100%; }
		.m-1 ul { padding: 0; }
		.m-1 li { float: left; list-style: none; display: block; height: 33px; background: url(../images/m-1-li.png) 100% 0 no-repeat; padding: 14px 16px 0 10px; font-size: 18px; line-height: 18px; text-shadow: #fff 1px 1px 0; font-weight: bold; }
		.m-1 li a { color: #686868; text-decoration: none !important; padding-left: 15px; background: url(../images/bl.png) 0 7px no-repeat; }
		.m-1 li.current a { color: #c93636; background-position: 0 -74px; }
		.m-1 li a:hover { background-position: 0 -74px; }
		
.cont { width: 678px; float: right; padding: 0 28px 35px 0; }
	.h101 { font-size: 20px; color: #c93636; padding: 3px 0 15px 38px; background: url(../images/h1-bl.png) 0 0 no-repeat; line-height: 25px; font-weight: normal; }
	.h102 { padding-top: 5px; }
	.text-1 { margin-left: 23px; border-left: solid 2px #c93636; padding-left: 14px; }
	.text-2 { padding-right: 340px; }
	
	.girl { width: 256px; height: 431px; background: url(../images/girl.png) 0 0 no-repeat; position: absolute; right: 35px; top: -105px; }
	
.nav { width: 220px; float: left; padding: 0 0 35px 9px; }
	.box-T { background: url(../images/nb-T.png) 0 0 no-repeat; padding-top: 13px; }
	.box-B { background: url(../images/nb-B.png) 0 100% no-repeat; padding-bottom: 13px; }
	.box-BG { background: url(../images/nb-BG.png) 0 0 repeat-y; padding: 2px 12px 4px; }
	
	.m-2 { overflow: hidden; font-style: italic; }
		.m-2 ul { padding: 0; margin-top: -1px; }
		.m-2 li { padding: 8px 0 8px 17px; background: url(../images/bl-2.png) 4px 11px no-repeat; border-top: dotted 1px #b5b3b3; }
		.m-2 a { display: block; background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; font-size: 1px; line-height: 1px; }
		.m-2 .current a, .m-2 a:hover { background-position: 0 100%; }
		.m-2-1 a { background-image: url(../images/m-2-1.png); width: 171px; height: 31px; }
		.m-2-2 a { background-image: url(../images/m-2-2.png); width: 167px; height: 47px; }
		.m-2-3 a { background-image: url(../images/m-2-3.png); width: 157px; height: 15px; }
		.m-2-4 a { background-image: url(../images/m-2-4.png); width: 164px; height: 30px; }
		.m-2-5 a { background-image: url(../images/m-2-5.png); width: 117px; height: 14px; }
		.m-2-6 a { background-image: url(../images/m-2-6.png); width: 177px; height: 30px; }
		
#footer { position: relative; min-height: 270px; }
	.about { position: relative; background: url(../images/footer.png) 0 0 no-repeat; margin: 0 8px; padding: 36px 280px 0 192px; height: 117px; margin-bottom: 22px; }
		.logo-f { position: absolute; top: -26px; right: 15px; width: 247px; height: 142px; }
		
		.h201 { font-size: 20px; color: #616161; padding-bottom: 9px; }
		.text-3 {  }
		
	.copy { float: left; padding-left: 26px; color: #747474; width: 766px; }
	.razrab { float: right; width: 180px; font-size: 11px; color: #8e8e8e; text-align: right; padding-right: 28px; }
		.razrab a { color: #8e8e8e; }
		.razr { padding-left: 10px; background: url(../images/bl-3.png) 0 100% no-repeat; text-decoration: none !important; line-height: normal; display: inline-block; *display: inline; zoom:1; padding-bottom: 1px; }
			.razr span { border-bottom: solid 1px #8e8e8e; }
			.razr:hover span { border-bottom: none; }