@import url(category.css);

/* test用 */
.testcontainer{border:dashed #ffcc00 1px}

body{margin:0px;padding:0px;font-family:"ＭＳ Ｐゴシック";}
h2 , ul.nav_sub , div.list_up , {	font-family: "Verdana"}
#all{min-width:1000px;}

/* bodyのIDでタブの切り替え */
.detail_h2{background-color:#2879CA;font-weight:bld;font-size:20px;padding:5px;magin:5px;color:#ffffff}

#nav_t{z-index:10;overflow:hidden;	padding:0;	margin:0 0 0 20px; height:30px;}
#nav_t li{float:left; height:30px}
#nav_t a{ background-repeat:no-repeat; padding:6px 12px 8px 6px;margin:0 0 0 0; vertical-align:middle; height:30px;display:block; float:left; background-image: url(/basestyle/images/navi_back_new.jpg)}

#nav_t li#on01 a{background-position:0px 0px;}
#nav_t li#on01 a:hover{background-position:0px -30px;}
#nav_t li#on02 a{background-position:0px -60px;}
#nav_t li#on02 a:hover{background-position:0px -90px;}
#nav_t li#on03 a{background-position:0px -120px;}
#nav_t li#on03 a:hover{background-position:0px -150px;}
#nav_t li#on04 a{background-position:0px -180px;}
#nav_t li#on04 a:hover{background-position:0px -210px;}
#nav_t li#on05 a{background-position:0px -240px;}
#nav_t li#on05 a:hover{background-position:0px -270px;}
#nav_t li#on06 a{background-position:0px -300px;}
#nav_t li#on06 a:hover{background-position:0px -330px;}
#nav_t li#on07 a{background-position:0px -360px;margin-left:30px;}
#nav_t li#on07 a:hover{background-position:0px -390px;margin-left:30px;}
#nav_t li#on08 a{background-position:0px -420px;}
#nav_t li#on08 a:hover{background-position:0px -450px;}




body#index_style #on01 a , body#other_style #on01 a{background-position:0px -30px;color:#ffffff}
body#sale_style #on02 a {background-position:0px -90px;color:#ffffff}
body#support_style #on03 a {background-position:0px -150px;color:#ffffff}
body#coupon_style #on04 a {background-position:0px -210px;color:#ffffff}
body#resale_style #on05 a {background-position:0px -270px;color:#ffffff}
body#gaming_style #on06 a {background-position:0px -330px;color:#ffffff}



#nav_t a:hover{font-weight:bold; text-decoration:none; color:#ffffff}
#nav_t a{font-weight:bold; text-decoration:none; color:#000000}


a {text-decoration:none; color:#006699}
a:hover {text-decoration:underline}
a:active {color:#FFCC00; text-decoration:underline}

div#headbar a {text-decoration:none}
div#headbar a:hover {text-decoration:underline}
div#headbar a:active {color:#FFCC00; text-decoration:underline}


.dbx-content li  a {text-decoration:none;display:block;padding-left:0px;}
.dbx-content li a:hover {display:block;background-color:#cad6de;padding-left:0px;}

ul , li{list-style-type:none;	margin:0;	padding:0}
img {border:none}
p{margin:0;}
.container {margin:0 5px 0 0px; padding:0px}

.Walpha {
position:absolute;
background-color:#ffffff;
filter:alpha(opacity=20); /*IE*/
-moz-opacity:0.20; /*FF*/
opacity:0.20;
z-index:2;
width:;
margin:0 15px 0 0px; padding:0px
}


/* header */
div#header{position: relative; height:80px;}

/* headbar */
div#headbut{padding:5px 0 5px 0; position: relative}

/* headbar */
div#headbar{ clear:both;line-height:110%; color:#ffffff;margin:0;padding:3px;background-color:#2666A7; background-image:url(/basestyle/images/pc_koubou_head_menu.jpg);	background-repeat:repeat-x;}
/* bodyのIDでタブの切り替え */
/* デフォルト　ブルー */
div#headbar ,
body#index_style div#headbar ,
body#other_style div#headbar
{background-color:#2666A7; background-image:url(/basestyle/images/pc_koubou_head_menu.jpg);}



body#sale_style div#headbar{background-color:#CC000C;background-image:url(/basestyle/images/pc_koubou_head_menu_re.jpg)}
body#support_style div#headbar{background-color:#0056DB; background-image:url(/basestyle/images/pc_koubou_head_menu_gr.jpg)}
body#coupon_style div#headbar{background-color:#CC6700;background-image:url(/basestyle/images/pc_koubou_head_menu_or.jpg)}
body#resale_style div#headbar{background-color:#0056DB; background-image:url(/basestyle/images/pc_koubou_head_menu_li.jpg)}
body#gaming_style div#headbar{background-color:#808080; background-image:url(/basestyle/images/pc_koubou_head_menu_gray.jpg)}




.nav_sub{margin:0px 0 0 10px}
ul.nav_sub li{padding:0px 6px 0px 9px; DISPLAY: inline;border-right:solid #DBDADA 1px}
.nav_sub a{font-weight:bold; color:#ffffff; margin:0 0px;}
ul.nav_sub a:hover{ color:#FFCC00; text-decoration:underline}

#footer_menu ul{DISPLAY: inline;}
.navff_sub{font-size:10px;margin:0px 0 0 0px}
ul.navff_sub li{DISPLAY: inline;}
.navff_sub a{ color:#333333;padding:0 6px 0 0;margin:0 4px 0 0;line-height:150%;white-space: nowrap; border-right:solid #DBDADA 1px;}
ul.navff_sub a:hover{ color:#CC0000; text-decoration:underline}


.navf_sub{font-size:10px;margin:0px 0 0 0px}
ul.navf_sub li{DISPLAY: inline;}
.navf_sub a{ color:#666666;padding:0 6px 0 0;margin:0 4px 0 0;line-height:150%;white-space: nowrap; border-right:solid #DBDADA 1px;}
ul.navf_sub a:hover{ color:#CC0000; text-decoration:underline}


/* search_bar*/
div#header_under_bar{padding:2px 0; background-color:#000000; background-image:url(/basestyle/images/under_head_menu.jpg)}
/* search_bar*/
div#search_bar{ padding:5px 0 1px 10px; background-color:#eeeeee; vertical-align:middle}


.nav_sub_2{margin:10px 0 0 10px}
ul.nav_sub_2 li{ DISPLAY: inline}
.nav_sub_2 a{ margin:0 0px; padding:0px 10px; border-right:solid #DBDADA 1px}
ul.nav_sub_2 a:hover{ color:#FFCC00; text-decoration:underline}


/* デスク　スカイブルー */
body#desk_style div#category_banner{background-color:#1E86AE}
/* ノート　オレンジ */
body#note_style div#category_banner{background-color:#F3A01E}
/* ゲーム　グレー */
body#game_style div#category_banner{background-color:#000000}
/* パーツ　レッド */
body#parts_style div#category_banner{background-color:#904CC5}
/* 法人　ネイビー */
body#biz_style div#category_banner{background-color:#3F5C8C}
/* zcontents　チャコール */
body#zcontents_style div#category_banner{background-color:#9E662D}
/* ycontents　オリーブ */
body#ycontents_style div#category_banner{background-color:#498F3D}
/* xcontents　ライム */
body#xcontents_style div#category_banner{background-color:#62B616}

/* pankuzu */
div#pankuzu{border-bottom:solid #cccccc 1px; padding:7px 0 0 10px}

/* contents */
div#contents{height:100%; padding:0; }

/*  */

#wrapper{height:100%; width:100%; float:left; margin-right:-185px; z-index:3;}

/* center_contents */
#center_contents{ width:100%; float:right; margin-left:-185px; line-height:120%; overflow:hidden}
#center_contents2{ width:100%; float:right; margin-left:-185px;}
#center_support{ width:100%; float:right; margin-left:-185px; ; overflow:hidden}
#centerdiv2{margin-left:190px; padding-top:6px; margin-top:0; margin-bottom:20px;}
#centerdiv2 h2{margin:3px 0; font-size:larger}
#centerdiv{line-height:120%; margin-left:190px; padding-top:6px; margin-top:0; margin-bottom:20px;}
#centerdiv h2{line-height:120%; margin:3px 0; font-size:larger}
/* right_contents */
#left_contents{width:162px; float:right; padding-left:0; padding-right:10px; line-height:120%; border-right:solid #cccccc 1px; border-bottom:solid #cccccc 1px; overflow:hidden}



/* left_contents */
#right_contents{background-color:#FFFFFF; width:162px; float:left; padding:8px; line-height:120%; border-left:solid #cccccc 1px; border-bottom:solid #cccccc 1px; z-index:1;}

/* footer */
#footer{ border-top:solid #cccccc 1px; padding:2px 0 0 0; margin-top:10px; CLEAR: left}
div#footer .nav_sub a{font-weight:normal; color:#006699; line-height:200%}
div#footer ul.nav_sub a:hover{ color:#CE0808; text-decoration:underline}
.f_copy{clear:both;margin:20px 0px 20px 19px; font-size:x-small; color:#999999;	font-family: "Verdana", "Arial", "Helvetica", "sans-serif"}

.shop_list{font-size:smaller; padding-top:3px;}
.shop_list li{ DISPLAY: inline; color:#cccccc;}
.shop_list a{padding:0px 3px;}
.shop_list a:hover{ color:#FFCC00; text-decoration:underline}

/* parts */
#header h1 {font-weight:bold;color:#333333; position: absolute; left: 362px; top: 33px; font-size:small; padding:0 50px 0 0; margin:0;}
#header p {font-weight:bold;color:#333333; position: absolute; left: 300px; top: 33px; font-size:small; padding:0 50px 0 0; margin:0}

#pankuzu h1{font-size:24px; margin:6px 0 3px 0; padding:0;font-family: "Verdana", "Arial", "Helvetica", "sans-serif"}
#pankuzu h1#pc{font-weight:normal;font-size:12px; margin:0px 0 3px 3px; padding:0}
#pankuzu p{font-weight:bold;font-size:22px; margin:10px 0 3px 0; padding:0;font-family: "Verdana", "Arial", "Helvetica", "sans-serif"}
#rogo{position: absolute; left: 12px; top: 16px}
#top_right_banner{position: absolute; right: 50px; top: 50px}

#submenu{text-align:center}
.micros{font-family: "Verdana";vertical-align:middle; margin: 3px 20px 3px 30px;	color:#000000;	font-weight: bold;	font-size:12px !important}
.search_title{font-family: "Verdana"; margin: 0px 20px 3px 30px;	color:#000000;	font-weight: bold;	font-size:12px}

.search_pull{margin:0 10px 0 5px}
.search_box{}
.search_but{ margin:0 0 0 10px; BORDER-TOP-WIDTH: 1px; FONT-WEIGHT: bold; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 100%; BORDER-BOTTOM-WIDTH: 2px; CURSOR: pointer; COLOR: #ffffff; BACKGROUND-COLOR:#E73C2F; BORDER-RIGHT-WIDTH: 2px}

/* リスト */
div.list_up{background: url(/basestyle/images/w_kado.gif) no-repeat 0px 0px;padding:4px 0px 4px 4px;margin:15px 0 0 0;font-weight:bold; color:#ffffff;}
div.list_up_index{padding:4px 0px 4px 4px;margin:0 0 0 0;font-weight:bold; background-color:#eeeeee; border-bottom:solid #cccccc 1px}
div.list_up_index a{color:#024A6E}
div.list_down_index{padding:5px 5px; margin:0}
div.list_down_index div.bto_list_price_all{margin:0 0 5px 0}

div.list_down{padding:2px 2px; margin:0 0 15px 0; background-color:#FFFFFF}
div.list_down_top{padding:2px 4px; margin:0 0 15px 0; background-color:#ffffff;}
div.list_down p{margin:0px;}

ul.daf_b li{background: url("/basestyle/images/list.gif") no-repeat 0px 9px;padding:3px 0 3px 8px;border-bottom:dotted #CAC6B3 1px}
ul.daf_w li{background: url("/basestyle/images/list_w.gif") no-repeat 0px 9px;padding:3px 0 3px 8px;border-bottom:dotted #ffffff 1px}


.price_red{	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";font-size:150%; font-weight:bold; color:#ff0000}
.priceyen_red{font-size:120%; font-weight:bold; color:#ff0000; padding-top:3px}
.price_zei{font-size:80%}
.bto_pickup{background-color:#F3F3F3; padding:1px; margin:2px; float:left; line-height:110%; margin-bottom:15px}
.bto_up{float:right; margin:10px;}




/* 文字サイズ変更用 */
body.top_page_st{font-size:small}
body.top_page_mt{font-size:medium}
body.top_page_lt{font-size:larger}

body.top_page_st .search_pull,body.top_page_st .search_box,body.top_page_st .search_but,body.top_page_st .search_title{font-size:small}
body.top_page_mt .search_pull,body.top_page_mt .search_box,body.top_page_mt .search_but,body.top_page_mt .search_title{font-size:medium}
body.top_page_lt .search_pull,body.top_page_lt .search_box,body.top_page_lt .search_but,body.top_page_lt .search_title{font-size:medium}

#head_ad{	position:absolute;right:92px;top:30px;z-index:6;}

/* font-sizeアイコン */
#fnav{	position:absolute;	right:10px;	top:5px;	padding:0;	margin:0;z-index:2;}
#fnavt{	position:absolute;	right:13px;	top:4px;	padding:0;	margin:0;margin:0 0 3px 0 ; font-size:12px !important}
ul#fnav li{float:left; margin-right: 0px; text-align:center}
ul#fnav a{float:left; padding:2px 5px; text-decoration:none; color:#ffffff; background-color:#666666; margin:1px}
ul#fnav a:hover{background: #FF9600; color:#FFFfff; text-decoration:underline}
ul#fnav li.activelink a,ul#fnav li.activelink a:hover,ul#fnav li.activelink a:visited{text-decoration:none; color:#ffffff; background-color:#000000}
li#st a{font-size:12px} 
li#mt a{font-size:14px}
li#lt a{font-size:18px}

p#top_menu{

}
p#top_menu a{

display:block;
background-repeat:no-repeat;
position:absolute;
text-align:center;
top:28px;right:30px;
padding:31px 20px 1px 20px;
font-size:12px;
z-index:1;
display:block;
background-image:url(/shop/contents/images/xp.jpg)
}

p#top2_menu a{

display:block;
position:absolute;
text-align:center;
top:10px;right:10px;
}

#footer_menu {

padding:5px;margin:50px 20px 0 20px;font-family:"ＭＳ Ｐゴシック"; 
background-color:#F9F9F9;
}

#bottom_menu {
	position:absolute;
	bottom:28px;
	left:30px;
	padding:31px 20px 1px 20px;
	font-size:12px;
	width:100%;
}

div#support_menu{
	position:absolute;
	text-align:right;
	right:10px;
	top:5px;
	font-size:12px;
	z-index:1;
}
div#support_menu a{color:#006699; font-weight:normal}
div#support_menu a:hover{ color:#FFCC00; text-decoration:underline}


.os_XPHomeEdition {color:#339900}
.os_XPProfessionalService {color:#FF6600}
.os_XPMediaCenter {color:#3366CC}
.os_XPProfessionalｘ64 {color:#3366CC}
.os_XPTabletPC {color:#3366CC}

.os_VistaHomeBasic {color:#66CC66}
.os_VistaHomePremium {color:#339933}
.os_VistaBusiness {color:#2344C7}
.os_VistaUltimate {color:#333333}



/* index */
.index_contents{border:solid #cccccc 1px;margin-bottom:7px;}
.search_title{font-weight:bold; margin:10px 0 2px 2px}
.new{font-family:Verdana; color:#FF3366; font-weight:bold;}
.cp{font-family:Verdana; color:#FFCC00; font-weight:bold;}
.souryou{font-family:Verdana; color:#FF0000; font-weight:bold;}
.sp{font-family:Verdana; color:#339999; font-weight:bold;}
.sokunou{color:#FF3300;font-weight:bold}
.category_title{text-decoration:underline ;font-size:larger}
.category_discription{text-decoration:none;font-size:smaller;font-weight:lighter}

#parts_sale td{background-color:#FFF5F5;}
#soft_sale td{background-color:#F1FFF1;}

#navi_style{
width: 600px;
height: 15px;
}

#navi_style a{
text-decoration: none;
}

#pscroller{
width: 90%;
height: 16px;
padding:0 0 0 0;
}

#pscroller a {text-decoration:none;color:#ffffff;font-weight:bold;}
#pscroller a:hover {text-decoration:underline;color:#FFE400;font-weight:bold;}
#pscroller a:active {color:#FFCC00; text-decoration:underline;color:#FFE400;font-weight:bold;}


#pscroller3{
width: 200px;
height: 40px;
padding:5px 0 5px 0;
}

#pscroller2{
width: 145px;
height: 16px;
padding:0 0 0 6px;
}

.timer_banner{border:solid #cccccc 1px; padding:2px;width:120px;height:60px;margin-bottom:10px;}

/* font-sizeアイコン */

#Page_navi{	margin:30px 0 150px 105px;}
#Nnav{	padding:0;	margin:0;font-size:larger; text-align:center}

ul#Nnav li{float:left; margin:2px;}
ul#Nnav a{float:left; padding:3px 6px; text-decoration:underline; background-color:#ffffff;border:solid 1px #eeeeee;}
ul#Nnav a:hover{background: #006699; color:#FFFfff; text-decoration:underline}
#select_Navi{text-decoration:none; padding:3px 6px; background-color:#eeeeee;border:solid 1px #cccccc;font-weight:bold;}
.comment1{color:#FF6600;}

.item_title{font-weight:bold;}
#parts_rank_contents{margin-bottom:20px;}
#parts_sort{margin-bottom:20px;}
#parts_banner{margin-bottom:20px;}
#member_caution{margin-bottom:20px;}
#listBox{margin:40px 0;}
.parts_title{font-size:20px;margin:0 0;line-height:110%;;font-weight:bold;	font-family: "Verdana"}
.parts_nouki{float:left;margin-top:3px;}
.parts_comparion{float:left;margin:1px;}

.parts_rank{background-color:#FF6666;margin:2px;padding:2px;}
.parts_rank2{background-color:#FF9999;margin:2px;padding:2px;}
.parts_rank3{background-color:#FFCCCC;margin:2px;padding:2px;}
.parts_rank_price{color:#ff0000;font-weight:bold;}


/* バンドルプルダウンカラー */
.bandle_office_01{background-color:#FFCC33}

/* 納期 */
    #n_total {                    
        width: 288px; 
        height: 207px; 
        position: relative; 
								margin-bottom:20px;
        background: url("/nouki/total.gif") no-repeat;
								float:left;
    }
    #n_mt9 {                    
        width: 288px; 
        height: 207px; 
        position: relative; 
								margin-bottom:20px;
        background: url("/nouki/mt9.gif") no-repeat;
								float:left;
    }
    #n_mt7 {                    
        width: 288px;  
        height: 207px; 
        position: relative; 
								margin-bottom:20px;
        background: url("/nouki/mt7.gif") no-repeat;
								float:left;
    }
    #n_mt5 {                    
        width: 288px; 
        height: 207px; 
        position: relative; 
								margin-bottom:20px;
        background: url("/nouki/mt5.gif") no-repeat;
								float:left;
    }
    #n_sl {                    
        width: 288px; 
        height: 207px; 
        position: relative; 
								margin-bottom:20px;
        background: url("/nouki/sl.gif") no-repeat;
								float:left;
    }
    #n_note {                    
        width: 288px;  
        height: 207px; 
        position: relative; 
								margin-bottom:20px;
        background: url("/nouki/note.gif") no-repeat;
								float:left;
    }
    #n_gs {                    
        width: 288px; 
        height: 207px; 
        position: relative; 
								margin-bottom:20px;
        background: url("/nouki/gs.gif") no-repeat;
								float:left;
    }
    .n_ave ul { 
        width: 378px; 
        height: 207px; 
        margin: 0; 
        padding: 0; 
    }
    #n_total ul li , #n_mt9 ul li , #n_mt7 ul li , #n_total ul li , #n_mt5 ul li , #n_sl ul li , #n_note ul li , #n_gs ul li {  
								list-style-type:none;
        position: absolute; 
        width: 10px; 
        height: 160px; 
        bottom: 47px; 
        padding: 0px !important; 
        margin: 0px !important; 
        background: url("/nouki/g_colorbar3.jpg") no-repeat !important;
        text-align: center; 
        font-weight: bold; 
        color: white; 
        line-height: 0px !important;
								font-size:0px !important;
    }

    li.n_critical { font-size:0px;background-position: 0px bottom !important; }
				.n_ave {position: absolute; right: 10px; top: 35px;font-weight:bold;color:#CC0000;font-size:14px;}

/* パーツレコメンド用 */

.productcheck {float:left;margin:5px;padding:10px; width:120px;height:300px;border-right:dotted 1px #cccccc;overflow:hidden}
.product_image {margin-bottom:5px; text-align:center}
.otherlink{margin:2px 0 5px 2px;}
.productcheck li.name{font-weight:bold}
.logrecom_title{background-color:#eeeeee;font-weight:bold;padding:3px;}
.spec1 a{font-weight:bold;color:#000000}


.tenpo_mobile_phone{float:left;background-color:#3366CC;padding:5px 3px;margin:3px 3px 3px 0px;color:#ffffff;font-weight:bold}
.tenpo_goodwill{float:left;background-color:#339900;padding:5px 3px;margin:3px 3px 3px 0px;color:#ffffff;font-weight:bold}
.tenpo_ufront_sell{float:left;background-color:#000099;padding:5px 3px;margin:3px 3px 3px 0px;color:#ffffff;font-weight:bold}
.tenpo_ufront_buy{float:left;background-color:#000099;padding:5px 3px;margin:3px 3px 3px 0px;color:#ffffff;font-weight:bold}
.tenpo_archives{float:left;background-color:#FF6600;padding:5px 3px;margin:3px 3px 3px 0px;color:#ffffff;font-weight:bold}
.tenpo_flower{float:left;background-color:#FF66CC;padding:5px 3px;margin:3px 3px 3px 0px;color:#ffffff;font-weight:bold}

#map .dbx-handle{width:116px;padding-left:5px;margin:0px;padding-top:0px;padding-bottom:0px;font-size:10px;background-color:#D0E2E8}
#map .map_name_list{}
#map li{margin:0px;padding-top:0px;padding-bottom:0px;font-size:10px}
#map .dbx-box{margin:0px;padding-top:0px;padding-bottom:0px;font-size:10px;}
.keitai{color:#3399CC}
.buy{color:#003399;}
.resale{color:#FFCC00}

.map_base{display:none}
#map{background:url(/shop/contents/images/map.gif) no-repeat;width:800px;height:700px;}


.sitemap_s{float:left;width:200px;margin:0 10px 0 0;}