@import url("http://fonts.googleapis.com/css?family=Cabin:600");
html {background:#FFFFFF; repeat-y center top #f8f4e9;}
body {/*background: url(../images/bg_tee.jpg) no-repeat center top; */color: #666666;  font: normal 12px/150% Meiryo, 'MS P Gothic', Osaka, 'Hiragino Kaku Gothic Pro', Arial, Helvetica, sans-serif; }
a {color: #000}
.mainImage {clear: both;}
h1.artistLogo  {top: 100px; left: 190px; height: auto; width: 183px;}
div.up a {background: url(../images/up-arrow.png) no-repeat scroll right top transparent; margin-right: 20px; padding: 0 32px 0 0; top: -20px; color:#222; text-align: right;}
.socialIcons ul li a {background: url(../images/social-icons.png); }
/*#wrapper {background: url(../images/bg_tee.png) no-repeat center top;}*/


#logo a {
    display: block;
    background: url("../images/logo.png") no-repeat scroll 0% 0% transparent;
    width: 420px;
    height: 61px;
    float: left;
    text-indent: -9000em;
    font-size: 0px;
}


/* LAYOUT */
/*.contentWrap {background: #ededed}*/
/*nav {background: none;}*/
.Col-A-Mid {padding-bottom: 20px; background: url(../images/bg_col_mid.png) no-repeat scroll left bottom transparent; background-color: none; color: none;}
.Col-A-Right {background-color:#FEF9E7;}
.Col-A-Full {background:#FEF9E7;}

.padd .video { margin-top:10px; }
/*#banner-wrapper .footerWrap {background: #FFF;}*/


/* NAV  */
nav {margin-top: 20px; line-height: 30px; text-align: right; text-transform: none;}
nav li {padding: 0; margin-top: 2px; font-family: 'Cabin', Arial, sans-serif; font-weight: 600; font-size: 18px;}
nav li a {background: url(../images/bg_artistnav.gif) top right; padding: 0;}
nav li.even a {}
nav li.odd a {}
nav li.odd a:hover, nav li.odd.default a {color:#cc3333; background: none #FEF9E7;}
nav li.even a:hover, nav li.even.default a {color:#cc3333; background: none #FEF9E7;}


/* FONTS*/
.more a {background: #666; font-size: 10px; color: #ffffff; padding: 2px}
.more a:hover {text-decoration: underline;}
.tagger {background: #666;  color: #fff; padding: 2px;}
time {color: #666}
div.hr {clear: both; height: 15px; border-bottom: 1px dotted #ae9a78}
div.hr hr { display: none;}

.Col-A-Mid {color: #ffffff;}
.Col-A-Mid a {color: #ffffff; text-decoration: underline;}
.Col-A-Mid a:hover {color: #cc3333;}
.Col-A-Mid time {color: #ffffff;}

.Col-A-Right a, .Col-A-Full a {color: #cc3333;}
.Col-A-Right a:hover, .Col-A-Full a:hover {color: #dc796f; text-decoration: underline;}

.more a {background: #cc3333; color: #ffffff; padding: 2px 5px;}
.more a:hover { color: #dd7686; text-decoration: underline;}


/* BUTTONS */
ul.releases .storeLink a, .link-uj-store a {background: url(../images/store-buttons.gif) 0 -91px no-repeat; height: 48px; width: 185px;}
ul.releases .storeLink a:hover, .link-uj-store a:hover {background-position: 0 -143px;}
.sm-button a {background: url(../images/store-buttons.gif) no-repeat; width: 87px; height: 21px; font-size: 0; text-indent: -9000em; padding: 0;}
.sm-button.link-itunes a {background-position: 0px 0px;}
.sm-button.link-itunes a:hover {background-position: -87px 0px;}
.sm-button.link-amazon a {background-position: 0px -21px;}
.sm-button.link-amazon a:hover {background-position: -87px -21px;}
.sm-button.link-hmv a {background-position: 0px -42px;}
.sm-button.link-hmv a:hover {background-position:-87px -42px;}
.sm-button.link-tower-records a {background-position: 0px -63px;}
.sm-button.link-tower-records a:hover {background-position: -87px -63px;}


/* PRODUCT PAGE */
.productPage .tags span.false {background: #B3B3B3; color: #FFFFFF;}
.productPage .tags span.true {background: none repeat scroll 0 0 #dd7686; color: #FFFFFF;}
.track-tags div span { background: url(../images/track-icons.gif);}



/*////////// LAYOUT //////////*/

/* ARTIST NAVI */
nav {font-size: 18px; line-height: 43px;}
nav li {padding: 2px 0; margin-bottom: 0;}
nav li a {padding: 12px 15px;
-webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; /* Safari, Chrome用 */
-moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; /* Firefox用 */
}

/* PAGE UP */
div.up a {background-image: url("../images/up_arrow.png");}

/* CATGORY FILTER */
ul.catfilter {background-color: #ececec;
-webkit-box-shadow: inset 0px 1px 1px 0px #d0d0d0; /* Safari, Chrome用 */
-moz-box-shadow: inset 0px 1px 1px 0px #d0d0d0; /* Firefox用 */
box-shadow: inset 0px 1px 1px 0px #d0d0d0; /* CSS3 */
-webkit-border-radius: 3px; /* Safari, Chrome用 */
-moz-border-radius: 3px; /* Firefox用 */
border-radius: 3px; /* CSS3 */
}
ul.catfilter li {display: inline;
float: none;
line-height: 30px;
margin-right: 6px;
padding: 1px 6px 3px;
}
ul.catfilter li a {
color: #cc3333;
text-decoration: none;
}
ul.catfilter li a:hover, ul.catfilter li.active {
background-color: #B3B3B3;
-webkit-border-radius: 3px; /* Safari, Chrome用 */
-moz-border-radius: 3px; /* Firefox用 */
border-radius: 3px; /* CSS3 */
color: #FFFFFF;
padding: 2px 10px;
text-decoration: none;
}
ul.catfilter li.active a {color: #FFFFFF;}

/*////////// TITLE //////////*/

.Col-A-Mid h2 {margin: -10px 0 3px -10px; padding: 8px 10px 6px 10px; width:225px; background: url(../images/bg_h2title_mid.png) scroll left top transparent; background-color: none; color: #333333; font: 18px/20px 'Cabin',sans-serif; font-weight: 600;}
.Col-A-Right h2 {margin-bottom: 15px; padding: 8px 10px 6px 10px; font-size: 20px; background: url(../images/bg_h2title_right.gif) scroll left top transparent; background-color: none; color: #fff; font: 20px/26px 'Cabin',sans-serif; font-weight: 600;}


/*////////// MIDDLE COLLUMN //////////*/

.Col-A-Mid article {margin-top: -1px; padding-bottom: 0; /*padding: 0;*/}
.Col-A-Mid .tagger {background-color: #fff; color: #666;}

/* NEWS LIST */
ul.newsList li {background: url(../images/bg_newslist.png) repeat-x scroll left bottom transparent;}

/* CHAKUUTA */
.Col-A-Mid .banner {padding: 0 0 20px 10px;}
.Col-A-Mid .banner img {margin-top: -10px;}

/* LINKS */
.links ul {margin-top: 15px;}


/*////////// RIGHT COLLUMN //////////*/

article h3 {margin-top: 15px; color: #cc3333; font-size: 14px;}
.tagger {background-color: #999; color: #fff; padding: 1px 5px;}

/* MAIL MAGAZINE */
.mail {line-height: 160%;}
.mail img {margin-right: 10px;}
.mail strong {font-weight: bold; font-size: 16px; color: #cc3333;}
.mail .big img {margin-bottom: 10px;}

/* VIDEO */
.play-pause, .volume {background-image: url("../images/video-controls-dark.gif");}
.indicator {background: none repeat scroll 0 0 #cc3333;}

/* INFROMATION */
article .info {padding: 0 10px;}
article .info p {margin-bottom: 3px; padding-bottom: 20px; background: url(../images/line_brush.gif) repeat-x scroll left bottom transparent;}

/* NEW RELEASE */
.newReleases li {padding-bottom: 20px; background: url(../images/line_brush.gif) repeat-x scroll left bottom transparent;}


/*////////// FULL COLLUMN //////////*/

.Col-A-Full {width: 730px; padding: 10px 10px 10px 10px; line-height: 180%; min-height:300px;}
.Col-A-Full h1 {margin-bottom: 15px; padding: 8px 10px 8px 10px; background: url(../images/bg_h2title_right.gif) scroll left top transparent; background-color: none; color: #fff; font-size: 22px;  font: 22px/28px 'Cabin',sans-serif; font-weight: 600;}


/*////////// FOOTER //////////*/

footer a {color: #333;}
footer a:hover {color: #666;}

/* ADDONS */
footer .addons {
background-color:#FFF;
-webkit-border-radius: 5px; /* Safari, Chrome用 */
-moz-border-radius: 5px; /* Firefox用 */
border-radius: 5px; /* CSS3 */
color: #333;}

/* COPY */
footer#copy-statements {margin-top: 0; margin-bottom: 40px; color: #333;}


/*////////// BIOGRAPHY //////////*/

.bio p img {margin: 0 0 10px 10px;}


/*////////// NEWS //////////*/

/* LIST */
ul#newslist li {padding-bottom: 10px; background: url(../images/line_brush.gif) repeat-x scroll left bottom transparent;}
ul#newslist li time {display: inline;}
ul#newslist li .newsLeft {clear:both; width: auto;}
ul#newslist li .newsRight {clear:both; width: auto; padding-left:0;}
ul#newslist li .newsTitle {clear:both; width: auto; padding-left:0; font-size: 16px;}
ul#newslist li .newsTitle a {color: #cc3333;}
ul#newslist li .newsTitle a:hover {color: #cc3333; text-decoration: underline;}

/* DETAIL */
.newsArticle .newsLeft { clear:both; width: auto;}
.newsArticle .newsRight { clear:both; width: 710px; padding-left:0;}
.newsArticle .newsLeft time, .newsArticle .newsLeft .category {display: inline;}
.newsArticle .newsRight h1 {margin-bottom: 10px; padding: 0 10px 12px 0; background: none; background-color: none; color: #cc3333; font-size: 18px; text-transform : none; background: url(../images/line_brush.gif) repeat-x scroll left bottom transparent;}
.newsArticle .subtitle {font-size: 16px;}
.newsArticle .newsLower {margin-bottom: 20px; padding-top: 0;}


/*////////// DISCOGRAPHY //////////*/

.productlist .title a { color: #cc3333;}
.productlist .title a:hover { color: #dc796f;}
.productlist .productBlock {margin-bottom: 10px; padding-bottom: 20px; background: url(../images/line_brush.gif) repeat-x scroll left bottom transparent;}
ul.productlist .productInfo { width: 345px; padding-left: 10px;}
ul.productlist .shopLinks { padding-top: 5px;}


/* PAGENATION */
.pagination {
padding:0;
background: none;
border: medium none;
}
.pagination a {
text-decoration: none;
}
.pagination ul li a.newer, .pagination ul li a.older {
color: #cc3333;
}
.pagination ul li a.newer:hover, .pagination ul li a.older:hover {
text-decoration: underline;
color: #dc796f;
}


/*////////// PRODUCT //////////*/

.Col-A-Full .ProdMid {
margin-right: 0;
width: 420px;
}
.Col-A-Full .ProdRight {
width: 422px;
}
.Col-A-Full .ProdMid h1 {margin:0;padding: 2px 0 0; background: none; background-color: none; color: #cc3333;}
.Col-A-Full .ProdMid h3 {margin:3px 0 10px;}

.productPage .catchCopy {
background: url("../images/catch-bg.gif") no-repeat scroll 0 5px transparent;
color: #cc3333;
padding-left: 15px;
}
.track-tags div span {
background: url("../images/track-icons.gif") repeat scroll 0 0 transparent;
}
.productPage .tags span.false {
background: none repeat scroll 0 0 #cccccc;
color: #FFFFFF;
}
.productPage .tags span.true {
background: none repeat scroll 0 0 #c9a670;
color: #FFFFFF;
}

.ProdDetail ul li {
padding-left:2px;
line-height: 140%;
}

.Col-A-Full .PriceBlock {
padding: 13px 12px 10px;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E3E1DD;
border-radius: 5px 5px 5px 5px;
}

.ProdFull h2 {
color: #cc3333;
background: url(../images/line_brush.gif) repeat-x scroll left bottom transparent;
}

ul.tracklistings li {
border-bottom: solid 1px #cccccc;
}

.ProdRight .releasedate {
padding-bottom: 5px;
color: #cc3333;
}
.ProdRight .stock-info {
padding-top: 0;
}
