@charset "utf-8";

/* CSS Document */

/* Dec. 16, 2012    */
/* css for renew_index.html   */

body {
	background: #f7f7f7;
}

#wrapper {
	width: 1020px;
	padding-bottom: 20px;
	margin: 0 auto;
	background: url(../images/jexertop/bg_left_menu.png) repeat-y scroll left center;
	overflow: hidden;
	_zoom: 0;
	position:relative;
}

#left_menu {
	z-index:990;
	position:relative;
	float: left;
	width: 210px;
	margin-right: 35px;
}

#left_menu h1{
	margin: 15px auto 20px;
}

#left_menu #gnavi {
	position:relative;
	width: 146px;
	height:450px;
	margin: 0px 0px 30px 32px;
	padding:0px;
	top:0px;
	left:0px;
}

#bg_gnavi{
	position:absolute;
	width: 146px;
	/*height:415px;*/
	height:381px;
	padding:0px;
	top:0px;
	left:0px;
	background-image:url(../images/jexertop/gnavi_bg_line.gif);
	display:none;
}

/*for IE6,7*/
#left_menu #gnavi {
/margin-left:0px;
}

#gnavi li {
	position:absolute;
	height: 37px;
	width: 146px;
	margin-top:1px;
	opacity:0;
	left:-20px;
	z-index:0;
	background-color:#FFF;
	/*background-image:url(../images/jexertop/gnavi_bg_line.gif);*/
}

#shopBnr {
	width:171px;
	height:109px;
	padding-top:7px;
	margin:0 auto;
	background:url(./../images/jexertop/bnr_bg.gif) no-repeat;
}


/************************************************************************
 Slider:
*************************************************************************/

#left_menu #shopBnr ul.aviaslider{
width:155px; 	/*this changes the height of the image slider*/
height:95px;
overflow: hidden;
position: relative;
clear:both;
margin:0 auto;
background: #fff url(./../images/jexertop/preload.gif) center center no-repeat;
}

#left_menu #shopBnr ul li{
text-align:center;
}

.aviaslider li, .aviaslider .featured{
display: block;
width:100%;
height:100%;
position: absolute;
top:0;
left:0;
z-index: 1;
}

.js_active .aviaslider li, .js_active .aviaslider .featured{
display:none;
}

.aviaslider img, .aviaslider a img, .aviaslider a{
border:none;
text-decoration: none;
}

#left_menu #shopBnr .slidecontrolls{
margin:11px auto 0 30px;
position: relative;
left:41px;
/*left:39px;*/
width:auto;
float:left;
}

* html #wrapper #left_menu #shopBnr .slidecontrolls{
margin-top:11px;
}

#left_menu #shopBnr .slidecontrolls a{
height:7px;
width:7px;
padding-right:7px;
display:block;
cursor:pointer;
float:left;
outline:none;
background:url(./../images/jexertop/thumbnail.gif) center bottom no-repeat;
}

* html #wrapper #left_menu #shopBnr .slidecontrolls a{
margin-top:-5px;
}

#left_menu #shopBnr .slidecontrolls a:hover,
#left_menu #shopBnr .slidecontrolls .active_item{
background:url(./../images/jexertop/thumbnail.gif) center top no-repeat;
}

* html #wrapper #left_menu #shopBnr .slidecontrolls a:hover,
* html #wrapper #left_menu #shopBnr .slidecontrolls .active_item{
background:url(./../images/jexertop/thumbnail.gif) center 5px no-repeat;
}


/*-----------------------/slider-----------------------*/


#left_menu dl#pickup_btn {
	width: 169px;
	margin: 0 0 15px 20px;
}

/*for IE6,7*/
#left_menu dl#pickup_btn {
 /margin-left: 0;
}

#left_menu dl dt {
	margin-top:5px;
}

#pickup_btn dt a:hover img{	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60)";

}

#pickup_btn dd {
	padding-left: 7px;
	padding-bottom:7px;
	margin: 0 10px;
	font-size: 10px;
	line-height: 1.4;
	text-align: left;
	background: url(../images/jexertop/li_mark_gray.gif) no-repeat scroll left 2px;
}

#left_menu #left_footer {
	margin-top: 30px;
}

#left_footer ul {
	margin: 10px 0 10px 23px;
	text-align: left;
}

#left_footer ul li{
	line-height:16px;
}

#left_menu #left_footer li a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60)";
}

#main {
	position:relative;
	float: left;
	width: 775px;
	padding-top: 27px;
	z-index:10;
	_text-align:left;
}


#main .intro {
	position:relative;
	top:20px;
	left:0px;
	/*width: 772px;*/
	width: 785px;
	overflow: hidden;
	_zoom: 0;
	z-index:0;
	/*margin-top: 20px;*/
}

#main .intro li {
	float: left;
	margin-bottom: 19px;
	text-align: left;
	display:none;
}

/*1月CP用/////////////////////////////////////*/
#main .cp_area{
	position:absolute;
	top:127px;
	left:0px;
	z-index:20;
}

#main .cp_box{
	position:relative;
	height:410px;
	margin-bottom:20px;
}
.cpImageBox{
	position:relative;
	display:none;
	z-index:0;
	_zoom:0;
}

.cpImageBox li{
	position:absolute;
	top:0px;
	left:0px;
}
.cp_banner{
	display:block;
	position:fixed;
	_position:absolute;
	right:0px;
	top:200px;
	cursor:pointer;
	display:none;
}
.cp_box .mouse_over{
	position:absolute;
	width:759px;
	height:410px;
	top:0px;
	left:0px;
	z-index:80;
	display:none;
}
.cp_box .mouse_over .left{
	width:379px;
	height:410px;
	position:absolute;
	top:0px;
	left:0px;
}
.cp_box .mouse_over .left a{
	width:379px;
}
.cp_box .mouse_over .left a:hover{
	background:url(../images/jexertop/cp/cp0_over0.jpg);
}

.cp_box .mouse_over .right{
	width:380px;
	height:410px;
	position:absolute;
	top:0px;
	right:0px;
	_right:-1px;
}
.cp_box .mouse_over .right a{
	width:380px;
}

.cp_box .mouse_over .right a:hover{
	background:url(../images/jexertop/cp/cp0_over1.jpg);
}


.cp_box .mouse_over a{
	display:block;
	height:410px;
	background:url(../images/jexertop/cp/clear.gif);
	_zoom: 0;
}

.cp_box a.cp_opacity{
	height:451px;
	width:759px;
	display:block;
	_zoom:0;
}

.cp_box a.cp_opacity:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70)";
}


/*//////////////////////////////////////////*/


.intro li.mgnA {
	margin-right: 7px;
}

.intro li.mgnB {
	margin-right: 21px;
}

.intro li.mgnC {
	margin-right: 20px;
}

li.startBox{
}

/*////////////////////////*/
.arrow{
	width:9px;
	height:16px;
	top:11px;
	left:129px;
	background-image:url(../images/jexertop/arrow.gif);
	position:absolute;
	z-index:999;
	display:none;
}
#navi{
	position:relative;
}
.line{
	position:absolute;
	display:none;
	left:0px;
	top:0px;
	z-index:999;
	margin-left:32px;
}
/*for IE6,7*/
.line{
 /margin-left: 0;
}
/*////////////////////////*/

#ic01{
	background-image:url(../images/jexertop/icon01.jpg);
}
#ic02{
	background-image:url(../images/jexertop/icon02.jpg);
}
#ic03{
	background-image:url(../images/jexertop/icon03.jpg);
}
#ic04{
	background-image:url(../images/jexertop/icon04.jpg);
}
#ic05{
	background-image:url(../images/jexertop/icon05.jpg);
}
#ic06{
	background-image:url(../images/jexertop/icon06.jpg);
}
#ic07{
	background-image:url(../images/jexertop/icon07.jpg);
}
#ic08{
	background-image:url(../images/jexertop/icon08.jpg);
}
#ic09{
	background-image:url(../images/jexertop/icon09.jpg);
}
#ic10{
	background-image:url(../images/jexertop/icon10.jpg);
}
#ic11{
	background-image:url(../images/jexertop/icon11.jpg);
}
#ic12{
	background-image:url(../images/jexertop/icon12.jpg);
}
/*////////////////////////*/
#news{
	position:absolute;
	left:0px;
	top:27px;
	height:50px;
	width:100%;
	background-image:url(../images/jexertop/bg_news.jpg);
	background-repeat:repeat-x;
	z-index:0;
}
#news_cnt{
	position:relative;
	margin:0px auto;
	width:1000px;
	height:50px;
	background-image:url(../images/jexertop/bg_news_gr.png);
	overflow:hidden;
}
/*////////////////////////*/

#show{
	position:absolute;
	right:0px;
	z-index:99;
}
#new{
	position:absolute;
	left:-39px;
	top:20px;
	z-index:999;
}

#newsticker{
	position:relative;
	height:50px;
	width:804px;
	margin-left:-39px;
	margin-bottom:30px;
	overflow:hidden;
}

#news_list{
	width:800px;
	height:50px;
	overflow:hidden;
}

.list{
	position:relative;
	margin-left:810px;
	width:800px;
	height:50px;
	overflow:hidden;
	display:none;
	z-index:0;
}

.ic{
	position:absolute;
	top:15px;
	left:0px;
	width:94px;
	height:24px;
}

/*日付位置*/
.data_picker{
	position:absolute;
	left:106px;
	top:18px;
}

/*ライン位置*/
.news_line{
	position:absolute;
	height:34px;
	width:2px;
	top:10px;
	left:222px;
	background-image:url(../images/jexertop/line.jpg);
}
.news_text{
	position:absolute;
	top:17px;
	left:235px;
	width:425px;
	text-align:left;
}
.news_text a{
	color:#000000;
}
.news_text a:hover{
	text-decoration:none;
}

/*ライン位置*/
.introCP{
	position:relative;
	top:20px;
	left:0px;
	width: 772px;
}
.introCP li{
	width: 100%;
	height: 410px;
	margin-bottom:15px;
}
.introCP li img{
	display: none;
}

