@charset "utf-8";
/* default settings
-----------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
body {
	line-height: 145%;
	text-align: center;
	background-image: url(../img/bg.gif);
	background-repeat: repeat-x;
}
a {
	color: #0079c2;
}
a:hover {
	background-color: #0079c2;
	color: #ffffff;
	text-decoration: none;
}
img {
	border: 0;
}
/* container
-----------------------------------------------------------*/
#wrapper {
	width: 800px;
	margin: auto;
	position: relative;
	top: 0;
	z-index: 1;
}

h1.toplogo {
	text-indent: -9999em;
	margin-bottom: -23px;
}
/* header
-----------------------------------------------------------*/
#header {
	width: 800px;
	margin: auto;
	text-align: left;
}
#header-upper {
	height: 58px;
	/*float: left;*/
}
#header .logo {
	margin-left: 10px;
	margin-top: 5px;
	float: left;
}

/* Language English
------------------------------*/
#header #lang {
	width: 164px;
	height: 22px;
	float: right;
	margin-top: 20px;
	margin-right: 5px;
	margin-left: 15px;
}
#header #lang #lnav {
	float: left;
}
#header #lang #lang_nav #nav li {
	display: inline;
	text-indent: -9999em;
}
#header #lang #nav li a {
	float: left;
	height: 22px;
	overflow: hidden;
	display: block;
	background-image: url(../en/img/header/lnav.gif);
}

/* Language Japanese
------------------------------*/
#header #lang_ja {
	width: 164px;
	height: 22px;
	float: right;
	margin-top: 20px;
	margin-right: 5px;
	margin-left: 15px;
}
#header #lang_ja #lang_nav_ja {
	float: left;
}
#header #lang_ja #lang_nav_ja #nav_ja li {
	display: inline;
	text-indent: -9999em;
}
#header #lang_ja #lang_nav_ja #nav_ja li a {
	float: left;
	height: 22px;
	overflow: hidden;
	display: block;
	background-image: url(../en/img/header/lnav-ja.gif);
}

/* Navi Buttons English
-----------------*/
#header #lang #nav li#japanese a {
	background-position: 0 0;
	width: 82px;
}
#header #lang #nav li#english a {
	background-position: -82px 0;
	width: 82px;
}
/* Over States English
-----------------*/
#header #lang #nav li#japanese a:hover {
	background-position: 0 -22px;
	width: 82px;
}
#header #lang #nav li#english a:hover {
	background-position: -82px -22px;
	width: 82px;
}

/* Navi Buttons Japanese
-----------------*/
#header #lang_ja #nav_ja li#japanese a {
	background-position: 0 0;
	width: 82px;
}
#header #lang_ja #nav_ja li#english a {
	background-position: -82px 0;
	width: 82px;
}
/* Over States Japanese
-----------------*/
#header #lang_ja #nav_ja li#japanese a:hover {
	background-position: 0 -22px;
	width: 82px;
}
#header #lang_ja #nav_ja
 li#english a:hover {
	background-position: -82px -22px;
	width: 82px;
}


/* header Navi
------------------------------*/
#header #nav_area {
	clear: both;
	margin: auto;
	height: 26px;
	width: 800px;
	overflow: visible;
	position: relative;
}
#header #nav_area #hnav {
	float: left;
}
#header #nav_area #nav {
	padding-left: 360px;
}
#header #nav_area #nav li {
	display: inline;
	text-indent: -9999em;
}
#header #nav_area #nav li a {
	float: left;
	height: 26px;
	overflow: hidden;
	display: block;
	background-image: url(../img/header/nav.gif);
}
/* Navi Buttons
-----------------*/
#header #nav_area #nav li#hn-profile a {
	background-position: 0 0;
	width: 76px;
}
#header #nav_area #nav li#hn-supplier a {
	background-position: -76px 0;
	width: 92px;
}
#header #nav_area #nav li#hn-contact a {
	background-position: -168px 0;
	width: 81px;
}
/* Over States
-----------------*/
#header #nav_area #nav li#hn-profile a:hover {
	background-position: 0 -26px;
	width: 76px;
}
#header #nav_area #nav li#hn-supplier a:hover {
	background-position: -76px -26px;
	width: 92px;
}
#header #nav_area #nav li#hn-contact a:hover {
	background-position: -168px -26px;
	width: 81px;
}
/* Search Area
------------------------------*/
#google {
	float: right;
}
form#search {
	vertical-align: top;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
#search input {
	padding: 0px;
	margin: 0px;
	vertical-align: bottom;
}
#search img {
	vertical-align: top;
	margin-top: -5px;
}
input#searchbox {
	width: 139px;
	height:17px;
	font-size: 73%;
	border-top:1px solid #333;
	border-left:1px solid #333;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
input#searchbtn {
	height: 17px;
	width: 30px;
	margin-left: 0;
	border: 0px;
	font-size: 73%;
	cursor: pointer;
}
/* Global Navigation
-----------------------------------------------------------*/
#gnav {
	clear: both;
	width: 800px;
	height: 50px;
	position: relative;
}
#gnav #gn li {
	display: inline;
	text-indent: -9999em;
}
#gnav #gn li a {
	float: left;
	overflow: hidden;
	display: block;
	background-image: url(../img/nav/nav_6.gif);
}
/* Buttons
------------------------------*/
#gnav #gn li#gn1 a {
	width: 133px;
	height: 50px;
	background-position: 0 0;
}
#gnav #gn li#gn2 a {
	width: 133px;
	height: 50px;
	background-position: -133px 0;
}
#gnav #gn li#gn3 a {
	width: 133px;
	height: 50px;
	background-position: -266px 0;
}
#gnav #gn li#gn4 a {
	width: 133px;
	height: 50px;
	background-position: -399px 0;
}
#gnav #gn li#gn5 a {
	width: 134px;
	height: 50px;
	background-position: -532px 0;
}
#gnav #gn li#gn6 a {
	width: 134px;
	height: 50px;
	background-position: -666px 0;
}

/* Over States
------------------------------*/
#gnav #gn li#gn1 a:hover {
	background-position: 0 -50px;
}
#gnav #gn li#gn2 a:hover {
	background-position: -133px -50px;
}
#gnav #gn li#gn3 a:hover {
	background-position: -266px -50px;
}
#gnav #gn li#gn4 a:hover {
	background-position: -399px -50px;
}
#gnav #gn li#gn5 a:hover {
	background-position: -532px -50px;
}
#gnav #gn li#gn6 a:hover {
	background-position: -666px -50px;
}
/* Pressed States
------------------------------*/
#gnav #gn li#gn1 a:active {
	background-position: 0 -100px;
}
#gnav #gn li#gn2 a:active {
	background-position: -133px -100px;
}
#gnav #gn li#gn3 a:active {
	background-position: -266px -100px;
}
#gnav #gn li#gn4 a:active {
	background-position: -399px -100px;
}
#gnav #gn li#gn5 a:active {
	background-position: -532px -100px;
}
#gnav #gn li#gn6 a:active {
	background-position: -666px -100px;
}



/* Global Navigation English
-----------------------------------------------------------*/
#gnav_eng {
	clear: both;
	width: 800px;
	height: 50px;
	position: relative;
}
#gnav_eng #gn li {
	display: inline;
	text-indent: -9999em;
}
#gnav_eng #gn li a {
	float: left;
	width: 200px;
	height: 50px;
	overflow: hidden;
	display: block;
	background-image: url(../en/img/header/gnav_eng.gif);
}
/* Buttons
------------------------------*/
#gnav_eng #gn li#gn1 a {
	background-position: 0 0;
}
#gnav_eng #gn li#gn2 a {
	background-position: -200px 0;
}
#gnav_eng #gn li#gn3 a {
	background-position: -400px 0;
}
#gnav_eng #gn li#gn4 a {
	background-position: -600px 0;
}

/* Over States
------------------------------*/
#gnav_eng #gn li#gn1 a:hover {
	background-position: 0 -50px;
}
#gnav_eng #gn li#gn2 a:hover {
	background-position: -200px -50px;
}
#gnav_eng #gn li#gn3 a:hover {
	background-position: -400px -50px;
}
#gnav_eng #gn li#gn4 a:hover {
	background-position: -600px -50px;
}

/* Pressed States
------------------------------*/
#gnav_eng #gn li#gn1 a:active {
	background-position: 0 -100px;
}
#gnav_eng #gn li#gn2 a:active {
	background-position: -200px -100px;
}
#gnav_eng #gn li#gn3 a:active {
	background-position: -400px -100px;
}
#gnav_eng #gn li#gn4 a:active {
	background-position: -600px -100px;
}


/* Flash
-----------------------------------------------------------*/
#flash {
	clear: both;
	margin: 0;
	width: 800px;
	height: 300px;
}
#flash-js {
	clear: both;
	margin: 0;
	width: 800px;
	height: 320px;
	background-image: url(../img/top/slider/main-visual.jpg);
}
ul#slider {
	margin: 0 auto;
	list-style-type: none;
	clear: both;
	background-image: url(../img/top/slider/main-visual.jpg);
}
div#slider_navi {
	clear: both;
	text-align: center;
	/*padding-bottom: 10px;*/
	margin-top: 10px;
	margin-bottom: 10px;
}
div#slider_navi.activeSlide a {
	background: #000;
}
div#slider_navi a {
	background: #000000;
	height: 10px;
	padding: 1px 4px;
	display: inline-block;
	line-height: 1.5;
	font-size: 7px;
	font-weight: bold;
	margin-right: 5px;
	color: #000000;
	text-decoration: none;
}
div#slider_navi a:hover {
	background: #000000;
}
div#slider_navi a.activeSlide, div#slider_navi a:hover {
	color: #594e52;
	background: #594e52;
}
.slider-wrapper {
	clear: both;
	width: 800px;
}
.slider-left {
	float: left;
	width: 200px;
	height: 260px;
	margin: 0;
	padding: 10px 10px;
	overflow: hidden;
	text-align: left;
	font-size: 75%;
	background: none;
}
.slider-right {
	float: right;
	width: 530px;
	height: 260px;
	padding: 10px 10px;
	overflow: hidden;
	text-align: left;
	font-size: 75%;
	background: none;
}
.slider-right-l {
	float: left;
	width: 200px;
}
.slider-right-r {
	float: right;
	width: 250px;
	color: #ffffff;
	font-weight: bold;
}
.slider-right-r a:hover {
	background: none;
}
/* TopLeft & TopRight Box
-----------------------------------------------------------*/
#topleft {
	clear: both;
	float: left;
	margin-top: 10px;
	width: 480px;
	text-align: left;
	padding-bottom: 35px;
}
#topright {
	float: right;
	margin-top: 10px;
	width: 310px;
	text-align: right;
	padding-bottom: 35px;
}
/* TopLeft
------------------------------*/
/* PickUp-English
-----------------*/
#topleft .eng_top_h2 {
    color: #0f2350;
	background-color: #e9ecf1;
	font-size: 80%;
	vertical-align: middle;
	padding: 3px 10px;
	border-top: 1px solid #c2c3c7;
	border-bottom: 1px solid #c2c3c7;
}
#topleft #pickup .box_eng {
	width: 477px;
	margin-top: 10px;
	/*border-bottom: 1px dotted #9fa09e;*/
	padding-bottom:7px;
}
#topleft #pickup .box_eng img.product {
	float: left;
}
#topleft #pickup .box_eng .comment_eng {
	float: right;
	width: 270px;
	font-size: 75%;
	line-height: 130%;
}
#topleft .comment_eng h3 {
    margin-bottom: 7px;
}

/* PickUp-New
-----------------*/
#topleft #pickup2 {
	width: 477px;
}
#topleft #pickup2 .boxleft {
	width: 230px;
	float: left;
	margin-top: 10px;
	padding-bottom:7px;
}
#topleft #pickup2 .boxright {
	width: 230px;
	float: right;
	margin-top: 10px;
	padding-bottom:7px;
}
#topleft #pickup2 img.product {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
#topleft #pickup2 .boxleft .comment2 {
	font-size: 90%;
}
#topleft #pickup2 .boxright .comment2 {
	font-size: 90%;
}
#topleft #pickup2 .boxleft .comment2 h3 {
	margin-bottom: 5px;
	font-size: 100% !important;
}
#topleft #pickup2 .boxright .comment2 h3 {
	margin-bottom: 5px;
	font-size: 100% !important;
}
#topleft #pickup2 .boxleft .supplier {
	font-size: 80%;
	font-weight: bold;
	color: #333333;
	margin-bottom: 5px;
}
#topleft #pickup2 .boxright .supplier {
	font-size: 85%;
	font-weight: bold;
	color: #333333;
	margin-bottom: 5px;
}
#topleft #pickup2 .comment2 p {
	line-height: 125%;
}
#topleft #pickup2 .comment2 .pr {
}
#topleft .between {
     clear: both;
	 border-bottom: dotted 1px #9fa09e;
}
/* PickUp-1st
-----------------*/
#topleft #pickup {
	width: 477px;
}
#topleft #pickup .box {
	width: 477px;
	margin-top: 10px;
	border-bottom: 1px dotted #9fa09e;
	padding-bottom:7px;
}
#topleft #pickup .box img.product {
	float: left;
}
#topleft #pickup .box .comment {
	float: right;
	width: 325px;
	font-size: 90%;
}
#topleft #pickup .box .comment h3 {
	margin-bottom: 5px;
	margin-top: -2px;
	font-size: 100% !important;
}
#topleft #pickup .box .supplier {
	font-size: 90%;
	font-weight: bold;
	color: #333333;
	margin-bottom: 5px;
}
#topleft #pickup .box .comment p {
	line-height: 125%;
}
/* TopRight
------------------------------*/
/* English
-----------------*/
#topright .eng_top_h2 {
    color: #0f2350;
	background-color: #e9ecf1;
	font-size: 100%;
	text-align: left;
	vertical-align: middle;
	padding: 3px 10px;
	border-top: 1px solid #c2c3c7;
	border-bottom: 1px solid #c2c3c7;
}
/* Topics
-----------------*/
#topright #topics {
	width: 296px;
	margin: 0 0 20px 0;
	float: right;
}
#topright #news h2 {
	clear : both;
	text-align : right;
}
#topright #topics ul {
	margin-top: 10px;
}
#topright #topics li {
	float: left;
	list-style-type: none;
	margin-bottom: 5px;
}
#topright .banner-l {
	margin-right: 16px;
}
/* News
-----------------*/
#topright #news {
	clear: both;/*float: right;*/
	text-align: left;
}
#topright #news h2 {
	margin-bottom: 10px;
}
#topright #news h3 {
	font-size: 90%;
}
#topright #news dl {
	padding-left: 25px;
	line-height: 130% !important;
	text-align: left;
}
#topright #news dt {
	color: #001e43;
}
#topright #news dd {
	padding-left: 10px;
	padding-bottom: 5px;
}
#topright #news .pastnews {
    margin-top: 5px;
	text-align: right;
}
/* News English
-----------------*/
#topright #news .eng_products {
	clear: both;
    line-height: 130%;
	border-bottom: 1px dotted #696969;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#topright #news .eng_products_nodot {
	clear: both;
    line-height: 130%;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#topright #news p.clrboth {
	clear: both;
	margin-bottom: -5px;
}


/* Contact
-----------------*/
#topright #contact {
	width: 296px;
	border: 1px solid #9fa09e;
	margin-top: 20px;
	float: right;
	text-align: center;
	line-height: 120%;
	padding: 10px 0;
}
#topright #contact p {
	margin: auto;
	width: 220px;
	text-align: left;
}
/* Contact (Independent type)
-----------------------------------------------------------*/
#contact {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	text-align: center;
	border: 1px solid #9fa09e;
	line-height: 120%;
	padding: 10px 0;
	width: 800px;
	font-size: 70%;
}
#contact p {
	margin-left: auto;
	margin-right: auto;
	width: 790px;
}
/* Footer
-----------------------------------------------------------*/
#footer {
	clear: both;
	margin: auto;
	width: 800px;
	border-top: 4px solid #000106;
}
.copyright {
	clear: both;
	margin-bottom: 20px;
}
/* footer Navi
------------------------------*/
#footer #nav {
	padding-left: 15px;
	padding-top: 7px;
	padding-bottom: 10px;
	height: 22px;
	position: relative;
}
#footer #nav li {
	display: inline;
	text-indent: -9999em;
}
#footer #nav li a {
	float: left;
	height: 22px;
	overflow: hidden;
	display: block;
	background-image: url(../img/footer/nav.gif);
}
/* Navi Buttons
-----------------*/
#footer #nav li#fn1 a {
	background-position: 0 0;
	width: 77px;
}
#footer #nav li#fn2 a {
	background-position: -77px 0;
	width: 118px;
}
#footer #nav li#fn3 a {
	background-position: -195px 0;
	width: 150px;
}
#footer #nav li#fn4 a {
	background-position: -345px 0;
	width: 65px;
}
/* Over States
-----------------*/
#footer #nav li#fn1 a:hover {
	background-position: 0 -22px;
	width: 77px;
}
#footer #nav li#fn2 a:hover {
	background-position: -77px -22px;
	width: 118px;
}
#footer #nav li#fn3 a:hover {
	background-position: -195px -22px;
	width: 150px;
}
#footer #nav li#fn4 a:hover {
	background-position: -345px -22px;
	width: 65px;
}

/* footer Navi English
------------------------------*/
#footer #nav_eng {
	padding-left: 15px;
	padding-top: 7px;
	padding-bottom: 10px;
	height: 22px;
	position: relative;
}
#footer #nav_eng li {
	display: inline;
	text-indent: -9999em;
}
#footer #nav_eng li a {
	float: left;
	height: 22px;
	overflow: hidden;
	display: block;
	background-image: url(../en/img/footer/fnav_eng.gif);
}
/* Navi Buttons
-----------------*/
#footer #nav_eng li#fn1 a {
	background-position: 0 0;
	width: 95px;
}
#footer #nav_eng li#fn2 a {
	background-position: -95px 0;
	width: 39px;
}

/* Over States
-----------------*/
#footer #nav_eng li#fn1 a:hover {
	background-position: 0 -22px;
	width: 95px;
}
#footer #nav_eng li#fn2 a:hover {
	background-position: -95px -22px;
	width: 39px;
}