@charset 'UTF-8';

/* ------------------------------------
*
*Since: 2008-07-25
*Editor: D_sasaki
*
-------------------------------------*/

/* Style Index ==========================================================

	01: top

======================================================================= */



/*
01. top
-------------------------------------*/
	
/* >>> flashArea <<<-----------*/
div#flashArea {
	margin:0 0 20px;
}

/* >>> topicArea <<<-----------*/
div#topicArea {
	margin:0 0 20px;
}

div#topicArea div.topicSection {
	width:326px;
	float:left;
	margin:0 1px 0 0;
	background-image:url(../images/top/top_bg_001.gif);
}

div#topicArea div.topicSection.lastChild {
	margin:0;
}

div.topicInner {
	padding:0 4px 0;
	height:128px;
	position:relative;
	overflow:hidden;
}

div.topicSection div.topicInner div.more {
	position:absolute;
	top:102px;
	right:4px;
	zoom:1;
}

div.topicSection div.topicInner a {
	color:#CCCCCC;
}

div.topicSection  div.topicInner a:hover {
	text-decoration:underline;
}

/* >>> topic01 <<<-----------*/
div#topic01 ul li {
	background-color:#333333;
	padding:0 10px;
	margin:0 0 2px;
	line-height:17px;
	font-size:1em;
	zoom:1;
}

div#topic01 ul li a {
	display:block;
	width:100%;
}

/* >>> topic02 <<<-----------*/
div#topic02 div.topic02Stage {
	background-color:#333333;
	border:1px solid #525252;
	padding:0 9px 8px 9px;
	margin:0 0 3px;
}	

div#topic02 div.topic02Stage .img {
	float:left;
	width:96px;
	padding:8px 0 0;
}

div#topic02 div.topic02Stage .img img {
	border:1px solid #525252;
}

div#topic02 div.topic02Stage .img a:hover img {
	border:1px solid #B3B3B3;
}

div#topic02 div.topic02Stage .txt {
	float:right;
	width:200px;
	font-size:1em;
	padding:8px 0 0;
}

div#topic02 ul#topic02Sams {
	padding:0 0 0 13px;
}

div#topic02 ul#topic02Sams li {
	float:left;
	margin:0 2px 0 0;
}

div#topic02 ul#topic02Sams li img {
	border:1px solid #525252;
}

div#topic02 ul#topic02Sams li a.on img,
div#topic02 ul#topic02Sams li a:hover img {
	border:1px solid #B3B3B3;
}


/* >>> topic03 <<<-----------*/
div#topic03 ul#topic03Tabs li {
	float:left;
	margin:0 2px 0 0;
	width:62px;
	height:20px;
}

div#topic03 ul#topic03Tabs li.lastChild {
	margin:0;
}

div#topic03 ul#topic03Tabs li a {
	background-repeat:no-repeat;
	display:block;
	width:100%;
	height:100%;
}

div#topic03 ul#topic03Tabs li#topic03Tabs01 a {
	background-image:url(../images/top/top_tab_001.gif);
}

div#topic03 ul#topic03Tabs li#topic03Tabs02 a {
	background-image:url(../images/top/top_tab_002.gif);
}

div#topic03 ul#topic03Tabs li#topic03Tabs03 a {
	background-image:url(../images/top/top_tab_003.gif);
}

div#topic03 ul#topic03Tabs li#topic03Tabs04 a {
	background-image:url(../images/top/top_tab_004.gif);
}

div#topic03 ul#topic03Tabs li#topic03Tabs05 a {
	background-image:url(../images/top/top_tab_005.gif);
}

div#topic03 ul#topic03Tabs li a.on,
div#topic03 ul#topic03Tabs li a:hover {
	background-position:left bottom;
}

div#topic03 div.topic03Stage {
	background-color:#333333;
	border:1px solid #525252;
	border-top:none;
	padding:8px 9px;
	zoom:1;
}	

div#topic03 div.topic03Stage .scrollContent {
	height:58px;
}


div#topic03 div.topic03Stage .img {
	float:left;
	width:96px;
}

div#topic03 div.topic03Stage .img img {
	border:1px solid #525252;
}

div#topic03 div.topic03Stage .img a:hover img {
	border:1px solid #B3B3B3;
}

div#topic03 div.topic03Stage .txt {
	float:right;
	width:185px;
	font-size:1em;
}

/* >>> rentalIndex <<<-----------*/
div#rentalIndex {
	background-color:#D5D5D5;
	margin:0 0 20px;
}

div#rentalIndex ul li {
	float:left;
}

/* >>> topBannerArea <<<-----------*/
div#topBannerArea {
	margin:0 0 29px;
}

/* >>> jScrollPaneContainer <<<-----------*/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	width:298px !important;
	height:58px !important;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background-color:#333333;
}
.jScrollPaneDrag {
	position: absolute;
	background-color:#525252;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-image:url(../images/top/top_btn_002.gif);
	background-repeat:no-repeat;
	height: 6px;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-image:url(../images/top/top_btn_003.gif);
	background-repeat:no-repeat;
	height: 6px;
}