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

* { margin: 0; padding: 0; }
body {
	background: #fff url(../img/bg.png);
	text-align: center;
	font-size: 12px;
	line-height: 1.7;
	color:#666;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
hr { display: none; }
ul { list-style: none; }
img { border: none; }

/*リンク設定
----------------------------------------------*/
a:link { color: #666; font-weight: bold; text-decoration: underline; }
a:active { color: #666; }
a:visited { color: #666; }
a:hover { color: #666; text-decoration: none; }

a:hover img{
opacity:0.75;
filter:alpha(opacity=75);
-ms-filter: "alpha( opacity=75 )";
background:none!important;
}
a:hover.ov { position:relative; top:1px; left:1px; }


/*テキスト選択色
----------------------------------------------*/
/*反転時の文字色・背景色 */
::selection {
background: #BCE2EC;　　/* 背景色*/
color: #000;　　/* 文字色*/
}
/* Firefox対応*/
::-moz-selection {
background: #BCE2EC;　　/* 背景色*/
color: #000; 　　/* 文字色*/
}


/*ヘッダー
----------------------------------------------*/
#head {
	background: url(../img/head.png) repeat-x 50% 0;
	width: 100%;
	height: 10px;
}


/*ページ設定
----------------------------------------------*/
#page {
	width: 960px;
	margin: 7px auto 15px;
/*----clearfix-----*/
_height: 1px;
min-height: 1px;
}
#page:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
/*----clearfix-----*/


/*メニュー
----------------------------------------------*/
#menu {
	background: url(../img/menu_base.png) no-repeat 6px 0;
	width: 235px;
	height: 650px;
	float: left;
	position: relative;
}

h1 a {
	background: url(../img/menu_logo.png) no-repeat;
	display: block;
	width: 213px;
	height: 95px;
	text-indent: -9999px;
	position: absolute;
	top: 50px;
	left: 14px;
}

#menu1 { position: absolute; top: 172px; left: 59px; }
#menu2 { position: absolute; top: 230px; left: 59px; }
#menu3 { position: absolute; top: 290px; left: 59px; }
#menu4 { position: absolute; top: 346px; left: 59px; }
#menu5 { position: absolute; top: 406px; left: 59px; }
#bee { position: absolute; top: 510px; left: 70px; }

#menu1 a {
	background: url(../img/menu1_off.png) no-repeat;
	display: block;
	width: 120px;
	height: 49px;
	text-indent: -9999px;
}
#menu1 a:hover {
	background: url(../img/menu1_on.png) no-repeat;
}
#menu2 a {
	background: url(../img/menu2_off.png) no-repeat;
	display: block;
	width: 118px;
	height: 49px;
	text-indent: -9999px;
}
#menu2 a:hover {
	background: url(../img/menu2_on.png) no-repeat;
}
#menu3 a {
	background: url(../img/menu3_off.png) no-repeat;
	display: block;
	width: 118px;
	height: 49px;
	text-indent: -9999px;
}
#menu3 a:hover {
	background: url(../img/menu3_on.png) no-repeat;
}
#menu4 a {
	background: url(../img/menu4_off.png) no-repeat;
	display: block;
	width: 118px;
	height: 49px;
	text-indent: -9999px;
}
#menu4 a:hover {
	background: url(../img/menu4_on.png) no-repeat;
}
#menu5 a {
	background: url(../img/menu5_off.png) no-repeat;
	display: block;
	width: 118px;
	height: 49px;
	text-indent: -9999px;
}
#menu5 a:hover {
	background: url(../img/menu5_on.png) no-repeat;
}


/*SNS
----------------------------------------------*/
#tw {
	position: absolute;
	top: 620px;
	left: 15px;
}
#fb {
	position: absolute;
	top: 620px;
	right: 15px;
}


/*コンテンツ
----------------------------------------------*/
#con {
	width: 715px;
	float: right;
}

#grid div {
	margin-right: 11px;
	margin-bottom: 8px;
}


/*CD info
-----------------------*/
.newinfo {
	background: url(../img/con_middle.png) repeat-y;
	width: 229px;
	text-align: left;
}
.newimg {
	text-align: center;
	margin-bottom: 5px;
}
.newinfo h3 {
	width: 200px;
	margin: 0 auto;
	font-size: 16px;
	font-weight: bold;
	color: #79cbff;
	padding: 2px;
	border-bottom: 1px solid #79cbff;
}
.shinchaku {
	background: #ffd200;
	font-size: 12px;
	padding: 3px 5px 1px;
	color: #fff;
	font-weight: normal;
}
.sale,.price,.moreinfo {
	width: 200px;
	margin: 0 auto;
}
.sale {
	font-size: 14px;
}
.price {
	font-size: 12px;
	margin-bottom: 5px;
}
.moreinfo {
	text-align: right;
}
	
.newinfo dl {
	width: 190px;
	margin: 0 auto 5px;
	font-size: 12px;
}
.newinfo dt {
	background: url(../img/hart.gif) no-repeat 0 50%;
	padding-left: 15px;
	font-weight: bold;
}
.newinfo dd {
	margin: 0 0 5px 25px;
}

.link {
	cursor: pointer;
}


/*フッター
----------------------------------------------*/
#foot {
	background: url(../img/foot.png) repeat-x;
	width: 100%;
	padding: 30px 0 120px;
	font-size: 12px;
	color: #fff;
}

#foot a:link { color: #fff; font-weight: bold; text-decoration: underline; }
#foot a:active { color: #fff; }
#foot a:visited { color: #fff; }
#foot a:hover { color: #fff; text-decoration: none; }

#foot div {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	position: relative;
/*----clearfix-----*/
_height: 1px;
min-height: 1px;
}
#foot div:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
/*----clearfix-----*/

#footlogo {
	float: left;
	width: 220px;
}

#copy {
	float: right;
	width: 740px;
	font-size: 10px;
	border-top: 1px solid #f9c2d4;
	margin-top: 5px;
	padding-top: 5px;
}

#gotohead {
	position: absolute;
	top: -105px;
	right: 0px;
}


/*新着アイコン
----------------------------------------------*/
#grid div {
	position: relative;
}
.newicon {
	position: absolute;
	top: -5px;
	left: 10px;
}