@charset "utf-8";
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body { background: #FFF; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; }

.container { width: 800px; margin: auto; position: relative; }

.transparent { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }

.header { height: 70px; padding: 35px 5px 0 10px; }
.header .logo { width: 150px; height: 25px; float: left; }
.header .logo a { background: url(../img/logo.png) no-repeat; width: 150px; height: 25px; float: left; }
.header .logo h1 { display: none; }

.header .nav { text-align: right; text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif; font-size: 14px; padding-top: 12px; }
.header .nav li { display: inline; }
.header .nav li a { border-bottom: 2px solid #FFF; padding: 5px; margin-left: 35px; }
.header .nav li.active a { color: #12232E; border-bottom: 2px solid #12232E; }

.content { width: 800px; min-height: 400px; height: auto !important; height: 400px; margin-left: -30px; }
.content .showcase_logo { padding-bottom: 20px; }
.content .showcase_logo li { width: 198px; height: 180px; padding: 1px; float: left; }
.content .showcase_logo li a { width: 198px; height: 180px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; float: left; position: absolute; }
.content .showcase_logo li span { display: none; }

.content .showcase_logo li .grid { background: #F7F7F7; width: 198px; height: 180px; }

.content .showcase_logo .simplist a { background: url(../img/showlogo_simplist.png) no-repeat; }
.content .showcase_logo .zk1two a { background: url(../img/showlogo_2k1two.png) no-repeat; }
.content .showcase_logo .honko a { background: url(../img/showlogo_honko.png) no-repeat; }
.content .showcase_logo .rangoshouse a { background: url(../img/showlogo_rangoshouse.png) no-repeat; }
.content .showcase_logo .tcpp a { background: url(../img/showlogo_tcpp.png) no-repeat; }
.content .showcase_logo .anbosen a { background: url(../img/showlogo_anbosen.png) no-repeat; }
.content .showcase_logo .essi a { background: url(../img/showlogo_essi.png) no-repeat; }
.content .showcase_logo .selfies a { background: url(../img/showlogo_selfies.png) no-repeat; }

.content .showcase_logo .surface a { background-position: 0 -180px; z-index: 9999; }
.content .showcase_logo .underly a { background-position: 0 0; z-index: 999; }

.content .showcase_logo_major { background: url(../img/preload.gif) no-repeat center center; }
.content .major_content { display: none; overflow: hidden; }
.content .major_content img { padding-bottom: 1px; }
.content .major_content a { background: url(../img/btn_close.png) no-repeat; width: 17px; height: 17px; margin: 6px 0 0 6px; float: left; position: absolute; }
.content .major_content a:hover { background-position: 0 -17px; }
.content .major_content span { display: none; }

.content .showcase_web li { padding-bottom: 65px; }
.content .showcase_web .web_thumb { background: url(../img/shadow.png) no-repeat left bottom; width: 714px; padding-bottom: 17px; float: left; }
.content .showcase_web .web_thumb .preload { background: #FFF url(../img/preload.gif) no-repeat center center; width: 680px; min-height: 400px; height: auto !important; height: 400px; border: 1px solid #DDD; }
.content .showcase_web .web_thumb img { display: none; }
.content .showcase_web .nav_action { width: 86px; text-align: center; text-transform: uppercase; font-size: 10px; border-top: 1px solid #DDD; float: left; }
.content .showcase_web .nav_action li { padding: 0; }
.content .showcase_web .nav_action li a { width: 84px; height: 22px; color: #12232E; border: 1px solid #DDD; border-top: 0; padding-top: 58px; float: left; }
.content .showcase_web .nav_action li a:hover { color: #FFF; }

.content .showcase_web .nav_action li.btn_visit a { background: url(../img/btn_visit.png) no-repeat; }
.content .showcase_web .nav_action li.btn_contact a { background: url(../img/btn_contact.png) no-repeat -84px 0; }
.content .showcase_web .nav_action li.btn_top a { background: url(../img/btn_top.png) no-repeat; }

.content .description { width: 475px; padding: 0 10px; float: left; }
.content .description h1 { padding-bottom: 15px; }
.content .description p { padding-bottom: 8px; }
.content .description a { color: #12232E; }

.content .response { background: #D87A7A; width: 270px; padding: 13px 15px; color: #FFF; margin: 0 0 0 auto; display: none; }
.content .success { background: #12232E url(../img/msg_sent.png) no-repeat top center; width: 300px; height: 300px; margin: 0 0 0 auto; display: none; }

.content .contact_form { background: #F4F4F4; width: 244px; padding: 20px 28px; margin: 0 0 0 auto; }
.content .contact_form .label { padding: 12px 0 2px; }
.content .contact_form .label span { color: #D36969; }
.content .contact_form .text { width: 240px; height: 22px; color: #666; font-size: 11px; border: 0; padding-left: 4px; line-height: 150%; }
.content .contact_form textarea { width: 238px; height: 150px; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: 0; padding: 3px; }
.content .contact_form .submit { padding: 12px 0; }
.content .contact_form .loading { background: url(../img/loading.png) no-repeat; width: 80px; height: 28px; }

.footer { color: #999; font-size: 10px; padding: 17px 5px 20px; }

a { color: #777; }
a:hover { color: #12232E; }
a:link, a:visited, a:active { text-decoration: none; }

::selection { background: #214054; color: #FFF; }
::-moz-selection { background: #214054; color: #FFF; }

.clearfix {	display: inline-block; }
.clearfix:after { content: "."; display: block;	clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }