@charset "utf-8";

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

種別 ： トップ専用css
適用 ： トップ固有スタイル

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

/* メインイメージ
=============================================== */
/*-- スライド大枠 --*/
#sliderBg{
	margin-bottom: 15px;
	height: 246px;
	width:606px;
	background: url("../../img/slideBg.jpg") 0 0 no-repeat;
}
#RIGHT_COL .slider-wrap{
	height: 246px;
	width:606px;
	overflow:hidden;
	position:relative;
	z-index: 99;
}
.panelContainer {
	position: relative;
	left: 0px;
	top: 0px;
}
.stripViewer { /* This is the viewing window */
	width:594px;
	overflow:hidden;
	position:relative;
	clear: both;
	margin-left:6px;
}
.panel {
	float:left;
	position: relative;
	z-index: 99;
}
.panel{
margin-top: 5px;
}

.panel p{
	position: relative;
}
.panel p span{
	position: absolute;
	display: block;
	bottom: 20px;
	width: 20px;
	height:20px;
	left: 400px;
}
#RIGHT_COL .slider-wrap a{
	outline : 0 ;
}
.stripNavL, .stripNavR{
	display: none;
}

#stripNav0{
	position: absolute;
	z-index: 9999;
	bottom: 18px;
	left: 14px;
	width:380px !important;
}
#stripNav0 li{
	float: left;
}
#stripNav0 li.tab1{
	display: none;
}
#stripNav0 li.tab2 a{
	width: 185px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	background: url("../../img/slideBtn01.png") 0 0 no-repeat;
}
#stripNav0 li.tab2 a:hover{
	background: url("../../img/slideBtn01_on.png") 0 0 no-repeat;
}
#stripNav0 li.tab2 a.current{
	background: url("../../img/slideBtn01_on.png") 0 0 no-repeat;
}
#stripNav0 li.tab3 a{
	width: 195px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	background: url("../../img/slideBtn02.png") 0 0 no-repeat;
}
#stripNav0 li.tab3 a:hover{
	background: url("../../img/slideBtn02_on.png") 0 0 no-repeat;
}
#stripNav0 li.tab3 a.current{
	background: url("../../img/slideBtn02_on.png") 0 0 no-repeat;
}
* html #stripNav0 li.tab2 a,
* html #stripNav0 li.tab3 a{
	behavior: expression(IEPNGFIX.fix(this));
}

/*右カラム　1段目
=============================================== */
#RIGHT_COL #mainCol01{
	width: 600px;
	margin-left: 3px;
	padding-bottom: 15px;
}
#RIGHT_COL .col_r{
	width: 260px;
}

/*-- 新着情報 --*/
#RIGHT_COL #news{
	width: 324px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}
#RIGHT_COL #news h3{
	padding-bottom: 10px;
}
#RIGHT_COL #news dl{
	height:215px;
	overflow:auto;
	padding-right: 8px;
}
#RIGHT_COL #news dl {
	height /*\**/: 219px\9;
	_height:219px;
}

#RIGHT_COL #news dt{
	padding-top:5px;
	padding-left:8px;
	font-weight: bold;
	font-size: 11px;
	color: #666;
}
#RIGHT_COL #news dt.newsFirst{
	padding-top:0px;
}
#RIGHT_COL #news dt span{
	display: block;
	padding-left: 12px;
	background: url("../../img/topicsOb.gif") 0 center no-repeat;
}
#RIGHT_COL #news  dd{
	padding-left: 20px;
	padding-bottom: 5px;
}
#RIGHT_COL #news  dd a{
	text-decoration: underline;
}
#RIGHT_COL #news  dd a:hover{
	text-decoration: none;
}
#RIGHT_COL #news .newsOdd{
	background: #F3F8F3;
}

/*-- 動画 --*/
#RIGHT_COL  #movie{
	margin-top: 6px;
	padding: 7px 14px;
	_padding: 7px 13px;
	border: solid #ccc 2px;
	background: url("../img/dottedBg.jpg") 0 0;
}
#RIGHT_COL  #movie p{
	_border-top: 1px solid #000;
}

/*右カラム　2段目
=============================================== */
#RIGHT_COL #mainCol02{
	width: 600px;
	margin-left: 3px;
}
/*-- 推薦メッセージ --*/
#RIGHT_COL #mainCol02 h3{
}
#RIGHT_COL #mainCol02 .item{
	width:296px;
	float: left;
	margin-top: 6px;
}
#RIGHT_COL #mainCol02 .itemR{
	float: right;
}
#RIGHT_COL #mainCol02 .item2{
	width:294px;
	border: solid #ccc 1px;
	background: url("../img/dottedBg02.jpg") 0 0;
	position: relative;
}
#RIGHT_COL #mainCol02 .item .col_l{
	padding: 7px 0;
	width:100px;
}
#RIGHT_COL #mainCol02 .item .col_l p{
	padding-left: 8px;
}
#RIGHT_COL #mainCol02 .item .col_r{
	padding: 7px 0;
	width:184px;
	line-height: 1.3;
	padding-bottom: 16px;
	float: left;
}
#RIGHT_COL #mainCol02 .item .col_r .title{
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #83AB7C;
}
#RIGHT_COL #mainCol02 .item .btn{
	position: absolute;
	right: 8px;
	bottom: 8px;
}