* {
	font: 12px 'MS Gothic';
}

html, body {
	padding: 0;
	margin: 0;
}

img {
	vertical-align: bottom;
}

a img {
	border: none;
}

hr {
	height: 1px;
	background: 0 0 url('img/border2.gif') repeat-x;
	border: none;
	display: block;
}

ul {
	list-style-type: none;
	list-style-position: outside;
	padding: 0;
	margin: 0;
}

#container {
	text-align: center;

}

#header {
	width: 950px;
	margin: 0 auto;
	padding-bottom: 10px;
}

#header:after {
	content: '.';
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

#header h1 {
	font-size: 12px;
	height: 12px;
	padding: 0;
	margin: 10px 0;
	color: gray;
}

#login {
	text-align: right;
}

#logo {
	clear: both;
	width: 272px;
	height: 81px;
	display: block;
	float: left;
}

#inquiry {
	float: left;
	height: 44px;
	margin: 28px 0 0 240px;
}

#inquiry img {
	margin-left: 20px;
}

#menu {
	height: 53px;
	background: 0 bottom url('img/border1.gif') repeat-x;
}

#link1 {
	width: 950px;
	padding-top: 10px;
	margin: 0 auto;
}

#link1 p {
	display: inline;
}

#top {
	height: 225px;
	background-color: #f8f8f5;
	text-align: center;
	border: solid #fbfbfb;
	border-width: 1px 0;
}

#top img {
	width: 950px;
	margin: 0 auto;
}

#page {
	text-align: center;
}

#page h2 {
	width: 950px;
	height: 29px;
	margin: 15px auto 10px auto;
	font-size: 28px;
	line-height: 29px;
	text-align: left;
}

#page h2 img {
	margin-right: 5px;
}

#top2 {
	background-color: #f8f8f5;
	border: solid #f3f3f2;
	border-width: 1px 0;
}

#top2 div {
	width: 950px;
	height: 102px;
	margin: 0 auto;
}

#top2 div p {
	margin: 0;
	font-size: 18px;
	text-align: right;
	line-height: 31px;
	letter-spacing: -2px;
}

#top2-2 {
	background: 0 0 url('img/service.jpg') no-repeat;
}

#top2-2 p {
	padding: 19px 30px 0 0;
}

#top2-3 {
	background: 0 0 url('img/feature.jpg') no-repeat;
}

#top2-3 p {
	padding: 19px 30px 0 0;
}

#top2-4 {
	background: 0 0 url('img/scene.jpg') no-repeat;
}

#top2-4 p {
	padding: 19px 30px 0 0;
}

#top2-5 {
	background: 0 0 url('img/example.jpg') no-repeat;
}

#top2-5 p {
	padding: 19px 30px 0 0;
}

#top2-6 {
	background: 0 0 url('img/company.jpg') no-repeat;
}

#top2-8 {
	background: 0 0 url('img/price.jpg') no-repeat;
}

#top2-6 p {
	padding: 19px 30px 0 0;
}

#top2-7 {
	background: 0 0 url('img/contact0.jpg') no-repeat;
}

#top2-7 p {
	padding: 5px 30px 0 0;
}

#top2-8 p {
	padding: 5px 30px 0 0;
}

#main {
	width: 948px;
	margin: 0 auto;
	background-color: #fcfcfc;
	border: 1px solid #f6f4f2;
	padding: 20px 0 50px 0;
	text-align: left;
}

#main:after {
	content: '.';
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
}

.indenth3 h3 {
	margin-left: 20px;
}

#footer {
	margin-top: 15px;
	background: 0 top url('img/bg1.gif') repeat-x;
	padding: 10px 0;
}

#link2 {
	width: 950px;
	margin: 0 auto;
	padding: 10px 0 20px 0;
	text-align: center;
}

#link2 p {
	display: inline;
	border-left: 1px solid black;
	padding: 0 15px;
}

#link2 p.last {
	border-right: 1px solid black;
}

#link2 p a {
	text-decoration: none;
	color: black;
	font-size: 12px;
}

#copyright {
	width: 950px;
	margin: 0 auto;
	text-align: center;
	clear: both;
	font: 12px 'Arial';
}

#main2 {
	float: left;
	display: inline;
	width: 630px;
	margin: 10px 0 0 20px;
	text-align: left;
}

#info {
	float: left;
	display: inline;
	width: 287px;
	margin: 10px 0 0 0;
}

#banner {
	width: 284px;
	height: 215px;
	margin: 0 0 15px 3px;
	background: 0 0 url('img/banner.jpg') no-repeat;
	display: block;
	text-decoration: none;
	position: relative;
}

#banner p {
	position: absolute;
	color: black;
	margin: 0;
}

#banner .p1 {
	top: 20px;
	left: 40px;
	font-size: 24px;
	letter-spacing: -2px;
}

#banner .p2 {
	top: 55px;
	left: 25px;
	height: 24px;
	font-size: 24px;
	letter-spacing: -2px;
}

#banner .p3 {
	top: 90px;
	left: 10px;
	z-index: 1;
	letter-spacing: -2px;
	font-size: 24px;
}

#banner .p3b1 {
	top: 92px;
	left: 11px;
	z-index: 1;
	letter-spacing: -2px;
	font-size: 24px;
	color: white;
}

#banner .p3b2 {
	top: 90px;
	left: 9px;
	z-index: 1;
	letter-spacing: -2px;
	font-size: 24px;
	color: white;
}

#banner .p4 {
	top: 158px;
	left: 20px;
	font-size: 18px;
	color: #f488aa;
	font-weight: bold;
}

#banner .p5 {
	top: 184px;
	left: 20px;
	font-size: 18px;
	color: #f488aa;
	font-weight: bold;
	letter-spacing: -1px;
}

#newb{
  margin-top: 10px;
  float: left;
  width: 287px;
  position: relative;
}

#newb #new1{
  width: 287px;
  height: 50px;
  background: url('/img/news_top.png') no-repeat;
}
#newb #new2{
  width: 287px;
  background: url('/img/news_middle.png') repeat-y;
}
#newb #new3{
  width: 287px;
  height: 20px;
  background: url('/img/news_bottom.png') no-repeat;
}

#newb #sunnykun{
  width: 66px;
  height: 67px;
  position: absolute;
  right: 20px;
  bottom: 17px;
  background: url('/img/sunnykun.png') no-repeat;
}

#newb table {
	width: 215px;
	margin: 0 0 0 35px;
}

#newb table th {
	text-align: left;
	height: 12px;
}

#newb table td {
	background: 0 2px url('img/mark5.gif') no-repeat;
	padding: 0 0 4px 20px;
	line-height: 18px;
	vertical-align: top;
	color: #006699;
}

#newb table td.space {
	background: none;
}

#sunnypoint {
	width: 611px;
	height: 591px;
	background: 0 0 url('img/top2.jpg') no-repeat;
	position: relative;
}

#sunnypoint p {
	position: absolute;
	margin: 0;
	padding: 0;
}

#s1 {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 15px;
	left: 10px;
	font-size: 44px;
	font-weight: bold;
	letter-spacing: -2px;
}

#s2 {
	top: 18px;
	left: 14px;
	font-size: 28px;
	text-align: right;
	letter-spacing: -3px;
	line-height: 52px;
}

#s2 small {
	font-size: 22px;
}

#s2-1 {
	font-size: 36px;
	padding-right: 44px;
	font-weight: bold;
}

#s2-2 {
	font-size: 36px;
	padding-right: 54px;
	font-weight: bold;
}

#s2 b {
	font-size: 36px;
	font-weight: bold;
}

#s3 {
	top: 494px;
	left: 15px;
	width: 280px;
	font-size: 32px;
	font-weight: bold;
	letter-spacing: -5px;
	color: #277400;
}

#s4 {
	top: 542px;
	left: 55px;
	font-size: 16px;
}

#s5 {
	top: 494px;
	left: 373px;
	width: 200px;
	font-size: 32px;
	font-weight: bold;
	letter-spacing: -4px;
	color: #277400;
}

#s6 {
	top: 542px;
	left: 375px;
	font-size: 16px;
	text-align: center;
}

#s7 {
	top: 306px;
	left: 230px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	letter-spacing: -1px;
}

#f0 {
	width: 609px;
	height: 64px;
	margin-left: 0;
	background: 0 0 url('img/reason.jpg') no-repeat;
}

#f0 p {
	margin: 0;
	font-size: 32px;
	line-height: 32px;
	letter-spacing: -1px;
	padding: 6px 0 0 20px;
	letter-spacing: 0;
}

#f0b1 {
	margin: 0;
	padding: 0 0 0 17px;
	font-size: 36px;
	line-height: 42px;
	font-weight: bold;
	color: white;
}

#f0b2 {
	margin: 0 0 0 -3px;
	padding: 0 20px 0 0;
	font-size: 24px;
	font-weight: bold;
	color: white;
}

#f0 p small {
	font-size: 18px;
	font-weight: bold;
	padding-left: 20px;
	letter-spacing: -1px;
}

#reason {
	padding: 5px 0;
}

#reason a {
	width: 612px;
	height: 70px;
	margin: 0 0 5px 0;
	display: block;
	cursor: pointer;
}

#r1 {
	background: 0 0 url('img/reason1-1.jpg') no-repeat;
}

#r1:hover, #r1:visited {
	background: 0 0 url('img/reason1-2.jpg') no-repeat;
}

#r2 {
	background: 0 0 url('img/reason2-1.jpg') no-repeat;
}

#r2:hover, #r2:visited {
	background: 0 0 url('img/reason2-2.jpg') no-repeat;
}

#r3 {
	background: 0 0 url('img/reason3-1.jpg') no-repeat;
}

#r3:hover, #r3:visited {
	background: 0 0 url('img/reason3-2.jpg') no-repeat;
}

#r4 {
	background: 0 0 url('img/reason4-1.jpg') no-repeat;
}

#r4:hover, #r4:visited {
	background: 0 0 url('img/reason4-2.jpg') no-repeat;
}

#r5 {
	background: 0 0 url('img/reason5-2.png') no-repeat;
}

#r5:hover, #r5:visited {
	background: 0 0 url('img/reason5.png') no-repeat;
}

.item2 {
	width: 611px;
	padding-bottom: 5px;
	background: 0 bottom url('img/rect4.gif') no-repeat;
	margin-bottom: 15px;
}

.item2 .head {
	padding-top: 5px;
	background: 0 top url('img/rect3.gif') no-repeat;
}

.item2 .content {
	border: solid #d7d7d7;
	border-width: 0 1px;
}

.bg0 {
	background-color: white;
}

#feature4 {
	height: 60px;
}

#feature4 ul li {
	padding: 5px 0 5px 30px;
	margin: 0 40px 0 40px;
	float: left;
	display: inline;  
}

#feature4 ul li a {
	font-size: 14px;
}

#feature4 ul li.m1 {
  width: 150px;
	background: 0 4px url('img/mark1.gif') no-repeat;
}

#feature4 ul li.m2 {
	background: 0 4px url('img/mark2.gif') no-repeat;
}

#feature4 ul li.m3 {
	background: 0 4px url('img/mark3.gif') no-repeat;
}

#feature4 ul li.m4 {
  width: 150px;
	background: 0 4px url('img/mark4.gif') no-repeat;
}

#feature4 ul li.m5 {
	background: 0 4px url('img/mark7.gif') no-repeat;
}

.feature {
	background: 30px 0 url('img/border3.gif') repeat-y;
	padding: 5px 0 0 60px;
}

.feature p {
	padding: 0 0 10px 0;
	margin: 0;
	font-size: 14px;
	line-height: 18px;
}

.feature p b {
	color: #ff4d69;
	font-size: 14px;
}

#arrow4 {
	z-index: 1;
	position: relative;
}

#arrow4 img {
	position: absolute;
	left: 410px;
	top: -25px;
}

.feature .material {
	text-align: center;
	margin: 15px 0 5px 0;
}

.feature .material img {
	padding: 0;
}

.item hr {
	width: 96%;
	margin: 30px auto 50px auto;
}

.arrow2 {
	text-align: left;
	z-index: 1;
	position: relative;
}

.arrow2 img {
	position: absolute;
	left: 380px;
	top: 10px;
	display: inline;
}

#note {
	margin: 15px 0; 
}

.center {
	text-align: center;
}

#scenes {
	width: 909px;
	margin-left: 20px;
}

#scenes ul{
	height: 20px;
}

#scenes ul li {
	float: left;
	margin-right: 50px;
	background: 2px 0 url('img/mark3.gif') no-repeat;
	padding: 0 0 0 30px;
}

#scenes ul li a {
	font-size: 14px;
	line-height: 20px;
}

#scenes hr {
	margin: 10px 0;
}

#scenes p {
	margin-top: 20px;
	margin-left: 5px;
}

#scene1 {
	width: 911px;
	height: 55px;
	background: 0 0 url('img/scene1.jpg') no-repeat;
}

#scene1 p {
	margin: 0;
	font-size: 32px;
	padding: 10px 0 0 80px;
}

#scene2 {
	width: 911px;
	height: 55px;
	background: 0 0 url('img/scene2.jpg') no-repeat;
}

#scene2 p {
	margin: 0;
	font-size: 32px;
	padding: 10px 0 0 80px;
}

#scene2 p small {
	font-size: 26px;
}

#scene3 {
	width: 911px;
	height: 55px;
	background: 0 0 url('img/scene3.jpg') no-repeat;
}

#scene3 p {
	margin: 0;
	font-size: 32px;
	padding: 10px 0 0 80px;
}

#scene4 {
	width: 911px;
	height: 55px;
	background: 0 0 url('img/scene4.jpg') no-repeat;
}

#scene4 p {
	margin: 0;
	font-size: 32px;
	padding: 10px 0 0 80px;
}


#scene5 {
	width: 911px;
	height: 55px;
	background: 0 0 url('img/scene5.jpg') no-repeat;
}

#scene5 p {
	margin: 0;
	font-size: 32px;
	padding: 10px 0 0 80px;
}


.scene {
	background: 30px 0 url('img/border3.gif') repeat-y;
	padding: 5px 0 15px 55px;
}

.scene h4 {
	font-size: 18px;
	color: #f00;
	font-weight: bold;
	margin: 5px 0 20px 0;
}

.scene ul {
}

.scene ul li {
	background: 0 0 url('img/arrow3.gif') no-repeat;
	padding: 4px 0 4px 25px;
}

.arrow1 {
	margin: 0 5px 95px 5px;
}

.ex {
	background: 0 0 url('img/ex.jpg') no-repeat;
	margin: 30px 0 20px 0;
	padding: 12px 0 8px 85px;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
}

#ex1h {
	width: 911px;
	height: 55px;
	background: 0 0 url('img/example2.jpg') no-repeat;
}

#ex1h p {
	margin: 0;
	font-size: 32px;
	padding: 10px 0 0 80px;
}

#ex2h {
	width: 911px;
	height: 55px;
	background: 0 0 url('img/example2.jpg') no-repeat;
}

#ex2h p {
	margin: 0;
	font: 32px 'Arial';
	padding: 10px 0 0 80px;
}

#ex3h {
	width: 911px;
	height: 55px;
	background: 0 0 url('img/example3.jpg') no-repeat;
}

#ex3h p {
	margin: 0;
	font-size: 32px;
	padding: 10px 0 0 80px;
}

#ex4h {
	width: 911px;
	height: 55px;
	background: 0 0 url('img/example4.jpg') no-repeat;
}

#ex4h p {
	margin: 0;
	font-size: 32px;
	padding: 10px 0 0 80px;
}

#ex5h {
	width: 911px;
	height: 55px;
	background: 0 0 url('img/example5.jpg') no-repeat;
}

#ex5h p {
	margin: 0;
	font-size: 32px;
	padding: 10px 0 0 80px;
}

.example {
	height: 250px;
	background: 30px 0 url('img/border3.gif') repeat-y;
	padding: 5px 0 15px 55px;
}

.example h4 {
	font-size: 18px;
	font-weight: 900;
	margin: 5px 0 5px 0;
}

.example h4 small {
	font-size: 14px;
	font-weight: 900;
	padding-left: 10px;
}

.example ul {
}

.example ul li {
	background: 0 0 url('img/arrow3.gif') no-repeat;
	padding: 4px 0 4px 25px;
}

.achieve {
	margin: 15px 0 20px 0;
	padding: 11px 0 11px 70px;
	background: 0 0 url('img/achieve.jpg') no-repeat;
	color: red;
	font-size: 18px;
	line-height: 24px;
	font-weight: 900;
}

.example .text {
	width: 500px;
	float: left;
}

.example .image {
	float: left;
	margin: 0 0 0 110px;
}

.bg1 {
	background-color: white;
	width: 611px;
}

.bg2 {
	background: 0 bottom url('img/bg3.gif') repeat-x;
	width: 611px;
}

.bg3 {
	width: 611px;
	background: 0 top url('img/bg2.gif') repeat-x;
}

.company {
	background: none;
}

.company h3 {
	padding: 15px 0 10px 0;
	margin: 0 0 0 20px;
	font-size: 16px;
	font-weight: bold;
}

.company hr {
	width: 580px;
	margin: 2px auto;
}

.company .row {
	width: 591px;
	padding-left: 20px;
}

.company .row:after {
	content: '.';
	height: 0px;
	clear: both;
	display: block;
	visibility: hidden;
}

.company .term {
	float: left;
	display: inline;
	width: 100px;
	line-height: 18px;
	padding: 0 0 0 25px;
	background: 0 0 url('img/mark6.gif') no-repeat;
}

.company .text {
	float: left;
	width: 445px;
	line-height: 16px;
}

.company .text b {
	text-decoration: underline;
	line-height: 16px;
}

.company .text img {
	margin: 15px 0;
}

.contact {
	background: none;
}

.contact h3 {
	padding: 15px 0 10px 0;
	margin: 0 0 0 20px;
	font-size: 16px;
	font-weight: bold;
}

.contact hr {
	width: 580px;
	margin: 2px auto;
}

.contact .note {
	color: red;
	padding: 0 0 0 15px;
}

.contact h4 {
	margin: 15px 0 10px 10px;
	padding-left: 40px;
	line-height: 19px;
	background: 0 0 url('img/bg4.gif') no-repeat;
}

.contact h4 b {
	color: red;
}

.contact input {
	font-size: 12px;
	margin: 5px 15px 0px 35px;
}

.contact #tel1 {
	margin-right: 0;
}

.contact #tel2 {
	margin-right: 0;
	margin-left: 0;
}

.contact #tel3 {
	margin-left: 0;
}

.contact #address {
	margin-left: 35px;
}

.contact textarea {
	font-size: 12px;
	margin: 5px 0 15px 35px;
}

.contact #button {
	margin: 20px 0 30px 250px;
}

.confirm p {
	padding: 0 0 0 35px;
}

#thanks {
	padding: 0 0 50px 20px;
	margin: 0 0 0 0;
	line-height: 20px;
}

#thanks span {
	font-size: 25px;
	color:#564739;
	line-height: 48px;
}

#price1 {
  width: 911px;
  height: 677px;
  background: url('/img/price1.png') no-repeat;
  margin: 0px auto;
  position: relative;
}

#price2 {
  width: 911px;
  height: 723px;
  background: url('/img/price2.png') no-repeat;
  margin: 0px auto;
  position: relative;
}

#price1 a.contact{
  width: 493px;
  height: 63px;
  overflow: hidden;
  line-height: 200px;
  position: absolute;
  left: 219px;
  top: 989px;
  font-size: 30px;
}

#price2 a.contact{
  width: 493px;
  height: 63px;
  overflow: hidden;
  line-height: 200px;
  position: absolute;
  left: 219px;
  top: 633px;
  font-size: 30px;
}

#price1 table{
  position: absolute;
  top: 170px;
  left: 75px;
  border-collapse: collapse;
  width: 626px;
  height: 176px;
  border: solid 1px black;
}

#price1 table tr.last th, #price1 table tr.last td{
  font-size: 22px;
  color: red;
}

#price1 table th, #price1 table td{
  background-color: white;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  border: solid 1px #c3c5cb;  
}

#price1 table th{
  background-color: #f6f7f9;
}

#price1 span.red{
  color: red;  
  font-weight: bold;
}

#price1 p.text1 {
  position: absolute;
  left: 100px;
  top: 30px;
  font-weight: bold;
  font-size: 12px;
}

#price1 p.text2 {
  position: absolute;
  left: 100px;
  top: 90px;
  font-weight: bold;
  font-size: 20px;
}