/*===================================================
トップHTML差し込み用

★★★大注目ですぞ！m9(｀･ω･´)★★★

■大前提として、必ず【#randomtop】の内側にいれること！（保険）
■１枚画像にリンクを貼るだけの構成の場合は、【#imageonly】にぶちこんでください。

※随時追加していってかまわないですが、使わなくなったCSSは消して下さいな
※うっかりするとほかのランダムHTML部分に被害が及ぶので、ID指定は慎重にどうぞ
※反映されるのに１時間近くかかるので、先に画像とCSSをうｐ、最後にmain_top●.txtをうｐ。
　ちょっと時間差あったほうが残念なことにならないと思います。

===================================================*/
/*▼表示エリア指定▼*/
#randomtop {
}


/*▼表示エリアサイズ指定▼
ランダムHTMLサイズ設定。基本的には全て同じサイズで統一。
背景画像などの個別設定はそれぞれの項目で。*/
#randomtop #summer2009 ,
#randomtop #newavatar1225 ,
#randomtop #newavatar1127 ,
#randomtop #skincontest ,
#randomtop #imageonly {
position:relative;
margin-top:10px;
width:575px;
height:240px;
font-size:12px;
}

/*▼リンク　l→v→h→a▼
ランダムHTML部分共通。色の変更及び特殊な設定をするときは
それぞれの項目で。*/
#randomtop a:link , #randomtop a:visited , #randomtop a:active {
color:#FF6600;
text-decoration:underline;
padding:2px;
font-size:12px;
}

#randomtop a:hover {
color:#FF0000;
text-decoration:none;
background:#FFCC00;
padding:2px;
font-size:12px;
}




/*▼リンク　l→v→h→a▼
１枚画像に適用する部分。
今後は１枚画像のものは全てこのＩＤ（#imageonly）をふること*/
#randomtop #imageonly a:link , #randomtop #imageonly a:visited , #randomtop #imageonly a:active {
background:none;
}

#randomtop #imageonly a:hover {
background:none;
}



/*--------------------------------------------
　　　　　衣替え
--------------------------------------------*/
#randomtop #summer2009 {
background:url(../img/mainimg/mainimg_summer.jpg) no-repeat;
}


#randomtop #summer2009 h2 {
text-indent:-9999px;
background:url(../img/mainimg/h2_summerimg.gif) no-repeat;
width:302px;
height:44px;
position:absolute;
top:8px;
left:8px;
padding:0;
margin:0;
}

#randomtop #summer2009 p {
text-indent:-9999px;
display:none;
margin:0;
padding:0;
}

#randomtop #summer2009 ul {
width:240px;
position:absolute;
top:145px;
left:55px;
list-style:none;
margin:0;
padding:0;
}

#randomtop #summer2009 ul li {
margin-bottom:5px;
background:url(../img/mainimg/li_img-orange.gif) no-repeat;
padding-left:15px;
}






/*--------------------------------------------
　　　アバター更新1225
--------------------------------------------*/
#randomtop #newavatar1225 {
background:url(../img/mainimg/mainimg_avatar-1225.gif) no-repeat;
}


#randomtop #newavatar1225 h2 {
text-indent:-9999px;
background:url(../img/mainimg/h2_avatar-1225.gif) no-repeat;
width:427px;
height:53px;
position:absolute;
top:4px;
left:8px;
padding:0;
margin:0;
}

#randomtop #newavatar1225 p {
text-indent:-9999px;
display:none;
margin:0;
padding:0;
}

#randomtop #petarea {
position:absolute;
top:87px;
left:300px;
padding:0;
margin:0;
}

#randomtop #newavatar1225 ul {
width:240px;
position:absolute;
top:145px;
left:300px;
list-style:none;
margin:0;
padding:0;
}

#randomtop #newavatar1225 ul li {
margin-bottom:4px;
background:url(../img/mainimg/li_img-orange.gif) no-repeat;
padding-left:15px;
}

/*▼リンク　l→v→h→a▼
ランダムHTML部分共通。色の変更及び特殊な設定をするときは
それぞれの項目で。*/
#randomtop #newavatar1225 a:link , #randomtop #newavatar1225 a:visited , #randomtop #newavatar1225 a:active {
color:#FF0066;
text-decoration:underline;
padding:2px;
font-size:12px;
}

#randomtop #newavatar1225 a:hover {
color:#CC3333;
text-decoration:none;
background:#FFCCCC;
padding:2px;
font-size:12px;
}

/*--------------------------------------------
　　　アバター更新0923
--------------------------------------------*/
#randomtop #newavatar1127 {
background:url(../img/mainimg/mainimg_avatar-1127.gif) no-repeat;
}


#randomtop #newavatar1127 h2 {
text-indent:-9999px;
background:url(../img/mainimg/h2_avatar-1127.gif) no-repeat;
width:427px;
height:53px;
position:absolute;
top:4px;
left:8px;
padding:0;
margin:0;
}

#randomtop #newavatar1127 p {
text-indent:-9999px;
display:none;
margin:0;
padding:0;
}

#randomtop #petarea {
position:absolute;
top:87px;
left:300px;
padding:0;
margin:0;
}

#randomtop #newavatar1127 ul {
width:240px;
position:absolute;
top:145px;
left:300px;
list-style:none;
margin:0;
padding:0;
}

#randomtop #newavatar1127 ul li {
margin-bottom:5px;
background:url(../img/mainimg/li_img-orange.gif) no-repeat;
padding-left:15px;
}

/*▼リンク　l→v→h→a▼
ランダムHTML部分共通。色の変更及び特殊な設定をするときは
それぞれの項目で。*/
#randomtop #newavatar1127 a:link , #randomtop #newavatar1127 a:visited , #randomtop #newavatar1127 a:active {
color:#CC6600;
text-decoration:underline;
padding:2px;
font-size:12px;
}

#randomtop #newavatar1127 a:hover {
color:#CC3333;
text-decoration:none;
background:#FFCCCC;
padding:2px;
font-size:12px;
}


/*--------------------------------------------
　　　オススメアイテム
--------------------------------------------*/

#randomtop #newavatar0528 {
position:relative;
margin-top:10px;
width:575px;
height:240px;
font-size:12px;
}

#randomtop #newavatar0528 {
background:url(../img/mainimg/mainimg_avatar-0528.gif) no-repeat;
}

#randomtop #newavatar0528 h2 {
text-indent:-9999px;
background:url(../img/mainimg/h2_avatar-0528.gif) no-repeat;
width:456px;
height:53px;
position:absolute;
top:4px;
left:8px;
padding:0;
margin:0;
}

#randomtop #newavatar0528 p {
text-indent:-9999px;
display:none;
margin:0;
padding:0;
}

#randomtop #newavatar0528 ul {
width:240px;
position:absolute;
top:145px;
left:300px;
list-style:none;
margin:0;
padding:0;
}

#randomtop #newavatar0528 ul li {
margin-bottom:5px;
background:url(../img/mainimg/li_img-orange.gif) no-repeat;
padding-left:15px;
}

/*--------------------------------------------
　　　オススメアイテム
--------------------------------------------*/

#randomtop #newavatar0507 {
position:relative;
margin-top:10px;
width:575px;
height:240px;
font-size:12px;
}

#randomtop #newavatar0507 {
background:url(../img/mainimg/mainimg_avatar-0507.gif) no-repeat;
}

#randomtop #newavatar0507 h2 {
text-indent:-9999px;
background:url(../img/mainimg/h2_avatar-0507.gif) no-repeat;
width:456px;
height:53px;
position:absolute;
top:4px;
left:8px;
padding:0;
margin:0;
}

#randomtop #newavatar0507 p {
text-indent:-9999px;
display:none;
margin:0;
padding:0;
}

#randomtop #newavatar0507 ul {
width:240px;
position:absolute;
top:145px;
left:50px;
list-style:none;
margin:0;
padding:0;
}

#randomtop #newavatar0507 ul li {
margin-bottom:5px;
background:url(../img/mainimg/li_img-orange.gif) no-repeat;
padding-left:15px;
}

/*--------------------------------------------
　　　オススメアイテム
--------------------------------------------*/

#randomtop #newavatar0730 {
position:relative;
margin-top:10px;
width:575px;
height:240px;
font-size:12px;
}

#randomtop #newavatar0730 {
background:url(../img/mainimg/mainimg_avatar-0730.gif) no-repeat;
}

#randomtop #newavatar0730 h2 {
text-indent:-9999px;
background:url(../img/mainimg/h2_avatar-0730.gif) no-repeat;
width:456px;
height:53px;
position:absolute;
top:4px;
left:8px;
padding:0;
margin:0;
}

#randomtop #newavatar0730 p {
text-indent:-9999px;
display:none;
margin:0;
padding:0;
}

#randomtop #newavatar0730 ul {
width:240px;
position:absolute;
top:145px;
left:330px;
list-style:none;
margin:0;
padding:0;
}

#randomtop #newavatar0730 ul li {
margin-bottom:5px;
background:url(../img/mainimg/li_img-orange.gif) no-repeat;
padding-left:15px;
}

/*--------------------------------------------
　　　生徒会コミックス宣伝
--------------------------------------------*/


#randomtop #seitokaicomics {
background:url(../img/mainimg/mainimg_comics.jpg) no-repeat;
position:relative;
margin-top:10px;
width:575px;
height:47px;
font-size:12px;
padding:193px 0 0 0;
}


#randomtop #seitokaicomics #buybtn {

margin:0 10px 0 0;
_margin:0 10px 18px 0;
text-align:right;
}

/*--------------------------------------------
　　　理事長CD
--------------------------------------------*/


#randomtop #takamicd {
background:url(../img/mainimg/mainimg_takamicd.jpg) no-repeat;
position:relative;
margin-top:10px;
width:575px;
height:70px;
font-size:12px;
padding:170px 0 0 0;
}


#randomtop #takamicd #buybtn {
height:28px;
margin:0 10px 7px 0;
_margin:0 10px 4px 0;
text-align:right;
}

#randomtop #takamicd #takamicdbtn {
margin:0 3px 5px 0;
height:30px;
text-align:right;
}

/*--------------------------------------------
　　　生徒会ドラマＣＤ
--------------------------------------------*/


#randomtop #seitokaicd {
background:url(../img/mainimg/mainimg_seitokaicd.jpg) no-repeat;
position:relative;
margin-top:10px;
width:575px;
height:75px;
font-size:12px;
padding:165px 0 0 0;
}


#randomtop #seitokaicd #buybtn {
height:28px;
margin:0 10px 8px 0;
_margin:0 10px 5px 0;
text-align:right;
}

#randomtop #seitokaicd #seitokaicdbtn {
margin:0 5px 12px 0;
height:27px;
text-align:right;
}

/*--------------------------------------------
　　　購入ボタンの背景色を吹っ飛ばすです
--------------------------------------------*/

/*▼リンク　l→v→h→a▼*/
#randomtop #buybtn a:link , #randomtop #buybtn a:visited , #randomtop #buybtn a:active ,
#randomtop #seitokaicdbtn a:link , #randomtop #seitokaicdbtn a:visited , #randomtop #seitokaicdbtn a:active ,
#randomtop #takamicdbtn a:link , #randomtop #takamicdbtn a:visited , #randomtop #takamicdbtn a:active {
background:none;
}

#randomtop #buybtn a:hover ,
#randomtop #seitokaicdbtn a:hover ,
#randomtop #takamicdbtn a:hover {
background:none;
}