@CHARSET "UTF-8";

/*********************************************
 * overall frame                             *
 *********************************************/
div#lefter_index{
  height: 586px;
  width: 250px;
}
div#righter_index {
  height: 586px;
  width: 650px;
}


/*********************************************
 * lefter                                    *
 *********************************************/
 
/* ----------------------------- *
 * product 
 * ----------------------------- */
 div#product_all {
	/*border: 1px solid #808040;*/
  width: 224px;
  margin-left: 6px;
}

.product_first {
	padding-bottom: 4px;
	margin-bottom: 5px;
	margin-top: 0px;
	width: 100%;
}
.product {
	border-top: 1px solid #E8E8E8;
	padding-top: 2px;
	padding-bottom: 4px;
	margin-bottom: 5px;
	margin-top: 10px;
	width: 100%;
}
.product_last {
	border-top: 1px solid #E8E8E8;
	padding-bottom: 4px;
	margin-bottom: 10px;
	margin-top: 15px;
	width: 100%;
}

.product h3 a {
  margin-left: 0px;
}


/* ----------------------------- *
 * marquee 
 * ----------------------------- */
marquee a {
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	color:#000000;
}

marquee a p a{
	background:#F8F2D8;
	display: block;
	margin-top: 20px;
	color: #408080;
	font-weight: bold;
}

.marquee_no_css3_style_frame {
	border: 1px dashed #C0C0C0;
  /*background: #ff8040;*/
  height: 208px;
  width: 360px;
  float: right;
  clear: right;
  margin-right: 1px;
  margin-top: 8px;
  /* padding-left: 10px; */
}

.marquee_no_css3_style_frame marquee {
	height: 208px;
}

/* ----------------------------- *
 * flicker 
 * ----------------------------- */
div#flicker{
  float: left;
  clear: left;
  width: 220px;
  margin-top: 8px;
}


/* ----------------------------- *
 * company policy 
 * ----------------------------- */
div#introduce {
  float: left;
  clear: both;
  text-align:left;
  width: 100%;
  margin-top: 4px;
}
div#polocy_ja,
div#polocy_zh,
div#culture_ja,
div#culture_zh {
  float: left;
  clear: both;
  text-align:center;
  width: 100%;
  margin-top: 4px;
}
div#polocy_en,
div#culture_en {
  float: left;
  clear: both;
  text-align:left;
  width: 100%;
  margin-top: 4px;
}


/* ----------------------------- *
 * img 
 * ----------------------------- */
div#banner_list a img,
a#gigapod img {
	max-width: 100%;
}