@charset "UTF-8";
/*
 * RAGEBLUE
 * 
 * 
 * common.css
 * 
 * Last update : 2012/3/8
 * Developed by daichushoko
 * 
* 
 */


/*
 ***************************************************************** 
 *****************************************************************
 01. BODY + DEFAULT SETTING
 *****************************************************************
 *****************************************************************
 */
html {
	background: url(../img/bg.gif) left top repeat;
}
body {
	/** font-family: helvetica,arial,sans-serif;**/
	font-family: 'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3', sans-serif, 'メイリオ', Meiryo, 'Hiragino Kaku Gothic Pro';
	line-height: 1.4;
	color: #333333;
}
a {
	color: #960;
	text-decoration: none;
	outline: none;	
}
a:link {
}
a:hover {
	text-decoration: underline;
	color: #960;
}
img {
	border: none;
	vertical-align: bottom;
}

div {
	border: none;
	margin: 0;
	padding: 0;
}
strong {
	font-weight: bold;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
} 

.clearfix {display: inline-block;} 

/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix
{display: block;} 
/* End hide from IE-mac */
.clear {
	clear: both;
}


#wrapper {
	width: 1032px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#header {
	height: 30px;
}
#logo {
	float: left;
	display: inline;
}
#ttl_catalogue {
	float: left;
	display: inline;
}
#ttl_season {
	float: right;
	display: inline;
}


#catalogue {
	width: 1032px;
	position: relative;
}
#slideBox {
	height: 729px;
	overflow: hidden;
	position: relative;
}
.slideBox_focus{
	display:block;
	position:absolute;
	top:0px;
	/**left:-800px;**/
	left:0;
	z-index:20;
	width:100%;
	opacity: 0;
}
.slideBox_stay{
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	width:100%;
}
.slideBox_ready{
	display:none;
	position:absolute;
	/**top:-800px; **/
	top:0;
	left:0px;
	z-index:0;
	width:100%;
}
.arrowL {
	position: absolute;
	left: -66px;
	top: 275px;
}
.arrowR {
	position: absolute;
	right: -66px;
	top: 275px;
	
}
.movie {
	position: absolute;
	right: 562px;
	top: 127px;
}
.arrowL a:hover,
.arrowR a:hover {
	opacity:0.6;
	filter: alpha(opacity=60);
}
#itemInfo {
	position: absolute;
	width: 828px;
	height: 586px;
	overflow: hidden;
	right: 0;
	top: 0;
}
#obi {
	position: absolute;
	right: -250px;
	top: 0;
	width: 236px;
	height: 536px;
	padding: 50px 0 0 850px;
	background: url(../img/obiBG.png) right top no-repeat;
	z-index: 999;
	cursor: pointer;
}
.buy_item {
	
}
.buy_item ul {
	margin-bottom: 20px;
	
}
.buy_item p {
	margin-bottom: 10px;
	font-size: 93%;
}
.buy_item li {
	font-size: 93%;
	margin-bottom: 5px;
}




.thumbnails {
	height: 64px;
	margin-top: 20px;
	padding: 5px;
	position: relative;
	text-align: center;
}
.thumbnails li img {
	border: solid #CCCCCC 1px;
}
#thumbWrap {
	position: absolute;
	left: 0;
	height: 50px;
	width: 828px;
	overflow: hidden;

}
.listBlock {
	width:2000px;
	position:absolute;
	top: 0;
}
.listBlock li {
	float: left;
	display: inline;
	margin-right: 7px;
}
.listBlock li a:hover,
.listBlock li.stay {
	opacity:0.6;
	filter: alpha(opacity=60);
}
.listBlock li.stay a:hover {
	opacity:1;
	filter: alpha(opacity=100);	
}

.btnPrev {
	position: absolute;
	left: -67px;
	top: 15px;
}
.btnNext {
	position: absolute;
	right: -67px;
	top: 15px;
}
.btnPrev a:hover,
.btnNext a:hover {
	opacity:0.6;
	filter: alpha(opacity=60);
}


.socialIcons {
	margin: 0 0 0 0;
}
.twitter {
	display: inline;
	float: left;
	margin-right: 6px;
}
.mixi {
	display: inline;
	float: left;
	margin-right: 6px;
}
.facebook {
	display: inline;
	float: left;
}

#copyright {
	text-align: center;
	margin-bottom: 10px;
	font-size: 77%;
}