html, body {margin: 0;padding: 0;}
body {background: #fff}
#wrapper {width: 880px; margin: 25px auto 0; height: 770px; overflow: hidden}
#header {padding: 25px 0; border-bottom: 1px solid #999; margin-bottom: 25px}
#logo {width: 310px; float: left}
#menu {width: 570px; float: left; padding-top: 33px}
#content {width: 100%}
.clear {clear: both}
.end {border-bottom: 1px solid #999; padding-top: 25px; margin-bottom: 25px}
.col_200 {width: 220px; height: auto; float: left;}
.col_220 {width: 195px; height: auto; float: left; padding-left:25px}
.col_260 {width: 275px; height: auto; float: left}
.col_280 {width: 275px; height: auto; float: left; padding-left:25px}
.col_330 {width: 330px; height: auto; float: left}
.col_440 {width: 440px; height: auto; float: left}
.col_550 {width: 550px; height: auto; float: left}
.col_660 {width: 660px; height: auto; float: left}
.col_770 {width: 770px; height: auto; float: left}
body {font-size: 12px; line-height:1.5; color: #555; font-family: helvetica, arial, sans-serif; letter-spacing: 2px}
a img, a {border: none; outline: none}
a h1, h1 a, h1 {color: #fff; font-size: .0000001em; padding: 0; margin: 0}
a h2, h2 a, h2 {color: #888; font-size: 1.5em; line-height: 2em; padding: 0; margin: 0; letter-spacing: 3px}
a h3, h3 a, h3 {color: #00a0d5; font-size: 1.1667em; padding: 0 0 5px 0; margin: -3px 0 0 0; font-weight: 600}
a h4, h4 a, h4 {color: #333; font-size: 1.1667em; padding: 0 0 5px 0; margin: -3px 0 0 0; font-weight: 500}
p {padding: 0 0 25px 0; margin: 0; line-height: 18px}
a {color: #333; text-decoration: none; height: 100%}
ul#main_menu {list-style: none; width: auto; float: right; margin: 0; padding: 0}
ul#main_menu li {list-style: none;display: inline-block; padding: 0 30px 0 10px; margin: 0; width: auto; float: left; letter-spacing: 3px}
ul#main_menu li.last {padding: 0 0 0 10px}
ul#main_menu li a{color: #777}
ul#main_menu li a:hover {color: #333}
ul#main_menu li a.active {color: #00a0d5}
#slide_reas {height: 605px}
#pager {width: 100%; text-align: right; position: relative; z-index: 99}
#pager a {display: inline-block; margin: 0 5px}
a span.bullet {display: inline-block; width: 10px; height: 10px; background: #ccc}
a.activeSlide span.bullet {background: #999}
.blue {color: #00a0d5}
.info {color: #888; font-size: .9167em}
a.site {color: #00a0d5; font-size: .9167em}
.copy {font-size: .8333em; color: #999}
input, textarea {border: 1px solid #ccc; color: #444; font-family: helvetica, arial, sans-serif; letter-spacing: 2px}
textarea {padding: 8px; height:118px; width: 272px; margin: 0 0 10px; font-size: 1em}
input.textbox {padding: 3px; height:24px; width: 234px; margin-bottom: 20px}
input.textbox.error {padding: 3px; height:24px; width: 234px; margin-bottom: 0}
#submit-button {float: right; border: 0; color: #00a0d5}
#se_error, #sm_error {font-size: .833em; letter-spacing: 0; display: block; height: 20px; color: #d58d8d}
#sm_error {width: 200px; float: left; line-height: 1em}
.notification_error {margin-top: -15px; font-size: 10px; letter-spacing: 0; height: 15px; text-align: right; color: #d58d8d}
p.web {font-size:1.1333em; padding-left: 50px; background: url(../images/sprite.png) 0 0 no-repeat}
p.code {font-size:1.1333em; padding-left: 50px; background: url(../images/sprite.png) 0 -95px no-repeat}
p.com {font-size:1.1333em; padding-left: 50px; background: url(../images/sprite.png) 0 -189px no-repeat; padding-bottom: 0}
span.cafe {display: block; padding-left: 40px; background: url(../images/sprite.png) 0 -270px no-repeat}
span.tel {display: block; padding-left: 40px; background: url(../images/sprite.png) 0 -348px no-repeat}
span.mail {display: block; padding-left: 40px; background: url(../images/sprite.png) 0 -433px no-repeat}