@charset "utf-8";

/* =====================================================================
	global
====================================================================== */

* {
 margin : 0;
 padding : 0;
 background : transparent;
 border : none;
 font : normal normal 100% Tahoma,Arial,sans-serif;
}

body {
 background : url(image/bg.gif) repeat-x;
 text-align : center;
}

/* =====================================================================
	definition
====================================================================== */

div#header, div#shell, div#footer {
 margin : 0 auto;
 width : 770px;
}

div#header, div#shell {
 text-align : left;
}

div#header {
 height : 159px;
}

div#shell {
 padding : 20px 5px 0 0;
}

div#footer {
}

/* ___________________________________________________________ anchor */

a {
 text-decoration : underline;
}

a:link {
 color : #007400;
}

a:visited {
 color : #004000;
}

a:hover {
 color : #FF6701;
}

a:active {
 color : #FF6701;
}

h3 a:link, h3 a:visited {
 color : #ffffff;
 line-height : 30px;
 font-size : 13px;
 text-decoration : none;
}

h4 a {
 line-height : 30px;
}


/* ___________________________________________________________ document */


h1 {
 height : 26px;
 background : #FF6B04;
 line-height : 26px;
 text-indent : 10px;
}

h2 {
}

ul {
 list-style : none none;
}

ul li {
 padding : 0 0 0 15px;
 background : url(image/arrow.gif) no-repeat 0 3px;
}

ol li {
 padding : 3px 0;
}

em, strong {
 color : #444444;
 font-weight : bold;
}

p {
 padding : 0 0 5px 0;
 line-height : 1.5;
}

address {
 margin : 10px 20px;
 padding : 10px;
 border : 1px solid #009900;
 font-size : 13px;
}

/* ___________________________________________________________ image */

img {
 vertical-align : bottom;
}

img.arrow {
 vertical-align : middle;
}

p.thumbs_center {
 text-align : center;
}

/* =====================================================================
	header
====================================================================== */

div#header h1 {
 width : 770px;
 color : #FFFFFF;
 font-size : 12px;
}

div#header h2 {
 position : relative;
 top : -20px;
 margin : 0 0 0 10px;
 width : 210px;
 height : 52px;
}

div#header h2 a {
 position : absolute;
 top : 0;
 overflow : hidden;
 display : block;
 background : url(image/logo.gif) no-repeat;
 width : 210px;
 height : 52px;
 line-height : 150px;
}


/* ___________________________________________________________ navigation */

div#header ul {
 margin : 20px 10px 0 0;
 text-align : right;
 font-size : 12px;
}

div#header li {
 margin : 0 0 0 14px;
 display : inline;
}

div#header ul#navigation {
 position : absolute;
 top : 94px;
 overflow : hidden;
 margin : 20px 0 0 0;
 background : url(image/ul.gif) repeat-x;
 width : 770px;
 height : 45px;
}

div#header ul#navigation li {
 background : none;
 line-height : 100px;
}

div#header ul#navigation li a {
 position : absolute;
 top : 3px;
 display : block;
 width : 125px;
 height : 42px;
 line-height : 100px;
}


div#header ul#navigation li.news a {
 left : 10px;
 background : url(image/news.gif) no-repeat;
 width : 124px;
}

div#header ul#navigation li.class a {
 left : 134px;
 background : url(image/class.gif) no-repeat;
}

div#header ul#navigation li.price a {
 left : 259px;
 background : url(image/price.gif) no-repeat;
}

div#header ul#navigation li.staff a {
 left : 383px;
 background : url(image/staff.gif) no-repeat;
}

div#header ul#navigation li.blog a {
 left : 507px;
 background : url(image/blog.gif) no-repeat;
}

div#header ul#navigation li.company a {
 left : 631px;
 background : url(image/company.gif) no-repeat;
 width : 126px;
}

div#header ul#navigation li a:hover {
 background-position : 0 -42px;
}

div#header form {
 position : relative;
 top : -40px;
 left : 490px;
 width : 270px;
 height : 25px;
 text-align : right;
 background : url(image/search.gif) no-repeat 10px 10px;
}


/* =====================================================================
	shell
====================================================================== */

hr {
 clear : both;
 visibility : hidden;
}

/* ___________________________________________________________ navigation */

div#shell ul {
 margin : 5px 0 10px 10px;
}

div#shell li {
 margin : 0 10px 0 0;
 padding : 0;
}

div#shell ul.topic_path {
	margin : 0 0 10px 0;
}
div#shell ul.topic_path li {
	display : inline;
	padding : 0 0 0 12px;
	font-size : 12px;
}

/* =====================================================================
	contents
====================================================================== */

div#contents {
 float : left;
 width : 540px;
}

/* ___________________________________________________________ navigation */

div#contents ul.active {
	clear : both;
	margin : 5px 0;
	padding : 5px 10px;
	border-top : 1px dotted #009900;
	text-align : right;
}
div#contents ul.active li {
	display : inline;
	padding : 0 0 0 3px;
	background : transparent;
}

/* ___________________________________________________________ document */

div#contents p {
	margin : 10px 0;
	padding : 0 10px;
	font-size : 13px;
}

div#contents p#credit1 {
	overflow : hidden;
	margin : 0 0 20px 0;
	background : url(image/index.png) no-repeat;
	width : 540px;
	height : 200px;
	text-indent : -9999px;
}

div#contents p#credit2 {
	overflow : hidden;
	margin : 0 0 20px 0;
	background : url(image/news.png) no-repeat;
	width : 540px;
	height : 200px;
	text-indent : -9999px;
}

div#contents p#credit3 {
	overflow : hidden;
	margin : 0 0 20px 0;
	background : url(image/class.png) no-repeat;
	width : 540px;
	height : 200px;
	text-indent : -9999px;
}

div#contents p#credit4 {
	overflow : hidden;
	margin : 0 0 20px 0;
	background : url(image/price.png) no-repeat;
	width : 540px;
	height : 200px;
	text-indent : -9999px;
}

div#contents p#credit5 {
	overflow : hidden;
	margin : 0 0 20px 0;
	background : url(image/staff.png) no-repeat;
	width : 540px;
	height : 200px;
	text-indent : -9999px;
}

div#contents p#credit6 {
	overflow : hidden;
	margin : 0 0 20px 0;
	background : url(image/blog.png) no-repeat;
	width : 540px;
	height : 200px;
	text-indent : -9999px;
}

div#contents p#credit7 {
	overflow : hidden;
	margin : 0 0 20px 0;
	background : url(image/company.png) no-repeat;
	width : 540px;
	height : 200px;
	text-indent : -9999px;
}

div#contents p#credit8 {
	overflow : hidden;
	margin : 0 0 20px 0;
	background : url(image/map.png) no-repeat;
	width : 540px;
	height : 200px;
	text-indent : -9999px;
}

div#contents p#credit9 {
	overflow : hidden;
	margin : 0 0 20px 0;
	background : url(image/blog.png) no-repeat;
	width : 540px;
	height : 200px;
	text-indent : -9999px;
}

div#contents p#credit10 {
	overflow : hidden;
	margin : 0 0 20px 0;
	background : url(image/event.png) no-repeat;
	width : 540px;
	height : 200px;
	text-indent : -9999px;
}

div#contents p#credit11 {
	overflow : hidden;
	margin : 0 0 20px 0;
	background : url(image/contact.png) no-repeat;
	width : 540px;
	height : 200px;
	text-indent : -9999px;
}

div#contents p.active a {
	display : block;
	margin : 50px 0 0 437px;
	background : url(image/pagetop.gif) no-repeat;
	width : 103px;
	height : 19px;
	line-height : 19px;
	text-indent : 22px;
	text-decoration : none;
	font-size : 11px;
}
div#contents dd ul {
	margin : 0 0 0 20px;
}
div#contents dd ul li {
	margin : 0 0 10px 0;
	padding : 0 0 0 15px;
	background : url(image/arrow.gif) no-repeat 0 5px;
	line-height : 1.5;
}

/* ___________________________________________________________ headline */

div#contents h3,
div#contents h4,
div#contents h5 {
	margin : 0 0 20px 0;
	width : 540px;
	height : 30px;
	color : #ffffff;
	line-height : 30px;
	text-indent : 25px;
	font-size : 13px;
}
div#contents h3 {
	background : url(image/h3.gif) no-repeat;
}

div#contents h4 {
	margin : 20px 0 10px 0;
	background : #def5b4;
	color : #029a01;
	text-indent : 15px;
}

div#contents h5 {
	color : #029a01;
	border-bottom : 1px dotted #029a01;
	text-indent : 5px;
}
div#contents h5.special {
	color : #029a01;
	border-bottom : 1px dotted #029a01;
	font-weight : bold;
	text-align : center;
}
div#contents h5#trackback {
	margin : 30px 0 0 0;
	background : #eeeeee;
	border : 0;
	color : #000000;
}
div#contents h6 {
	border-bottom : 1px dotted #029a01;
	font : bold 13px Tahoma,Arial,sans-serif;
	text-indent : 5px;
}

/* ___________________________________________________________ news */

div#contents ul,
div#contents ol {
	margin : 0 0 30px 10px;
	font-size : 13px;
}
div#contents ol li {
	margin : 5px 0 5px 30px;
	padding : 0;
}
div#contents ul li {
	margin : 10px 0;
	padding : 0 0 0 15px;
	background : url(image/arrow_green.gif) no-repeat 0 5px;
}
div#contents li a {
	padding : 0 0 0 14px;
}
div#contents ul#news li {
	background : url(image/arrow_green.gif) no-repeat left center;
	border : 0;
	text-indent : 15px;
}

/* ___________________________________________________________ section */

div#contents div.section {
	margin : 15px 0 0 0;
}
div#contents div.section p.thumbnail {
	padding : 0;
}
div#contents div.section p.thumbnail img {
	float : left;
	margin : 0 10px 20px 0;
	padding : 0;
}
div#contents div.section address {
	border : 0;
	font-size : 13px;
}
div#contents div.section dd address {
	border : 1px dotted #dddddd;
}

/* ___________________________________________________________ information */

div#contents h3.information {
	margin : 0;
	background : url(image/info.gif) no-repeat;
}

/* ___________________________________________________________ recommend */

div#contents div.section div.products {
	float : left;
	margin : 0 0 10px 0;
	width : 180px;
	text-align : center;
	font-size : 12px;
}
div#contents div.section div.products p.thumbnail img {
	margin : 0 0 0 15px;
	border : 1px solid #eeeeee;
}

/* =====================================================================
	utilities
====================================================================== */

div#utilities {
	float : right;
	margin : 0 0 20px 0;
	width : 199px;
	height : auto;
	text-align : center;
	font-size : 13px;
}

/* ___________________________________________________________ headline */

div#utilities h3 {
	background : url(image/h3.gif);
	width : 199px;
	height : 30px;
	line-height : 30px;
	color : #ffffff;
	text-indent : 25px;
	text-align : left;
	font-size : 13px;
	font-weight : bold;
}
div#utilities p {
	padding : 0 5px;
	text-align : left;
}
div#utilities ul {
	margin : 5px 0 30px 0;
}
div#utilities li {
	margin : 0;
	background-position : 10px;
	width : 199px;
	height : 30px;
	border-bottom : 1px dotted #009900;
	line-height : 30px;
	text-align : left;
	text-indent : 25px;
	font-size : 13px;
}
div#utilities li#feeds {
	background : url(../images/option/feeds.gif) no-repeat 10px 10px;
}

/* ___________________________________________________________ document */

div#utilities ul.banner {
	margin : 0;
}
div#utilities ul.banner li {
	height : auto;
	margin : 0 0 10px 0;
	background : none;
	border : 0;
	text-align : center;
	text-indent : 0;
}
div#utilities div#map {
	position : relative;
	margin : 0 auto;
	background : url(image/map.gif) no-repeat center;
	width : 189px;
	height : 295px;
	border : 1px solid #d8ddd2;
}
div#utilities div#map p {
	position : absolute;
	top : 125px;
	left : 21px;
	padding : 0;
	text-align : center;
}
div#utilities div.sound {
	margin : 20px 0 0 0;
}
div#utilities div.sound h4 {
	margin : 0 0 10px 0;
}
div#utilities div.sound p {
	text-align : center;
}
/* =====================================================================
	footer
====================================================================== */

div#footer ul {
	background : #f5f5f5;
	height : 35px;
	border-top : 3px solid #009900;
	border-bottom : 1px solid #d8ddd2;
	text-align : left;
}
div#footer li {
	display : inline;
	margin : 0 0 0 10px;
	font-size : 12px;
	line-height : 35px;
}

div#footer address {
	border : none;
	font-size : 11px;
}

/* =================================================================== */




table.mailform {
 margin: 0px auto 0px auto;
}

table.mailform td {
 font-size:12px;
}

table.mailform td p {
 font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
 display: block;
 margin: 0px;
 font-size: 10px;
}

table.mailform td span {
 font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
 font-size: 10px;
 color: #FF0000;
}

input, select, textarea {
 border: thin #CCCCCC solid;
 font-size: 12px;
}


div#contents div.photo {
 float : right;
 margin : 10px 10px 10px 0;