@charset "UTF-8";
/* CSS Document */

/*

------------------------------------------------------ */

body {
	padding: 0;
	text-align: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	width:960px;
}

*html body{
position:relative;
}

/* LAYOUT

------------------------------------------------------ */

#container{
	text-align:left;
	width:914px;
	height:634px;
	margin-top: 23px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 23px;
	background-color: #000;
	background-image:url(../img/container_bg.gif);
}

*html #container{
	position:relative;
}
#sideNavi{
	width:358px;
	float:left;
	}
#sideNavi-inner{
	width:303px;
	margin:23px 22px;
	}
#logo2{
	clear:both;
	}
#main{
	width:556px;
	float:left;
	}
#main-inner{
	width:476px;
	margin:23px 35px 0;
	position: relative;
	}
#topicPath,#update,#titleNo{
	line-height:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	height:16px;
	margin-bottom:15px;
	}
#imgArea{
	width:476px;
	height:488px;
	background:url(../img/bg_product.gif) top left no-repeat;
	text-align:center;
	position: relative;
	}

/*サムネイルリスト*/
#imgArea.index{background:url(../img/bg_product_index.gif) top left no-repeat;}
#productIndexList{list-style:none; width:auto; margin:0; padding:0; margin:0;}
#productIndexList li{width:138px; height:138px; float:left; margin:0 14px 14px 0; padding:0;}
#productIndexList li.last{margin:0 0 14px 0;}

/*CODA SLIDER/////////////////////*/
#stripNav0{display:none;}
.stripViewer { /* This is the viewing window */
			position: relative;
			margin-left:16px;
			overflow: hidden; 
			width: 443px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height:475px;
}
/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 475px; overflow: hidden}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

.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: 16px;
			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. */
		}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 443px; /* Also specified in  .stripViewer  above */
		}
.stripNavL, .stripNavR { /* The left and right arrows */
			text-indent: -9000em;
			position:absolute;
			width:15px;
			margin-top:227px;
			top:0;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
		}
		.stripNavL {left:-15px;}
		.stripNavR {right:-15px;}
		.stripNavL {background: url("../img/back.gif") no-repeat center;}
		.stripNavR {background: url("../img/next.gif") no-repeat center;}
		
#naviBack{
	float:left;
	width:16px;
	margin-top:227px;
	}
#naviNext{
	float:right;
	width:16px;
	margin-top:227px;
	}
#productImg{
	position: relative;
	width:443px;
	margin:0 auto;
	}
#description{
	float:left;
	width:411px;
	}
#amazon{
	float:right;
	width:65px;
	}
	
/*CLEARFIX*/
#imgArea,#productIndexList{
	zoom:1;/*for IE 5.5-7*/
	}
#imgArea:after,#productIndexList:after{
	content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
	}