@charset "shift_jis";
@import '/include/css/lib_tab.css';

/* ---------------------------------------------------------
*	
*	各ページ共通要素定義
*	
------------------------------------------------------------ */

#wrapper
{
width:1000px;
margin:0 auto;
background:url(/images/070801/bg_body.gif) repeat-y center;
}

#header,
#subnav,
#container,
#footer
{
width:1000px;
margin:0 auto;
}

/* ---------------------------------------------------------
 ヘッダ
------------------------------------------------------------ */

#header{
position:relative;
height:85px;
}

/*ロゴ*/
#logo{
position:absolute;
left:14px;
top:14px;
}

/*グローバルナビ*/
#headernav{
float:right;
padding:8px 16px 0 0;
}

#headernav-primal{
border:1px solid #C6C6C6;
line-height:1.6;
}

/*グローバルナビ1段目*/
ul#headernav01{
border-bottom:1px solid #C6C6C6;
background:url(/images/070801/bg_headernav01.gif) top repeat-x;
}

ul#headernav01 li{
display:inline;
border-right:1px solid #C6C6C6;
}

ul#headernav01 li.end{
border-right:none;
}

ul#headernav01 li a{
padding:2px 8px;
text-decoration:none;
}

ul#headernav01 li a:hover{
text-decoration:underline;
}

ul#headernav01 li a.current{
background:#4E9CF3;
text-decoration:none;
color:#FFF;
}

/*グローバルナビ2段目*/
ul#headernav02{
clear:both;
text-align:left;
background:url(/images/070801/bg_headernav02.gif) top repeat-x;
}

ul#headernav02 li{
display:inline;
border-right:1px solid #C6C6C6;
}

ul#headernav02 li.end{
border-right: none;
}

ul#headernav02 li a{
padding:2px 8px;
text-decoration:none;
}

ul#headernav02 li a:hover{
text-decoration:underline;
}

/*グローバルナビ3段目*/
ul#headernav03{
clear:both;
text-align:right;
font-size:10px;
margin-top:7px;
}

ul#headernav03 li{
display:inline;
padding:0 5px;
border-right:1px solid #666;
}

ul#headernav03 li.end{
padding:0 0 0 5px;
border-right:none;
}

/*ヘッダ内バナー*/
#ad_vectorlarge{
clear:both;
width:728px;
height:90px;
margin:18px auto;
}

/* ---------------------------------------------------------
 タブナビゲーション
------------------------------------------------------------ */
#subnav{
clear:both;
}

/*RSS一覧*/
#lib_tab p.btnrss{
float:right;
margin:3px 8px 0 0;
}

/*お知らせ一覧*/
#info{
background:url(/images/070801/bg_info.gif) repeat-x top;
text-align:left;
padding:10px;
}

#info span{
color:#FF3300;
font-weight:bold;
margin-right:5px;
}

#info a{
font-weight:bold;
}

/* ---------------------------------------------------------
 ディレクトリナビ
------------------------------------------------------------ */
#subsubnav{
background:url(/images/070801/bg_topicpath.gif) repeat-x top;
height:44px;
}

#directory_navi {
padding:9px 5px 0 5px;
position:relative;
z-index:900;
text-align:left;
}

#treeOnOff {
width:135px;
height:27px;
margin:0 2px 0 0;
vertical-align:middle;
cursor:pointer;
background-position:left top;
background-repeat:no-repeat;
background-color:transparent;
}
.tree_open {background:url(/images/070801/bt_tree_open.gif);}
.tree_close {background:url(/images/070801/bt_tree_close.gif);}
#directory_navi a {margin-right:5px;}
#directory_navi,
#directory_navi a:link,
#directory_navi a:visited {color:#e9e9e9;}

#directory_navi a:hover {color:#ff3333;}

/*--tree--*/
#treeDiv1 {
width:200px;
border:2px solid #333;
position:absolute;
top:35px;
left:28px;
_left:-115px;
z-index:901;
}

.tree_current_path_node div,
.tree_current_path_node div {
font-size: 12px; font-weight: bold; color:#ff3333;
}
.loading {
display:block;
width:120px;
height:30px;
margin:5px auto 5px auto;
background:url("/images/reform_061201/loading.gif") left top no-repeat transparent;
}
/*--/tree--*/
/*--mo--*/
html>body #treeDiv1 {
background:url("/images/reform_061201/bg_black75.png") left top repeat;
}
/*--/mo--*/
/*--ie--*/
*html #treeDiv1 {
background:url("/images/reform_061201/bg_black100.gif") left top repeat transparent;
filter:progid:DXImageTransform.Microsoft.alpha(style=0, opacity=75);
}
/*--/ie--*/

.fl {display:block;float:left;}


/*パンくずリスト*/
ul#topicpath{
float:left;
margin:6px 0 0 7px;
}

ul#topicpath li{
float:left;
padding-right:17px;
background:url(/images/070801/ico_topicpath.gif) right no-repeat;
}

ul#topicpath li.end{
float:left;
background:none;
}

ul#topicpath a,
ul#topicpath a:link,
ul#topicpath a:visited,
{
color:#0E69CD;
text-decoration:underline;
}

ul#topicpath a:hover,
{
color:#0E69CD;
text-decoration:none;
}

ul#topicpath strong{
font-weight:normal;
}

/*パンくずリスト*/
#search_block {
float:right;
margin:6px 8px 0 0;
}

#searchform {
}


/* ---------------------------------------------------------
 メイン
------------------------------------------------------------ */

#container{
text-align:left;
clear:both;
padding:8px 0 24px;
background:url(/images/070801/bg_maincontents.gif) repeat-x;
}


/* ---------------------------------------------------------
 左カラム
------------------------------------------------------------ */

#sideA{
float:left;
width:185px;
}

/*ランキング*/
#ranking-box, #ranking_block{
width:178px;
margin:0 4px;
}

#ranking-box h4, #ranking_block h4{
background:url(/images/070801/bg_sideh_01.gif) bottom;
color:#FFF;
font-weight:bold;
padding:3px 10px 6px 10px;
margin-bottom:5px;
}

#ranking-box dl.ptA{
background:#E7F0F8;
padding:5px;
margin:1px 0;
}

#ranking-box dl.ptB{
background:#EBF3F3;
padding:5px;
margin:1px 0;
}

#ranking-box dt, #ranking_block dt{
float:left;
}

#ranking-box dd, #ranking_block dd{
display:block;
padding-left:18px;
}

#ranking-box dd a, #ranking_block dd a{
font-weight:bold;
}

#ranking-box dd p, #ranking_block dd p{
padding-top:2px;
font-size:10px;
}

#ranking-box .more, #ranking_block .more{
text-align:right;
margin:5px 0 8px;
}

/*レビュー*/
#review-box, #review_block{
width:178px;
margin:0 4px;
}

#review-box h4, #review_block h4{
background:url(/images/070801/bg_sideh_01.gif) bottom;
color:#FFF;
font-weight:bold;
padding:3px 10px 6px 10px;
margin-bottom:5px;
}

#review-box dl.ptA{
background:#E7F0F8;
padding:5px;
margin:1px 0;
}

#review-box dl.ptB{
background:#EBF3F3;
padding:5px;
margin:1px 0;
}

#review-box dt a, #review_block dt a{
font-weight:bold;
}

#review-box dd, #review_block dd{
font-size:10px;
}

#review-box .more, #review_block .more{
text-align:right;
margin:5px 0 8px;
}

/*人気ソフト*/
#shopranking-box, #shopranking_block{
width:178px;
margin:0 4px;
}

#shopranking-box h4, #shopranking_block h4{
background:url(/images/070801/bg_sideh_01.gif) bottom;
color:#FFF;
font-weight:bold;
padding:3px 10px 6px 10px;
margin-bottom:5px;
}

#shopranking-box dl.ptA{
background:#E7F0F8;
padding:5px;
margin:1px 0;
}

#shopranking-box dl.ptB{
background:#EBF3F3;
padding:5px;
margin:1px 0;
}

#shopranking-box dt, #shopranking_block dt{
float:left;
}

#shopranking-box dd, #shopranking_block dd{
display:block;
padding-left:18px;
}

#shopranking-box dd a, #shopranking_block dd a{
font-weight:bold;
}

#shopranking-box .more, #shopranking_block .more{
text-align:right;
margin:5px 0 8px;
}

/*大特価*/
#shopsale-box, #shop_sale_block,#shop_sale_block_left{
width:178px;
margin:0 4px;
}

#shopsale-box h4,#shop_sale_block h4,#shop_sale_block_left h4{
background:url(/images/070801/bg_sideh_02.gif) bottom;
color:#FFF;
font-weight:bold;
padding:3px 10px 6px 10px;
margin-bottom:5px;
}

#shopsale-box ul, #shop_sale_block ul,#shop_sale_block_left ul{
text-align:center;
}

#shopsale-box ul li, #shop_sale_block ul li,#shop_sale_block_left ul li{
margin-bottom:3px;
}

/* ---------------------------------------------------------
 メインコンテンツ
------------------------------------------------------------ */

#main{
float:left;
background:#FFF;
width:648px;
border:1px #DFDFDF solid;
}


/* ---------------------------------------------------------
 右カラム
------------------------------------------------------------ */

#sideB{
float:left;
width:164px;
}

/*vpass*/
#vpass * {
font-size:8pt;
line-height:8pt;
}
#vpass {
width:155px;
margin:0 0 10px 5px;
background:url(/images/070801/bg_vpass_middle.gif) left top repeat-y;
}
#vpass .vpass_top {
padding:30px 2px 4px 18px;
_padding:30px 2px 1px 18px;
background:url(/images/070801/bg_vpass_top.gif) left top no-repeat;
}
#vpass .vpass_top p {
height:27px;
margin:0 0 13px 0;
_margin:0 0 5px 0;
padding:0 0 0 28px;
line-height:1.1em;
}
#vpass .vpass_top dl {
margin:0;
padding:0;
}
#vpass .vpass_top dt {
width:130px;
height:14px;
margin:0 0 4px 0;
padding:0;
background:url("/images/reform_061201/bg_vpass_title.gif") left top no-repeat transparent;
}
#vpass .vpass_top dd {
clear:both;
margin:2px 0 1px 0;
}
vpass .vpass_top img {
font-size:8pt;
display:block;
margin:3px 0 0 0;
_margin:0 0 3px 0;
}
#vpass #maglog img {
position:relative;
left:20px;
width:110px;
height:42px;
background:url("/images/reform_061201/vpbox_logo_maglog.gif") left top no-repeat transparent;
}
#vpass #w2m img {/*081120 kamome*/
position:relative;
left:20px;
width:110px;
height:32px;
background:url("/images/reform_061201/vpbox_logo_win2mac.gif") left top no-repeat transparent;
}
#vpass #micmac img {
position:relative;
left:20px;
width:110px;
height:36px;
background:url("/images/reform_061201/vpbox_logo_micmac.gif") left top no-repeat transparent;
}
#vpass #arsmagna img {
position:relative;
left:20px;
width:110px;
height:36px;
background:url("/images/reform_061201/vpbox_logo_arsmagna.gif") left top no-repeat transparent;
}
#vpass #belleisle img {
position:relative;
left:20px;
width:110px;
height:41px;
background:url("/images/reform_061201/vpbox_logo_belleisle.gif") left top no-repeat transparent;
}
/*eidt_070123*/
#vpass .special img {
position:relative;
left:20px;
margin-bottom:5px;
}
/*/edit_070123*/
#vpass .vpass_bottom {
height:2px;
background:url(/images/070801/bg_vpass_bottom.gif) left bottom no-repeat;
}

/*shop*/
#vec_banner_block,
#shop_new_block,
#shop_recommend_block,
#shop_sale_block {
width:155px;
margin:0 0 10px 6px;
position:relative;
}

/*--new_block--*/
#shop_new_block h4 {
background:url(/images/070801/bg_sideh_03.gif) bottom;
color:#FFF;
font-weight:bold;
padding:3px 10px 6px 10px;
margin-bottom:5px;
}

#vec_banner_block,
#shop_new_block li {
line-height:100%;
font-size:9pt;
}

#vec_banner_block img
#shop_new_block img {
display:block;
margin:0 auto;
}

#vec_banner_block .exp,
#shop_new_block .exp {
line-height:1.1em;
border-width:0 1px 1px;
border-style:solid;
border-color:#0078FF;
background-color:#fff;
padding:3px;
margin:0 1px;
}
/*--/new_block--*/
/*--recommend_block--*/
#shop_recommend_block h4 {
background:url(/images/070801/bg_sideh_04.gif) bottom;
color:#FFF;
font-weight:bold;
padding:3px 10px 6px 10px;
margin-bottom:5px;
}
#shop_recommend_block ul {
background:#FFF;
padding:0 5px 10px;
}
#shop_recommend_block li {
padding:0 3px 3px;
margin-right:1px;
}
#shop_recommend_block img {
display:block;
margin:2px auto;
}
/*--/recommend_block--*/
/*--sale_block--*/
#shop_sale_block h4 {
	background:url("/images/reform_061201/bg_shopsale_head.gif") right top no-repeat transparent;
}
/*--/sale_block--*/
/*/shop*/


/* ---------------------------------------------------------
 フッター
------------------------------------------------------------ */

#footer{
clear:both;
background: url(/images/070801/bg_footer.gif) top repeat-x;
text-align:center;
zoom:100%;
}
#footer:after {
	display:block;
	content:".";
	height:0px;
	font-size:0px;
	line-height:0px;
	clear:both;
	visibility:hidden;
}

#footer ul{
padding:13px 0;
}

#footer li{
display: inline;
padding:0 5px;
border-right:1px solid #666;
}

#footer li.end{
border-right:none;
}

#footer address{
background:#0D5BB3;
color:#FFF;
padding:5px 0;
font-family:Verdana, Arial, sans-serif;
text-align:center;
}

#footer address a{
color:#FFF;
}
/* ---------------------------------------------------------
 共有クラス
------------------------------------------------------------ */
.alt{
display:none;
}

.line01{
background:url(/images/070801/line01.gif) repeat-x;
height:1px;
margin:10px 0;
}

.line02{
background:url(/images/070801/line02.gif) repeat-x;
height:1px;
margin:10px 0;
}

.line03{
background:url(/images/070801/line01.gif) repeat-x;
height:1px;
margin:10px 0;
clear:left;
}





/*----------kamome------------*/
h4 span {
	font-weight:bold;
	font-size:12px;
	display:block !important;}

div#vec_banner_block {display:block;}