@charset "UTF-8";

/* ------------------------------

clearfix Hack

------------------------------ */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix { display: inline-block; }
/* Hide Mac IE \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */

html {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	text-align: center;
	background-color: #e4ded2;
	background-image: url(../images/bg.gif);
	background-repeat: repeat;
}

*{
	margin:0px;
	padding:0px;
}

img{ border: none; vertical-align:top; }
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}

/* =====================================
	container
===================================== */
#container {
	position:relative;
	width: 890px;
	min-height: 100%;
	margin: 0px auto;
	text-align: left;
}

/* =====================================
	2010 greeting
===================================== */
#gre_photo {
	float: left;
	text-align:left;
	width: 400px;
	padding: 30px 0;
}

#gre_text {
	float: right;
	text-align:left;
	width: 460px;
	padding: 30px 0;
}

/* =====================================
	logo
===================================== */
#logo {
	float: left;
	text-align:left;
	width: 160px;
	padding-top: 30px;
}

/* =====================================
	mark
===================================== */
#mark {
	float: right;
	text-align:left;
	width: 680px;
	padding-top: 30px;
}

#line {
	padding-top: 75px;
}

#line_top {
	padding-top: 136px;
}

/* =====================================
	main
===================================== */
#main {
	float: right;
	text-align:left;
	width: 680px;
	margin: 30px auto 30px auto;
}

p {
	padding-bottom: 10px;
}

#main .products_area{
	margin-left: -36px;
	zoom: 1;
}

* html #main .products_area { /* for IE6 */
	margin-left: -72px;
}

*+html #main .products_area {/* for IE7 */
	margin-bottom: 30px;
}

#main .products_area .products{
	float: left;
	width: 143px;
	height: 112px;
	margin-left: 36px;
	margin-bottom: 30px;
}

#main h2 { padding-bottom: 30px;}
#main h3 { padding-bottom: 10px;}
#main h4 { padding-bottom: 30px;}
#main h5 { padding-bottom: 10px;}
#main h6 { padding: 10px 0;}

.text_area {
	float: left;
	text-align:left;
	width: 400px;
}

.photo_area {
	float: right;
	text-align:right;
	width: 240px;
}

.info_area {
	padding: 15px;
	background-color: #fff7e7;
}

.right_position {
	float: right;
	clear: right;
	padding-left: 15px;
	padding-bottom: 5px;
}

.more_btn {
	float: right;
	padding-top: 15px;
	/*border:solid 1px #ff0000;*/
}

.products_photo{
	float: left;
	/*width: 143px;
	height: 112px;*/
	padding: 0 5px 5px 0;
}

.contact_btn1, .contact_btn2 {
	float: left;
	width: 200px;
	height: 112px;
	/*border-top:solid 1px #ff0000;*/
}

.contact_btn1{padding: 50px 50px 50px 90px;}
.contact_btn2{padding: 50px 90px 50px 50px;}

/* =====================================
	menu
===================================== */
#menu {
	float: left;
	text-align:left;
	width: 180px;
	padding: 30px 0px;
	/*border:solid 1px #ff0000;*/
}

#menu ul {
	list-style-type:none;
}

#menu li {
	height: 15px;
	line-height:0;
	font-size:1%;
}

#menu li a {
	line-height:normal;
}

#menu li.space_bottom15 {
	margin-bottom: 15px;
}

#menu li.space_bottom5 {
	margin-bottom: 5px;
}


/* =====================================
	footer
===================================== */
#footer {
	clear:both;
	width: 890px;
	height: 50px;
	text-align: left;
	background-image: url(../images/footer_line.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	/*border:solid 1px #ff0000;*/
}

#f_link {
	float: left;
	text-align:left;
	padding-top: 5px;
}

#f_link ul {
	list-style-type:none;
}

#f_link li {
	display:inline;
	height: 15px;
	padding: 0 5px 0 10px;
	background-image: url(../images/f_link_line.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#copyright {
	float: right;
	text-align:right;
	padding-top: 5px;
}


/* =====================================
	popup
===================================== */
#container_pop {
	width: 390px;
	margin: 20px auto;
	text-align: left;
}

.photo_right {
	float: right;
	clear: right;
	padding-left: 15px;
	padding-bottom: 10px;
}

.photo_left {
	float: left;
	clear: left;
	padding-right: 15px;
	padding-bottom: 10px;
}

#container_pop .pop_left {
	float: left;
	width: 70px;
}

#container_pop .pop_right {
	float: right;
	text-align: left;
	width: 310px;
}




/* =====================================
	common
===================================== */
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.clear {clear:both;}
.center {text-align: center;}
.right {text-align: right;}

ul.space {margin-left: 20px;} 
ol.space {margin-left: 25px;} 
li.space {margin: 0.1em 0px  0.2em 0px;}

.line550 {border-top: solid 1px #444444;}

.no-wrap {white-space:nowrap;}
.space_b10 {margin-bottom: 10px;} 

/* =====================================
	table
===================================== */
table.space2{ margin: 0; padding: 0; border-collapse:collapse;}
table.space2 td.txt01{ padding: 2px 0; text-align: left; vertical-align: top;}
table.space2 td.txt02{ padding: 2px 0; text-align: left; vertical-align: top;}

table.company{ margin: 0; padding: 0; border-collapse:collapse;}
table.company th.txt01{ padding: 0 20px 20px 0; text-align: left; vertical-align: top; white-space:nowrap;}
table.company td.txt01{ padding: 0 0 20px 0; text-align: left; vertical-align: top;}
table.company td.txt02{ padding: 0 0 20px 0; text-align: left; vertical-align: top;}

table.sitemap{ margin: 0; padding: 0; border-collapse:collapse;}
table.sitemap th.txt01{ padding: 0 0 20px 0; text-align: left; vertical-align: top; white-space:nowrap;}
table.sitemap td.txt01{ padding: 0 0 10px 10px; text-align: left; vertical-align: top;}
table.sitemap td.txt02{ padding: 0 0 10px 0; text-align: left; vertical-align: top;}

table.clist{ margin: 0; padding: 0; border-collapse:collapse; font-size:93%;}
table.clist th.txt01{ width: 40px; padding: 0 20px 10px 0; text-align: left; vertical-align: top; white-space:nowrap;}
table.clist td.txt01{ width: 200px; padding: 0 10px 10px 0; text-align: left; vertical-align: top;}
table.clist td.txt02{ padding: 0 0 10px 0; text-align: left; vertical-align: top;}