@charset "utf-8";

/*
Site Name: 繁盛ネット基本システム　４．０
Description: initial setting
Version: SAMPLE
Author: ビービーネット株式会社
*/

/*
===== CONTENTS ===========================================

1: universal reset 
2: body and base setting
: general params
: acronyms and abbreviations styles
3: clearfix
4: link setting
5: base layout
6: HEADER
7: FOOTER
8: NAVIGATION
9: MENU

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


/*
===== 1: universal reset =================================
*/
/*ブラウザ毎で違うスタイル指定をある程度合わせています*/
body, div,
h1, h2, h3, h4, h5, h6,
p, ul, ol, dl, dt, dd,
address, form, input, textarea,
fieldset, blockquote, pre,
th, td{
margin: 0px;
padding: 0;
line-height: 1.4em;
text-align: left;
font-size: small;
}
/*
===== 2: body and base setting ===========================
*/
/*全体に対しての指定*/
html {
font-size: 10px;
}
body {
text-align:center;
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height: 1.4em;
font-size: 1.1em;
font-size-adjust: none;
font-style: normal;
font-variant: normal;
font-weight: normal;
color: #333333;
}

/* general params
--------------------*/
table {
margin : 0;
empty-cells: show;
}
h1 {
font-size: 152%; /*renders 20px */
font-weight: bold;
color: #003334;
}
h2 {
font-size: 100%; /*renders 13px */
font-weight: bold;
clear: both;
}
h3 {
font-size: 107%; /*renders 14px */ 
font-weight: bold;
color: #405B66;
clear: both;
}
h4 {
font-size: 107%; /*renders 14px */ 
font-weight: bold;
color: #405B66;
clear: both;
}
h5 {
font-size: 92%; /*renders 12px */ 
font-weight: bold;
color: #405B66;
clear: both;
}
h6 {
font-size: 92%; /*renders 12px */ 
font-weight: bold;
color: #405B66;
clear: both;
}
hr,
.areaAnchor,
.anchor {
display : none;
}
img {
border: none;
vertical-align: bottom;
}
ul {
list-style: none;
}
li {
list-style: none;
}/* link do not want a dot */


input,textarea {
text-align: left;
padding: 0 1ex;
}
input.button {
text-align: center;
padding: 0 1ex;
}
label input {
margin: 0 3px 3px 0;
}

.error,
span.error a,
p.error a {
display: block;
color: #CC0000;
}

span.caution {
display: block;
color: #66CB01;
font-size: 80%;
}
p.caution {
color: #66CB01;
}
span.must {
color: #CC0000;
padding: 0 0.3em;
}

.clear {
clear: both;
}
.nowrap {
white-space: nowrap;
}
.center {
text-align: center;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.bottom {
vertical-align: bottom;
}
.top {
vertical-align: top;
}
.middle {
vertical-align: middle;
}

.f10{
font-size: 77%; /*renders 10px */ 
}

.f10_right{
font-size: 77%; /*renders 10px */
text-align:right;
margin:0 4px 0 0;
}

/* acronyms and abbreviations styles 
-------------------------------------*/
acronym,abbr{cursor:help;}


/*
===== 3: clearfix ==========================================
*/
.clearfix,.pagenavi_k dl{
zoom:1;/*for IE 5.5-7*/
}
.clearfix:after,.pagenavi_k dl:after{/*for modern browser*/
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}
/*
===== 4: link setting ===========================
*/
a:link{
color:#0861fb;
text-decoration:underline;
}
a:visited{
color:#0861fb;
text-decoration:underline;
}
a:hover{
color:#66CC00;
text-decoration:underline;
}
a:active{
color:#0861fb;
}
a img {
border: 0;
}


div.header a {
color: #348294;
text-decoration: none;
}

div.footer a:link{
color:#0861fb;
text-decoration:underline;
}
div.footer a:visited{
color:#330066;
text-decoration:underline;
}
div.footer a:hover{
color:#0861fb;
text-decoration:underline;
}
div.footer a:active{
color:#0861fb;
text-decoration:underline;
}

/*
===== 5: base layout =====================================
*/

div.head_text{
clear:both;
width: 780px;
margin-left: auto;
margin-right: auto;
padding: 0 0;
text-align:left;
}
div.head_text p.navi{
float:right;
font-size: 10px;
padding:4px 0 2px;
background:#FFFFFF;
}
div.head_text p.navi a{
color:#003366;
}
div.container{
width: 780px;
margin-left: auto;
margin-right: auto;
padding: 0 0;
text-align:center;
background: url(../img/bg_main.gif) repeat-y left 10px ;
border-top: 3px solid #1a5baf;
}
div.naviup {
width: 780px;
clear: both;
padding:10px 0px;
}

div.naviup_s {
clear: both;
padding:2px 6px 6px;
text-align:right;
font-size: 77%; /*renders 10px */ 
}

div#naviup {
display: none;
}
div.footer {
padding:0 0 10px;
width: 780px;
clear:both;
color:#FFFFFF;
margin-right:auto;
margin-left:auto;
}
div.wrap {
width:780px;
clear: both;
}
div.main {
background-color: #FFFFFF;
float: right;
width: 597px;
}
div.contents {
float: right;
width: 597px;
padding-top:7px;
}
div.contents_nomenu {
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 0;
}
div.contentswrap {
}
div.menu {
float: left;
width: 168px;
}

/*
===== 6: HEADER ==========================================
*/

div.header {
font-size: 85%;
padding: 5px;
color: #999999;
width: 910px;
height: auto;
}
p.description{
text-align:right;
}

.headernavi a:hover{
color:#66CC00;
}
.headernavi li a em{
font-style: normal;
font-weight: bold;
}
.menu_wrp {
vertical-align:text-bottom;
}

/*0123BBnet add*/
.headernavi {
background:#EEF0EF;
padding:2px 0;
margin-bottom:5px;
width: 597px;
}
.headernavi ul{
text-align: left;
width: 597px;
}
.headernavi li{
display:inline;
list-style-type:none;
text-align:left;
color:#003366;
}
.headernavi ul li a {
background-repeat: no-repeat;
font-size: 77%; /*renders 10px */ 
padding-left:18px;
padding-top:2px;
padding-bottom:2px;
}

.headernavi ul li.h_icn_site a {
background:url(../img/h_icn_site.gif) no-repeat left center;
margin-right:10px;
text-decoration:none;
color:#003366;
}
.headernavi ul li.h_icn_sell a {
background:url(../img/h_icn_sell.gif) no-repeat left center;
margin-right:12px;
text-decoration:none;
color:#003366;
}
.headernavi ul li.h_icn_rent a {
background:url(../img/h_icn_rent.gif) no-repeat left center;
margin-right:12px;
text-decoration:none;
color:#003366;
}
.headernavi ul li.h_icn_goods a {
background:url(../img/h_icn_goods.gif) no-repeat left center;
margin-right:12px;
text-decoration:none;
color:#003366;
}
.headernavi ul li.h_icn_faq a {
background:url(../img/h_icn_faq.gif) no-repeat left center;
text-decoration:none;
margin-right:10px;
color:#003366;
}

.headernavi ul li.h_icn_contact a {
background:url(../img/h_icn_contact.gif) no-repeat left center;
text-decoration:none;
color:#003366;
}

/*
===== 7: FOOTER ==========================================
*/
.footernavi {
color:#666666;
background-repeat:repeat-x;
background-position:center bottom;
border-bottom: 3px solid #1a5baf;
}
.footernavi ul{
text-align: center;
line-height: 1.8em;
background:#e5e5e5;
}
.footernavi li{
display: inline;
list-style-type: none;
margin: 0;
padding: 0 6px;
}

.footernavi li a{
color:#0563f9;
text-decoration:none;
font-size: 85%; /*renders 11px */ 
}
.footernavi li a em{
font-style: normal;
font-weight: bold;
}
.copyright address {
color:#666666;
font-size: 85%; /*renders 11px */ 
font-style: normal;
font-weight: normal;
letter-spacing: 2px;
text-align: center;
}
.naviup {
text-align: right;
font-size: 77%; /*renders 10px */ 
font-style: normal;
font-weight: normal;
padding-right:20px;
background-image:url(../img/pegeup.gif);
background-position:right 50%;
background-repeat:no-repeat;
}
.naviup a {
margin: 0 10px;
color:#666666;
text-decoration:none;
}

.contentswrap .naviup {
border-top: 0;
margin-bottom: 20px;
margin-top: 10px;
}

/*
===== 8: NAVIGATION ======================================
*/

p.sitename {
float:left;
color:#333333;
font-size: 10px;
padding:4px 0 2px;
background:#FFFFFF;
}

div.logo {
padding:7px 0;
background:#FFFFFF;
}

.logbox {
width:168px;
background:#FFFFFF;
padding-bottom:4px
}

.logbox ul{
}

.logbox li{
margin-bottom:4px;
background:#FFFFFF;
}

.searchbox {
width:168px;
background-image:url(../img/bg_search.jpg);
padding:10px;
}
.searchbox_item{
width:168px;
background-image:url(../img/bg_search.jpg);
border:1px solid #CCCCCC;
padding:10px;
}

.searchbox input,
.searchbox select,
.searchbox_item input,
searchbox_item select{
margin-top:5px;
}

.menubox_topline {
padding:10px;
}
.menubox_nodeco {
padding-top:10px;
}
.menubox_nodeco li{
margin-top:10px;
}

.menubox {
background:#1f59ab;
padding: 0 0 3px 0;
width:168px;
}

.menutitle{
font-weight: bold;
color: #FFF;
margin-top: 0;
text-align: center;
padding: 0;
}
.menutitle img{
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
}
.menubox li {
line-height:180%;
background-repeat:no-repeat;
padding-top: 4px;
padding-bottom: 4px;
padding-left:20px;
border-bottom: 1px solid #4572b5;
color:#FFFFFF
}

.menubox li.arrow{
background: url(../img/bg_menu_arrow.gif) no-repeat left center;

}

.menubox li.arrow a{
color:#FFFFFF;
text-decoration:none;
}

.menubox li a{
color:#FFFFFF;
text-decoration:none;
}
.menubox li a:visited{
color:#FFFFFF;
}
.menubox li a:hover{
color: #33CCFF;
text-decoration:underline;
}


.membertitle{
font-weight: bold;
background: url(../img/bg_menutitle.gif) repeat-x top left;
color: #FFF;
margin-bottom: 6px;
text-align: center;
padding: 4px;
border-bottom:1px solid #1D94B2;
}

.memberbox {
width: 168px;
background-color: #FBFFE8;
}
.memberbox_in {
background:#FFF;
border:1px solid #CCCCCC;
padding: 0 0 8px;
}

.memberbox_in ul{
padding:0 6px;
}

.memberbox_in li{
line-height:140%;
font-size:77%; /*renders 11px */ 
background:#ecf8f2;
padding:2px 0 2px 0;
margin-bottom:4px;
}

.memberbox_in li a{
color:#666666;
text-decoration:none;
}
.memberbox_in li a:visited{
color:#666666;
text-decoration:none;
}
.memberbox_in li a:hover{
color: #00CC99;
text-decoration:none;
}

.memberbox_in li.rireki a{
background: url(../img/icn_rireki.gif) left no-repeat;
padding-left:20px;
}

.memberbox_in li.change a{
background: url(../img/icn_change.gif) left no-repeat;
padding-left:20px;
}

.memberbox_in li.dvd_buy a{
background: url(../img/icn_d_buy.gif) left no-repeat;
padding-left:20px;
}

.memberbox_in li.dvd_rent a{
background: url(../img/icn_d_rent.gif) left no-repeat;
padding-left:20px;
}
.memberbox_in li.cart a{
background: url(../img/icn_cart.gif) left no-repeat;
padding-left:20px;
}

.memberbox_in li.logout a{
background: url(../img/icn_logout.gif) left no-repeat;
padding-left:20px;
}


.rankingbox {
background-color:#F7F7F7;
border-top:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
}
.rankingbox li{
line-height:180%;
width: 168px;
padding-left:30px;
border-top:1px solid #fff;
border-bottom:1px solid #CCCCCC;
background-color:#F7F7F7;
}
.rankingbox li a{
color:#666666;
text-decoration:none;
}
.rankingbox li a:visited{
color:#999999;
}
.rankingbox li a:hover{
color:#66CC00;
text-decoration:underline;
}

.rankingbox li.rkng1{
background-image:url(../img/icn_rkng_1.gif);
background-repeat:no-repeat;
background-position:3px 50%;

}
.rankingbox li.rkng2{
background-image:url(../img/icn_rkng_2.gif);
background-position:3px 50%;
background-repeat:no-repeat;
}
.rankingbox li.rkng3{
background-image:url(../img/icn_rkng_3.gif);
background-position:3px 50%;
background-repeat:no-repeat;
}
.rankingbox li.rkng4{
background-image:url(../img/icn_rkng_4.gif);
background-position:3px 50%;
background-repeat:no-repeat;
}
.rankingbox li.rkng5{
background-image:url(../img/icn_rkng_5.gif);
background-position:3px 50%;
background-repeat:no-repeat;
}
.rankingbox li.rkng6{
background-image:url(../img/icn_rkng_6.gif);
background-position:3px 50%;
background-repeat:no-repeat;
}
.rankingbox li.rkng7{
background-image:url(../img/icn_rkng_7.gif);
background-position:3px 50%;
background-repeat:no-repeat;
}
.rankingbox li.rkng8{
background-image:url(../img/icn_rkng_8.gif);
background-position:3px 50%;
background-repeat:no-repeat;
}
.rankingbox li.rkng9{
background-image:url(../img/icn_rkng_9.gif);
background-position:3px 50%;
background-repeat:no-repeat;
}
.rankingbox li.rkng10{
background-image:url(../img/icn_rkng_10.gif);
background-position:3px 50%;
background-repeat:no-repeat;
}

.bannerblock {
padding-top:10px;
}
.bannerblock ul {
list-style-type: none;
}
.bannerblock ul li {
padding: 5px 0;
text-align: center;
}

.bannerblock ul li.rss{
padding: 5px 0 5px 10px;
text-align: left;
}

.bannerblock ul li img {
padding-left: auto;
padding-right: auto;
}

.btnregistry{
padding-top:5px;
text-align:center;
}

p.right a,
p.pager a {
background-image:url(../img/icn_maru_arrow.gif);
background-repeat:no-repeat;
background-position: left ;
padding-left: 15px;
margin: 5px;
}
ul.pictmenu {
margin: auto;
width: 190px;
list-style: none;
}
ul.pictmenu li {
width: 83px;
list-style: none;
height: 100px;
float: left;
padding: 3px;
overflow: hidden;
border: 1px dotted #DCE2E4;
margin: 1px;
display: block;
background-image: none;
}
ul.pictmenu li p.image {
height: 70px;
text-align:center;
}
ul.pictmenu li p.image img {
margin-top:auto;
margin-right:auto;
margin-bottom:auto;
margin-left: auto;
}
ul.pictmenu li p.title {
line-height: 1.2em;
text-align: center;
}


/*
===== 9: MENU ======================================
*/

/*8:NAVIGATIONと同じ*/