// 見開きページ用に、CSSでボタンをロールオーバーする

BODY, TD{
  font-size : 14px;
  line-height : 130%;
}
.textlink A:link     { color:#cc9900 ; text-decoration:none ;}
.textlink A:visited  { color:#cc9900 ; text-decoration:none ;}
.textlink a:hover{  color:#cc9900 ; background-color : #ccccff;}
.textlink a:active{  color:#cc9900 ; background-color : #ccccff;}




/* WCR */
#btnWcr {
    height:103px;
    width: 188px;
}
#btnWcr a {
    display: block;
    overflow: hidden;
    margin: 0px;
}
#btnWcr A:link {
	background-image: url(../../koma-/btn_yoko_wcr1.gif);
	background-repeat: no-repeat;
}
#btnWcr A:hover {
	background-image: url(../../koma-/btn_yoko_wcr2.gif);
	background-repeat: no-repeat;
}

/* COMIC ROOM */

.btnCr {
	background-image: url(../../koma-/btn_yoko_cr1.gif);
	background-position : 100% 100% ;
	background-repeat: no-repeat;
}
.btnCr A:hover {
	background-image: url(../../koma-/btn_yoko_cr2.gif);
	background-position : 100% 100% ;
	background-repeat: no-repeat;
}

#btnCr {
    height:103px;
    width: 220px;
}
#btnCr a {
    display: block;
    overflow: hidden;
    margin: 0px;
}
#btnCr A:link {
	background-image: url(../../koma-/btn_yoko_cr1.gif);
	background-position : 100% 100% ;
	background-repeat: no-repeat;
}
#btnCr A:hover {
	background-image: url(../../koma-/btn_yoko_cr2.gif);
	background-position : 100% 100% ;
	background-repeat: no-repeat;
}


/* WEB拍手 */

.btnClap2 {
	background-image: url(../../style/base/shukuhuku01.gif);
	background-repeat: no-repeat;
}

#btnClap2 {
    height:46px;
    width: 160px;
}
#btnClap2 a {
    display: block;
    overflow: hidden;
    margin: 0px;
}
#btnClap2 A:link {
	background-image: url(../../style/base/shukuhuku01.gif);
	background-repeat: no-repeat;
}
#btnClap2 A:hover {
	background-image: url(../../style/base/shukuhuku02.gif);
	background-repeat: no-repeat;
}


/* WEB拍手 */ 旧##################################################

.btnClap {
	background-image: url(../../style/base/webclap_next1.gif);
	background-repeat: no-repeat;
}

#btnClap {
    height:50px;
    width: 177px;
}
#btnClap a {
    display: block;
    overflow: hidden;
    margin: 0px;
}
#btnClap A:link {
	background-image: url(../../style/base/webclap_next1.gif);
	background-repeat: no-repeat;
}
#btnClap A:hover {
	background-image: url(../../style/base/webclap_next2.gif);
	background-repeat: no-repeat;
}