@charset "Shift_JIS";

/* サイト共通CSSにて初期化済み
http://ndev-rp71.dinos.co.jp/defaultMall/css/common/default.css */

/* 目次
-----------------------
・全体
・メイン画像
・コンテンツ
-----------------------
 */

/* 全体
----------------------------------------------------------------------------- */

#dj_mono{
width:950px;
vertical-align:top;
}

#dj_mono img{/* IEの画像隙間をなくす */
border:0;
vertical-align:bottom;
padding:0;
margin:0;
}

/* 汎用
----------------------------------------------------------------------------- */

/* 寄せる */
.flt_l{float:left;}
.flt_r{float:right;}

/* clear */
.clear{clear:both;}

/* マウスオーバー　透明度 */
#dj_mono a:hover img{
filter: alpha(style=0, opacity=75);
opacity:0.75;
-ms-filter: "alpha(opacity=75)";
zoom:1;/* IE で filter を使うときには zoom:1; を指定する */
}


/* IE画像隙間対策 */
.dis_blo{
display:block;
}

/* FontSize */
.txt80{font-size:80%;line-height:150%;}

/* clearfix */
#main_area .box2 dl,
#now .movies,
#now .items,
#category ul,
#link_mob,
#link ul{
zoom:1;
}

#main_area .box2 dl:after,
#now .movies:after,
#now .items:after,
#category ul:after,
#link_mob:after,
#link ul:after{
content:".";
clear:both;
height:0;
display:block;
visibility:hidden;
}

/* メイン画像
----------------------------------------------------------------------------- */

/* LOGO */
#main_area .box1{
background-image:url(../img/m1.jpg);
background-repeat:no-repeat;
width:200px;
height:225px;
text-indent:-9999px;
float:left;
}


/* What's New */
#main_area .box2{
position:relative;
background-image:url(../img/m2.jpg);
background-repeat:no-repeat;
width:510px;
height:225px;
float:left;
}

#main_area .box2 h2{
text-indent:-9999px;
}

#main_area .box2 img{
position:absolute;
left:390px;
top:45px;
}

#main_area .box2 .news{
position:absolute;
left:44px;
top:82px;
height:110px;
overflow:auto;
width:447px;
}

#main_area .box2 dl{
padding:0 0 10px 0;
width:430px;
}

#main_area .box2 dt{
float:left;
padding-right:15px;
color:#299ed4;
width:65px;
}

#main_area .box2 dd{
float:left;
width:335px;
}


/* LOGO 100824更新
----------------------------------------------------------------------------- */
/* LOGO */
#main_area .box1_2{
background-image:url(../img/m1_2.jpg);
background-repeat:no-repeat;
width:200px;
height:136px;
text-indent:-9999px;
float:left;
}

/* What's New */
#main_area .box2_2{
position:relative;
background-image:url(../img/m2_2.jpg);
background-repeat:no-repeat;
width:510px;
height:136px;
float:left;
}

#main_area .box2_2 h2{
text-indent:-9999px;
}

#main_area .box2_2 img {
left:396px;
position:absolute;
top:97px;}


#main_area .box2_2 .news{
position:absolute;
left:44px;
top:82px;
height:110px;
overflow:auto;
width:447px;
}

#main_area .box2_2 dl{
padding:0 0 10px 0;
width:430px;
}

#main_area .box2_2 dt{
float:left;
padding-right:15px;
color:#299ed4;
width:65px;
}

#main_area .box2_2 dd{
float:left;
width:335px;
}

#now .ttl_2{
position:relative;
background-image:url(../img/now_ttl_2.jpg);
background-repeat:no-repeat;
width:950px;
height:65px;
}

#now .ttl_2 h2{
text-indent:-9999px;
}

#now .ttl_2 img{
position:absolute;
left:778px;
top:28px;
}



/* /LOGO 100824更新
----------------------------------------------------------------------------- */



/* 放送中のアイテム
----------------------------------------------------------------------------- */
#now p{/*商品名*/
line-height:150%;
margin:7px 0 0px 0;
padding:0px 0 0 12px;
background: url(../img/arw.gif) no-repeat 1px 5px;
}

#now .ttl{
position:relative;
background-image:url(../img/now_ttl.jpg);
background-repeat:no-repeat;
width:950px;
height:65px;
}

#now .ttl h2{
text-indent:-9999px;
}

#now .ttl img{
position:absolute;
left:778px;
top:28px;
}

/* movies */
#now .movies{margin:0 0 10px 55px;}

#now .movies dl{
float:left;
width:262px;
margin:0 27px 0 0;
}

#now .movies2 dl{
margin:15px 27px 0 0;
}

/* 今コレ */
#imakoko h3{
margin:5px 0 3px 0;
}

#imakoko h4{
padding:0 0 -5px 5px;
color:#f68b00;
}

#now .hr{/*dot line*/
background-image:url(../img/dot.gif);
background-repeat:repeat-x;
width:840px;
height:1px;
margin:0 0 0 55px;
font-size:0;
}

/* items */
#now .items dl{
float:left;
width:262px;
margin:0 27px 10px 0;
}

#now .items{margin:15px 0 0 55px;}
#now .items img{border:#cccccc solid 1px;}
#now .items dt{
float:left;
margin:0 10px 0 0;
}
#now .items dd{
float:left;
width:150px;
}

/* NEWアイコン */
.new{
	color:#ffffff;
	background-color:red;
	padding:1px 2px;
	margin-left:5px;
}

/* SPコメント用 */
.tx_sp{
	color:#ff0000;
	font-size: 14px;
	line-height: 22px;
}

/* 価格（税抜） */
.price1{
	display:block;
	font-weight:bold;
	color: #666666;
}

.price2{
	font-size:11px;
	display:block;
	margin-left: 2px;
}


/* 特集リンク */
.addLink{
	text-align:right;
	display:block;
	font-weight:bold;
}


/* カテゴリ860バナー
----------------------------------------------------------------------------- */
.category_860{
width:860px;
height:85px;
margin:30px 0 15px 55px;
}

/* カテゴリから探す
----------------------------------------------------------------------------- */
#category .ttl{
position:relative;
background-image:url(../img/cat_ttl.gif);
background-repeat:no-repeat;
width:860px;
height:29px;
margin:30px 0 15px 55px;
}

#category .ttl h2{
text-indent:-9999px;
}

#category .ttl img{
position:absolute;
left:734px;
top:5px;
}

#category ul{
margin:0 0 15px 70px;
}

#category li{
float:left;
margin:0 15px 0 0;
}


/* Link
----------------------------------------------------------------------------- */
#dj_mono #link_mob{
padding:10px 0 0 55px;
}

#link{
float:left;
width:550px;
background-color:#f1f1f1;
padding:20px 0 20px 15px;
}

#link .ttl{
position:relative;
background-image:url(../img/link_ttl.gif);
background-repeat:no-repeat;
width:535px;
height:26px;
}

#link .ttl h2{
text-indent:-9999px;
}

#link ul{
margin:10px 0 0 4px;
}

#link li{
float:left;
padding:0 15px 0 0;
}


/* mobile
----------------------------------------------------------------------------- */
#mobile{
float:right;
width:280px;
padding:20px 0 0 0;
}

#mobile .ttl{
position:relative;
background-image:url(../img/mob_ttl.gif);
background-repeat:no-repeat;
width:203px;
height:73px;
}

#mobile .ttl h2{
text-indent:-9999px;
}

#mobile .qr{
padding:20px 0 20px 40px;
}


/* リンクバナー（ヘッド追加）
----------------------------------------------------------------------------- */
#bn_head{
width:950px;
height:139px;
text-indent:-9999px;
float:left;
}


/*
 テキスト
-------------------------------------------------------------------------*/
.red{color:#ff0000;}
.blue{color:#0099ff;}

/*
 マージン：上方向
-------------------------------------------------------------------------*/
.mt0 {
	margin-top:0px !important;
}
.mt2 {
	margin-top:2px !important;
}
.mt3 {
	margin-top:3px !important;
}
.mt5 {
	margin-top:5px !important;
}
.mt8 {
	margin-top:8px !important;
}
.mt10 {
	margin-top:10px !important;
}
.mt15 {
	margin-top:15px !important;
}
.mt20 {
	margin-top:20px !important;
}
.mt25 {
	margin-top:25px !important;
}
.mt30 {
	margin-top:30px !important;
}
.mt35 {
	margin-top:35px !important;
}
.mt40 {
	margin-top:40px !important;
}
.mt45 {
	margin-top:45px !important;
}
.mt50 {
	margin-top:50px !important;
}
.mt55 {
	margin-top:55px !important;
}

/*
 マージン：右方向
-------------------------------------------------------------------------*/
.mr10{
	margin-right:10px !important;
}

.mr50{
	margin-right:50px !important;
}
.mr100{
	margin-right:100px !important;
}


/*
 マージン：左方向
-------------------------------------------------------------------------*/
.ml5{
	margin-left:5px !important;
}
.ml10{
	margin-left:10px !important;
}
.ml15{
	margin-left:15px !important;
}
.ml20{
	margin-left:20px !important;
}
.ml25{
	margin-left:25px !important;
}
.ml30{
	margin-left:30px !important;
}
.ml40{
	margin-left:40px !important;
}
.ml50{
	margin-left:50px !important;
}

.ml106{
	margin-left:106px !important;
}


/*
 マージン：下方向
-------------------------------------------------------------------------*/
.mb5{
	margin-bottom::5px !important;
}
.mb10{
	margin-bottom::10px !important;
}
.mb15{
	margin-bottom::15px !important;
}
.mb20{
	margin-bottom::20px !important;
}