@charset "shift_jis";

/* ------------------------------------------------------------
 マウスコンピューター　shop　CSS
 更新日:08/08/06
 
 目次
 0:レイアウト
	1:店舗案内
		1-1:店舗リスト
		1-2:店舗説明
	2:店舗詳細エリア
	3:店長エリア
	4:セール・キャンペーン情報
	5:選択タブエリア
		5-1:限定台数即納品スタイル
		5-2:タブボックステーブルスタイル
		5-3:音楽プレーヤースタイル
------------------------------------------------------------ */

/* 
 0:レイアウト
------------------------------ */

div#contentsMain a.link02{
margin: 0;
padding-bottom: 0;
}

ul li{
background: url(/images/common/icon_cube02.gif) no-repeat 0 0;
padding: 0 0 0 0;
line-height:1.5;
}

div#contentsMain h3{
font-size: 160%;
font-weight: bold;
border-top: solid 2px #fcad1d;
border-bottom: dotted 1px #fcad1d;
padding: 8px 5px;
margin-bottom: 10px;
}

div#contentsMain table .celCenter{
text-align: center;
}

div#contentsMain table .celRight{
text-align: right;
}

div#contentsMain table .celGray{
background: #f7f7f7;
}


/* 
 1:店舗案内
------------------------------ */

div#contentsMain .topContent{
float: left;
width: 550px;
font-size: 87%;
}

div#contentsMain .topContent em{
font-weight: normal;
}

div#contentsMain .topContent p{
margin-top: 12px;
}

div#contentsMain .topContent ul{
text-indent: -1em;
margin-left: 10px;
}

div#contentsMain .topMap{
float: right;
}

div#contentsMain table.shopList th{
background: #ebebeb;
font-weight: bold;
}

/* 1-1:店舗リスト ---------------*/

a.link04{
padding: 8px 0 8px 42px;
}

a.akiba{
background: url(/images/shop/icon_akiba.gif) no-repeat;
}
a.osaka{
background: url(/images/shop/icon_osaka.gif) no-repeat;
}
a.kasukabe{
background: url(/images/shop/icon_kasukabe.gif) no-repeat;
}
a.fukuoka{
background: url(/images/shop/icon_fukuoka.gif) no-repeat;
}
a.sendai{
background: url(/images/shop/icon_sendai.gif) no-repeat;
}
a.hidaka{
background: url(/images/shop/icon_hidaka.gif) no-repeat;
}
a.shigehara{
background: url(/images/shop/icon_shigehara.gif) no-repeat;
}
a.akiba02{
background: url(/images/shop/icon_akiba02.gif) no-repeat;
}
a.shizuoka{
background: url(/images/shop/icon_shizuoka.gif) no-repeat;
}

/* 1-2:店舗説明 ---------------*/

div#contentsMain .secBox{
margin: 10px 0 0;
clear: both;
overflow: hidden;
}

div#contentsMain .explain{
width: 450px;
float: left;
}

div#contentsMain .explain div{
float: left;
width: 220px;
margin-right: 10px;
}

div#contentsMain .explain div.img02{
margin-right: 0;
}

div#contentsMain .explain table{
width: 450px;
margin: 10px 0;
clear: both;
}

div#contentsMain .explain table th{
text-align: left;
}

div#contentsMain .explain table em{
color: #333333;
}

div#contentsMain .explain table strong{
color: #e66b2e;
font-size: 120%;
}

div#contentsMain .maparea{
width: 305px;
float: right;
}

div#contentsMain .maparea div{
margin-bottom: 10px;
}

div#contentsMain .maparea p{
width: 205px;
float: left;
line-height: 32px;
text-align: right;
vertical-align: middle;
}

div#contentsMain .maparea .mapfan{
width: 88px;
float: right;
}


/* 
 2:店舗詳細エリア
------------------------------ */

div#contentsMain .shopArea{
width: 765px;
clear: both;
overflow: hidden;
margin-bottom: 15px;
}

div#contentsMain .access .shopArea{
margin-top: 10px;
}

div#contentsMain .shopArea p{
padding-top: 10px;
}

div#contentsMain .shopArea table th{
background: #ebebeb;
width: 60px;
}

div#contentsMain .shopArea table td em{
color: #e66b2e;
font-size: 120%;
}

div#contentsMain .shopArea table td.open{
font-weight: bold;
width: 445px;
}

div#contentsMain .shopArea .imgBox{
width: 245px;
float: left;
margin: 0 15px 0 0;
}

div#contentsMain .shopArea .imgBoxR{
width: 245px;
float: right;
}

div#contentsMain .shopArea .textArea{
width: 504px;
float: right;
}

div#contentsMain .shopArea .btnArea{
width: 500px;
margin: 20px auto 0;
text-align: center;
}

div#contentsMain .shopArea .infoicon {
	float:right;
}


/* 
 3:店長エリア
------------------------------ */

div#contentsMain .manager{
background: url(/images/ds/managerbox_top.gif) no-repeat 0 0;
padding-top: 16px;
}

div#contentsMain .managerBg{
background: url(/images/ds/managerbox_bg.gif) no-repeat left bottom;
clear: both;
width: 765px;
overflow: hidden;
padding-bottom: 20px;
}

div#contentsMain .managerBg h2{
margin-bottom: 10px;
margin-left:16px;
}

div#contentsMain .managerBg .managerImg{
float: left;
padding: 0 15px 0 20px;
}

div#contentsMain .managerBg p{
margin-left:16px;
}




/* 
 201304追加　セールエリア
------------------------------ */

#salearea{
	width:710px;
	height:auto;
    padding: 20px 10px 10px;
	background-color:#FFF;
	float:left;
}

#salearea h2{
	font-size:1em;
	padding:0 0 10px 0;
	clear:both;
}

#salearea .model_left{
	width:320px;
	height:450px;
	float:left;
	margin:0 10px 10px 0;
	_margin: 0 10px 10px 0;
	padding:15px;
	background-color:#FFFFFF;
	float:left;
}

#salearea .model_right{
	width:320px;
	height:450px;
	float:left;
	margin:0 0 10px 0;
	margin: 0 0 10px 0;
	padding:15px;
	background-color:#FFFFFF;
	float:left;
}

#salearea .model_top{
	width:320px;
	height:200px;
}

.model_txt{
	font-weight:bold;
	color:#FF0000;
	padding-top:5px;
}

.model_name{
	font-size:1.4em;
	line-height:1em;
	font-weight:bold;
	color:#666666;
}

.model_price{
	font-size:0.9em;
	line-height:1.8em;
}

.sale_price{
	font-size:2.8em;
	line-height:0.8em;
	font-weight:bold;
	color:#FF0000;
}

.sale_spec{
	width:260px;
	height:auto;
	float:left;
	margin-top:1em;
}

.bto_menu{
	width:320px;
	height:auto;
	float:left;
}


.icon{
	width:60px;
	height:auto;
	float:left;
}

.icon img{
	margin-bottom:5px;
}

.bto_area{
/*	border-top:1px dotted #CCCCCC;*/
	padding:5px;
	margin-top:5px;
	border-bottom:1px dotted #CCCCCC;
}

.bto_txt{
	font-size:1em;
	color:#FF0000;
	line-height:1.5em;
}

.point {
	color: #0080CB;
}


/* 
 4:セール・キャンペーン情報
------------------------------ */

div#contentsMain .sailArea h2{
margin-bottom: 10px;
}

div#contentsMain .sailArea h3{
clear: both;
font-size: 120%;
}

div#contentsMain .sailArea .freeBox{
	width:765px;
	padding:0px;
	margin-bottom:20px;
}

div#contentsMain .sailArea span{
padding: 5px 15px 0;
display: block;
}

div#contentsMain .sailArea .sailBox{
background: url(/images/ds/camp_bg.gif) no-repeat left bottom;
width: 765px;
overflow: hidden;
clear: both;
margin-bottom: 20px;
}

div#contentsMain .sailArea .sailLeft{
float: left;
}
div#contentsMain .sailArea .sailRight{
float: right;
}

div#contentsMain .sailArea dl{
width: 377px;
overflow: hidden;
}

div#contentsMain .sailArea dl dt{
background: url(/images/ds/campdt_bg.gif) repeat-x 0 0;
font-size: 120%;
font-weight: bold;
text-align: center;
padding: 5px 0;
}

div#contentsMain .sailArea dl dd{
width: 357px;
overflow:hidden;
padding: 10px;
}

div#contentsMain .sailArea dl dd div{
float: left;
padding: 0 15px 0 0;
}

div#contentsMain .sailArea dl dd ul{
width: 250px;
overflow: hidden;
}

div#contentsMain .sailArea dl dd ul li{
font-size: 87%;
padding-right: 10px;
}

div#contentsMain .sailArea dl dd .sailComent{
font-weight: bold;
font-size: 120%;
padding-bottom: 6px;
margin-bottom: 10px;
border-bottom: dotted 1px #fcad1d;
}

div#contentsMain .sailArea dl dd .price{
font-size: 120%;
}

div#contentsMain .sailArea .sailBox ul.first{
width:150px;
float:left;
}

div#contentsMain .sailArea .sailBox ul.second{
width:110px;
float:right;
}

/* 
 5:選択タブエリア
------------------------------ */

div#contentsMain .section .tab{
width: 765px;
clear: both;
overflow: hidden;
background: url(/images/common/tab_bg.gif) repeat-x;
margin: 0;
padding: 0;
}

div#contentsMain .section .tab ul li{
float: left;
margin: 0 3px 0 0;
cursor:pointer;
}

div#contentsMain .section .tab ul li img{
display: block;
}

div#contentsMain .tabBox .section{
margin: 0 11px 20px;
}

div#contentsMain .tabBox .end{
margin-bottom: 0;
}

div#contentsMain .delivery,
div#contentsMain .music{
padding-bottom: 10px;
margin-bottom: 10px; 
border-bottom: dotted 1px #cccccc;
width: 735px;
clear: both;
overflow: hidden;
}

div#contentsMain .borderNone{
border-bottom: none;
padding-bottom: 0;
}

#gTune,#musicIriver,#set{
display:none;
}


/* 5-1:限定台数即納品スタイル ---------------*/

div#contentsMain h3.slim{
background: url(/images/ds/akiba/h3_slim.gif) no-repeat 0 3px;
padding-left: 48px;
}

div#contentsMain .delivery .deliveryImg{
float: left;
margin-left: 5px;
}

div#contentsMain .delivery .deliveryText{
float: right;
width: 614px;
}

div#contentsMain .delivery .deliveryText .name{
margin-bottom: 5px;
}

div#contentsMain .delivery .deliveryText .name span{
font-weight: bold;
font-size: 120%;
display: inline;
padding-right: 30px;
}

div#contentsMain .delivery .deliveryText a.link02{
display: inline;
}

div#contentsMain .delivery .deliveryText ul{
clear: both;
width: 614px;
margin: 5px 0;
}

div#contentsMain .delivery .deliveryText ul li{
float: left;
display: inline;
padding-right: 20px;
}

div#contentsMain .delivery .deliveryText .cost,
div#contentsMain .delivery .deliveryText .iconArea{
float: left;
margin-right: 5px;
}

div#contentsMain .delivery .deliveryText .cost em{
font-size: 120%;
}

/* 5-2:タブボックステーブルスタイル ---------------*/

div#contentsMain .tabBox table{
font-size: 87%;
}

div#contentsMain .tabBox table strong{
color: #333333;
font-weight: bold;
}

div#contentsMain .tabBox table em{
font-size: 120%;
}

div#contentsMain .tabBox a.link02{
display: inline;
padding-bottom: 3px;
}

/* 5-3:音楽プレーヤースタイル ---------------*/

div#contentsMain .music .cost em{
font-size: 140%;
}

div#contentsMain .music .musicImg{
float: left;
margin-left: 5px;
}

div#contentsMain .music .musicText{
float: right;
width: 546px;
}

div#contentsMain .music .musicText .name{
margin-bottom: 5px;
font-weight: bold;
font-size: 140%;
}

div#contentsMain .music .musicText ul{
margin: 5px 0;
}



/* 20090501追加:店長ブログ ---------------*/

div#contentsMain .bannerCont {
padding:4px;
}

div#contentsMain .bannerCont img{
float:left;
margin-right:10px;
}



/* 
 201007追加　1:キャンペーンエリア
------------------------------ */

#leadArea{
border:1px solid #DADADA;
/*  padding:1px 1px 6px 1px; → padding:1px 1px 1px 1px;　2008.09.10変更　*/
padding:1px 1px 1px 1px;
width:946px;
overflow:hidden;
margin:0 0 20px 0;
}

#leadArea h1{
width:389px;
float:left;
margin:0 6px 0 0;
}

#leadArea div.imgArea{
	width:auto;
	float:left;
}

#leadArea div.imgArea p.caption{
margin:8px 0 0 0;
}

#leadArea img{
vertical-align:top;
}


/* 
 2:切り替えタブ
------------------------------ */

div.tab{
width: 670px;
clear: both;
overflow: hidden;
background: url(/images/common/tab_bg.gif) repeat-x;
margin: 0;
padding: 0;
}

div.tab ul li{
float: left;
margin: 0 3px 0 0;
cursor: pointer;
}

div.tab ul li img{
display: block;
/*width: 189px;*/
}

/* 2010.7.31 DirectSHOP　*/
/*↓ここのdisplay:none;を解除すると隠れている部分が編集できる*/
#chengetab_camp,#chengetab_tenpo{
display:none;}

#chengetab_sale,#chengetab_camp,#chengetab_tenpo{
}

/* 設定タブ一覧
 #inch200,#inch215,#inch236,#inch255,#inch270{
 ------------------------------ */
 
 

.base_1000 {
	width: 946px;
	height: auto;
	background-image: url(images/mainbg.gif);
	float: left;
}

.base_1001 {
	width: 32px;
	height: 1px;
	float: left;
}
.base_1002 {
	width: 670px;
	height: auto;
	float: left;
	padding-right: 10px;
	padding-left: 32px;
}

.base_1003_space {
	width: 10px;
	float: left;

}

.base_1003 {
	width: 230px;
	height: auto;
	text-align: left;
	float: left;
}


/* 設定タブ一覧　100731リニューアル追加 -- */

.ekisyobox_left {
width:160px;
height:auto;
border:1px solid #999999;
float:left;
margin-right:8px;
margin-bottom:8px;
}

.ekisyobox_a {
width:150px;
height:60px;
padding:5px;
border-bottom:1px solid #999999;
background:#3366FF;
font-size:12px; color:#FFFFFF;
}

.optionbox_a {
width:150px;
height:45px;
padding:5px;
border-bottom:1px solid #999999;
background:#cc9966;
font-size:12px; color:#FFFFFF;
}
.ekisyobox_b {
width:158px;
height:126px;
margin-left:1px;
font-size:1px;
line-height:1px;
}

.ekisyobox_c {
width:150px;
height:44px;
border-top:1px solid #999999; 
padding:5px;

}

div.ekisyobox_c b {
font-size:24px;
font-weight:bold;
padding-top:5px;
color:#FF0000;
text-align:right;
}


.tenpobox_a {
font-size:18px;
width:300px;
padding-top:7px;
padding-left:5px;
font-weight:bold;
color:#333333;
display:block;
height:46px;
background-image:url(../../shop/images/1007tenpo_shopinfo_01.jpg);
background-repeat:no-repeat;
float:left;
}

.tenpobox_b {
display:block;
width:295px;
padding-top:5px;
padding-bottom:5px;
font-size:12px;
line-height:130%;
color:#333333; 
float:left;
}

.tenpobox_b b {
line-height:150%;
font-weight:bold;
}

.right_tenpo {
width:170px; padding-top:15px; padding-bottom:15px;
}

.right_tenpo p {
display:block; line-height:18px; font-size:12px; color:#FFFFFF; background-color:#333333; width:160px; padding:5px;
}

.bt_tenpo {
width:170px;
background-color:#333333;
float:left;
}


/* CSS　100921追加 -- */

.leftside {
width:503px;
height:100%;
padding-left:15px;
padding:15px;
border-left:1px solid #999999;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
}

.modelimgbox {
width:100%;
height:100%;
float:left;
margin:0 0 15px 0;
}

.modelimg {
margin-bottom:9px;
margin-right:9px;
float:left;
}

.toiawase {
width:503px;
height:30px;
}


.midashibox {
width:505px;
height:25px;
color:#666666;
padding-top:25px;
font-size:100%;
}

.mb10 {
margin-bottom:10px;
}


/*CSS追加 店舗限定セール情報　110208*/

div#contentsMain div#DS_sale{
	padding:0 0 10px 0;
	margin:0px 0 0 0;
	width:765px; 
	height:auto; 
	float:left; 
	display:inline;
	}
/*clearfix start*/
div#contentsMain:after {
	font-size: 1px;
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	color:#FFF;
	}
div#contentsMain {
	zoom: 1;
	}
/*clearfix end*/

/********************
注意書きここから↓
************************/



div#contentsMain div#Txt {
	margin:10px 0 0 0;
}
div#contentsMain div#Txt div.Top_txt{
	margin:0px 0 15px 0;
	background:#ebebeb;
	border:#ff0000 1px solid;
	padding:6px;
	width:750px;
	height:auto;
	text-align:center;
	line-height:1.5;
}
div#contentsMain div#Txt div.Top_txt p.shop_bold{
	font-weight:bold;
	padding:0 0 5px 0;
}
div#contentsMain div#Txt div.Top_txt span.red{
	color:#ff0000;
}
div#contentsMain div#Txt div.Top_txt span.underline{
	text-decoration:underline;
}

/********************
注意書きここまで↑
************************/


/*==========================

外部CSS振替用CSS追加　110209
　店舗限定セール情報　

=============================*/

/*タイトルエリア*/
ul#titlearea_ul {
	width:765px; 
	list-style:none;
}
ul#titlearea_ul li{
	width:765px; 
	margin:0 0 5px 0;
	line-height:1px;
	font-size:1px;
}
li.dstab001 {
	float:left; 
	margin-bottom:3px;
}

div#titlearea_div {
	width:765px; 
	height:auto; 
	float:left; 
	margin-bottom:10px;
}
/*店舗限定セール情報*/
div#Maincategory{
	width:535px; 
	float:left;
}

div#sale_contents {
	display:block; 
	width:535px; 
	height:auto; 
	float:left;
	
}

div#slmodel{
	width:535px;
}

/*G-Tune Garageのご案内*/

div#G-Tune_Garge{
	width:505px; 
	height: auto; 
	float:left;
	margin:30px 0 0 0;
}
/* IE6,7 CSSハックstart */
* html div#G-Tune_Garge {
	margin:0px 0 0 0;
}
*:first-child+html div#G-Tune_Garge {
	margin:0px 0 0 0;
}
/*IE6,7 CSSハックend*/

div#G-Tune_Garge h2{
	width:505px;
	height:25px;
	color:#666666;
	padding-top:25px;
	font-size:100%;
	font-weight:normal;
}


/*液晶情報コンテンツ*/

/*clearfix start*/
div#ekisyo_contents:after {
	font-size: 1px;
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	color:#FFF;
	}
div#ekisyo_contents {
	zoom: 1;
	}
/*clearfix end*/

div#ekisyo_contents h2{
	width:503px; 
	height:25px; 
	color:#666666; 
	float:left; 
	padding-top:25px;
	font-size:100%;
	font-weight:normal;
 }
 
div.ekisyobox_a p{
	font-size:10px;
}

span.wihte{
	color:#FFF;
}

.ekisyobox_end {
	width:160px; 
	height:auto; 
	border:1px solid #999999; 
	float:left; 
	margin-bottom:8px;
	
}
/*店頭人気オプションコンテンツ*/
div#option_contents{
	margin:0 0 10px 0;
	
}
div#option_contents h2 {
	width:503px; 
	height:25px; 
	color:#666666; 
	float:left; 
	padding-top:25px;
	font-size:100%;
	font-weight:normal;
}

div#optionTxtEnd {
	width:150px; 
	height:45px; 
	padding:5px; 
	border-bottom:1px solid #999999; 
	background:#cc9966; 
	font-size:12px; 
	color:#FFFFFF;
	line-height:1.2;
}
/*　安心の定額保障サービス　*/
div#shop_safebox {
    width:505px;
	height:auto;
	zoom:1;
}
div#shop_safe {
	width:505px; 
	height:auto; 
	clear:both;
	position:relative;
	overflow:hidden;

}

div.shop_img1{
    width:505px;
	height:auto;
	}

div#shop_safe h2{
	width:503px; 
	height:25px; 
	color:#666666; 
	float:left; 
	padding-top:25px;
	font-size:100%;
	font-weight:normal;
}

div#shop_safe p{
	width:505px;
	font-size:1px;
	line-height:1px;
}

div#shopSafe_txt{
	position:absolute; 
	top:354px; 
	left:342px; 
	font-size:0.9em; 
	width:166px; 
	height:116px;
}

/*===========================

店舗マップ

==========================*/

div#tenpo_map {
	width:503px; 
	height:100%; 
	padding-left:15px; 
	padding:15px; 
	border-left:1px solid #999999; 		    border-right:1px solid #999999;       	    border-bottom:1px solid #999999;
}

h2.tenpo_h2 {
	width:505px; 
	height:25px; 
	color:#666666; 
	padding-top:25px;
	font-size:100%;
	font-weight:normal;
}

p#blank_p {
	display:block; 
	width:505px;
	height:9px; 
	top:4px; 
	border-top:solid 1px #999999;
}

div.shop_box{
	width:505px; 
	height:auto;
}

div.shop_setumei{
	width:305px; 
	height:auto; 
	float:left;
}

div.shop_Map{
	width:200px; 
	height:auto; 
	float:left;
}

p.blank_shopP{
	display:block; 
	width:505px; 
	height:20px; 
	border-top:solid 1px #999999; 
	clear:both;
}

p.blank_end{
	display:block; 
	width:505px; 
	height:20px; 
	clear:both;
}

p.red_new {
	display:inline; 
	color:#FF0000; 
	font-size:12px;
	padding:0 5px 0 0;
}
/*===========================

So-net

==========================*/

div.tab {
	width:535px;
}

div#so-net{
	width:503px; 
	height:100%; 
	padding-left:15px; 
	padding:15px; 
	border-left:1px solid #999999;    		    border-right:1px solid #999999; 	   	    border-bottom:1px solid #999999;
}

h2.mt10{
	background-color:#ccc; 
	text-align:center; 
	padding:10px 5px 5px 5px; 
	font-size:16px; 
	font-weight:bold; 
	display:block; 
	width:495px; 
	font-family:'メイリオ', meiryo;
}

div#mt10_box {
	border:1px solid #ccc; 
	padding:5px 0; 
	width:503px;
}

/* 120402
------------------------- */
img {vertical-align:bottom;}
.price {font-weight:bold; color:red;}
#rightbox h1 { font-size:1em; color:#999999; font-weight:bold; !important }
#rightbox h2 { font-size:1em; color:#666666; font-weight:bold; line-height:1.5em; !important }
.price1 {font-weight:bold; color:red;}

#contents #rightbox table ,
#contents #rightbox table td {
	border: 0 !important;
	border-spacing: 1px !important;
}
#contents #rightbox .no_table ,
#contents #rightbox .no_table>tr>td ,
#contents #rightbox .no_table>tr>th ,
#contents #rightbox .no_table>tbody>tr>td ,
#contents #rightbox .no_table>tbody>tr>th {
	padding: 0 !important;
}

/* 
2012.05.02追加
ブログ情報追加 
--------------------------*/


.dsblog {
	width:730px;
	text-align:center; 
	height:auto; 
	float:left;
	margin:15px 0 0 0;
}
	
.dsblog p{	
	font-weight:bold;
}
	
	
/* 
2013.03.14追加
チラシ全店舗追加用 
--------------------------*/
p.chirashi{
	margin-bottom:10px;
}



/* 
2014.11.17追加

--------------------------*/
.news {
	margin: 0 0 20px;
	width: 730px;
	font-size:13px;
}

.news .tabs {
    margin-left: 10px;
	height:35px;
}

.news .tabs li {
    float: left;
    margin-right: 5px;
}

.news .list {
	border: 1px #FF9900 solid;
    border-radius: 5px;
    padding: 10px;
}

.news .list dl{
/*	overflow:scroll;
*/	overflow-x:hidden;
	width: 710px;
    margin-bottom: 5px;
}
.news .list dt{
	float:left;
	margin-right: 5px;
}

.news .list dd{
    margin-left: 75px;
}