﻿@charset 'UTF-8';

/*Base Layout*/
* { word-break:break-all }
a:link { color: #003399; text-decoration:none;}
a:visited { color: #003399;text-decoration:none; }
a:hover { color: #3D80DF; text-decoration:underline;}

html { overflow-y:scroll; }

* html body{
margin:0px 0 0 0;
padding:0;
text-align:center;
color:#575757;
line-height:140%;
font-size: 12px;
background:url("http://www.avbee.com/de_img/de_bg.gif") top left repeat-x;
background-color:#FFFFFF;
font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic','Lucida Grande','Geneva','Arial','Helvetica','Verdana', Sans-serif;
/*font-family: verdana, Arial, sans-serif, ;*/
/*font-family: Geneva, Arial, sans-serif, "Lucida Grande" ;*/
}

body{
margin:10px 0 0 0;
padding:0;
text-align:center;
color:#575757;
font-size: 12px;
background-color:#FFFFFF;
font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic','Lucida Grande','Geneva','Arial','Helvetica','Verdana', Sans-serif;
/*font-family: verdana, Arial, sans-serif, ;*/
/*font-family: Geneva, Arial, sans-serif, "Lucida Grande" ;*/
}



p { font-size:12px; line-height:145%; }

h2 {
font-size: 14px;
color: #071427;
line-height: 1.3em;
padding-bottom: 3px;
font-weight: bold;
}

h3 {
font-size: 14px;
color: #3C4650;
line-height: 1.3em;
margin: 0px;
font-weight: normal;
}

li {
padding-bottom: 4px;
}


form { margin: 0px; padding: 0px; font-size:12px; }
select { margin:0px; padding:0px; font-size:12px;}

#container{
width: 980px; /*Width of container*/
margin: 20px auto; /*Center container on page*/
text-align:left;
}

#header h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
padding-bottom:15px;
}

#contentcolumn{
margin: 0 255px 0 195px; /*Margins for content column. Should be "0 RightColumnWidth+15 0 LeftColumnWidth+15*/
}

#contentcolumn-left{
margin-left: 195px; /*Set left margin to LeftColumnWidth+15*/
padding-bottom:15px;
}

#contentcolumn-help{
margin-left: 255px; /*Set left margin to LeftColumnWidth+15*/
padding-bottom:15px;
}

#contentcolumn-right{
margin-right: 255px;  /*Set right margin to RightColumnWidth+15*/
padding-bottom:15px;
}

#contentcolumn-1column{
margin: 0 15px 0 15px; /*Margins for content column. Should be "0 RightColumnWidth+15 0 LeftColumnWidth+15*/
}

#contentcolumn-static{
margin: 0px; /*Margins for content column. Should be "0 RightColumnWidth+15 0 LeftColumnWidth+15*/
}

#leftcolumn{
float: left;
width: 180px; /*Width of left column in pixel*/
margin-left: -980px; /*Set margin to that of -(ContainerWidth)*/
}

#leftcolumn-help{
float: left;
width: 240px; /*Width of left column in pixel*/
margin-left: -980px; /*Set margin to that of -(ContainerWidth)*/
}

#rightcolumn{
float: left;
width: 240px; /*Width of right column*/
margin-left: -240px; /*Set left margin to -(RightColumnWidth)*/
}

/*topic path----------*/
#topic_path {width:100%; padding-top:0px; padding-bottom:8px; clear: left; text-align:left; text-indent:-5px; font-size:20px; line-height:125%;}
#topic_path a{padding-right:5px; color:#CC6600;}
.topic_path_select{ color:#CC6600; padding:0 5px 0 5px; font-size:20px; line-height:125%; font-weight:bold; margin:0; }
.search_rabel { color:#CC6600; padding-left:5px; font-size:25px; line-height:100%; font-weight:bold; }

#topic_path_foot {width:100%; padding-top:8px; padding-bottom:8px; clear: left; text-align:left; border-width: 1px; border-top-style: solid; border-top-color: #CACACA; text-indent:10px; font-size:12px;}
#topic_path_foot a{padding-right:5px; padding-left:5px;}
.topic_path_f_select{ color:#CC6600; padding-right:5px; padding-left:5px; font-weight:bold; }

#main_footer {width:100%; padding-top:15px; padding-bottom:20px; clear: left; text-align:center; border-width: 1px; border-top-style: solid; border-top-color: #CACACA;}
#main_footer a{padding-right:5px; padding-left:5px;}
#main_footer_text {font-size:9px;}
#main_footer_links {padding-bottom:5px;}
#main_footer_copyright {padding-top:5px;}

.c-both { clear:both; height:0px; font-size:0px; line-height:0%; }
.side_5px { padding:0px 5px 0px 5px;}
.side_2px { padding:0px 2px 0px 2px;}
.side_1px { padding:0px 1px 0px 1px;}

.base_line {width:100%; padding:0px; margin:0px; clear: left; text-align:left; border-width: 1px; border-top-style: solid; border-top-color: #CACACA; font-size:12px;}

/*End of Base Layout*/


/*thumb_border----------*/
.img_border { border:1px solid #CACACA;}


/*Picture view----------*/
.p_v_table {font-size:12px;}
.p_v_table td:hover, .p_v_table td.over{ background: url("https://images.xvn.jp/images/common/background/bg_rollover.gif") repeat-x; }

.p_v_thumb {border:1px solid #CACACA; margin:0px; padding:0px;}
.p_v_thumb_top {border:1px solid #CACACA; margin-bottom:4px; padding:0px;}
.p_v_title {padding:3px 0 2px 0;}
.p_v_title h5{font-size:12px; font-weight:normal; margin:0; padding:0; line-height:125%;}
.p_v_act {padding:3px 0 3px 0; font-size:12px;}
.p_v_p_rabel { font-size:11px; padding:2px 0 2px 0;}
.p_v_discount {font-size:12px; padding:0 3px 0 0; text-decoration:line-through;}
.p_v_price {font-size:12px; font-weight:bold; color:#CC6600; padding-left:0px;}
.p_v_v_price {font-size:14px; font-weight:bold; color:#FF0000; padding-left:0px;}
.p_v_buy {padding-left:10px; font-size:12px; font-weight:bold;}
.p_v_cart {font-size:11px;}
.p_v_hr {border-width: 1px; border-bottom-style: solid; border-bottom-color: #CACACA; padding:0px 0 5px 0;}




/*sort table ---------*/
* html body .sort_table { font-size:12px; padding:0px 0 10px 0; }
.sort_table { font-size:12px; padding:10px 0 10px 0; }

/*genre_mouseover*/
#gen_m_o{}
* html #gen_m_o{ /*IE only rule, to negate the padding below IE includes in  width.*/ width: 157px;}
#gen_m_o a{font-size:12px; line-height:200%; font-weight: normal; padding:2px 0px 2px 0px; display: block; width: 100%; text-decoration: none; text-indent:12px;}
#gen_m_o a:hover, #gen_m_o a:hover a:active{ background: url("https://images.xvn.jp/images/common/background/bg_rollover.gif") repeat-x; background-color:#efefef;}
html>body #gen_m_o a{ /*Non IE rule*/ width: auto;}
 
 
/*side_mouseover browse*/
#side_m_o{}
* html #side_m_o{ /*IE only rule, to negate the padding below IE includes in  width.*/ width: 178px;}
#side_m_o a{font-size:12px; line-height:140%; font-weight: bold; padding:2px 0px 2px 0px; display: block; width: 100%; text-decoration: none; text-indent:12px;}
html>body #side_m_o a{ /*Non IE rule*/ width: auto;}
#side_m_o a:hover, #side_m_o a:hover a:active{ color:#FFFFFF; background-image:url("https://images.xvn.jp/images/common/background/side_rollover_blue2.gif"); background-color: #3d80df;}
#side_m_o a.selected{ color:#FFFFFF; background:url("https://images.xvn.jp/images/common/background/side_rollover_blue.gif"); background-color: #3d80df;}


/*left side_mouseover Ranklist*/
#l_rank_li{ line-height:120%; }
* html body #l_rank_li{ /*IE only rule, to negate the padding below IE includes in  width.*/ width: 222px;}
* html body #l_rank_li a{ text-decoration:none; line-height:120%; font-weight: bold; padding:6px 8px 6px 8px; display: block; width: 100%; text-indent:0px; border-top:1px solid #E0E0E0;}/*IE only rule*/

#l_rank_li a{ text-decoration:none; line-height:120%; font-weight: bold; padding:6px 8px 6px 8px; display: block; width:100%; text-indent:0px; border-top:1px solid #E0E0E0; }
html>body #l_rank_li a{ /*Non IE rule*/ width: auto;}
#l_rank_li a:hover, #rank_li a:hover a:active{ background: url("https://images.xvn.jp/images/common/background/bg_rollover.gif") repeat-x; text-decoration:none; background-color:#FFFFFF; }


/*right side_mouseover Ranklist*/
#rank_li{}
* html body #rank_li{ /*IE only rule, to negate the padding below IE includes in  width.*/ width: 162px;}
* html body #rank_li2{ /*IE only rule, to negate the padding below IE includes in  width.*/ width: 162px;}

* html body #rank_li a{ text-decoration:none; line-height:120%; font-weight: bold; padding:6px 8px 6px 8px; display: block; width: 100%; text-indent:0px; border-top:1px solid #E0E0E0; }/*IE only rule*/
* html body #rank_li2 a{ text-decoration:none; line-height:120%; font-weight: bold; padding:6px 8px 6px 8px; display: block; width: 100%; text-indent:0px; }/*IE only rule*/

#rank_li a{ text-decoration:none; line-height:120%; font-weight: bold; padding:6px 8px 6px 8px; display: block; width: 100%; text-indent:0px; border-top:1px solid #E0E0E0; }
#rank_li2 a{ text-decoration:none; line-height:120%; font-weight: bold; padding:6px 8px 6px 8px; display: block; width: 100%; text-indent:0px; }

html>body #rank_li a{ /*Non IE rule*/ width: auto;}
html>body #rank_li2 a{ /*Non IE rule*/ width: auto;}

/* Search*/
.search_b { color:#000000; font-weight:bold; padding:0 5px 0 5px;}
.dymean {font-size:16px; padding-bottom:18px; padding-left:5px;}
.dymean0 {font-size:16px; padding-bottom:8px;}
.dymean a{font-style:italic; font-weight:bold; padding:0px 5px 0px 5px; }
.search0_txt { font-size:14px; line-height:145%; padding:0 0 10px 50px;}

/* Genre*/
.input_g { margin:0px 3px 0 0; }
.lab_tit { font-size:14px; font-weight:bold; line-height:100%; margin-top:10px; padding:10px 0 0 2px; color:#000000; }

/* FORMS*/
select, textarea, input { border: 1px solid #ccc; }
input.button, input.checkbox, input.radio { width: 20px !important; height: 20px; margin: 1px 0 2px 0; border: none; vertical-align: middle; }
input.f_Field, select.f_Field { width: 200px; height: 20px; border: 1px solid #ccc; padding:1px; }
input.f_Field2 { width: 230px; height: 20px; padding-left:5px; padding-right:5px; border: 1px solid #ccc; }
div.field { clear: both; padding: 5px 0; }
div.field label { display: block; float: left; text-align: right; width: 160px; padding: 3px 6px 0 0; }
div.f_Title {clear: both;padding: 3px 0;margin: 10px 1px;color: #CC6600; font-size:13px; font-weight:bold;}
div.buttons { text-align: left; padding-left: 230px; margin: 10px; }
.form_b_t {padding: 1px 20px 0pt 0pt; text-align: right;}
.fieldReq { font-size: 14px; font-weight: bold; color: #b43866; margin-right:5px; }

.info_frame {padding-bottom:15px; font-size:13px;}
.info_title { font-size:15px; padding-bottom:5px; color:#000000; font-weight:bold;}

input.b_search_f { width: 160px; height: 18px; padding-left:5px; padding-right:5px; border: 1px solid #ccc; }
.b_search {padding-bottom:10px; font-size:12px; }
.t_search {padding:5px 0; font-size:12px; }
.b_search_b { border: none; margin-right:3px;}
input.b_login { border: none; }


/*Review---------*/
.rev_f_bot {margin: 0px 0px 12px 25px;}
.rev_err_txt {color:#FF0033; font-weight:bold; margin-left:15px;}
.rev_err {margin:0 0 20px 0; padding:6px; font-weight:bold; border:2px solid #FF0033; text-align:center; color:#FF0033;}
.rev_cau_txt {color:#CC6600; font-weight:normal; padding-bottom:10px; font-size:12px; }

/*Cart table---------*/
.cart_table_border { border:1px solid #AFB0B2; margin-left:3px; }
.cart_table_tr { background:url("https://images.xvn.jp/images/common/background/c_label_gray.gif") repeat-x; background-color:#AFB0B2; }
.cart_table_tr_1 { background-color:#FFFFFF; }
.cart_table_tr_2 { background-color:#EDEDED; }
.cart_table_tr td { color:#FFFFFF; font-weight: bold; }

.bor_l_1 { border-left:1px solid #AFB0B2; }
.bor_r_1 { border-right:1px solid #AFB0B2; }
.l_img_border { border:1px solid #AFB0B2; }

* html body #lc_item {
    border-left:1px solid #C9C9C9; 
    border-right:1px solid #C9C9C9; 
    border-bottom:1px solid #C9C9C9;
    padding-top:0px;
		margin-top:-9px;
}

#lc_item {
    border-left:1px solid #C9C9C9; 
    border-right:1px solid #C9C9C9; 
    border-bottom:1px solid #C9C9C9;
    padding-top:0px;

