/* 共通 */

* {
    padding: 0;
    margin: 0;
}

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote{
    margin : 0 ;
    padding : 0 ;
    background-repeat:no-repeat;
}

body {
    background: #000000 url(../bg.jpg) no-repeat center top;
    color: #000000;
    font-size: 12px;
    font-family: verdana, 'trebuchet ms', sans-serif;
    line-height: 1.5;
}

a:link     { color: #cc0000; text-decoration:underline ; }    /* 未訪のリンク */
a:visited { color: #cc0000; text-decoration:underline ; }   /* 訪問済みのリンク */
a:hover  { color: #cc0000; text-decoration:none ; } /* カーソルが上に乗っているリンク */
a:active  { color: #cc0000; text-decoration:none ; }   /* アクティブ中のリンク */

a img { border: 0; }

td {
    line-height: 1.4;
}

ul,ol {
    list-style : none ;
}

p {
    margin : 0 0 10px 0 ;
    padding : 0 ;
}

.dot{
    background: url(../dot.gif) repeat-x ;
    height: 1px ;
    margin : 20px 0 ;
    overflow: hidden ;
}

.dot01{
    background: url(../dot.gif) repeat-x ;
    height: 1px ;
    margin : 15px 0 ;
    overflow: hidden ;
}

.blockLeft{ float: left ;}
.blockRight{ float: right ;}

#body-bg {
    height: 705px;
    width: 760px ;
    margin: 0 auto ;
}

#top {
    background-image: url(../top.gif);
    background-repeat: no-repeat;
    text-align: right;
    margin-top: 20px ;
    width: 760px;
    height: 30px;
}

#breadCrumbs {
    color: #555 ;
    padding-left: 10px ;
    margin-bottom: 15px ;
}

#english {
    padding-top: 7px;
    padding-right: 20px;
}

.english01 {
    width : 62px ;
    height : 11px ;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
}

.english01 img{
    visibility: hidden;
}

.english01 a {
    background: url(../english01.gif) no-repeat ;
    background-position: 0px 0px;
    display:block;
}

.english01 a:hover {
    background: url(../english01.gif) no-repeat ;
    background-position: -62px 0px;
}

#copyrights {
    background-image: url(../top_03.gif);
    background-repeat: no-repeat;
    text-align: left;
    margin-bottom: 5px ;
    width: 760px;
    height: 24px;
}

#copyrights01 {
    padding-top: 7px ;
    padding-left: 10px ;
    color: #ffffff ;
    font-size: 9px ;
}

.contact {
    width : 50px ;
    height : 10px ;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
}

.contact img{
    visibility: hidden;
}

.contact a {
    background: url(../cantact01.gif) no-repeat ;
    background-position: 0px 0px;
    display:block;
}

.contact a:hover {
    background: url(../cantact01.gif) no-repeat ;
    background-position: -50px 0px;
}

.englishsite {
    width : 76px ;
    height : 10px ;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
}

.englishsite img{
    visibility: hidden;
}

.englishsite a {
    background: url(../englishsite01.gif) no-repeat ;
    background-position: 0px 0px;
    display:block;
}

.englishsite a:hover {
    background: url(../englishsite01.gif) no-repeat ;
    background-position: -76px 0px;
}

.banar {
    width: 760px ;
    text-align: right ;
}


.mb25px { margin-bottom: 25px ;}
.mb20px { margin-bottom: 20px ;}
.mb15px { margin-bottom: 15px ;}
.mb10px { margin-bottom: 10px ;}
.mb5px { margin-bottom: 5px ;}
.mb3px { margin-bottom: 3px ;}
.mb1px { margin-bottom: 1px ;}
.mt4px { margin-top: 4px ;}
.mtb10px { margin: 10px 0 ;}
.mtb20px { margin: 20px 0 ;}
.mtb9px25px { margin: 9px 0 25px 0 ;}
.mtb9px15px { margin: 9px 0 15px 0 ;}
.mtb9px9px { margin: 9px 0 9px 0 ;}
.mb5px { margin-bottom: 5px ;}
.pb25px { padding-bottom: 25px ;}
.pb15px { padding-bottom: 15px ;}
.pb10px { padding-bottom: 10px ;}
.pb20px { padding-bottom: 20px ;}
.pb25px { padding-bottom: 25px ;}
.plr20px { padding: 0 20px ;}
.mlr20px { margin: 0 20px ;}
.mr570px { margin-right: 570px ;}
.mr10px { margin-right: 10px ;}
.mr20px { margin-right: 20px ;}
.pb5px { padding-bottom: 5px ;}
.pt5px { padding-top: 5px ;}
.pl10px { padding-left: 10px ;}

.font-size10px { font-size: 10px ;}
.font-color { color: #ffffff ;}
.font-yellow { color: #ffe400 ;}
.font-deepgreen { color: #259e93 ;}
.font-glay { color:#777777;}
.font-red { color:#de0000;}
.font-bold { font-weight: bold ;}


/* ディレクトリ配下共通 */

#under-bg {
    border-bottom: solid 1px #343434 ;
    background: url(../profile_09.gif) repeat-y;
    float: left ;
    display: inline ;
    margin-bottom: 5px ;
}

#under-logo {
    float : left ;
    width : 115px ;
}

#under-main {
    float : left ;
    width : 645px ;
    border-top: solid 1px #343434 ;
    line-height: 1.5 ;
}

#under-main-inner {
    padding : 7px 20px 20px 20px ;
}

#under-bar {
    margin: 25px 0 5px 0 ;
}

.under-clear {
    padding: 0 ;
    margin: 0 ;
    clear:both;
}

br.clear {
    padding: 0 ;
    margin: 0 ;
    clear:both;
}

.clearfix:after {
    content: "." ;
    display: block ;
    height: 0 ;
    clear:both;
    visibility: hidden ;
}

.clearfix {
    zoom: 1 ;
}

.blockL { float: left ; }
.blockR { float: right ; }

.pagetop {
    width : 52px ;
    height : 10px ;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
}

.pagetop img{
    visibility: hidden;
}

.pagetop a {
    background: url(../pagetop01.gif) no-repeat ;
    background-position: 0px 0px;
    display:block;
}

.pagetop a:hover {
    background: url(../pagetop01.gif) no-repeat ;
    background-position: -52px 0px;
}

.subTitle {
    margin-bottom: 20px ;
}


/* ディレクトリ配下共通メニュー */

.m-bar {
	border: 0;
	margin: 0;
	padding: 0;
	width: 605px;
	height: 15px;
	overflow: hidden;
}

.m-bar img {
	visibility: hidden;
}

.m-bar a,
.m-bar a:link,
.m-bar a:visited {
	background-position: 0px 0px;
	float:left;
}
.m-bar a:focus,
.m-bar a:hover,
.m-bar a:active {
	background-position: 0px 15px;
	float:left;
}

.m-bar .m-home a {
	background-image: url(../menu_01.gif);
}
.m-bar .m-info a {
	background-image: url(../menu_02.gif);
}
.m-bar .m-prof a {
	background-image: url(../menu_03.gif);
}
.m-bar .m-disc a {
	background-image: url(../menu_04.gif);
}
.m-bar .m-bbs a {
	background-image: url(../menu_05.gif);
}

.m-bar .m-phot a {
	background-image: url(../menu_06.gif);
}

.m-bar .m-rrom a {
	background-image: url(../menu_07.gif);
}

.m-bar .m-krom a {
	background-image: url(../menu_08.gif);
}

.m-bar .m-fanc a {
	background-image: url(../menu_09.gif);
}

/* K-room,R-room共通要素 */

.photo {
    text-align: center;
}

.caption {
    margin-top: 5px;
}


/* トップページ */

#top-flash {
    width: 760px;
    height: 440px;
    margin-bottom: 5px ;
}

#top-information {
    background-color: #ffffff;
    width: 758px;
    margin-bottom: 5px ;
    text-align: left ;
    border-width: 1px ;
    border-style: solid;
    border-color: #323232;
}

#top-information00 {
    width: 758px;
    background-image: url(../disco-bg.gif) ;
    background-repeat: repeat-y ;
}

#top-information01 {
    width:77px ;
    float: left ;
    padding-top: 10px ;
    padding-left: 10px ;
    padding-right: 10px ;
}

#top-information02 {
    width:310px ;
    float: left ;
    margin-top: 10px ;
    margin-bottom: 10px ;
    line-height: 1.4 ;
}

#top-information03 {
    width:340px ;
    height:110px ;
    float: right ;
}

#top-topics {
    margin-top: 5px ;
    font-size: 10px ;
}

.more {
    width : 39px ;
    height : 12px ;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
}

.more img{
    visibility: hidden;
}

.more a {
    background: url(../more01.gif) no-repeat ;
    background-position: 0px 0px;
    display:block;
}

.more a:hover {
    background: url(../more01.gif) no-repeat ;
    background-position: -39px 0px;
}

/* インフォメーション */

.info-left {
    float : left ;
    width: 290px ;
    text-align: left ;
    display: inline;
    overflow: hidden;
}

.info-right {
    float : left ;
    width : 290px ;
    margin-left: 25px;
    display: inline;
    overflow: hidden;
}

.info-title {
    font-size: 10px;
    margin-bottom: 5px;
    color: #990000 ;
    font-weight: bold;
}

.info-title01 {
    font-size: 10px;
    margin-top: 10px;
    margin-bottom: 5px;
    color: #990000 ;
    font-weight: bold;
}

.info-title02 {
    font-size: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #990000 ;
    font-weight: bold;
}

.info-new {
    width : 290px ;
    height : 20px ;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
}

.info-new img{
    visibility: hidden;
}

.info-new a {
    background: url(../p00information/info_03-01.gif) no-repeat ;
    background-position: 0px 0px;
    display:block;
}

.info-new a:hover {
    background: url(../p00information/info_03-01.gif) no-repeat ;
    background-position: -290px 0px;
}

.info-tour {
    width : 290px ;
    height : 20px ;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
}

.info-tour img{
    visibility: hidden;
}

.info-tour a {
    background: url(../p00information/info_05-01.gif) no-repeat ;
    background-position: 0px 0px;
    display:block;
}

.info-tour a:hover {
    background: url(../p00information/info_05-01.gif) no-repeat ;
    background-position: -290px 0px;
}

.info-radio {
    width : 290px ;
    height : 20px ;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
}

.info-radio img{
    visibility: hidden;
}

.info-radio a {
    background: url(../p00information/info_08-01.gif) no-repeat ;
    background-position: 0px 0px;
    display:block;
}

.info-radio a:hover {
    background: url(../p00information/info_08-01.gif) no-repeat ;
    background-position: -290px 0px;
}

.info-etc {
    width : 290px ;
    height : 20px ;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
}

.info-etc img{
    visibility: hidden;
}

.info-etc a {
    background: url(../p00information/info_09-01.gif) no-repeat ;
    background-position: 0px 0px;
    display:block;
}

.info-etc a:hover {
    background: url(../p00information/info_09-01.gif) no-repeat ;
    background-position: -290px 0px;
}

.info-top {
    width : 87px ;
    height : 13px ;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
}

.info-top img{
    visibility: hidden;
}

.info-top a {
    background: url(../p00information/info-top01.gif) no-repeat ;
    background-position: 0px 0px;
    display:block;
}

.info-top a:hover {
    background: url(../p00information/info-top01.gif) no-repeat ;
    background-position: -87px 0px;
}

.info-multi {
    width: 290px ;
}

.info-multi .blockLeft,
.info-multi .blockRight {
    width: 135px ;
    text-align: center ;
}


/* BBS */

#bbs-attention {
    background :#ffffff ;
    border :#999999 solid 1px ;
}

#bbs-attention ol {
    margin : 0 ;
    padding-left : 30px ;
    padding-right : 10px ;
}

#bbs-attention li {
    margin-bottom : 10px ;
}

#bbs-attention01 {
    background :#ffffff ;
    border :#999999 solid 1px ;
    margin : 3px ;
    padding : 20px ;
}

#bbs-attention-title {
    color : #990000 ;
}

#bbs-iframe {
    background :#ffffff ;
    border :#999999 solid 1px ;
    margin : 3px ;
}


.bbs-in {
    width : 190px ;
    height : 27px ;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
}

.bbs-in img{
    visibility: hidden;
}

.bbs-in a {
    background: url(../p03bbs/bbs-in-01.gif) no-repeat ;
    background-position: 0px 0px;
    display:block;
}

.bbs-in a:hover {
    background: url(../p03bbs/bbs-in-01.gif) no-repeat ;
    background-position: -190px 0px;
}


/* K-room */

#k-room {
    width: 605px ;
}

#k-room p {
    margin-bottom: 10px ;
}

#k-room 
a:link     { color: #009933; text-decoration:underline ; }    /* 未訪のリンク */
#k-room 
a:visited { color: #009933; text-decoration:underline ; }   /* 訪問済みのリンク */
#k-room 
a:hover  { color: #009933; text-decoration:none ; } /* カーソルが上に乗っているリンク */
#k-room 
a:active  { color: #009933; text-decoration:none ; }   /* アクティブ中のリンク */

.k-room-entry {
    border-width: 0 0 0 1px ;
    border-style: solid;
    border-color: #999999;
}

.k-room-entry01 {
    margin-top: 5px ;
    margin-bottom: 5px ;
    margin-left: 10px ;
}

#k-room-entry-left {
    width: 160px ;
    float: left ;
}

#k-room-entry-right {
    width: 425px ;
    margin-left: 20px ;
    float: left ;
}

.k-room-entry-base {
    background: url(../p05kroom/k-room-base_11.gif) repeat-y;
    overflow: hidden;
}

.k-room-entry-title {
    color: #009933 ;
    font-size: 14px ;
    font-weight: bold ;
}

.k-room-entry-float {
    float: left ;
}

#k-room-date {
    color: #009933 ;
    font-size: 14px ;
    font-weight: bold ;
    text-align: center ;
}

.k-room-tsuduki {
    width : 60px ;
    height : 12px ;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
}

.k-room-tsuduki img{
    visibility: hidden;
}

.k-room-tsuduki a {
    background: url(../p05kroom/k-room-tsuduki01.gif) no-repeat ;
    background-position: 0px 0px;
    display:block;
}

.k-room-tsuduki a:hover {
    background: url(../p05kroom/k-room-tsuduki01.gif) no-repeat ;
    background-position: -60px 0px;
}

.k-room-yamato {
    width : 73px ;
    height : 12px ;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
}

.k-room-yamato img{
    visibility: hidden;
}

.k-room-yamato a {
    background: url(../p05kroom/k-room-detail01.gif) no-repeat ;
    background-position: 0px 0px;
    display:block;
}

.k-room-yamato a:hover {
    background: url(../p05kroom/k-room-detail01.gif) no-repeat ;
    background-position: -73px 0px;
}

.k-room-pre {
    width : 21px ;
    height : 21px ;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
}

.k-room-pre img{
    visibility: hidden;
}

.k-room-pre a {
    background: url(../p05kroom/k-room-pre01.gif) no-repeat ;
    background-position: 0px 0px;
    display:block;
}

.k-room-pre a:hover {
    background: url(../p05kroom/k-room-pre01.gif) no-repeat ;
    background-position: -21px 0px;
}

.k-room-next {
    width : 21px ;
    height : 21px ;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
}

.k-room-next img{
    visibility: hidden;
}

.k-room-next a {
    background: url(../p05kroom/k-room-next01.gif) no-repeat ;
    background-position: 0px 0px;
    display:block;
}

.k-room-next a:hover {
    background: url(../p05kroom/k-room-next01.gif) no-repeat ;
    background-position: -21px 0px;
}

.k-room-entry-body img {
    width : 384px ;
}

#k-room-hayate {
    width: 585px ;
    background-color: #000000 ;
    background-image: url(../p05kroom/k-room-hayate_03.jpg") ;
    background-repeat: no-repeat ;
    color: #ffffff ;
    line-height: 1.5 ;
    padding: 10px ;
    overflow: hidden ;
}

#k-room-hayate img {
}

#k-room-hayate-img {
    width: 168px ;
    float: left ;
    padding: 0 10px 0 0  ;
}

#k-room-hayate a { color: #cc0000; text-decoration:underline ; } 
#k-room-hayate a:visited { color: #cc0000; text-decoration:underline ; } 
#k-room-hayate a:hover { color: #cc0000; text-decoration:none ; } 
#k-room-hayate a:active { color: #cc0000; text-decoration:none ; } 

.k-room-hayate-title {
    color: #bdbdbd ;
}

.k-room-hayate-title img {
    padding-right:2px;
}

.k-room-hayate-text {
    width: 407px ;
    float: right ;
}




/* ファンクラブ */

#fc-style {
    width: 605px ;
    text-align: left ;
}

.fc-tokuten-width{
    width: 565px ;
}

.fc-tokuten-width strong{
    color: #ffde00 ;
    font-weight: bold ;
}

.fc-tokuten-left {
    width: 180px ;
    float: left ;
    margin-right: 15px ;
}

.fc-tokuten-right {
    width: 370px ;
    float: left ;
}

.fc-member {
    text-align: center ;
    margin-top: 30px ;
}

#fc-style ol {
    margin-bottom: 10px  ;
}

#fc-style ol li {
    list-style-type: decimal;
    margin: 0 0 4px 25px  ;
}


/* 特設ページ－飛翔 */

.hisho-tokuten-bg {
    width: 603px ;
    padding: 1px ;
    background: #000000 ;
    color: #ffffff ;
}

.hisho-tokuten-bg01 {
    padding: 2px ;
    border: 1px #ffffff solid ;
}

.hisho-tokuten-bg02 {
    padding: 15px ;
    border: 1px #ffffff solid ;
}

#hisho-hoho-bg {
    width: 601px ;
    padding: 1px ;
    border: 1px #000000 solid ;
    background: #ffffff ;
    color: #6e5203 ;
}

#hisho-hoho-bg table td {
    padding: 5px ;
}

#hisho-hoho-bg01 {
    padding: 1px ;
    border: 1px #000000 solid ;
}

#hisho-style {
    letter-spacing: 1px ;
}

#hisho-title {
    width: 605px ;
}

#hisho-jacket {
    float: left ;
    width: 300px ;
}

#hisho-jacket01 {
    float: left ;
    width: 290px ;
    padding-top: 30px ;
    padding-left: 15px ;
}

#hisho-list {
    color: #ffffff ;
    background: #000000 ;
    width: 603px ;
    text-align: left ;
    padding: 1px ;
}

#hisho-list01 {
    margin: 1px ;
    background: #000000 ;
    border: 1px #ffffff solid ;
    padding: 2px ;
}

#hisho-list02 {
    background: #000000 ;
    border: 1px #ffffff solid ;
    padding: 20px ;
}

.hisho-itvw {
    width: 605px ;
    text-align: left ;
}

.hisho-itvw01-left {
    width: 385px ;
    float: left ;
}

.hisho-itvw01-right {
    width: 201px ;
    margin-left: 19px ;
    float: left ;
}

.hisho-itvw02-left {
    width: 385px ;
    float: right ;
}

.hisho-itvw02-right {
    width: 201px ;
    margin-right: 19px ;
    float: right ;
}

.hisho-kyoku-left {
    width: 140px ;
    float: left ;
}

.hisho-kyoku-right {
    width: 400px ;
    float: left ;
}

.hisho-shicho {
    padding-top: 10px ;
    padding-left: 25px ;
}

.hisho-shicho01 {
    width : 77px ;
    height : 27px ;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
}

.hisho-shicho01 img{
    visibility: hidden;
}

.hisho-shicho01 a {
    background: url(../p00other/hisho-sicho02.gif) no-repeat ;
    background-position: 0px 0px;
    display:block;
}

.hisho-shicho01 a:hover {
    background: url(../p00other/hisho-sicho02.gif) no-repeat ;
    background-position: -77px 0px;
}

#hisho-sony {
    color: #cdcdcd ;
    font-size: 10px ;
    margin-bottom: 10px ;
}

.hisho-list-left {
    float: left ;
    width: 180px ;
}

.hisho-list-right {
    float: left ;
    width: 220px ;
}

.hisho-new a { color: #cccc00; text-decoration:underline ; } 
.hisho-new a:visited { color: #cccc00; text-decoration:underline ; } 
.hisho-new a:hover { color: #cccc00; text-decoration:none ; } 


/* 特設ページ－飛翔 */

#hisholive-bm {
    border: 1px solid #ffffff ;
    background: url(../p00other/hisholive-bnbg.gif) ;
    width: 530px ;
    padding: 10px ;
}

.hisholive-left {
    color: #ffe400 ;
    float: left ;
    width: 120px ;
}

.hisholive-right {
    float: left ;
    width: 388px ;
}

#hisho3 {
    width: 605px ;
    overflow: hidden ;
    text-align: left ;
}

#hisho3 li {
    float: left ;
    width: 201px ;
}

.hisho3-img {
    width: 180px ;
    display: block ;
    margin-bottom: 5px ;
    padding: 1px ;
}

.hisho3-img a {
    width: 180px ;
    border: 5px #ddd solid ;
    display: block ;
    padding: 1px ;
}

.hisho3-img a:hover {
    width: 180px ;
    border: 5px #ffc000 solid ;
    display: block ;
    padding: 1px ;
}


/* ページ分割★★★★★★★★★★★★★★★★★★★★ */
#paginate {
    margin-top: 20px;
    margin-bottom: 15px;
    text-align: center;
}

#paginate a:link {
    width: 30px ;
    height: 30px ;
    color: #ffffff ;
    text-decoration:none ;
    padding: 5px ;
    margin-right: 3px ;
    margin-left: 3px ;
    background: #870000 ;
    display: inline ;
}

#paginate a:visited {
    width: 30px ;
    height: 30px ;
    color: #ffffff ;
    text-decoration:none ;
    padding: 5px ;
    margin-right: 3px ;
    margin-left: 3px ;
    background: #870000 ;
    display: inline ;
}

#paginate a:hover {
    width: 30px ;
    height: 30px ;
    color: #ffffff ;
    text-decoration:none ;
    padding: 5px ;
    margin-right: 3px ;
    margin-left: 3px ;
    background: #c20000 ;
    display: inline ;
}

#paginate a:active {
    width: 30px ;
    height: 30px ;
    color: #ffffff ;
    text-decoration:none ;
    padding: 5px ;
    margin-right: 3px ;
    margin-left: 3px ;
    background: #c20000 ;
    display: inline ;
}


/* ドラマ */

.index-drama {
    width : 270px ;
    height : 35px ;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
}

.index-drama img{
    visibility: hidden;
}

.index-drama a {
    background: url(../banner-drama-hover.gif) no-repeat ;
    background-position: 0px 0px;
    display:block;
}

.index-drama a:hover {
    background: url(../banner-drama-hover.gif) no-repeat ;
    background-position: -270px 0px;
}

/* 第5回ファンの集い */

.index-fan5 {
    width : 270px ;
    height : 35px ;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
}

.index-fan5 img{
    visibility: hidden;
}

.index-fan5 a {
    background: url(../banner-fan5-s-hover.gif) no-repeat ;
    background-position: 0px 0px;
    display:block;
}

.index-fan5 a:hover {
    background: url(../banner-fan5-s-hover.gif) no-repeat ;
    background-position: -270px 0px;
}

.banner-fan5 {
    width : 605px ;
    height : 60px ;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
}

.banner-fan5 img{
    visibility: hidden;
}

.banner-fan5 a {
    background: url(../banner-fan5-hover.gif) no-repeat ;
    background-position: 0px 0px;
    display:block;
}

.banner-fan5 a:hover {
    background: url(../banner-fan5-hover.gif) no-repeat ;
    background-position: -605px 0px;
}

.note {
    color: #555 ;
    text-align: right ;
}

#comments-open-text textarea {
    width: 400px ;
    height: 200px ;
}



/* SNAV */

#indexSnav {
    width: 758px ;
    border: 1px solid #000 ;
    background: #fff ;
    margin-bottom: 5px ;
}

#indexSnav ul {
    margin-left: 10px ;
}

#indexSnav li {
    width: 90px ;
    height: 40px ;
    float: left ;
}

#indexSnav li img {
    visibility: hidden ;
}

#indexSnav li.wii a {
    background: url(../img/snav.gif) 0 0 ;
    display: block ;
}

#indexSnav li.wii a:hover {
    background: url(../img/snav.gif) -450px 0 ;
}

#indexSnav li.oversea a {
    background: url(../img/snav.gif) -90px 0 ;
    display: block ;
}

#indexSnav li.oversea a:hover {
    background: url(../img/snav.gif) -540px 0 ;
}

#indexSnav li.tour a {
    background: url(../img/snav.gif) -180px 0 ;
    display: block ;
}

#indexSnav li.tour a:hover {
    background: url(../img/snav.gif) -630px 0 ;
}

#indexSnav li.goods a {
    background: url(../img/snav.gif) -270px 0 ;
    display: block ;
}

#indexSnav li.goods a:hover {
    background: url(../img/snav.gif) -720px 0 ;
}

#indexSnav li.member a {
    background: url(../img/snav.gif) -360px 0 ;
    display: block ;
}

#indexSnav li.member a:hover {
    background: url(../img/snav.gif) -810px 0 ;
}

#indexSnav li.recording {
    width: 250px ;
    height: 40px ;
    text-align: left ;
}

#indexSnav li.recording img {
    visibility: visible ;
}


/* SNAV20080404 */

#indexSnav20080404 {
    width: 758px ;
    border: 1px solid #000 ;
    background: #fff ;
    margin-bottom: 5px ;
}

#indexSnav20080404 ul {
    margin-left: 10px ;
}

#indexSnav20080404 ul li {
    float: left ;
    text-indent: -9999px ;
}

#indexSnav20080404 ul li a {
    width: 90px ;
    height: 40px ;
    display: block ;
    overflow: hidden ;
}

#indexSnav20080404 ul li.oversea a {
    background: url(../img/snav20080404.gif) no-repeat 0 0 ;
}

#indexSnav20080404 ul li.oversea a:hover {
    background: url(../img/snav20080404.gif) no-repeat -480px 0px ;
}

#indexSnav20080404 ul li.goods a {
    background: url(../img/snav20080404.gif) no-repeat -90px 0 ;
}

#indexSnav20080404 ul li.goods a:hover {
    background: url(../img/snav20080404.gif) no-repeat -570px 0px ;
}

#indexSnav20080404 ul li.members a {
    background: url(../img/snav20080404.gif) no-repeat -180px 0 ;
}

#indexSnav20080404 ul li.members a:hover {
    background: url(../img/snav20080404.gif) no-repeat -660px 0px ;
}

#indexSnav20080404 ul li.rroom a {
    background: url(../img/snav20080404.gif) no-repeat -270px 0 ;
}

#indexSnav20080404 ul li.rroom a:hover {
    background: url(../img/snav20080404.gif) no-repeat -750px 0px ;
}

#indexSnav20080404 ul li.kroom a {
    width: 120px ;
    background: url(../img/snav20080404.gif) no-repeat -360px 0 ;
}

#indexSnav20080404 ul li.kroom a:hover {
    background: url(../img/snav20080404.gif) no-repeat -840px 0px ;
}



/* SNAV20080425 */

#indexSnav20080425 {
    width: 758px ;
    border: 1px solid #000 ;
    background: #fff ;
    margin-bottom: 5px ;
}

#indexSnav20080425 ul {
    margin-left: 10px ;
}

#indexSnav20080425 ul li {
    float: left ;
    text-indent: -9999px ;
}

#indexSnav20080425 ul li a {
    width: 90px ;
    height: 40px ;
    display: block ;
    overflow: hidden ;
}

#indexSnav20080425 ul li.oversea a {
    background: url(../img/snav20080425.gif) no-repeat 0 0 ;
}

#indexSnav20080425 ul li.oversea a:hover {
    background: url(../img/snav20080425.gif) no-repeat 0 -40px ;
}

#indexSnav20080425 ul li.goods a {
    background: url(../img/snav20080425.gif) no-repeat -90px 0 ;
}

#indexSnav20080425 ul li.goods a:hover {
    background: url(../img/snav20080425.gif) no-repeat -90px -40px ;
}

#indexSnav20080425 ul li.members a {
    background: url(../img/snav20080425.gif) no-repeat -180px 0 ;
}

#indexSnav20080425 ul li.members a:hover {
    background: url(../img/snav20080425.gif) no-repeat -180px -40px ;
}

#indexSnav20080425 ul li.rroom a {
    background: url(../img/snav20080425.gif) no-repeat -270px 0 ;
}

#indexSnav20080425 ul li.rroom a:hover {
    background: url(../img/snav20080425.gif) no-repeat -270px -40px ;
}

#indexSnav20080425 ul li.kroom a {
    width: 120px ;
    background: url(../img/snav20080425.gif) no-repeat -360px 0px ;
}

#indexSnav20080425 ul li.kroom a:hover {
    background: url(../img/snav20080425.gif) no-repeat -360px -40px ;
}

#indexSnav20080425 ul li.staff a {
    width: 150px ;
    background: url(../img/snav20080425.gif) no-repeat -480px 0px ;
}

#indexSnav20080425 ul li.staff a:hover {
    background: url(../img/snav20080425.gif) no-repeat -480px -40px ;
}