@charset "utf-8";

/*
Theme Name: APPLE CRUMBLE RECORD Template
Theme URI: http://www.apple-crumble.com
Description: APPLE CRUMBLE RECORDテーマファイル
Author: outbound
Author URI: http://www.outbound.jp/
Version: 1.0
*/

@import "common.css";

body {
color : #333 ;
line-height : 1.6 ;
text-align : center ;
background : #fff url(images/shop_body_bcg.jpg) repeat-x 0 0 ;
}

body#blog {
background-image : none ;
background : transparent url(images/blog_body_bcg.jpg) repeat 0 0 ;
}
body#blog div.headerBcg {
background : transparent url(images/blog_header_bcg.jpg) repeat-x 0 0 ;
}


a {
color : #467698 ;
text-decoration : none ;
border-bottom : 1px solid #b4cddf ;
}

a:hover {
text-decoration : none ;
border-bottom : 1px solid #467698 ;
}


a img { border : none !important;}
img { border : none ; }
hr { display : none ; }

em {
font-weight : bold ;
}

a:focus {
outline : none ;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
 
.clearfix {
zoom:1; /* IE5.5〜IE7対応 */
}


.noBorder {
border : none !important ;
}

.price_sold {
padding : 0 5px ;
background-color : #808080 ;
color : #fff ;
}



/* --------------------------------------------------------------------------------------------------------------------

wrapper

-------------------------------------------------------------------------------------------------------------------- */

#wrapper {
text-align : left ;
width : 960px ;
margin : 0 auto ;
}



/* --------------------------------------------------------------------------------------------------------------------

header

-------------------------------------------------------------------------------------------------------------------- */

#header {
position : relative ;
background : transparent url(images/header_bcg.jpg) no-repeat 379px 0 ;
}

#header h1 a {
display : block ;
position : absolute ;
width : 379px ;
height : 37px ;
background : transparent url(images/header_logo.jpg) no-repeat 0 0 ;
text-indent : -9999px ;
border : none ;
}

#header .mainNavi li {
top : 0 ; 
position : absolute ;
list-style : none ;
}
#header .mainNavi li.navi01{ left : 731px ; }
#header .mainNavi li.navi02{ left : 859px ; }

#header .mainNavi li a {
display : block ;
text-indent : -9999px ;
border : none ;
}

#shop #header .mainNavi li.navi01 a {
width : 126px ;
height : 28px ;
background : transparent url(images/btnset_img01.gif) no-repeat 0 -51px ;
}
#shop #header .mainNavi li.navi01 a:hover {
background-position : -126px -51px ;
}
#shop #header .mainNavi li.navi02 a {
width : 101px ;
height : 28px ;
background : transparent url(images/btnset_img01.gif) no-repeat 0 -135px ;
}
#shop #header .mainNavi li.navi02 a:hover {
background-position : -101px -135px ;
}


#blog #header .mainNavi li.navi01 a {
width : 126px ;
height : 28px ;
background : transparent url(images/btnset_img01.gif) no-repeat 0 -79px ;
}
#blog #header .mainNavi li.navi01 a:hover {
background-position : -126px -79px ;
}
#blog #header .mainNavi li.navi02 a {
width : 101px ;
height : 28px ;
background : transparent url(images/btnset_img01.gif) no-repeat 0 -107px ;
}
#blog #header .mainNavi li.navi02 a:hover {
background-position : -101px -107px ;
}

#header .subNavi li {
top : 13px ; 
position : absolute ;
list-style : none ;
}
#header .subNavi li.navi01{ left : 497px ; }
#header .subNavi li.navi02{ left : 548px ; }

#header .subNavi li a {
display : block ;
text-indent : -9999px ;
border : none ;
}

#header .subNavi li.navi01 a {
width : 126px ;
height : 28px ;
background : transparent url(images/header_btn01.gif) no-repeat 0 0 ;
}

#header .subNavi li.navi02 a {
width : 101px ;
height : 28px ;
background : transparent url(images/header_btn02.gif) no-repeat 0 0 ;
}


#header dt {
display : none ;
}

#header dd {
padding : 47px 0 30px 260px ;
font-size : 77% ;
color : #666 ;
text-align : right ;
letter-spacing : 0 ;
}

#header dd .parent6,
#header dd .parent0 {
display : none ;
}

#header dd a {
color : #666 ;
border-bottom : 1px solid #ccc ;
}
#header dd a:hover {
color : #467698 ;
border-bottom : 1px solid #467698 ;
}



/* --------------------------------------------------------------------------------------------------------------------

Container

-------------------------------------------------------------------------------------------------------------------- */


#container {
padding-bottom : 50px ;
border-bottom : 1px solid #d9d9d9 ;
background : transparent url(images/container_bcg.gif) repeat-y 720px 0 ;
}

#mainContainer {
float : left ;
width : 720px ;
}

#sideContainer {
float : right ;
width : 240px ;
}



/* --------------------------------------------------------------------------------------------------------------------

mainContainer

-------------------------------------------------------------------------------------------------------------------- */


/* titleBlock
------------------------------------------------------------------------------------------ */

#shop .titleBlock {
color : #1a1a1a ;
padding : 20px 0 40px 10px ;
margin-bottom : 20px ;
border-bottom : 1px solid #d9d9d9 ;
}

#blog .titleBlock {
padding : 20px 0 40px 20px ;
font-family : Georgia , "Times New Roman" , Times , serif ;
margin-bottom : -15px ;
}

.titleBlock p {
font-size : 77% ;
}

.titleBlock h1 {
font-size : 182% ;
font-weight : bold ;
line-height : 1.4 ;
}

.titleBlock p.newMark {
float : left ;
line-height : 11px ;
margin : 2px 7px 0 0  ;
text-indent : -9999px ;
width : 23px;
height : 11px ;
background : transparent url(images/newMark.gif) no-repeat 0 0 ;
}


/* tableNavi
------------------------------------------------------------------------------------------ */

#shop .tableNavi {
margin : 0 10px ;
background-color : #f5f6f8 ;
}

#blog .tableNavi {
margin-top : 10px ;
padding-top : 20px ;
border-top : 1px solid #d9d9d9 ;
}

.tableNavi p {
text-align : center ;
font-size : 93% ;
padding : 3px 0 ;
}

.tableNavi a {
margin : 0 3px ;
}

.tableNavi span {
font-weight : bold ;
}


/* topBannerBlock
------------------------------------------------------------------------------------------ */
.topBannerBlock {
padding-bottom : 20px ;
line-height : 1px ;
}



/* topNewsBlock
------------------------------------------------------------------------------------------ */
.topNewsBlock {
/*border-bottom : 1px solid #d9d9d9 ;*/
background : transparent url(images/container_bcg.gif) repeat-y 355px 0 ;
}

.topNewsBlock .informationSection,
.topNewsBlock .blogSection{
width : 325px ;
padding : 20px ;
float : left ;
}
.topNewsBlock .informationSection {
padding-left : 10px ;
}

.topNewsBlock h2 {
height : 12px ;
margin-bottom : 20px ;
text-indent : -9999px ;
line-height : 1px ;
}
.topNewsBlock .informationSection h2 {
width : 104px ;
background : transparent url(images/topNewsBlock_img01.gif) no-repeat 0 0 ;
}
.topNewsBlock .blogSection h2 {
width : 99px ;
background : transparent url(images/topNewsBlock_img02.gif) no-repeat 0 0 ;
}

.topNewsBlock li {
list-style : none ;
float : right ; 
margin-top : -37px ;
}

.topNewsBlock li a {
display : block ;
width : 6em ;
line-height : 1 ;
padding : 2px 0 2px 5px ;
font-size : 77% ;
font-family : 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
text-align : center ;
border : none ;
color : #fff ;
}
.topNewsBlock .informationSection li a {
background : #808080 url(images/arrow_img01.gif) no-repeat 10px 50% ;
}
.topNewsBlock .blogSection li a {
background : #808080 url(images/arrow_img01.gif) no-repeat 7px 50% ;
}
.topNewsBlock li a:hover {
background-color : #4c4c4c ;
}

.topNewsBlock dt {
font-size : 77% ;
color : #666 ;
word-break: break-all ;
}

.topNewsBlock h3 {
font-size :108% ;
line-height : 1.4 ;
color : #467698 ;
font-weight : bold ;
margin-bottom : 8px ;
}
.topNewsBlock h3 a {
border : none ;
}
.topNewsBlock h3 a:hover {
border-bottom : 1px solid #467698 ;
}

.topNewsBlock p {
font-size : 93% ;
padding-right: 1em ;
}


#mycustomscroll {
/* Typical fixed height and fixed width example */
width : 100% ;
height : 22em ;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
}


/* itemBlock
------------------------------------------------------------------------------------------ */
.itemBlock {
overflow : hidden ;
}

.itemBlock h2.titleA,
.itemBlock h2.titleB,
.itemBlock h2.titleC {
width : 230px ;
height : 22px ;
margin-bottom : 20px ;
text-indent : -9999px ;
background : transparent url(images/col3ItemBlock_img01.gif) no-repeat 0 0 ;
}
.itemBlock h2.titleB {
background-image : url(images/col3ItemBlock_img02.gif) ;
}
.itemBlock h2.titleC {
background-image : url(images/col3ItemBlock_img03.gif) ;
}

.itemBlockTop li {
padding-top : 0 !important;
}


/* col2ItemBlock
------------------------------------------------------------------------------------------ */
.col2ItemBlock {
margin-left : -10px ;
border-bottom : 1px solid #d9d9d9 ;
background : transparent url(images/col2ItemBlock_bcg.gif) repeat-y 365px 0 ;
}

.col2ItemBlock li {
width : 325px ;
float : left ;
list-style : none ;
padding : 20px 20px 15px 20px ;
/*border-left : 1px solid #d9d9d9 ;*/
position : relative ;
}
.col2ItemBlock li li {
border : none ;
}

.col2ItemBlock h3 {
width : 100% ;
white-space : nowrap ;
overflow : hidden ;
font-size :108% ;
line-height : 1.4 ;
font-weight : bold ;
color : #467698 ;
margin-bottom : 7px ;
}
.col2ItemBlock h3 a {
border : none ;
}
.col2ItemBlock h3 a:hover {
border-bottom : 1px solid #467698 ;
}

.col2ItemBlock dl {
float : left ;
width : 152px ;
}

.col2ItemBlock dt {
display : none ;
}

.col2ItemBlock dd {
line-height : 1.4 ;
margin-bottom : 4px ;
font-size : 93% ;
}

.col2ItemBlock dd.artwork {
margin-bottom : 10px ;
line-height : 1px ;
}

.col2ItemBlock dd.artwork a {
display : block ;
border : none ;
padding : 1px ;
}
.col2ItemBlock dd.artwork a:hover {
background : transparent url(images/artwork_over.gif) repeat 0 0 ;
}

.col2ItemBlock dd.listen ul {
line-height : 16px ;
padding-left : 20px ;
margin-bottom : 8px ;
background : transparent url(images/listen_icon.jpg) no-repeat 0 0 ;
}

.col2ItemBlock dd.listen li {
float : none ;
width : auto ;
padding : 0 ;
display : inline ;
}
.col2ItemBlock dd.listen li a {
margin-left : 3px ;
font-weight : bold ;
cursor : pointer ;
}

.col2ItemBlock dd.listen li.notrack {
display : none ;
}

.col2ItemBlock p {
font-size : 93% ;
margin-left : 160px ;
}


/* col3ItemBlock
------------------------------------------------------------------------------------------ */
.col3ItemBlock {
margin-left : -10px ;
border-bottom : 1px solid #d9d9d9 ;
background : transparent url(images/col3ItemBlock_bcg.gif) repeat-y 243px 0 ;
}

.col3ItemBlock li {
width : 203px ;
float : left ;
list-style : none ;
padding : 20px 20px 15px 20px ;
/*border-left : 1px solid #d9d9d9 ;*/
position : relative ;
}
.col3ItemBlock li li {
border : none ;
}

.col3ItemBlock h3 {
width : 100% ;
white-space : nowrap ;
overflow : hidden ;
font-size : 93% ;
line-height : 1.4 ;
font-weight : bold ;
color : #467698 ;
margin-bottom : 7px ;
}
.col3ItemBlock h3 a {
border : none ;
}
.col3ItemBlock h3 a:hover {
border-bottom : 1px solid #467698 ;
}

.col3ItemBlock dl {
min-height : 110px;
height : auto !important; /*hack for IE6 */
height : 110px; /*hack for IE6 */
margin-bottom : 5px ;
}

.col3ItemBlock dt {
display : none ;
}

.col3ItemBlock dd {
line-height : 1.4 ;
margin : 0 0 4px 110px ;
}
.col3ItemBlock dd.listen {
font-size : 93% ;
}
.col3ItemBlock dd.label,
.col3ItemBlock dd.format,
.col3ItemBlock dd.price {
font-size : 77% ;
}

.col3ItemBlock dd.artwork {
position : absolute ; 
margin : 0 ;
left : 19px ;
line-height : 1px ;
}

.col3ItemBlock dd.artwork a {
display : block ;
border : none ;
padding : 1px ;
}
.col3ItemBlock dd.artwork a:hover {
background : transparent url(images/artwork_over.gif) repeat 0 0 ;
}

.col3ItemBlock dd.listen ul {
line-height : 16px ;
padding-left : 20px ;
margin-bottom : 8px ;
background : transparent url(images/listen_icon.jpg) no-repeat 0 0 ;
}

.col3ItemBlock dd.listen li {
float : none ;
width : auto ;
padding : 0 ;
display : inline ;
}
.col3ItemBlock dd.listen li a {
margin-left : 3px ;
font-weight : bold ;
cursor : pointer ;
}

.col3ItemBlock dd.listen li.notrack {
display : none ;
}

.col3ItemBlock p {
font-size : 93% ;
}



/* col1ItemBlock
------------------------------------------------------------------------------------------ */

.col1ItemBlock li {
list-style : none ;
padding : 20px 20px 20px 10px ;
border-bottom : 1px solid #d9d9d9 ;
}
.col1ItemBlock li li {
border-bottom : none ;
}

.col1ItemBlock li div {
background : transparent url(images/col1ItemBlock_img01.gif) repeat-y  470px 0 ;
position : relative ;
}


.col1ItemBlock h3 {
color : #467698 ;
font-size : 108% ;
font-weight : bold ;
margin-bottom : 10px ;
}
.col1ItemBlock h3 a {
border : none ;
}
.col1ItemBlock h3 a:hover {
border-bottom : 1px solid #467698 ;
}

.col1ItemBlock p {
font-size : 93% ;
padding-left : 140px ;
width : 310px ;
float : left ;
}

.col1ItemBlock p.newMark {
padding-left : 0 ;
line-height : 11px ;
margin-bottom : 3px ;
float : none ;
text-indent : -9999px ;
width : 23px;
height : 11px ;
background : transparent url(images/newMark.gif) no-repeat 0 0 ;
}

.col1ItemBlock dl {
float : right ;
width : 200px ;
min-height: 120px;
height: auto !important;
height: 120px;
}

.col1ItemBlock dt {
display : none ;
}

.col1ItemBlock dd {
margin-bottom : 5px ;
line-height : 1.4 ;
}
.col1ItemBlock dd.listen {
font-size : 108% ;
}
.col1ItemBlock dd.label,
.col1ItemBlock dd.format,
.col1ItemBlock dd.price,
.col1ItemBlock dd.btn {
font-size : 93% ;
}

.col1ItemBlock dd.artwork {
width : 122px ;
position : absolute ;
left : 0 ;
top : 0 ;
line-height : 1px ;
}
.col1ItemBlock dd.artwork a {
border : none ;
display : block ;
padding : 1px ;
}
.col1ItemBlock dd.artwork a:hover {
background : transparent url(images/artwork_over.gif) repeat 0 0 ;
}


.col1ItemBlock dd.listen ul {
line-height : 16px ;
margin-bottom : 10px ;
padding-left : 23px ;
background : transparent url(images/listen_icon.jpg) no-repeat 0 0 ;
}

.col1ItemBlock dd.listen li {
float : none ;
width : auto ;
padding : 0  ;
display : inline ;
}
.col1ItemBlock dd.listen li.notrack {
display : none ;
}


.col1ItemBlock dd.listen li a {
margin-left : 3px ;
font-weight : bold ;
cursor : pointer ;
}

.col1ItemBlock dd.cart {
margin : 10px 0 8px 0 ;
}

.col1ItemBlock dd.cart a {
border : none ;
}


/* singleItemBlock
------------------------------------------------------------------------------------------ */

.singleItemBlock {
list-style : none ;
padding : 0 20px 30px 10px ;
border-bottom : 1px solid #d9d9d9 ;
margin-bottom : 20px ;
}

.singleItemBlock div {
width : 460px ;
float : right ;
font-size : 108% ;
line-height : 1.8 ;
margin-bottom : 20px ;
}

.singleItemBlock div p {
margin-bottom : 1.8em ;
}

.singleItemBlock dl.spec {
width : 200px ;
float : left ;
}

.singleItemBlock dt.artwrok {
display : none ;
}

.singleItemBlock dl.spec dt {
font-size :77% ;
}
.singleItemBlock dl.spec dt.keyword {
font-family : 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.singleItemBlock dl.spec dd {
font-weight : bold ;
margin-bottom : 7px ;
}
.singleItemBlock dl.spec dd.label,
.singleItemBlock dl.spec dd.cat,
.singleItemBlock dl.spec dd.format,
.singleItemBlock dl.spec dd.keyword {
font-size : 93% ;
}
.singleItemBlock dl.spec dd.price {
font-size : 123.1% ;
}
.singleItemBlock dl.spec dd.keyword {
margin-top : 3px ;
}

.singleItemBlock dl.spec dd.keyword li {
list-style: none ;
font-weight : normal ;
padding-left : 7px ;
background : transparent url(images/arrow_img02.gif) no-repeat 0 .6em ;
}

.singleItemBlock dl.spec dd.keyword li.parent3,
.singleItemBlock dl.spec dd.keyword li.parent0 {
display : none ;
}

.singleItemBlock dl.spec dd.keyword li a {
color : #333 ;
border : none ;
}

.singleItemBlock dl.spec dd.keyword li a:hover {
color : #467698 ;
border-bottom : 1px solid #467698 ;
}

.singleItemBlock dl.spec dd.cart a {
border : none ;
}


.singleItemBlock dl.spec2 {
width : 440px ;
float : right ;
padding : 10px 15px 5px 10px ;
background-color : #f5f5f8 ;
}

.singleItemBlock dl.spec2 dt {
font-size :108% ;
font-weight : bold ;
line-height : 16px ;
padding-left : 22px ;
margin-bottom : 5px ;
background : transparent url(images/listen_icon.jpg) no-repeat 0 0 ;
}

.singleItemBlock dl.spec2 li {
font-size : 93% ;
line-height : 1.4 ;
margin-left : 2em ;
padding-bottom : 5px ;
}
.singleItemBlock dl.spec2 li.notrack {
display : none ;
}

.singleItemBlock dl.spec2 li a {
cursor : pointer ;
}



/* col1BlogBlock
------------------------------------------------------------------------------------------ */

.col1BlogBlock li {
list-style : none ;
padding : 10px 20px 0 10px ;
}
.col1BlogBlock li li {
padding : 0 ;
border : none ;
}

.col1BlogBlock h3 {
font-family : Georgia , "Times New Roman" , Times , serif ;
line-height : 1.4 ;
font-size : 182% ;
margin-bottom : 15px ;
padding : 10px 5px 5px 5px ;
border-top : 3px double #b0a082 ;
border-bottom : 1px solid #e2d8c4 ;
}
.col1BlogBlock h3 a {
color : #1a1a1a ;
border : none ;
}
.col1BlogBlock h3 a:hover {
color : #999 ;
}

.col1BlogBlock div {
float : left ;
width : 460px ;
}

.col1BlogBlock p {
font-size : 93% ;
margin-bottom : 1.6em ;
}

.col1BlogBlock div li {
font-size : 93% ;
}

.col1BlogBlock dl {
font-size : 93% ;
letter-spacing : 0 ;
float : right ;
width : 210px ;
}

.col1BlogBlock dt {
width : 10px ;
height : 10px ;
position : absolute ;
text-indent : -9999px ;
margin-top : 2px ;
}
.col1BlogBlock dt.cat {
background : transparent url(images/blog_icon01.gif) no-repeat 0 0 ;
}
.col1BlogBlock dt.date {
background : transparent url(images/blog_icon02.gif) no-repeat 0 0 ;
}
.col1BlogBlock dt.tags {
background : transparent url(images/blog_icon03.gif) no-repeat 0 0 ;
}

.col1BlogBlock dd {
padding : 0 0 6px 20px ;
margin-bottom : 8px ;
line-height : 1.4 ;
background : transparent url(images/sideItemBlock_img02.gif) repeat-x 0 100% ;
}
.col1BlogBlock dd.noBorder {
background : none ;
}

.col1BlogBlock dd li {
line-height : 1.4 ;
margin-bottom : 4px ;
padding-left : 7px ;
background : transparent url(images/arrow_img02.gif) no-repeat 0 .5em ;
}

.col1BlogBlock dd li a {
color : #333 ;
border : none ;
}

.col1BlogBlock dd li a:hover {
color : #467698 ;
border-bottom : 1px solid #467698 ;
}



/* singleBlogBlock
------------------------------------------------------------------------------------------ */

.singleBlogBlock {
list-style : none ;
padding : 15px 20px 20px 10px ;
border-bottom : 1px solid #d9d9d9 ;
}

.singleBlogBlock h1 {
font-family : Georgia , "Times New Roman" , Times , serif ;
color : #1a1a1a ;
line-height : 1.4 ;
font-size : 182% ;
padding : 20px 5px 15px 5px ;
border-top : 3px double #b0a082 ;
}

.singleBlogBlock p {
font-size : 108% ;
line-height : 1.8 ;
margin-bottom : 1.8em ;
}

.singleBlogBlock p strong {
font-weight : bold ;
}

.singleBlogBlock dl {
font-size : 93% ;
margin : 0 0 20px 0 ;
padding : 15px 0 10px 10px ;
background : transparent url(images/sideItemBlock_img02.gif) repeat-x 0 0 ;
border-bottom : 1px solid #e2d8c4 ;
}

.singleBlogBlock dt {
display : none ;
}

.singleBlogBlock dd {
float : left ;
margin-right : 20px ;
padding-left : 15px ;
}

.singleBlogBlock dd.cat {
background : transparent url(images/blog_icon01.gif) no-repeat 0 .3em ;
}
.singleBlogBlock dd.date {
background : transparent url(images/blog_icon02.gif) no-repeat 0 .3em ;
}
.singleBlogBlock dd.tags {
background : transparent url(images/blog_icon03.gif) no-repeat 0 .3em ;
}

.singleBlogBlock dd li {
list-style : none ;
float : left ;
padding : 0 10px 0 7px ;
background : transparent url(images/arrow_img02.gif) no-repeat 0 .6em ;
}

.singleBlogBlock dd li a {
color : #333 ;
border : none ;
}

.singleBlogBlock dd li a:hover {
color : #467698 ;
border-bottom : 1px solid #467698 ;
}


/* relatedBlogBlock
------------------------------------------------------------------------------------------ */
.relatedBlogBlock {
padding : 20px 0 ;
}

.relatedBlogBlock h2 {
width : 230px ;
height : 22px ;
text-indent : -9999px ;
background : transparent url(images/relatedBlogBlock_img01.gif) no-repeat 0 0 ;
}

.relatedBlogBlock li {
list-style : none ;
padding-top : 10px ;
margin : 10px 20px 0 10px ;
}
.relatedBlogBlock li li {
padding :0 ;
margin : 0 ;
font-size : 93% ;
border-bottom : none;
}

.relatedBlogBlock li h3 {
font-size : 153.9% ;
border-bottom : 3px double #b0a082 ;
margin-bottom : 10px ;
padding-left : 3px ;
}
.relatedBlogBlock h3 a {
font-family : Georgia , "Times New Roman" , Times , serif ;
color : #1a1a1a ;
border : none ;
}
.relatedBlogBlock h3 a:hover {
color : #999 ;
}

.relatedBlogBlock li p {
font-size : 93% ;
}

.relatedBlogBlock li.noBorder {
background : none ;
}



/* pageBlock
------------------------------------------------------------------------------------------ */

.pageBlock {
list-style : none ;
padding : 0 20px 20px 10px ;
}

.pageBlock h3 {
color : #467698 ;
font-size : 138.5% ;
font-weight : bold ;
margin : 2em 0 1em 0 ;
}

.pageBlock h4 {
font-size : 108% ;
font-weight : bold ;
margin-bottom : 1.4em ;
}

.pageBlock p,
.pageBlock ul,
.pageBlock ol {
font-size : 93% ;
line-height : 1.8 ;
margin-bottom : 1.8em ;
}

.pageBlock ul,
.pageBlock ol {
margin-left : 1.8em ;
}

.pageBlock .tokusho dt {
position : absolute ;
}
.pageBlock .tokusho dd {
padding : 0 0 2em 16em ;
background : transparent url(images/col1ItemBlock_img01.gif) repeat-y 14em 0 ;
}

.pageBlock .wp-tag-cloud {
list-style : none ;
padding : 0 ;
margin : 0 ;
}

.pageBlock .wp-tag-cloud li {
line-height : 1.4 ;
padding : 5px 0 5px 15px ;
float : left ;
width : 325px ;
border : none ;
background : transparent url(images/arrow_img02.gif) no-repeat 5px 11px ;
}

.pageBlock .wp-tag-cloud li a {
color : #333 ;
border : none ;
}

.pageBlock .wp-tag-cloud li a:hover {
color : #467698 ;
border-bottom : 1px solid #467698 ;
}

.pageBlock .wpcf7 dt {
position : absolute ;
margin-top : 5px ;
font-weight : bold ;
}
.pageBlock .wpcf7 dd {
padding : 0 0 1.5em 12em ;
}

.pageBlock .wpcf7 .txtS {
font-size : 77% ;
color : #e50606;
}

.pageBlock .wpcf7 input,
.pageBlock .wpcf7 textarea {
border : 1px solid #d9d9d9 ;
padding : 5px ;
font-size : 108% ;
color : #333 ;
background-color : #f7f7f7 ;
}
.pageBlock .wpcf7 input {
width : 350px ;
}
.pageBlock .wpcf7 input#lb1 {
width : 250px ;
}
.pageBlock .wpcf7 textarea {
width : 450px ;
}
.pageBlock .wpcf7 input.btn {
padding : 0 ;
border : none ;
background-color : transparent ;
width : auto ;
}

.pageBlock .wpcf7 input:focus,
.pageBlock .wpcf7 textarea:focus {
background-color : #fff ;
}

.pageBlock .wpcf7 .wpcf7-response-output {
margin-right : 70px ;
border : 1px solid #d9d9d9 ;
padding : 10px ;
font-size : 108% ;
color : #467698 ;
}
.pageBlock .wpcf7 .wpcf7-validation-errors {
color : #e50606;
border : 1px solid #e50606 ;
}

.pageBlock .wpcf7 .wpcf7-display-none {
display : none ;
}

.pageBlock .wpcf7 span span {
color : #e50606;
font-size : 77% ;
display : block ;
}


.pageBlock .label dt {
position : absolute ;
}
.pageBlock .label dd {
padding : 0 0 1em 240px ;
}





/* naviBlock
------------------------------------------------------------------------------------------ */

.naviBlock li {
list-style : none ;
}

.naviBlock h2 {
display : none ;
}

.naviBlock .naviSectionA {
padding : 10px 0 10px 20px ;
border-bottom : 1px solid #d9d9d9 ;
}

.naviBlock .naviSectionA li {
font-size : 93% ;
font-weight : bold ;
line-height : 18px ;
margin-bottom : 10px ;
padding-left : 23px ;
background : transparent url(images/cart_icon.jpg) no-repeat 0 0 ;
}
.naviBlock .naviSectionA li.navi02 {
background-image : url(images/guide_icon.jpg) ;
}
.naviBlock .naviSectionA li.banner {
background : none ;
padding-left : 0 ;
line-height : 1px !important;
}
.naviBlock .naviSectionA li.banner a {
border : none ;
}

.naviBlock .naviSectionA a,
.naviBlock .naviSectionB a {
border : none ;
color : #333 ;
}
.naviBlock .naviSectionA a:hover,
.naviBlock .naviSectionB a:hover {
color : #467698 ;
border-bottom : 1px solid #467698;
}


.naviBlock .naviSectionB {
font-weight : bold ;
padding : 20px 0 10px 20px ;
border-bottom : 1px solid #d9d9d9 ;
}
#blog .naviBlock .naviSectionB {
padding-top : 10px ;
}

.naviBlock .naviSectionB dt {
width : 230px ;
height : 22px ;
margin-left :  -10px ;
text-indent : -9999px ;
background : transparent url(images/naviBlock_img01.gif) no-repeat 0 0 ;
position : absolute ;
}

.naviBlock .naviSectionB dd {
margin-top : 37px ;
}

.naviBlock .naviSectionB li {
font-size : 108% ;
line-height : 1.2 ;
margin-bottom : 10px ;
padding-left : 10px ;
background : transparent url(images/arrow_img02.gif) no-repeat 0 .4em ;
}


.naviBlock .searchSection {
font-weight : bold ;
padding : 20px 0 20px 20px ;
border-bottom : 1px solid #d9d9d9 ;
}

.naviBlock .searchSection fieldset {
padding-top : 25px ;
background : transparent url(images/searchSection_img01.gif) no-repeat 0 0 ;
}

.naviBlock .searchSection legend {
display : none ;
}

.naviBlock .searchSection ul {
position : relative ;
}


.naviBlock .searchSection li.search01 {
width : 178px ;
height : 28px ;
}


.naviBlock .searchSection li.search01 input {
width : 150px ;
height : 21px ;
font-size : 93% ;
line-height : 14px ;
color : #666 ;
vertical-align : top ;
padding : 7px 3px 0 25px ;
background : transparent url(images/searchSection_img02.jpg) no-repeat 0 0 ;
outline : 0 ; /*safariのアクティブボーダー非表示用*/
}

.naviBlock .searchSection li.search01 input:focus {
background-position : 0 -28px ;
}

.naviBlock .searchSection li.search02 {
width : 34px ;
height : 26px ;
position : absolute ;
top : 1px ;
left : 185px ;
}



.naviBlock .naviSectionC,
.naviBlock .naviSectionD,
.naviBlock .naviSectionE {
position : relative ;
width : 220px ;
padding : 20px 0 20px 20px ;
border-bottom : 1px solid #d9d9d9 ;
}

.naviBlock .naviSectionC dt {
width : 91px ;
height : 12px ;
line-height : 1px ;
text-indent : -9999px ;
margin-bottom : 15px ;
background : transparent url(images/naviBlock_img03.gif) no-repeat 0 0 ;
}


.naviBlock .naviSectionC dd li a {
display : block ;
width : 200px ;
font-size : 108% ;
color : #333 ;
line-height : 1.4 ;
padding : 2px 0 2px 15px ;
border : none ;
background : transparent url(images/arrow_img02.gif) no-repeat 5px 8px ;
}

.naviBlock .naviSectionC dd li a:hover {
background-color : #edf3f7 ;
}

#mycustomscroll2 {
/* Typical fixed height and fixed width example */
height : 23.3em ;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin-left : -5px ;
}

.naviBlock .naviSectionC .list li {
position : absolute ;
top : 20px ;
width : 220px ;
font-size : 77% ;
font-family : 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
text-align : right ;
}

.naviBlock .naviSectionD dt {
width : 101px ;
height : 12px ;
text-indent : -9999px ;
line-height : 1px ;
margin-bottom : 15px ;
background : transparent url(images/naviBlock_img04.gif) no-repeat 0 0 ;
}

.naviBlock .naviSectionD li {
display : inline ;
font-size : 93% ;
padding : 0 7px ;
background : transparent url(images/arrow_img02.gif) no-repeat 0 .3em ;
}

.naviBlock .naviSectionD li a {
color : #333 ;
border : none ;
}

.naviBlock .naviSectionD li a:hover {
color : #467698 ;
border-bottom : 1px solid #467698 ;
}


.naviBlock .naviSectionD dd.banner {
margin-top : 5px ;
line-height : 1px !important;
}
.naviBlock .naviSectionD dd.banner a {
border : none ;
}

.naviBlock .naviSectionE dt {
width : 45px ;
height : 12px ;
text-indent : -9999px ;
line-height : 1px ;
margin-bottom : 15px ;
background : transparent url(images/naviBlock_img05.gif) no-repeat 0 0 ;
}

.naviBlock .naviSectionE li {
display : inline ;
font-size : 93% ;
padding : 0 7px ;
background : transparent url(images/arrow_img02.gif) no-repeat 0 .3em ;
}

.naviBlock .naviSectionE li a {
color : #333 ;
border : none ;
}

.naviBlock .naviSectionE li a:hover {
color : #467698 ;
border-bottom : 1px solid #467698 ;
}



/* sideItemBlock
------------------------------------------------------------------------------------------ */

.sideItemBlock {
padding : 20px 0 10px 20px ;
border-bottom : 1px solid #d9d9d9 ;
}

.sideItemBlock h2 {
width : 230px ;
height : 22px ;
margin : 0 0 5px -10px ;
text-indent : -9999px ;
background : transparent url(images/sideItemBlock_img01.gif) no-repeat 0 0 ;
}

.sideItemBlock li {
width : 220px ;
list-style : none ;
padding : 10px 0 5px 0 ;
background : transparent url(images/sideItemBlock_img02.gif) repeat-x 0 100% ;
position : relative ;
}
.sideItemBlock li.noBorder {
background : none ;
}
.sideItemBlock li li {
display : inline ;
background : none ;
}

.sideItemBlock h3 {
width : 100% ;
white-space : nowrap ;
overflow : hidden ;
font-size : 93% ;
line-height : 1.4 ;
color : #467698 ;
font-weight : bold ;
letter-spacing : 0 ;
margin-bottom : 7px ;
}
.sideItemBlock h3 a {
border : none ;
}
.sideItemBlock h3 a:hover {
border-bottom : 1px solid #467698 ;
}

.sideItemBlock dl {
letter-spacing : 0 ;
margin-bottom : 5px ;
}

.sideItemBlock dt {
display : none ;
}

.sideItemBlock dd {
margin : 0 0 4px 90px ;
line-height : 1.4 ;
}
.sideItemBlock dd.listen,
.sideItemBlock dd.btn {
font-size : 93% ;
}
.sideItemBlock dd.label,
.sideItemBlock dd.format,
.sideItemBlock dd.price {
font-size : 77% ;
}


.sideItemBlock dd.artwork {
position : absolute ;
left : 0 ;
margin : 0 ;
line-height : 1px ;
}

.sideItemBlock dd.artwork a {
border : none ;
display : block ;
 padding : 1px ;
}
.sideItemBlock dd.artwork a:hover {
background : transparent url(images/artwork_over.gif) repeat 0 0 ;
}


.sideItemBlock dd.listen ul {
width : 105px ;
line-height : 16px ;
margin : 0 0 8px 0 ;
padding-left : 20px ;
background : transparent url(images/listen_icon.jpg) no-repeat 0 0 ;
}
.sideItemBlock dd.listen li {
float : none ;
width : auto ;
padding : 0 ;
display : inline ;
}
.sideItemBlock dd.listen li.notrack {
display : none ;
}
.sideItemBlock dd.listen li a {
font-weight : bold ;
margin-left : 3px ;
cursor : pointer ;
}



/* sideBannerBlock
------------------------------------------------------------------------------------------ */

.sideBannerBlock {
padding : 20px 0 0 20px ;
}

.sideBannerBlock ul {
margin-bottom :20px ;
}

.sideBannerBlock li {
list-style : none ;
line-height : 1px !important;
margin-bottom : 10px ;
}

.sideBannerBlock li a {
border : none ;
}


/* sideBlogBlock
------------------------------------------------------------------------------------------ */

.sideBlogBlock {
padding : 20px 0 10px 20px ;
border-bottom : 1px solid #d9d9d9 ;
}

.sideBlogBlock h2 {
width : 230px ;
height : 22px ;
margin : 0 0 5px -10px ;
text-indent : -9999px ;
}
.sideBlogBlock h2.titleA {
background : transparent url(images/sideBlogBlock_img01.gif) no-repeat 0 0 ;
}
.sideBlogBlock h2.titleB {
background : transparent url(images/sideBlogBlock_img02.gif) no-repeat 0 0 ;
}

.sideBlogBlock dt {
font-size : 77% ;
padding : 10px 0 0 0 ;
}

.sideBlogBlock dd {
font-size : 93% ;
color : #467698 ;
width : 220px ;
padding : 0 0 10px 0 ;
background : transparent url(images/sideItemBlock_img02.gif) repeat-x 0 100% ;
}

.sideBlogBlock dd.noBorder {
background : none ;
}


/* --------------------------------------------------------------------------------------------------------------------

sitemapContainer

-------------------------------------------------------------------------------------------------------------------- */

#sitemapContainer {
padding : 20px 0 30px 0 ;
background : transparent url(images/sitemapContainer_bcg.gif) repeat-y 240px 0 ;
}

#sitemapContainer h2 {
display : none ;
}

#sitemapContainer dl {
width : 200px ;
padding : 0 20px ;
float : left ;
}

#sitemapContainer dt {
font-size : 93% ;
font-weight : bold ;
margin-bottom : 5px ;
}

#sitemapContainer li {
font-size : 93% ;
line-height : 1.4 ;
list-style : none ;
padding-left : 1em ;
margin-bottom : 5px ;
background : transparent url(images/arrow_img02.gif) no-repeat 2px .5em ;
}

#sitemapContainer a {
color : #333 ;
border : none ;
}
#sitemapContainer li a {
color : #666 ;
}

#sitemapContainer a:hover {
color : #467698 ;
border-bottom : 1px solid #467698 ;
}



/* --------------------------------------------------------------------------------------------------------------------

footer

-------------------------------------------------------------------------------------------------------------------- */

#footer {
background-color : #edeef2 ;
}

#footer div {
width : 890px ;
margin : 0 auto ;
text-align : left ;
padding : 20px 0 0 90px ;
position : relative ;
height : 100px ;
}

#blog #footer div {
height : 70px ;
}

#footer li {
display : inline ;
list-style : none ;
font-size : 77% ;
}

#footer li a {
color : #333 ;
border : none ;
margin-right : 2px ;
}

#footer li a:hover {
color : #467698 ;
border-bottom : 1px solid #467698 ;
}

#footer p {
margin-top : 5px ;
font-size : 77% ;
letter-spacing : 1px ;
}

#footer p.logo {
position : absolute ;
top : -38px ;
left : 0 ;
width : 81px ;
height : 127px ;
text-indent : -9999px ;
margin : 0 ;
background : transparent url(images/footer_img01.jpg) no-repeat 0 0 ;
}
#blog #footer p.logo {
background : transparent url(images/blog_footer_img01.jpg) no-repeat 0 0 ;
}


html>body #topNavi {
position: fixed;
bottom: 0;
right: 0;
z-index: 500;
}

#topNavi {
_position: absolute;
_right: 0;
_top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight) - 0
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight) - 0);
_z-index: 500;
list-style : none ;
height : 17px ;
}

#topNavi a {
display : block ;
width : 72px ;
height : 17px ;
line-height : 1px ;
background : transparent url(images/btnset_img01.gif) 0 0 ;
border : none ;
text-indent : -9999px ;
margin : 0 ;
}
#topNavi a:hover {
background-position : -72px 0 ;
}



html>body #nextNavi {
position: fixed;
top : 50%;
right: 0;
z-index: 510;
}

#nextNavi {
_position: absolute;
_right: 0;
_top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight)/2
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight) /2);
_z-index: 510;
margin: 0;
list-style : none ;
}

#nextNavi a {
display : block ;
width : 17px ;
height : 17px ;
line-height : 1px ;
background : #e50606 url(images/btnset_img01.gif) 0 -17px ;
border : none ;
text-indent : -9999px ;
}
#nextNavi a:hover {
background-position : -17px -17px ;
}



html>body #prevNavi {
position: fixed;
top : 50%;
left : 0;
z-index: 520;
}

#prevNavi {
_position: absolute;
_left: 0;
_top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight)/2
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight) /2);
_z-index: 520;
margin: 0;
list-style : none ;
}

#prevNavi a {
display : block ;
width : 17px ;
height : 17px ;
line-height : 1px ;
background : #e50606 url(images/btnset_img01.gif) 0 -34px ;
border : none ;
text-indent : -9999px ;
}
#prevNavi a:hover {
background-position : -17px -34px ;
}



html>body #mp3player {
position: fixed;
bottom: 0;
left : 0 ;
z-index: 450;
}

#mp3player {
_position: absolute;
_left:0;
_top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight) - 0
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight) - 0);
_z-index: 450;

width : 100% ;
height : 30px ;
background-color : #1a1a1a ;
text-align : left ;
}

#mp3player object {
display : block ;
width : 870px ;
height : 30px ;
margin-left : 10px ;
outline: none;
}




/* tipsy
------------------------------------------------------------------------------------------ */

.tipsy {
width : 9em ;
padding : 5px ;
font-size : 77% ;
background-repeat: no-repeat;
}

.tipsy-inner {
padding: .5em;
background-color: #333 ;
color : #fff ;
text-align: left;
}

.tipsy-east { background-image: url(images/tipsy-east.gif); background-position: right 80%; }
.tipsy-west { background-image: url(images/tipsy-west.gif); background-position: left 80%; }