@charset "utf-8";
/*-----------------------
基本 
-----------------------*/
html{
overflow-y:scroll;
}

body{
background:#ddfef3 url(../images/back.jpg) repeat-x;;
margin:0;
padding:0;
font-size:12px;
color:#915f2c;}

img, div, input { behavior: url("http://www.hobirecords.com/otoboku_cd/css/iepngfix.htc") }

.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

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

p{margin:0; padding:0;}

a{
text-decoration:none;
color:#915f2c;
}

a:hover{
text-decoration:underline;
}

a:active,a:visited{
color: #FC9;
}

h1{
	margin:0;
	padding:0;}
h2{
	margin:0;
	padding:0;}
	
h3{
	margin:0;
	padding:0;}

/*-----------------------
構成
-----------------------*/
#Container{
width:788px;
margin:0 auto;
padding:0;
background-image:url(../images/mc_back.png);
background-repeat:repeat-y;
}

#main{
width:750px;
margin:0 auto;
}

#main #head{
height:435px;
margin:0;
padding:0;
background: url(../images/head01.jpg) no-repeat center;
position:relative;}

#main #head02{
height:435px;
margin:0;
padding:0;
background: url(../images/head02.jpg) no-repeat center;
position:relative;}

/* 左カラム */
#left{
float:left;
width:494px;
height:1950px;
padding:0 17px 0 15px;
font-size:11px;
background:#f3efe6;
}

/* 右カラム */
#right{
float:right;
width:213px;
height:1950px;
background:url(../images/right_little.jpg) no-repeat right 370px #f3efe6;
padding:0 11px 0 0;}

/* フッタ */
#foot{
width:750px;
height:53px;
background:url(../images/foot_back.png) no-repeat bottom #f3efe6;
margin:0 auto;
padding:0;
color:#FFF;
text-align:center;
font-weight:bold;
}

#foot_copy{
padding:20px 0 0 0;}

/*-----------------------
中身
-----------------------*/
/* ヘッダの購入ボタン */
/*#head #btn_buy a{
position:absolute;
width:140px;
height:28px;
background:url(../images/btn_buy.jpg);
text-indent:-9999px;
display:block;
left: 502px;
top: 374px;
}

#head #btn_buy a:hover{
background:url(../images/btn_buy_o.jpg);}*/

#head02 .btn_yokoku a{
	margin:0;
	padding:0;
	position:absolute;
	width:151px;
	height:66px;
	background: url(../images/btn_yokoku.gif) no-repeat;
	display:block;
	text-indent:-9999px;
	left: 21px;
	top: 228px;
}

#head02 .btn_yokoku a:hover{
  background: url(../images/btn_yokoku_a.gif) no-repeat;}

#head02 table{
	position:absolute;
	left: 437px;
	top: 397px;
}

/* ヘッダの購入ボタン02 */
#head02 #btn_buy a{
	width:140px;
	height:28px;
	background:url(../images/btn_buy.jpg);
	text-indent:-9999px;
	display:block;
}

#head02 #btn_buy a:hover{
background:url(../images/btn_buy_o.jpg);}

/* ヘッダの購入ボタンアマゾン */
#head02 #btn_buy2 a{
	width:140px;
	height:28px;
	background:url(../images/btn_buy2.jpg);
	text-indent:-9999px;
	display:block;
}

#head02 #btn_buy2 a:hover{
background:url(../images/btn_buy2_o.jpg);}

/*-----------------------
ヘッダ分割
-----------------------*/
#head_b_01{
  height:296px;
  margin:0;
  padding:0;
  background: url(../images/head_b_01.jpg) no-repeat center;
  position:relative;}

#head_b_02{
  height:139px;
  margin:0;
  padding:0;
  background: url(../images/head_b_02.jpg) no-repeat center;
  position:relative;}

#head_b_01 .btn_yokoku a{
	margin:0;
	padding:0;
	position:absolute;
	width:151px;
	height:66px;
	background: url(../images/btn_yokoku.gif) no-repeat;
	display:block;
	text-indent:-9999px;
	left: 21px;
	top: 228px;
}

#head_b_01 .btn_yokoku a:hover{
  background: url(../images/btn_yokoku_a.gif) no-repeat;}

#head_b_02 table{
	position:absolute;
	left: 435px;
	top: 102px;
}

/* ヘッダの購入ボタン02 */
#btn_buy a{
	width:140px;
	height:28px;
	background:url(../images/btn_buy.jpg);
	text-indent:-9999px;
	display:block;
}

#btn_buy a:hover{
background:url(../images/btn_buy_o.jpg);}

/* ヘッダの購入ボタンアマゾン */
#btn_buy2 a{
	width:140px;
	height:28px;
	background:url(../images/btn_buy2.jpg);
	text-indent:-9999px;
	display:block;
}

#btn_buy2 a:hover{
background:url(../images/btn_buy2_o.jpg);}


/* 更新履歴 */
#wnew{
width:491px;
margin:10px 0 20px 0;
font-size:12px;
background:url(../images/wnew_in.gif);}

#wnew #wnew_in{
width:440px;
margin:2px auto 5px auto;
overflow-y: auto;
overflow-x:hidden;
height: 190px;
scrollbar-face-color: #f3efe6;
scrollbar-base-color: #f3efe6;
scrollbar-highlight-color: #915f2c;
scrollbar-shadow-color: #915f2c;
scrollbar-3dlight-color: #f3efe6;
scrollbar-arrow-color: #915f2c;
scrollbar-track-color: #f3efe6;
scrollbar-darkshadow-color: #f3efe6;}

#wnew dl{
padding:10px;
border-bottom:1px solid #e6cb93;}

#wnew dt{
float:left;
width:80px;
font-weight:bold;}

#wnew dd{}

/* 関連商品並び */
#products{
width:479px;
margin:10px auto 0 auto;}

#products .r1{
margin:10px 0 0 0;
padding:0 0 10px 0;
}

#products .r1 p{
float:left;
margin:0 17px 20px 0;
width:102px;
font-size:10px;}

#products .r1 p img{
margin:0 0 5px 0;}

#products .r2{
margin:10px 0 0 0;
padding:0 0 10px 0;
border-bottom:1px dotted #915f2c;
}

#products .r2 p{
float:left;
margin:0 17px 0 0;
width:102px;
font-size:10px;}

#products .r2 p img{
margin:0 0 5px 0;}

/* 関連商品詳細 */

/* ラジオ配信 */
#btn_rarea{
  height:95px;
  margin:5px 0 20px 0;
  text-align:center;}
  
#btn_radio01 a{
	float:left;
	text-indent:-9999px;
	display:block;
	background:url(../images/btn_radio_01.jpg);
	width:230px;
	height:60px;
}
  
#btn_radio01 a:hover{
  background:url(../images/btn_radio_01_o.jpg);}
  
#btn_radio02_j{
	float:left;
	text-indent:-9999px;
	display:block;
	background:url(../images/btn_radio_02_junbi.jpg);
	width:230px;
	height:60px;
}

#btn_radio02 a{
	float:left;
	text-indent:-9999px;
	display:block;
	background:url(../images/btn_radio_02.jpg);
	width:230px;
	height:60px;
}
  
#btn_radio02 a:hover{
  background:url(../images/btn_radio_02_o.jpg);}

.guest{
	padding:5px auto;}
	
#btn_rarea dl{
	margin:0 auto;
	padding:0;
	width:360px;}
#btn_rarea dl dt{
	float:left;
	margin:0;
	padding:0;
	width:98px;}
#btn_rarea dl dd{
	margin:0;
	padding:0;
	text-align:left;}