/* CSS Document */

* { margin: 0px; padding: 0px}

p#cross-links {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}
p#cross-links { }
/*
noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
noscript a { color: #a00; text-decoration: underline }
noscript ol { margin-left: 25px; }
*/
a:focus { outline:none }

img { border: 0 }




/*slide01*/
#genre_slide_base .stripViewer .panelContainer .panel ul {
text-align: left;
margin: 0;
}

#genre_slide_base .slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 0px;
	position: relative;
	width: 659px;
	padding-bottom: 0px;
}

/* These 2 lines specify style applied while slider is loading */
#genre_slide_base .csw {width: 613px; height: 109px; background: #fff; overflow: scroll}
#genre_slide_base .csw .loading {/*margin: 200px 0 109px 0; text-align: center*/}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden;
	/*border: 5px solid #000;*/ /* this is the border. should have the same value for the links */
	margin: 0 auto; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 109px;
	clear: both;
	background: url(../img/slide01/bg_tile.gif);
	width: 613px;
}

#genre_slide_base .stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
position: relative;
left: 0; top: 0;
width: 100%;
list-style-type: none;
/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

#genre_slide_base .stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
float:left;
height: 100%;
position: relative;
width: 616px; /* Also specified in  .stripViewer  above */
}


/*商品写真*/
#genre_slide_base .stripViewer .panelContainer .panel img{
margin:0 3px 0 0;
}

#genre_slide_base .stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
padding: 3px 0;
}


/*上部ツールバー（非表示中）*/
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */

	
	display:none;
}



#genre_slide_base .stripNavL, .stripNavR { /* The left and right arrows */
position: absolute;
top: 0px;
text-indent: -9000em;
}

#genre_slide_base .stripNavL a, .stripNavR a {
display: block;
height: 109px;
width: 23px;
}

#genre_slide_base .stripNavL {
left: 0;
}

#genre_slide_base .stripNavR {
right: 0;
}

#genre_slide_base .stripNavL {
background: url(../img/slide01/arw_l.gif) no-repeat left;
}

#genre_slide_base .stripNavR {
background: url(../img/slide01/arw_r.gif) no-repeat right;
}






/*slide02*/
#ano_slide_base .stripViewer .panelContainer .panel ul {
text-align: left;
margin: 0;
}

#ano_slide_base .slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 0px;
	position: relative;
	width: 228px;
	padding-bottom: 0px;
}

/* These 2 lines specify style applied while slider is loading */
#ano_slide_base .csw {width: 178px; height: 120px; background: #fff; overflow: scroll}
#ano_slide_base .csw .loading {/*margin: 200px 0 109px 0; text-align: center*/}

#ano_slide_base .stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden;
	/*border: 5px solid #000;*/ /* this is the border. should have the same value for the links */
	margin: 0 auto; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 120px;
	clear: both;
	background:#FFFFFF;
	border:#EBEBEB 1px solid;
	width: 178px;
}

#ano_slide_base .stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
position: relative;
left: 0; top: 0;
width: 100%;
list-style-type: none;
/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

#ano_slide_base .stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
float:left;
height: 100%;
position: relative;
width: 178px; /* Also specified in  .stripViewer  above */
}


/*商品写真*/
#ano_slide_base .stripViewer .panelContainer .panel img{
margin:0 3px 0 0;
}

#ano_slide_base .stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
padding: 5px 5px 4px;
}


#ano_slide_base .stripNavL, .stripNavR { /* The left and right arrows */
position: absolute;
top: 0px;
text-indent: -9000em;
}

#ano_slide_base .stripNavL a, #ano_slide_base .stripNavR a {
display: block;
height: 122px;
width: 24px;
}

#ano_slide_base .stripNavL {
left: 0;
}

#ano_slide_base .stripNavR {
right: 0;
}

#ano_slide_base .stripNavL {
background: url(../img/slide02/bt_l.gif) no-repeat left;
}

#ano_slide_base .stripNavR {
background: url(../img/slide02/bt_r.gif) no-repeat right;
}