#cmt_set_off {
    clear             : both ;
    display           : block ;
    float     : left ;
    width             : 337px ;
    height            : 150px ;
    background        : url('/images/img_bara/cmt_set_off.gif') repeat-y ;

}

#cmt_set_off:hover {
      background        : url('/images/img_bara/cmt_set_on.gif') no-repeat ;
}
#cmt_picup1 {
    clear             : both ;
    display           : block ;
    float     : left ;
    width             : 342px ;
    height            : 27px ;
    background        : url('/images/img_index/picup1.gif') no-repeat ;

}

#cmt_picup2 {
    clear             : both ;
    display           : block ;
    float     : left ;
    width             : 342px ;
    height            : 27px ;
    background        : url('/images/img_index/picup2.gif') no-repeat ;

}

#cmt_picup3 {
    clear             : both ;
    display           : block ;
    float     : left;
    width             : 342px ;
    height            : 27px ;
    background        : url('/images/img_index/picup3.gif') no-repeat ;

}

#cmt_push {
    clear             : both ;
    display           : block ;
    float     : left;
    width             : 342px ;
    height            : 27px ;
    background        : url('/images/img_index/push.gif') no-repeat ;
}

#ct-hougaku_off {
    clear             : both ;
    display           : block ;
    width             : 337px ;
    height            : 99px ;
    background        : url('/images/img_cd_all/hougaku_off.gif')  ;
}

#ct-hougaku_off:hover {
      background        : url('/images/img_cd_all/hougaku_on.gif') no-repeat ;
}

#ct-hougaku_on {
    clear             : both ;
    display           : block ;
    width             : 337px ;
    height            : 99px ;
    background        : url('/images/img_cd_all/hougaku_on.gif')  ;
}


#ct-yougaku_off {
    clear             : both ;
    display           : block ;
    width             : 337px ;
    height            : 99px ;
    background        : url('/images/img_cd_all/yougaku_off.gif')  ;
}

#ct-yougaku_off:hover {
      background        : url('/images/img_cd_all/yougaku_on.gif') no-repeat ;
}

#ct-yougaku_on {
    clear             : both ;
    display           : block ;
    width             : 337px ;
    height            : 99px ;
    background        : url('/images/img_cd_all/yougaku_on.gif')  ;
}



div.txt-cmt-howto {
  color       : #333333 ;
  font-size   : 7.5pt ;
  margin      : 5px 0px 0px 0px ;
}

div.tv-cmt-pic {
  color       : #e53300 ;
  font-weight : bold ;
  font-size   : 10pt ;
  margin-left : 5px

}

div.txt-qr {
  color     : #666666 ;
  font-size : 8px ;
}

.txt-book-red {
  color       : #ff0000 ;
  font-size   : 12px ;
  font-weight : bold ;
}
.txt-book-red1 {
  color       : #ff0000 ;
  font-size   : 12px ;
}
.txt-book-red2 {
  color       : #ff0000 ;
  font-size   : 18px ;
  font-weight : bold ;
}
.txt-book-white {
  color       : #FFFFFF ;
  font-size   : 14px ;
}
div.txt-book-black {
  color       : #000000 ;
  font-size   : 12px ;
  font-weight : bold ;
}
div.txt-book-black1 {
  color       : #000000 ;
  font-size   : 12px ;
}
div.txt-book-black11 {
  color       : #000000 ;
  font-size   : 10px ;
}

div.txt-book-black2 {
  color       : #000000 ;
  font-size   : 18px ;
  font-weight : bold ;
}

td.txt-book-black2 {
  color       : #000000 ;
  font-size   : 16px ;
}
div.txt-book-titlegray {
  color       : #646464;
  font-size   : 16px ;
  font-weight : bold ;
}

div.txt-book-black3 {
  color       : #000000 ;
  font-size   : 12px ;

}
div.txt-book-black4 {
  color       : #3366cc ;
  font-size   : 10px ;

}

div.txt-book-black5 {
  color       : #7B7462 ;
  font-size   : 14px ;

}
div.txt-book-black6 {
  color       : #000000 ;
  font-size   : 11px ;

}
.txt-book-black7 {
  color       : #000000 ;
  font-size   : 14px ;
}
.txt-book-gray {
  color       : #696252 ;
  font-size   : 12px ;
  font-weight : bold ;
}
div.txt-book-gray1 {
  color       : #807764 ;
  font-size   : 12px ;
  font-weight : bold ;
}
div.txt-book-gray2 {
  color       : #807764 ;
  font-size   : 12px ;
}
.txt-book-gray2 {
  color       : #807764 ;
  font-size   : 12px ;
}
.txt-book-newbrown {
  color       : #724803;
  font-size   : 15px ;
  text-decoration:none;
}
.txt-book-newbrown2 {
  color       : #724803;
  font-size   : 12px ;
  text-decoration:none;
}
div.txt-book-condition {
  color       : #000000 ;
  font-size   : 40px ;
  font-weight : bold ;
}
.txt-book-condition {
  color       : #000000 ;
  font-size   : 40px ;
  font-weight : bold ;
}
.txt-book-green {
  color       : #58947A ;
  font-size   : 14px ;
  font-weight : bold ;
}
div.txt-book-blue {
  color       : #58947A ;
  font-size   : 14px ;
  font-weight : bold ;
}

div.txt-book-blue2 {
  color       : #0033ff ;
  font-size   : 12px ;
  font-weight : bold ;
}
div.txt-book-blue3 {
  color       : #0033ff ;
  font-size   : 11px ;
}
div.txt-book-blue4 {
  color       : #0033ff ;
  font-size   : 10px ;

}
div.txt-book-orange {
  color       : #FF6600 ;
  font-size   : 12px ;
  font-weight : bold ;
}

div#txt-book-yellow{
margin: 0px 0px 0px 3px;
text-align:left;}
a#txt-book-yellow{
  color       : #FFCC66 ;
  font-size   : 12px ;
  font-weight:normal;
  text-decoration:none;
}
a:hover#txt-book-yellow{
  color       : #FFCC66 ;
  font-size   : 12px ;
  font-weight:normal;
  text-decoration:underline;
}
/** add css by noi*/
div#txt-book-yomi{
margin: 0px 0px 0px 3px;
text-align:left;}
a#txt-book-yomi{
  color       : #724803 ;
  font-size   : 12px ;
  font-weight:normal;
  text-decoration:none;
}
a:hover#txt-book-yomi{
  color       : #724803 ;
  font-size   : 12px ;
  font-weight:normal;
  text-decoration:underline;
}
div.txt-book-head {
  color       : #FFFFFF ;
  font-size   : 14px ;
  font-weight : bold ;
}
div.txt-book-cat {
  color       : #FFFFFF ;
  font-size   : 12px ;
  font-weight : bold ;
}
div#txt-book-artist{
margin: 0px 0px 0px 3px;
text-align:left;}
a#txt-book-artist{
  color       : #666633 ;
  font-size   : 12px ;
  font-weight:normal;
  text-decoration:none;
}
a:hover#txt-book-artist{
  color       : #666633 ;
  font-size   : 12px ;
  font-weight:normal;
  text-decoration:underline;
}
.text-pager {
  color     : #888270 ;
  font-size : 11pt ;
  text-align:left;
}
.l-bar{
background:url(/images/img_artist/l-bar.jpg) left no-repeat #AF8D6A ;
height:14px;
}
.r-bar{
background:url(/images/img_artist/r-bar.jpg) left no-repeat #AF8D6A ;
height:14px;
}
/**end add*/

div#txt-book-bluecat{
margin: 0px 0px 0px 3px;
text-align:left;}
a#txt-book-bluecat{
  color       : #0033FF ;
  font-size   : 12px ;
  font-weight:normal;
  text-decoration:none;
}
a:hover#txt-book-bluecat{
  color       : #0033FF ;
  font-size   : 12px ;
  font-weight:normal;
  text-decoration:underline;
}

div#txt-news-link{
margin: 0px 0px 0px 3px;
text-align:left;}
a#txt-news-link{
  color       : #666666 ;
  font-size   : 14px ;
  font-weight:normal;
  text-decoration:none;
}
a:hover#txt-news-link{
  color       : #FF9900 ;
  font-size   : 14px ;
  font-weight:normal;
  text-decoration:underline;
}

div#txt-wish-link{
margin: 0px 0px 0px 3px;
text-align:left;}
a#txt-wish-link{
  color       : #6c5339 ;
  font-size   : 12px ;
  font-weight:normal;
  text-decoration:none;
}
a:hover#txt-wish-link{
  color       : #FF9900 ;
  font-size   : 14px ;
  font-weight:normal;
  text-decoration:underline;
}

div.txt-book-gray {
  color       : #666666 ;
  font-size   : 18px ;
  font-weight : bold ;
}

div.space {
  /* padding:5px 0px 5px 0px ; */
  margin    : 10px 0px 10px 0px ;
}

div.link {
  color     : #666666 ;
  font-size : 10px ;
  margin    : 2px 2px 1px 4px ;
  font-weight : bold ;
}

a.link {
  color           : #666666 ;
  font-size       : 10px ;
  text-decoration : none ;
  line-height     : 110% ;
  font-weight : bold ;
}

.linkbook {
  color           : #888270 ;
  font-size       : 10px ;
  text-decoration : underline ;
  line-height     : 110% ;
  font-weight : bold ;
}

a.link:hover {

  text-decoration : underline ;
  font-weight : bold ;
}


.red   {color:#CC0033;}


.aSubhead1                {color: #6c5339;text-decoration:none; font-size:12px;  text-decoration:underline;}
.aSubhead1:link         {color: #6c5339;text-decoration:none; font-size:12px;  text-decoration:underline;}
.aSubhead1:visited         {color: #6c5339;text-decoration:none; font-size:12px;  text-decoration:underline;}
.aSubhead1:hover         {color: #6c5339;text-decoration:none; font-size:12px;  text-decoration:underline;}
.aSubhead1:active         {color: #6c5339;text-decoration:none; font-size:12px;  text-decoration:underline;}

.aSubhead2                {color: #6c5339;text-decoration:none; font-size:15px;  text-decoration:none;}
.aSubhead2:link         {color: #6c5339;text-decoration:none; font-size:15px;  text-decoration:none;}
.aSubhead2:visited         {color: #6c5339;text-decoration:none; font-size:15px;  text-decoration:none;}
.aSubhead2:hover         {color: #6c5339;text-decoration:none; font-size:15px;  text-decoration:none;}
.aSubhead2:active         {color: #6c5339;text-decoration:none; font-size:15px;  text-decoration:none;}

.aSubhead3                {color: #000000;text-decoration:none; font-size:15px;  text-decoration:none;}
.aSubhead3:link         {color: #000000;text-decoration:none; font-size:15px;  text-decoration:none;}
.aSubhead3:visited         {color: #000000;text-decoration:none; font-size:15px;  text-decoration:none;}
.aSubhead3:hover         {color: #000000;text-decoration:none; font-size:15px;  text-decoration:none;}
.aSubhead3:active         {color: #000000;text-decoration:none; font-size:15px;  text-decoration:none;}

.aSubhead4                {color: #000000;text-decoration:none; font-size:13px;  text-decoration:none;}
.aSubhead4:link         {color: #000000;text-decoration:none; font-size:13px;  text-decoration:none;}
.aSubhead4:visited         {color: #000000;text-decoration:none; font-size:13px;  text-decoration:none;}
.aSubhead4:hover         {color: #000000;text-decoration:none; font-size:13px;  text-decoration:none;}
.aSubhead4:active         {color: #000000;text-decoration:none; font-size:13px;  text-decoration:none;}

.aSubhead5                {color: #6c5339;text-decoration:none; font-size:12px;  text-decoration:none;}
.aSubhead5:link         {color: #6c5339;text-decoration:none; font-size:12px;  text-decoration:none;}
.aSubhead5:visited         {color: #6c5339;text-decoration:none; font-size:12px;  text-decoration:none;}
.aSubhead5:hover         {color: #6c5339;text-decoration:none; font-size:12px;  text-decoration:none;}
.aSubhead5:active         {color: #6c5339;text-decoration:none; font-size:12px;  text-decoration:none;}

.aSubhead6                {color: #cc0000;text-decoration:none; font-size:13px;  text-decoration:none;}
.aSubhead6:link         {color: #cc0000;text-decoration:none; font-size:13px;  text-decoration:none;}
.aSubhead6:visited         {color: #cc0000;text-decoration:none; font-size:13px;  text-decoration:none;}
.aSubhead6:hover         {color: #cc0000;text-decoration:none; font-size:13px;  text-decoration:none;}
.aSubhead6:active         {color: #cc0000;text-decoration:none; font-size:13px;  text-decoration:none;}

.aSubhead7                {color: #6c5339;text-decoration:none; font-size:10px;  text-decoration:none;}
.aSubhead7:link         {color: #6c5339;text-decoration:none; font-size:10px;  text-decoration:none;}
.aSubhead7:visited         {color: #6c5339;text-decoration:none; font-size:10px;  text-decoration:none;}
.aSubhead7:hover         {color: #6c5339;text-decoration:none; font-size:10px;  text-decoration:none;}
.aSubhead7:active         {color: #6c5339;text-decoration:none; font-size:10px;  text-decoration:none;}
/*......*/
div.txt-osusume {
  color       : #ff0000 ;
  font-size   : 9px ;
  font-weight : bold ;
}

div.txt-osusume-ttl {
  color     : #ff0000 ;
  font-size : 9px ;
  margin    : 4px 3px 3px 3px ;
}

div.txt-osusume-plice {
  color     : #3c445b ;
  font-size : 8px ;
  margin    : 5px 3px 3px 3px ;
}

div.txt-osusume-kaisetsu {
  color       : #3c445b ;
  font-size   : 9px ;
  line-height : 130% ;
  margin      : 0px 0px 10px 10px ;
}


.news-area {
  width       : 800px ;
  height      : 240px ;
  background  : url(../../images/img_index/waku_top.jpg) no-repeat ;
}

.news-box {
  width       : 243px ;
  height      : 120px ;
  padding     : 72px 0px 0px 35px ;
  font-size   : 10px ;
  color       : #666666 ;
  line-height : 1.1 ;
}

* html .news-box {
  width       : 285px ;
  padding-top : 0px ;
  margin-top  : 72px ;
}

.news-comic {
  margin-top  : 8px ;
  padding-top : 2px ;
  background  : url(pct_comic.gif) no-repeat ;
  text-indent : 22px ;
}

.caption-comic {
  color       : #ff3399 ;
}

.news-cd {
  margin-top  : 8px ;
  padding-top : 2px ;
  background  : url(pct_cd.gif) no-repeat ;
  text-indent : 22px ;
}

.caption-cd {
  color       : #339900 ;
}

.news-kaitori {
  margin-top  : 8px ;
  padding-top : 2px ;
  background  : url(pct_kaitori.gif) no-repeat ;
  text-indent : 22px ;
}

.caption-kaitori {
  color       : #ff6600 ;
}

.news-btn {
  margin      : 15px 0px 0px 218px ;
}
.pager{ color: #FFAF5E;font-size: 14px ;}
a.pager{ color:#505050;}

.newpager .pager{ color: #4b452e;font-size: 12px;font-weight:bold;}
.newpager a.pager{ color: #4b452e;font-size:12px;font-weight:normal;}

div.txt-bara-list_feed_burner {
  color       : #3f3f3f ;
  font-size   : 10pt ;
  line-height : 120% ;
  width: 300px;
}

div.txt-cmt-howto {
  color       : #333333 ;
  font-size   : 7.5pt ;
  margin      : 5px 0px 0px 0px ;
}

/* twitter top*/
/* ƒŠƒ“ƒN‚Μ•ΆŽš*/
.twitreview a:link,
.twitreview a:visited {
font-size: 12px;
color: #FF5615;
text-decoration: none;
}

/* twitreview */
.twitreview {
width: 342px;
font-size: 12px;
}

/* twitreviewƒƒS */
.twitreview .logo {
}

/* twitreviewƒŠƒXƒg */
.twitreview #twitter_update_list {
margin: 0 14px 0 9px;
list-style: none;
font-size: 12px;
color: #694e32;
line-height: 150%;
}

.twitreview #twitter_update_list .fukidashitai{
background-image: url(/images/img_twittop/twitreviewline.jpg);
background-repeat: no-repeat;
background-position: bottom;
padding-top: 10px;
}

.twitreview #twitter_update_list li {
background-image: url(/images/img_twittop/twitfuki.gif);
background-repeat: no-repeat;
background-position: left 3px;
padding-left: 14px;
padding-bottom: 10px;
}


/*ƒƒ‹ƒ}ƒKƒŠƒjƒ…[ƒAƒ‹CSS*/
#mailmagaContents {
    font-size:13px;
    font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
    width:650px;
    height:auto;
    color:#333;
    text-align:left;
    margin: 50px auto 0;
}
#mailmagaTitle {
    font-size: 140%;
    color: #e33200;
    margin-bottom: 25px;
    font-weight: bold;
    border-bottom: 1px dotted #ccc;
}
#mailmagaTitle .14pxBold {
    font-size: 14px;
    font-weight: bold;
}

/*”zM*/
.mailmagaBox{
    border: 1px solid #E3E3E3;
    margin-bottom: 25px;
}
.mailmagaBox .Title {
    width: 640px;
    margin-right: auto;
    margin-left: auto;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    background-image: url(/images/mailmaga_h2_bg.gif);
    background-repeat: repeat-x;
    background-position: center;
    height: 45px;
    line-height: 45px;
    padding-left: 10px;
}
.mailmagaBox .Title ul {
    width:auto;
    height:auto;
    margin: 0px;
    padding: 0px;
}
.mailmagaBox .Title ul li {
    display:block;
    margin: 0px;
    float: left;
}
 ul li.sample {
    font-weight: normal;
    font-size: 12px;
    margin-right: 10px;
    background-image: url(/images/icon.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 30px;
    display: block;
}
.mailmagaBox .textbox {
    width: 500px;
    margin:20px auto 0;
}
.mailmagaBox .textbox ul {
    font-size: 12px;
    height: auto;
    width: auto;
    margin-right: auto;
    margin-left: auto;
    clear: both;
}
.mailmagaBox .textbox ul li {
    display: block;
    margin:8px 0;
    clear: both;
    float: left;
}
.mailmagaBox .textbox .meilbox {
    font-size: 14px;
    float: left;
    width: 500px;
    line-height: 25px;
    clear: both;
    margin-bottom: 10px;
}


.mailmagaBox .textbox .mailbox {
    font-size: 14px;
    float: left;
    height: 35px;
    width: 500px;
    clear: both;
}
.mailmagaBox .textbox .meilbox table {
    margin-right: auto;
    margin-left: auto;
}
.mailmagaBox .textbox .meilbox table tr td {
    font-size: 13px;
    font-weight: bold;
    border-bottom: 1px dotted #ccc;
}

.14pxBold {
    font-size:14px;
    font-weight:bold;
    color:#333;
}

#touroku,#henkou,#teisi {
    font-size: 14px;
    font-weight: bold;
    clear: both;
    padding: 0px;
    margin: 0px 0 10px 0;
}
#touroku ul li .number {
    display: block;
    float: left;
    width: 100px;
}
#touroku ul {
    margin: 0px;
    padding: 0px;
    float: right;
}
#touroku ul li {
    display: inline;
}
#touroku ul li.number {
    font-size: 12px;
    font-weight: normal;
}

.clearleft {
    clear:left;
}
a:hover {
    text-decoration: none;
}
on:focus {
text-decoration:none;
}
.colorgreen{
 class="color:#CC0;
}