/* base.css
------------------------ */
@charset "EUC-JP";
html,body{
  margin:0;
  padding:0;
  word-break:break-all;
  font:13px/1.22 "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif;
  *font-size:small;
  *font:small;
  background: url(http://img.barks.jp/image/public/default/common/header/main_bg.jpg) repeat-x left top;
}
a:link {
    background-color: transparent;
    color: #5050A0;
    text-decoration: none;
} a:visited {
    background-color: transparent;
    color: #5050A0;
    /*color: #663366;*/
    text-decoration: none;
} a:hover {
    background-color: transparent;
    color: #ff6600;
    text-decoration: underline;
}
.artist { color:#DD7700; font-weight:bold; }
h1, h2, h3, h4, h5, p, ul, li, form, input {
  margin: 0;
  padding: 0;
}
ul {
  list-style: none;
}
img {
    border: 0;
}
form {
  margin:0;
}
.hide {
  display: none;
}
/* Forms */
input, textarea, select {
    font-family: "Lucida Grande", "HiraMaruPro-W4", sans-serif;
    font-size: 100%;
} input[type="text"] {
    font-size: 100%;
    font-family: "Lucida Grande", "HiraMaruPro-W4", sans-serif;
}
#Wrapper {
  margin: 0 auto;
  padding: 0;
  width:1095px;
  text-align: left;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
}
#BaseContents{
	margin: 0;
	text-align: left;
	width: 1095px;
  background: #fff;
}
/*---------------------------------------------------------------------
 新しいヘッダー用（5/28追加）
---------------------------------------------------------------------*/
/* ヘッダー（デフォルト）
-----------------------------------------*/
#header{
  width: 100%;
  overflow: hidden;
  /*background: url(http://img.barks.jp/image/public/default/common/header_year2010/header_bg.png) no-repeat bottom left;*/
}
#header #tagline{
  width: 100%;
  height: 30px;
}
#header #tagline p{
  font-size: 85%;
  color: #eee;
  line-height: 1;
  padding: 7px 10px 0;
  font-weight: bold;
}
#header #logoarea{
  width: 100%;
  clear:both;
  position: relative;
}
#header #logoarea #Logo{
  float: left;
  background: url(http://img.barks.jp/image/public/default/common/header/logo_barks.png) no-repeat 16px 10px;
  width: 266px;
  height: 100px;
  text-indent: -9999px;
  overflow: visible;
  position: relative;
  z-index: 1;
}
#header #logoarea #Logo a{
  width: 155px;
  height: 50px;
  margin: 16px 0 0 16px;
  display: block;
}
/* ---------------------------------------------------------------
バナー(公開前にads.cssに移動) 
---------------------------------------------------------------------*/
#AdsSuper_S {
  float:right;
  display: inline;
  margin: 15px 100px 20px 0;
  min-height: 90px;
}
/*----------------------------------------------------------------------------*/
/*　サブナビゲーション
-----------------------------------------*/
#header #logoarea #SubNavi{
  background: url(http://img.barks.jp/image/public/default/common/header/header_subnavi.png) no-repeat;
  width: 654px;
  height: 28px;
  float: right;
  margin: 0;
  position: relative;
  z-index: 3;
}
#header #logoarea #SubNavi p{
  float: left;
  margin: 0px;
  padding: 8px 0 0 20px;
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;
}
#header #logoarea #SubNavi p a{
  float: left;
  margin: 0 0 0 20px;
  color: #ffffff;
}
#header #logoarea #SubNavi #SearchBox {
  float: right;
  margin: 0;
}
#header #logoarea #SubNavi form {
  margin: 0;
  padding: 5px 3px 0;
}
#header #logoarea #SubNavi form fieldset{
  float: right;
  border: none;
  margin: 0;
  padding: 0;
}
#header #logoarea #SubNavi input.search_input {
  display: block;
  float: left;
  width: 170px;
  height: 16px;
  margin-right: 3px;
  padding: 2px 2px 0;
  overflow: hidden;
  border: 1px solid #b3b3b3;
  background: fff;
  font-size: 12px;
  color: #86857d;
}
#header #logoarea #SubNavi #Search_btn{
  float: left;
  background: url(http://img.barks.jp/image/public/default/common/header/seachbtn.gif) no-repeat;
  text-indent: -9999px;
  width: 34px;
  height: 18px;
  cursor: pointer
}
#header #logoarea #SubNavi #rss{
  float:right;
  padding: 7px 20px 0 10px;
}
#header #logoarea #SubNavi #rss a{
  display: block;
  background: url(http://img.barks.jp/image/public/default/common/header/btn_rss.gif) no-repeat 0 0;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
}
/*　グローバルナビ
-----------------------------------------*/
#header #gnavi{
  background: url(http://img.barks.jp/image/public/default/common/header/header_gnavi_bg.png) repeat-x 0 0 ;
  width: 1095px;
  height: 30px;
}
#header #gnavi ul{
  height: 30px;
  widht: 1050px;
  margin: 0 0 0 7px;
  list-style: none;
  text-indent: -9999px;
}
#header #gnavi ul li{
  display: inline;
}
#header #gnavi ul li a{
  display: block;
  float: left;
  height: 30px;
  width: 75px;
  overflow: hidden;
  text-indent: -9999px;
  text-decoration: none;
}
/* a ----------------------------------------------------*/
#header #gnavi ul li#home a{
  background: url(http://img.barks.jp/image/public/default/common/header/header_gnavi.png) no-repeat 0 0px;
}
#header #gnavi ul li#news a{
  background: url(http://img.barks.jp/image/public/default/common/header/header_gnavi.png) no-repeat -75px 0;
}
#header #gnavi ul li#watch a{
  background: url(http://img.barks.jp/image/public/default/common/header/header_gnavi.png) no-repeat -150px 0;
}
#header #gnavi ul li#listen a{
  background: url(http://img.barks.jp/image/public/default/common/header/header_gnavi.png) no-repeat -225px 0;
}
#header #gnavi ul li#feature a{
  background: url(http://img.barks.jp/image/public/default/common/header/header_gnavi.png) no-repeat -300px 0;
}
#header #gnavi ul li#cdreview a{
  background: url(http://img.barks.jp/image/public/default/common/header/header_gnavi.png) no-repeat -375px 0;
}
#header #gnavi ul li#gakki a{
  background: url(http://img.barks.jp/image/public/default/common/header/header_gnavi.png) no-repeat -450px 0;
}
#header #gnavi ul li#ranking a{
  background: url(http://img.barks.jp/image/public/default/common/header/header_gnavi.png) no-repeat -525px 0;
}
#header #gnavi ul li#itunes a{
  background: url(http://img.barks.jp/image/public/default/common/header/header_gnavi.png) no-repeat -600px 0;
}
#header #gnavi ul li#shop a{
  background: url(http://img.barks.jp/image/public/default/common/header/header_gnavi.png) no-repeat -675px 0;
}
#header #gnavi ul li#ticket a{
  background: url(http://img.barks.jp/image/public/default/common/header/header_gnavi.png) no-repeat -750px 0;
}
#header #gnavi ul li#present a{
  background: url(http://img.barks.jp/image/public/default/common/header/header_gnavi.png) no-repeat -825px 0;
}
#header #gnavi ul li#users a{
  background: url(http://img.barks.jp/image/public/default/common/header/header_gnavi.png) no-repeat -900px 0;
}
#header #gnavi ul li#wii a{
  background: url(http://img.barks.jp/image/public/default/common/header/header_gnavi.png) no-repeat -975px 0;
}
/* hover ----------------------------------------------------*/
#header #gnavi ul li#home a:hover{
  background-position: 0 -30px;
}
#header #gnavi ul li#news a:hover{
  background-position: -75px -30px;
}
#header #gnavi ul li#watch a:hover{
  background-position: -150px -30px;
}
#header #gnavi ul li#listen a:hover{
  background-position: -225px -30px;
}
#header #gnavi ul li#feature a:hover{
  background-position: -300px -30px;
}
#header #gnavi ul li#cdreview a:hover{
  background-position: -375px -30px;
}
#header #gnavi ul li#gakki a:hover{
  background-position: -450px -30px;
}
#header #gnavi ul li#ranking a:hover{
  background-position: -525px -30px;
}
#header #gnavi ul li#itunes a:hover{
  background-position: -600px -30px;
}
#header #gnavi ul li#shop a:hover{
  background-position: -675px -30px;
}
#header #gnavi ul li#ticket a:hover{
  background-position: -750px -30px;
}
#header #gnavi ul li#present a:hover{
  background-position: -825px -30px;
}
#header #gnavi ul li#users a:hover{
  background-position: -900px -30px;
}
#header #gnavi ul li#wii a:hover{
  background-position: -975px -30px;
}
/* link ----------------------------------------------------*/
body#home #header #gnavi ul li#home a{
  background-position: 0 -60px;
}
body#news #header #gnavi ul li#news a{
  background-position: -75px -60px;
}
body#watch #header #gnavi ul li#watch a{
  background-position: -150px -60px;
}
body#listen #header #gnavi ul li#listen a{
  background-position: -225px -60px;
}
body#feature #header #gnavi ul li#feature a{
  background-position: -300px -60px;
}
body#cdreview #header #gnavi ul li#cdreview a{
  background-position: -375px -60px;
}
body#gakki #header #gnavi ul li#gakki a{
  background-position: -450px -60px;
}
body#ranking #header #gnavi ul li#ranking a{
  background-position: -525px -60px;
}
body#itunes #header #gnavi ul li#itunes a{
  background-position: -600px -60px;
}
body#shop #header #gnavi ul li#shop a{
  background-position: -675px -60px;
}
body#tickets #header #gnavi ul li#ticket a{
  background-position: -750px -60px;
}
body#present #header #gnavi ul li#present a{
  background-position: -825px -60px;
}
body#users #header #gnavi ul li#users a{
  background-position: -900px -60px;
}
/*---------------------------------------------------------------------
 新しいヘッダー用ここまで
---------------------------------------------------------------------*/
#Contents {
  float:left;
  width:790px;
}
#mainBox {
  float: right;
  width: 610px;
  margin:0 15px 0 0px;
  display: inline;
}
#sideBox {
  float: left;
  width: 150px;
  margin:0 5px 0 5px;
  display: inline;
}
#Sidebar {
  float:right;
  width:305px;
}
/* Sidebar タイアップ広告
------------------------------- */
.TieUp {
  padding:0;
  margin:0;
  /*border:1px solid #dcdcdc;*/
}
#fyi {
  width:300px;
  margin-bottom:10px;
  padding:0px 0px 0px 0px;
  border-bottom:1px solid #dcdcdc;
  /*border:1px solid #dcdcdc;*/
  /*background:#ffefff;*/
}
#fyi h2{
  background:url(http://img.barks.jp/image/public/default/common/pr_head.jpg) no-repeat;
  padding:2px 0px 0px 7px;
  font-size:12px;
  color:#b6934c;
  font-family:Verdana,Helvetica,sans-serif;
  margin:0px 0px 0px 0px;
  height:20px;
}
#fyi p{
  margin:0px;
  padding:3px 5px 0px 2px;
  font-size:12px;
  line-height:125%;
  color:#555;
  border-top:1px solid #dcdcdc;
}
#fyi a{ color:#666;}
#fyi a:hover{ color:#ff6600;}
#fyi img {
  display:block;
  margin:0px 5px 3px 0px;
  padding:2px;
  width:40px;
  height:40px;
  float:left;
  border:1px solid #ccc;
}
.adIdx {
  font-size:0.9em;
  text-align:right;
  padding-right:5px;
  margin:5px 0;
}
#Footer {
  clear:both;
  margin: 0;
  padding: 0;
  width:100%;
}
#Footer div#footerNav {
  background: #666;
  font-size:0.9em;
  color:#fff;
}
#Footer div#footerNav:after {
  content : "";
  display : block;
  height : 0;
  clear : both;
  visibility: hidden;
}
#Footer div#footerNav div#footerNavInner {
  float:left;
}
#Footer div#footerNav div#footerNavInner:after {
  content : "";
  display : block;
  height : 0;
  clear : both;
  visibility: hidden;
}
#Footer div#footerNav div#footerNavInner ul {
  position:relative;
  margin:0px;
  padding:5px 0 5px 10px;
}
#Footer div#footerNav div#footerNavInner ul li{
  float:left;
  list-style-type:none;
  font-weight:bold;
}
#Footer div#footerNav div#footerNavInner ul li a{
  color: #fff;
  text-decoration: none;
}
#Footer div#footerNav div#footerNavInner ul li a:hover{
  color: #ff9900;
}
#Footer div#footerNav div#copyright {
  text-align: right;
  padding:5px 10px 5px 0px;
}
#Footer div#footerCap {
  clear:both;
  margin:0;
  padding: 5px 10px;
  background: #fff;
  font-size:0.9em;
  line-height: 1.3em;
  color: #555;
}
#crumb {
  margin:5px 0 10px 0;
  padding: 0 0 0 10px;
  font-size:80%;
  line-height:1.5em;
  width:1080px;
  color:#999999;
  border-bottom:1px solid #DCDCDC;
}
#crumb a {
  color:#333333;
}
#crumb a:hover {
  background-color: transparent;
  color: #ff6600;
  text-decoration: underline;
}
.NotFoundTitle {
  font-size:2em;
  font-weight:bold;
  line-height:2em;
  color:#999999;
  padding:0 0 0 10px;
}
.NotFoundMess {
  font-size:1.6em;
  font-weight:bold;
  padding:0 0 0 10px;
  border-bottom:1px solid #999999;
}
.NotFoundDesc {
  padding:10px 10px 0 10px;
}
/* フッタ　インフォエリア
------------------------------- */
#footerInfo {
        margin-top: 0px;
        padding: 10px 0 5px 15px;
        background: #f0f0f0 url(http://img.barks.jp/image/common/navlist_bg.gif) repeat-x;
        line-height:1.4em;
}
#footerInfo #footerInfoInner {
        width: 1080px;
}
#navlist {
        float: left;
}
#navlist div {
        float: left;
        margin-right: 15px;
}
#navlist h4 {
        margin-bottom: 5px;
}
#navlist ul li {
        margin-bottom: 4px;
}
#navlist ul li a {
        font-size: 12px;
        font-weight: bold;
        text-decoration: underline;
        color: #333;
}
#navlist ul li a:hover {
        color: #ff6600;
}
#navlist #navlistShiru ul li a {
        margin-left: 5px;
        padding-left: 12px;
        background: url(http://img.barks.jp/image/common/navlist_point_shiru.gif) 1px 2px no-repeat;
}
#navlist #navlistShiru ul li.indent a {
        margin-left: 0;
        background: none;
}
#navlist #navlistOtoku ul li a {
        margin-left: 5px;
        padding-left: 12px;
        background: url(http://img.barks.jp/image/common/navlist_point_otoku.gif) 1px 2px no-repeat;
}
#navlist #navlistOtoku ul li.indent a {
        margin-left: 0;
        background: none;
}
#navlist #navlistTsudou ul li a {
        margin-left: 5px;
        padding-left: 12px;
        background: url(http://img.barks.jp/image/common/navlist_point_tsudou.gif) 1px 2px no-repeat;
}
#navlist #navlistTsudou ul li.indent a {
        margin-left: 0;
        background: none;
}
#navlist ul li.indent {
        margin-left: 1em;
}
#navlist ul li.indent a {
        font-weight: normal;
}
#footerInfo #jasrac{
  float:left;
  width:140px;
  background: url(http://img.barks.jp/image/common/footer_mobile_bg.gif) left bottom no-repeat;
  text-align:center;
  margin: 10px 0 0 0;
  padding-bottom:10px;
}
#footerInfo #jasrac img{
}
#footerInfo #jasrac #l-mark{
  width: 140px;
  text-align:center;
  padding: 2px 0 12px;
}
#footerInfo #jasrac p{
  margin:0px;
  padding: 10px 0 0;
  font-size:12px;
  line-height:12px;
  color:#555;
}
#footerInfo #cpy {
  margin: 0;
  float: right;
  padding: 10px 25px 5px;
}
#footerInfo #cpy a{
  padding: 0 2px;
}
.reset{
        clear:both;
        display:block;
        height:0px;
        margin:0;
        padding:0;
        font-size:0px;
        line-height:0px;
}
/* フッタ　モバイル
------------------------------- */
.footerMobile {
        float: left;
        margin: 10px 20px 0 0;
        background: url(http://img.barks.jp/image/common/footer_mobile_bg.gif) left bottom no-repeat;
        width: 140px;
}
* .footerMobile {
  margin-right: 10px;
}
.footerMobile p img {
        display: block;
        margin: 5px auto;
}
.footerMobile p.mobileText {
        font-size: 12px;
        line-height: 16px;
        padding: 5px 5px 5px 10px;
        color:#333300;
}
.mobileText a:link{color:#333;text-decoration: none}
.mobileText a:visited{color:#333;text-decoration: none}
.mobileText a:hover{color:#f90;text-decoration: underline}
.mobileText a:active{color:#333;text-decoration: none}
/* sideBOX ランキング
-------------------------------*/
table.Ranking {
  width:150px;
  border:1px solid #999999;
  line-height:1.4em;
}
table.Ranking .RankingTitle {
  background:#999999;
  border-bottom:1px solid #999999;
  font-weight:bold;
  padding:3px 5px;
  color:#eee;
}
table.Ranking .RankingItem {
  border-bottom:1px solid #999999;
  background:#eeeeee;
  padding:3px;
  line-height:1.2em;
}
table.Ranking .RankingItem img {
  float:left;
  padding:0px 5px 5px 0;
  width:15px;
  height:15px;
}
table.Ranking .RankMore {
  background:#999999;
  color:#ffffff;
  padding:3px;
  text-align:right;
}
#ArtistFavorite {
  text-align:center;
  margin:auto;
}
#SideSearch #SideSearchBody input{
	vertical-align: middle;
}
/* 右 最新ニュース
-------------------------*/
#UpcomNews {
  width:300px;
  margin:5px 0 15px 0 ;
  border:1px solid #99CCCC;
}
#UpcomNews tr td {
  margin:0;
  padding:0px 3px 3px 4px;
  background:#F1F1D5;
  border-bottom:1px solid #99cccc;
}
#UpcomNews tr td.title {
  font-weight:bold;
  font-size:110%;
  color:#ffffff;
  background:#99CCCC;
  margin:0;
  padding:0px 3px 0px 5px;
  /*border-bottom:1px solid #99CCCC;*/
}
#UpcomNews tr td img.thumb {
  width:60px;
  float:right;
  margin:4px 4px 4px 0px;
  padding:0px;
}
/* 中面パンくず
---------------------------*/
.GenreNav {
  font-size /**/:100%;
  text-align:right;
  padding-right:10px;
  line-height:1.5;
}
ul.GenreNav li {
  display:inline;
}
ul.GenreNav li.GenreSelected {
  font-size /**/:180%;
}
/* shop itemview
----------------------------*/
.itemview {
  margin:3px; 
  width:160px; 
  border:1px solid #dcdcdc; 
  padding:3px; 
  text-align:center;
}
.itemviewimg img {
  width:150px;
}
.itemviewtxt {
  line-height:20px;
  padding-bottom:3px;
}
/* Info
----------------------------*/
#Information {
margin-bottom:10px;
width:300px;
border:1px solid #dcdcdc;
}
#Information p{
color:#C80000;
font-weight:bold;
padding:5px;
}
#Information2 {
margin-bottom:10px;
width:300px;
border:1px solid #dcdcdc;
}
#Information2 p{
color:#666;
padding:5px;
}
/* amazon
----------------------------*/
#AmazonBox {
  margin: 15px 0;
  width: 600px;
	border:1px solid #A9A9A9;
	overflow: hidden;
}
*html #AmazonBox {
	height: 1%;
}
#AmazonBox h3 {
	border-bottom:1px solid #CDCDCD;
	color:#666;
	margin: 0 0 10px;
  padding: 3px 0 2px 10px;
}
#AmazonBox .AmazonECS {
}
#AmazonBox #ECSLIST{
  margin: 0px;
}
#AmazonBox .EcsResult {
  margin: 0px;
}
#AmazonBox .EcsResult:after {
  content : "";
  display : block;
  height : 0;
  clear : both;
  visibility: hidden;
}
#AmazonBox .EcsResultItem {
  float: left;
  width: 150px;
  text-align: center;
  padding-bottom: 5px;
	margin-bottom:5px;
}
#AmazonBox .EcsResultItem .EcsJackets {
  width: 100px;
  height: 100px;
  padding: 5px;
  margin-bottom: 5px;
  border: 1px solid #dcdcdc;
}
#AmazonBox #Affliate {
  background: #dcdcdc;
  float: left;
  width: 100%;
  padding: 5px 0 0;
	border-top:1px solid #A9A9A9;
}
#AmazonBox .AffiliateBox {
  margin: 0 0 0 18px;
  /*zoom: 100%;*/
}
#AmazonBox .Affiliate {
  float: left;
  padding: 3px;
}
/* ads.css
------------------------ */
#AdsPremium {
  margin:0;
  padding:0;
}
#AdsSuper {
  float:left;
  margin:0;
  padding:0 0 0 10px;
}
#AdsSquare {
  padding-bottom:2px;
  text-align:center;
}
#AdsBottom {
  clear:both;
  width:100%;
  margin:5px;
  width:850px;
}
#AdsMiddle {
  margin:5px;
  text-align:center;
}
.MiddleScreen {
  width:300px;
  margin:0px;
}
#Sky {
  clear:both;
  text-align:center;
}
#AdsText {
  clear:both;
  padding:3px;
  font-size:13px;
  color:#666;
}
#AdsVideo {
  padding-bottom:2px;
  text-align:center;
}
#
#FooterAds {
  width:850px;
  text-align:center;
}
.Badge {
  width:150px;
  text-align:center;
  padding:1px;
}
#Affliate {
  text-align:center;
}
#Pickup .InsideAds {
  width:615px;
  margin:0px 0 0 3px;
  background:#74b01b;
  padding:3px 0px 0px 0px;
}
#Pickup .InsideAds img{
  float:left;
  margin:0px 3px -3px 0px;
  width:240px;
}
#Pickup .InsideAds p{
  float:left;
  display:inline;
  width:365px;
  margin:0px;
  padding:0 2px 0 3px;
  font-size:11px;
  color:#666;
  background:#fff;
}
#Rectangle {
  width:300px;
  margin-bottom:10px;
}
/* Sidebar.css
------------------------ */
.Sideboxbody {
  margin: 0 0 10px;
  width: 300px;
  font-size: 13px;
}
.Sideboxbody a			{ color: #ff6600 !important; text-decoration: none !important;}
.Sideboxbody a:hover	{ color: #ff6600 !important; text-decoration: underline !important; }
/* EditorPickup
--------------------------*/
.Sideboxbody h4 {
  margin: 0;
  width: 300px;
  height: 25px;
  background: url(http://img.barks.jp/image/public/default/EditorPickup/h4.png) no-repeat;
}
.Sideboxbody h4 span{
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
#EditorPickup {
  margin: 0;
  border: 1px solid #e4d0c1;
  line-height: 1.35;
  font-size: 90%;
  color: #333;
}
#EditorPickup:after {
  content : "";
  display : block;
  height : 0;
  clear : both;
  visibility: hidden;
}
#EditorPickup .Pickup-01{
  margin: 0;
  padding: 5px 7px 5px 7px;
  background: #fff3c9;
  height: 100%;
  clear: both;
  display : block;
}
#EditorPickup .Pickup-02{
  margin: 0;
  padding: 5px 7px 5px 7px;
  height: 100%;
  background: #fcfcdf;
  clear: both;
  display : block;
}
#EditorPickup .Pickup-01:after,
#EditorPickup .Pickup-02:after {
  content : "";
  display : block;
  height : 0;
  clear : both;
  visibility: hidden;
}
#EditorPickup .Pickup-01 span,
#EditorPickup .Pickup-02 span {
  margin: 0 0 2px 0px;
  display: block;
  font-weight: bold;
}
#EditorPickup img{
  margin: 0 0 0 7px;
  padding: 5px 6px 5px 5px;
  background: url(http://img.barks.jp/image/public/default/EditorPickup/thumb_bg02.png) no-repeat;
  float: right;
  width: 90px;
  height: 63px;
}