@charset "UTF-8";

/* :::::::::::::::::::::::::::::::::::::::::::::

	name:			base.css;
	last-modified:	2009-12-10;

::::::::::::::::::::::::::::::::::::::::::::: */


/* css start ------------ */


/* :::::::::::::::::::::::::::::::::::::::::::::
	style reset
::::::::::::::::::::::::::::::::::::::::::::: */

html, body,
h1, h2, h3, h4, h5, h6,
p, pre, blockquote,
ul, ol, li,
dl, dt, dd, address {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

ul, ol {
	list-style-type: none;
}



/* :::::::::::::::::::::::::::::::::::::::::::::
	default style
::::::::::::::::::::::::::::::::::::::::::::: */

hr {
	display: none;
}

strong {
	font-weight: bold;
	text-decoration: none;
}

address {
	font-weight: normal;
	font-style: normal;
}



/* :::::::::::::::::::::::::::::::::::::::::::::
	class
::::::::::::::::::::::::::::::::::::::::::::: */

/* clearfix: Ver. 2007.05.31 ---------------- */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:1; overflow:hidden; }
.clearfix { display:inline-block; }
/*\*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/**/



/* :::::::::::::::::::::::::::::::::::::::::::::
	typography
::::::::::::::::::::::::::::::::::::::::::::: */

body {
	font-family: Optima, "Lucida Grande", Verdana, "MS P Gothic", sans-serif;
}


html>/**/body { font-size: 16px; line-height: normal; } /* except Win IE */

.txt10 { font-size: 63%; line-height: 1.4em;}	/* 10px */
.txt12 { font-size: 75%; line-height: 1.75em;}	/* 12px */
.txt14 { font-size: 88%;}	/* 14px */

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}



/* :::::::::::::::::::::::::::::::::::::::::::::
	essential
::::::::::::::::::::::::::::::::::::::::::::: */

body {
	color: #666;
}

a:link,
a:visited {
	color: #bc1b20;
	text-decoration: none;
}

a:active,
a:hover {
	color: #bc1b20;
	text-decoration: underline;
}

a {
	outline: none;
}


/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	layout
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

html, body {
	min-width: 950px;
	background: #f1f0f0 url(../img/bg_x.gif) repeat-x;
    margin: 0 auto;
}

div#wrapper {
	width: 100%;
	background: url(../img/bg_y.gif) repeat-y 50% 0%;
	text-align: center;
}

div#wrapper div.wrapper_bg {
	width: 100%;
	background: url(../img/bg_top.gif) no-repeat 50% 0%;
}


/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	header
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#header {
	background: url(../img/bg_header.gif) repeat-x left top;
	padding-top: 8px;
	height: 63px;
}

#header .inner {
	margin: 0 auto;
	width: 950px;	
}

div#header p.logo {
	float: left;
	padding: 9px 0 0 3px;
    text-align: left;
}

div#container {
	text-align: left;
}

div#container ul#gnav {
	background: url(../img/bg_gnavi.gif) no-repeat left top;
	float: right;
	width: 775px;
}

div#container ul#gnav li {
	float: left;
}

div#container ul#gnav li a {
	display: block;
}

div#container ul#gnav li a img {
	display: block;
}

div#container ul#gnav li a:hover img {
	opacity: 0;
	filter: alpha(opacity=0);
}

div#container ul.top li.top a {
	width: 65px;
	margin-right: -1px;
	padding-right: 1px;
	position: relative;
	background: url(../img/gnav01_ov.gif) no-repeat left top;	
}

div#container ul.mechanism li.mechanism a {
	width: 95px;
	margin-right: -1px;
	padding-right: 1px;
	position: relative;
	background: url(../img/gnav02_ov.gif) no-repeat left top;	
}

div#container ul.pickup li.pickup a {
	width: 94px;
	margin-right: -1px;
	padding-right: 1px;
	position: relative;
	background: url(../img/gnav03_ov.gif) no-repeat left top;	
}

div#container ul.lineup li.lineup a {
	width: 94px;
	margin-right: -1px;
	padding-right: 1px;
	position: relative;
	background: url(../img/gnav04_ov.gif) no-repeat left top;	
}

div#container ul.conclusion li.conclusion a {
	width: 110px;
	margin-right: -1px;
	padding-right: 1px;
	position: relative;
	background: url(../img/gnav05_ov.gif) no-repeat left top;	
}

div#container ul.journal li.journal a {
	width: 124px;
	margin-right: -1px;
	padding-right: 1px;
	position: relative;
	background: url(../img/gnav06_ov.gif) no-repeat left top;	
}

div#container ul.history li.history a {
	width: 95px;
	margin-right: -1px;
	padding-right: 1px;
	position: relative;
	background: url(../img/gnav07_ov.gif) no-repeat left top;	
}

div#container ul.shoplist li.shoplist a {
	background: url(../img/gnav08_ov.gif) no-repeat left top;	
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	content
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#content {
	margin: 0 auto;
	position: relative;
	width: 950px;
}

div#content h1 {
	padding: 30px 0 0 30px;
	width: 200px;
}

div#content p.btn_back {
	position: absolute;
	top: 101px; right: 46px;
}

div#content p.pagetop {
	padding: 0 8px 1px 0;
	text-align: right;
}




/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	footer
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#footer_wrapper {
	width: 100%;
	background: url(../img/foot_bg_y.gif) repeat-y 50% 0%;
}

div#footer_wrapper div.foot_bg {
	width: 100%;
	background: url(../img/foot_bg_btm.gif) no-repeat 50% 100%;
}

div#footer_wrapper div.foot_bg div.foot_bg {
	width: 100%;
	padding: 25px 0 25px 0;
	background: url(../img/foot_bg_top.gif) no-repeat 50% 0%;
}

div#footer_wrapper div.natureArea {
	margin: 0 auto;
	width: 980px;	
}

div#footer_wrapper div.natureArea ul {
	padding-top: 12px;
	text-align: right;
}

div#footer_wrapper div.natureArea ul li {
	display: inline;
}

div#footer {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}

div#footer img {
	display: block;
}

#footer_brand{
	background: #f1f0f0;
	padding:9px 0 30px;
}
#footer_brand ul{
	width: 950px;
	margin: 0 auto;
	text-align: left;
	padding-top: 1px;
}
	
#footer_brand ul li{
	padding-left: 10px;
	text-align: left;
	display: inline;
	margin-right: 10px;
	float: left;
	line-height: 1.2;
}
div#footer p.logo { float:left; padding:0 0 0 0; margin: 0 12px 0 0; }
div#footer ul { float:right; width:auto; margin:0; padding:2px 0 0; overflow:hidden; list-style:none; vertical-align: bottom; }
div#footer ul li { float:left; margin:0 0 0 -1px; padding:0 10px; border-left:1px solid #888888; font-size:11px; line-height:1.2; }
div#footer ul li.foot_first { float:left; margin:0 0 0 -1px; padding:0 10px; border-left:none; font-size:11px; line-height:1.2; }
div#footer ul li a { color:#7c7c7c; }
div#footer p.copyright { clear:left; padding:0 0 0 30px; }

div#footer .footerLink {
	margin: 0 17px 9px 30px;
}

.reds{ color:#F00; font-weight:700; }

/* css end ------------ */