@import url(/sam/css/base.css);
@import url(/sam/css/main3.css);


/* パンくずリスト */
.pannav{text-align: left;margin: 0;font-size: 11px; color: #FFCC00;}
#panlist p { color: #FFCC00; }
#panlist a { color: #999999; }
#panlist a:visited { color: #999999; }
#panlist a:hover { color: #FFCC00; }
#panlist a:active { color: #999999; }

/* pagination*/
.pagination { margin-top: 30px;  height: 25px; font-family: Arial, Helvetica, sans-serif; text-align: center;}
.pagination li { display: inline; font-size: 70%; color: #CCCCCC;}
.pagination ul { }
.pagination UL LI A { color: #999999; padding-top: 5px; padding-right: 40px; padding-bottom: 5px; padding-left: 40px; background-color: #000000; }
.pagination UL LI A:hover:link { background-color: #292A2A; padding-top: 5px; padding-right: 40px; padding-bottom: 5px; padding-left: 40px; }
.pagination UL LI A:hover:visited { COLOR: #FFFFFF; background-color: #292A2A; padding-top: 5px; padding-right: 40px; padding-bottom: 5px; padding-left: 40px; }
.yajirushi { color: #388B7D; }

/* 表紙とタイトル */
#mainhyoushi { height: 354px; width: 1000px; }
#mainsesumei { float: right; width: 682px; }
#title5 { float: left; height: 354px; width: 318px; }
#title2 { height: 145px; width: 682px; }
#title2 h2 { background-image: url(http://www.htvj.com/rampage//img/ra01.jpg); background-repeat: no-repeat; background-position: left top; text-align: left; text-indent: -9999px; display: block; height: 145px; margin: 0px; padding: 0px; }
#title3 { height: 68px; width: 682px; }
#title3 h3 { background-image: url(http://www.htvj.com/rampage//img/ra02.jpg); background-repeat: no-repeat; background-position: left top; text-align: left; text-indent: -9999px; display: block; height: 68px; margin: 0px; padding: 0px; }
#title4 { height: 141px; width: 682px; }
#title4 h4 { background-image: url(http://www.htvj.com/rampage//img/ra03.jpg); background-repeat: no-repeat; background-position: left top; text-align: left; text-indent: -9999px; display: block; height: 141px; margin: 0px; padding: 0px; }
.title6 { text-align: center; background-color: #000000; margin-top: 5px; width: 650px; }
.title6 h2 { font-size: 14px; padding-top: 5px; padding-bottom: 8px; }




#contents2 { MIN-HEIGHT: 22em; width: 650px; background-image: url(http://www.htvj.com/rampage//img/info4.jpg); background-repeat: no-repeat; height: 26px; margin-right: 0px; margin-bottom: 0px; padding: 0px; position: absolute; top: 0px; }
#naka { margin-top: 5px; position: relative; height: 500px; }
#naka2 { position: absolute; top: 26px; }
#news li { list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; padding-left: 0px; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; }
#news a { color: #FFFFFF; text-decoration: none; }
#news { margin: 0px; padding: 0px; }
#news p { margin: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 140px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; }
#news a:hover { color: #FF9900; }
.sliderwrapper2 { OVERFLOW: hidden; WIDTH: 650px; HEIGHT: 445px; background-color: #000000; margin: 0px; padding: 0px; position: relative; }
.sliderwrapper2 .contentdiv { FILTER: progid:DXImageTransform.Microsoft.alpha(opacity=100); LEFT: 0px; VISIBILITY: hidden; POSITION: absolute; TOP: 0px; -moz-opacity: 1; opacity: 1; background-color: #000000; width: 650px; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.pagination2 { PADDING-RIGHT: 0px; PADDING-BOTTOM: 0px; WIDTH: 650px; PADDING-TOP: 0px; BACKGROUND-COLOR: #000000; TEXT-ALIGN: right; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background-image: url(img/info2.jpg); background-repeat: no-repeat; margin: 0px; padding-left: 0px; }
.pagination2 A { PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; TEXT-DECORATION: none; color: #FFFFFF; }
.pagination2 A:hover { COLOR: #FFFFFF; background-image: url(http://www.htvj.com/rampage//img/n2.jpg); }
.pagination2 A.selected { COLOR: #FFFFFF; background-image: url(http://www.htvj.com/rampage//img/n2.jpg); }

#ma-moji h2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; border: 1px solid #FFFFFF; padding: 10px; text-align: center; }
#ma-moji2 { margin-top: 30px; }
#ma-moji2 li { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.5em; padding-left: 20px; padding-bottom: 10px; background-image: url(http://www.htvj.com/rampage//img/0010.gif); background-repeat: no-repeat; background-position: 3px 5px; }#left .back2 { width: 101px; text-align: center; padding-right: 6px; float: left; margin-bottom: 10px; }



/* バックナンバー */
#backnumber2 { width: 650px; position: relative; }
.backnumber { background-color: #000000; width: 650px; margin-top: 25px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; color: #999966; font-size: 13px; font-family: Arial, Helvetica, sans-serif; }
.back2 { width: 101px; text-align: center; float: left; margin-bottom: 5px; margin-right: 6px; margin-top: 10px; }
.ba a { border: 4px solid #333333; display: block; height: 118px; width: 85px; }
.ba a:link { border: 4px solid #333333; display: block; height: 118px; width: 85px; }
.ba a:active { border: 4px solid #666666; display: block; height: 118px; width: 85px; }
.ba a:hover { border: 4px solid #666666; height: 118px; width: 85px; }



.musicsample-moji { font-size: 80%; text-align: right; }
.musicsample-moji a:link { color: #FFCC00; }
.musicsample-moji a:visited { color: #FFCC00; }
.musicsample-moji a:hover { color: #FFFF00; }
.musicsample-moji a:active { color: #FFCC00; }

#right2 { float: right; width: 335px; }
#left2 { float:left; width:650px; }
#content2 { margin-top: 0; margin-right: 0; margin-bottom: 0px; margin-left: 0; padding-top: 0px; position: relative; width: 1000px; }

.naiyou { background-color: #000000; background-image: url(/sam/img/news-ba.jpg); background-repeat: repeat-x; background-position: left top; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px; margin-top: 20px; width: 305px; }
.naiyou p { font-size: 12px; line-height: 1.8em; }
.naiyou-moji { background-image: url(/sam/img/rain.gif); background-repeat: repeat-x; background-position: left top; margin-top: 5px; margin-bottom: 10px; font-size: 12px; padding-top: 15px; text-align: center; padding-left: 70px; }
.naiyou-moji a { border: 4px solid #333333; display: block; height: 183px; width: 155px; margin-top: 5px; }.naiyou-moji a:link { border: 4px solid #333333; display: block; height: 183px; width: 155px; margin-top: 5px; }
.naiyou-moji a:active { border: 4px solid #666666; display: block; height: 183px; width: 155px; margin-top: 5px; }
.naiyou-moji a:hover { border: 4px solid #666666; height: 183px; width: 155px; margin-top: 5px; }