@charset "UTF-8";

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

	name:			top.css;
	last-modified:	2011-02-17;

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


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



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

body.idxpage {
	background: #f8f8f8!important;
}
body.idxpage div#wrapper {
	background: none;
}
body.idxpage div#wrapper div.wrapper_bg {
	background: none;
}
body.idxpage div#idx_header {
	background: #fff;
	width: 100%;
}
body.idxpage div#idx_header div#header {
	background: none;
	height: 63px;
	margin: 0 auto;
	position: relative;
	width: 950px;
	padding: 0;
}
#idx_header{ overflow: hidden; zoom: 1;}
* html #idx_header{ margin-bottom: -18px;}
*:first-child + html #idx_header{ margin-bottom: 6px;}
#idx_header .logo{
	width: 200px;
	padding: 7px 0 0 29px;
}
#idx_header.k_s_lt,
#idx_header .k_s_rt {
	top:11px;
}
#idx_header .k_s_rt {
	right:8px;
}
#idx_header #k_g_nav {
	width:600px;
}
body.idxpage div#container {
	width: 100%;
}
body.idxpage div.movArea h1 {
	background: #f8f8f8 url(../img/bg_flash.gif) no-repeat center top;
	text-align: center;
}
body.idxpage div.movArea h1 img {
	margin: 0 auto;
}
body.idxpage div#gnav_wrapper {
	clear: both;
	width: 100%;
	height: 76px;
	padding-top:6px;
	overflow: hidden;
    background: url(../img/bg_gnav_x.gif) repeat-x 0 0;
}
body.idxpage div#container ul#gnav {
	background: url(../img/bg_gnavi.gif) no-repeat 0 0;
	float: none;
	height: 58px;
	margin: 0 auto;
    width: 980px;
}

body.idxpage div#container ul#gnav li a {
	display:block;
	height: 58px;
	float: left;
}

body.idxpage div#container ul#gnav li a:hover img {
	display: block;
	visibility: visible;
}

div#container ul.top li.top a {
	width: 86px;
	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: 121px;
	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: 119px;
	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: 121px;
	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: 137px;
	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: 154px;
	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: 120px;
	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;	
}

*html div#container ul.top li.top a,
*html div#container ul.mechanism li.mechanism a,
*html div#container ul.pickup li.pickup a,
*html div#container ul.lineup li.lineup a,
*html div#container ul.conclusion li.conclusion a,
*html div#container ul.journal li.journal a,
*html div#container ul.history li.history a {
	margin-right: -2px;	
}

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

body.idxpage div.container {
	height: 650px;
	overflow-y: hidden;
}
body.idxpage div#content h1 {
	padding: 0 0 0 0;
}
body.idxpage div#content {
	padding-top: 15px;
	background: none;
	clear: both;
	margin: 0 auto;
	width: 986px;
	overflow: hidden;
	zoom: 1;
}

*html body.idxpage div#content {
	padding-top: 25px;	
}
*+html body.idxpage div#content {
	padding-top: 0px;	
}
body.idxpage div#content div.block ul.promotionArea {
	float: left;
	margin-right: -10px;
	width: 792px
}
body.idxpage div#content div.block ul.promotionArea li {
	display: inline;
	float: left;
	font-size: 0;
	padding: 0 10px 0 0;
	width: 386px;
}
body.idxpage div#content .jScrollPaneContainer {
	width: 191px!important;
}
body.idxpage div#content .jScrollPaneTrack {
	margin: 0 5px 0 0;
}
body.idxpage div#content .jScrollPaneDrag {
	margin: 0 5px 0 0;
}
body.idxpage div#content div.block div.topicsArea {
	float: right;
	margin: -2px -1px 0 0;
	width: 191px;
}
body.idxpage div#content div.block div#idx_topics {
	background: url(../img/bg_topics_btm.gif) no-repeat left bottom;
	padding-bottom: 14px;
}
body.idxpage div#content div.block div#topics {
	width: 187px!important;
	height: 114px;
	overflow-y: scroll;
	font-size: 11px;
	line-height: 1.1;
}
body.idxpage div#content div.block div#idx_topics h2 {
	font-size: 0;
	padding: 17px 0 0 16px;
	background: url(../img/bg_topics_top.gif) no-repeat 0 0;
	width: 175px;
}
body.idxpage div#content div.block div#topics dl {
	margin-top: 4px;
	padding: 0 35px 0 16px;
	width: 147px;
}
body.idxpage div#content div.block div#topics dl dt {
	color: #646464;
}
body.idxpage div#content div.block div#topics dl dd {
	color: #212121;
	padding: 1px 0 7px 0;
}
body.idxpage div#content div.block div#topics dl dd a {
	color: #bf1725;
	font-weight: bold;
	text-decoration: none;
}
body.idxpage div#content div.block div#topics dl dd a:hover {
	text-decoration: underline;
}
body.idxpage div#content div#main_img{
	float: right;
}
body.idxpage div#content div.natureArea {
	padding: 8px 0 0 15px;
}
body.idxpage div#content div.natureArea h3 {
	font-size: 0;
	padding-bottom: 8px;
}
body.idxpage div#content div.natureArea ul li {
	display: inline;
	float: left;
	font-size: 0;
	padding: 0 17px 0 0;
}

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

div#footer_wrapper {
    background: #fff url(../img/foot_bg_top.gif) no-repeat center top;
	clear: both;
	height: 147px;
	margin: 13px 0 0 0;
}
div#footer_wrapper p.logoArea {
	font-size: 0;
	margin: 0 auto;
	padding: 14px 5px 37px 0;
	text-align: right;
	width: 975px;
}
body.idxpage div#footer {height: 35px; }
body.idxpage div#footer ul { overflow: inherit; vertical-align: top; }
body.idxpage div#footer ul li { line-height: 1.4!important;}
body.idxpage div#footer ul li a { text-decoration: none; }
body.idxpage div#footer ul li a:hover { text-decoration: underline!important;}
body.idxpage div#footer p.copyright{float: left; }

body.idxpage div#footer_wrapper div.foot_bg {
	background: none;
}
body.idxpage div#footer_wrapper div.foot_bg div.foot_bg {
	padding: 55px 0 20px;
}

body.idxpage div#footer_brand {
	clear: both;
	background: #fff;
	padding-top: 18px;
}

* html body.idxpage div#footer_brand {
	margin-bottom: -4px;
	padding-top: 9px;
}

*:first-child + html body.idxpage div#footer_brand {
	margin-bottom: -4px;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	jcarousel
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.jcarousel-skin-tango .jcarousel-container {
	background: url(../img/bg_scroll.gif) repeat-x top;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
  
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
	margin: 0 auto;
    width:  916px;
    height: 224px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal ul li img {
	border: 1px solid #C7C7C7;	
}

.jcarousel-skin-tango .jcarousel-clip-horizontal ul li a:hover img {
	border: 1px solid #bf1726;	
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 223px;
    height: 200px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 8px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 224px;
    cursor: pointer;
    background: url(../img/btn_right.gif) no-repeat;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background: url(../img/btn_right_ov.gif) no-repeat;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background: url(../img/btn_right_ov.gif) no-repeat;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background: url(../img/btn_right_end.gif) no-repeat;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 0;
    left: 0;
    width: 28px;
    height: 224px;
    cursor: pointer;
    background: url(../img/btn_left.gif) no-repeat;
}

*html .jcarousel-skin-tango .jcarousel-prev-horizontal {
	left: -35px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background: url(../img/btn_left_ov.gif) no-repeat;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background: url(../img/btn_left_ov.gif) no-repeat;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background: url(../img/btn_left_end.gif) no-repeat;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

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