@charset "utf-8";

/* Global */

body { background-color: #000; }


/* Common */
 
#loginFrame { background-color: #808080; }
#loginFrameInside { width: 944px; height: 30px; margin: 0 auto; }
#loginForm { float: left; width: 418px; }
#loginForm div { float: left; }
#loginForm a { color: #FFF; }
#loginForm a:hover { color: #333; }
#loginForm0 { width: auto; height: 30px; background-color: #F15A24; }
#loginForm0 p { padding: 8px 15px 0 15px; font-size: 12px; font-weight: bold; text-align: center; color: #FFF; }
#loginForm1 { width: 28px; }
#loginForm2 { width: 110px; }
#loginForm3 { width: 61px; }
#loginForm4 { width: 110px; }
#loginForm5 { width: 105px; }
.loginFormText { width: 108px; height: 16px; margin-top: 7px; border: solid 1px #4D4D4D; background-color: #B3B3B3; text-align: center; color: #000; }
.loginFormText:hover { background-color: #000; color: #0F0; }
.loginFormText2 { width: 108px; height: 16px; margin-top: 7px; border: solid 1px #4D4D4D; background-color: #B3B3B3; text-align: center; color: #000; }

#loginLinks { float: left; background-image: url(/img_common/loginLinks.jpg); width: 526px; height: 30px; }
#loginLinks li { list-style: none; float: left; }
#loginLinks a { display: block; height: 30px; }
#loginLinks1 { width: 110px; }
#loginLinks1 a { width: 110px; }
#loginLinks2 { width: 170px; }
#loginLinks2 a { width: 170px; }
#loginLinks3 { width: 145px; }
#loginLinks3 a { width: 145px; }
#loginLinks4 { width: 50px; }
#loginLinks4 a { width: 50px; }


#mainFrame { width: 944px; margin: 0 auto; background-image: url(/img_common/bg.jpg); background-repeat: repeat; }

#header { }
#header div { float: left; }

#menu { background-image: url(/img_common/menuDefault.jpg); width: 944px; height: 48px; }
#menu li { list-style: none; float: left; }
#menu a { display: block; height: 48px; }
#menu a:hover { background-image: url(/img_common/menuMO.jpg); }
#menu1 { width: 130px; }
#menu1 a { width: 130px; }
#menu1 a:hover { background-position: 0 0; }
#menu2 { width: 170px; }
#menu2 a { width: 170px; }
#menu2 a:hover { background-position: -130px 0; }
#menu3 { width: 140px; }
#menu3 a { width: 140px; }
#menu3 a:hover { background-position: -300px 0; }
#menu4 { width: 180px; }
#menu4 a { width: 180px; }
#menu4 a:hover { background-position: -440px 0; }
#menu5 { width: 140px; }
#menu5 a { width: 140px; }
#menu5 a:hover { background-position: -620px 0; }
#menu6 { width: 150px; }
#menu6 a { width: 150px; }
#menu6 a:hover { background-position: -760px 0; }

#menuRA { background-image: url(/range_aid/img_common/menuRA_Default.jpg); width: 944px; height: 48px; }
#menuRA li { list-style: none; float: left; }
#menuRA a { display: block; height: 48px; }
#menuRA a:hover { background-image: url(/range_aid/img_common/menuRA_MO.jpg); }
#menuRA1 { width: 75px; }
#menuRA1 a { width: 75px; }
#menuRA1 a:hover { background-position: 0 0; }
#menuRA2 { width: 135px; }
#menuRA2 a { width: 135px; }
#menuRA2 a:hover { background-position: -75px 0; }
#menuRA3 { width: 100px; }
#menuRA3 a { width: 100px; }
#menuRA3 a:hover { background-position: -210px 0; }
#menuRA4 { width: 140px; }
#menuRA4 a { width: 140px; }
#menuRA4 a:hover { background-position: -310px 0; }
#menuRA5 { width: 90px; }
#menuRA5 a { width: 90px; }
#menuRA5 a:hover { background-position: -450px 0; }
#menuRA6 { width: 100px; }
#menuRA6 a { width: 100px; }
#menuRA6 a:hover { background-position: -540px 0; }
#menuRA7 { width: 70px; }
#menuRA7 a { width: 70px; }
#menuRA7 a:hover { background-position: -640px 0; }
#menuRA8 { width: 80px; }
#menuRA8 a { width: 80px; }
#menuRA8 a:hover { background-position: -710px 0; }
#menuRA9 { width: 150px; }
#menuRA9 a { width: 150px; }
#menuRA9 a:hover { background-position: -790px 0; }

#mainContents { }

#mainContentsLeft { float: left; width: 117px; background-image: url(/img_common/leftLinkBanners.jpg); }
#mainContentsLeft li { width: 117px; }
#mainContentsLeft a { display: block; width: 117px; }
#leftLinks1 { height: 110px; }
#leftLinks1 a { height: 110px; }
#leftLinks2 { height: 60px; }
#leftLinks2 a { height: 60px; }
#leftLinks3 { height: 60px; }
#leftLinks3 a { height: 60px; }
#leftLinks4 { height: 70px; }
#leftLinks4 a { height: 70px; }
#leftLinks5 { height: 80px; }
#leftLinks5 a { height: 80px; }
#leftLinks6 { height: 75px; }
#leftLinks6 a { height: 75px; }
#leftLinks7 { height: 90px; }
#leftLinks7 a { height: 90px; }
#leftLinks8 { height: 80px; }
#leftLinks8 a { height: 80px; }
#leftLinks9 { height: 90px; }
#leftLinks9 a { height: 90px; }
#leftLinks10 { height: 80px; }
#leftLinks10 a { height: 80px; }
#leftLinks11 { height: 90px; }
#leftLinks11 a { height: 90px; }
#leftLinks12 { height: 70px; }
#leftLinks12 a { height: 70px; }
#leftLinks13 { height: 80px; }
#leftLinks13 a { height: 80px; }

#mainContentsRight { float: left; width: 827px; height: auto; margin: 20px 0 20px 0;  background-image: url(/img_common/mainContentsRightBg1.gif); background-repeat: repeat-y; background-position: 0 20px; }

#footer { background-image: url(/img_common/footer.jpg); width: 944px; height: 230px; clear: both; }
#footer li { list-style: none; float: left; }
#footer a { display: block; }

#footerMenuA { padding-top: 80px; }
#footerMenuA ul { height: 40px; }
#footerMenuA li { height: 40px; }
#footerMenuA a { height: 40px; }
#footerMenuA1 { width: 135px; }
#footerMenuA1 a { width: 135px; }
#footerMenuA2 { width: 165px; }
#footerMenuA2 a { width: 165px; }
#footerMenuA3 { width: 130px; }
#footerMenuA3 a { width: 130px; }
#footerMenuA4 { width: 175px; }
#footerMenuA4 a { width: 175px; }
#footerMenuA5 { width: 125px; }
#footerMenuA5 a { width: 125px; }
#footerMenuA6 { width: 140px; }
#footerMenuA6 a { width: 140px; }

#footerMenuB { }
#footerMenuB li { height: 70px; }
#footerMenuB a { height: 70px; }
#footerMenuB1 { width: 60px; }
#footerMenuB1 a { width: 60px; }
#footerMenuB2 { width: 50px; }
#footerMenuB2 a { width: 50px; }
#footerMenuB3 { width: 50px; }
#footerMenuB3 a { width: 50px; }
#footerMenuB4 { width: 60px; }
#footerMenuB4 a { width: 60px; }
#footerMenuB5 { width: 45px; }
#footerMenuB5 a { width: 45px; }
#footerMenuB6 { width: 45px; }
#footerMenuB6 a { width: 45px; }
#footerMenuB7 { width: 50px; }
#footerMenuB7 a { width: 50px; }
#footerMenuB8 { width: 50px; }
#footerMenuB8 a { width: 50px; }
#footerMenuB9 { width: 50px; }
#footerMenuB9 a { width: 50px; }
#footerMenuB10 { width: 50px; }
#footerMenuB10 a { width: 50px; }
#footerMenuB11 { width: 50px; }
#footerMenuB11 a { width: 50px; }
#footerMenuB12 { width: 230px; }
#footerMenuB12 a { width: 230px; }
#footerMenuB13 { width: 130px; }
#footerMenuB13 a { width: 130px; }


#footerMenuC { }
#footerMenuC li { height: 30px; }
#footerMenuC a { height: 30px; }
#footerMenuC1 { width: 120px; }
#footerMenuC1 a { width: 120px; }



/* Login Process */

#loginFailure { margin: 50px auto 0 auto; width: 350px; font-size: 14px; line-height: 25px; font-weight: bold; color: #F00; }



/* Top */

#topContents { width: 772px; margin: 0 auto; }

#topContentsLeft { float: left; width: 480px; }

#topMovie { margin-bottom: 20px; }
#topMovieCaption { margin-bottom: 20px; font-size: 10px; line-height: 15px; color: #FFF; }
#topMovieOther { padding-bottom: 15px; border-bottom: dotted 1px #FFF; margin-bottom: 15px; }
#topMovieOther table { }
#topMovieOther th { text-align: left; width: 123px; }
#topMovieOther td p { width: 100px; font-size: 10px; line-height: 15px; color: #FFF;  }

#topInformation { }
#topInformationFrame { height: 655px; padding: 10px; padding-bottom: 0px; border: solid 1px #FFF; }
#topInformationFrameInside { width: 458px; height: 615px; overflow: auto; }
#topInformationFrameInside p { margin-bottom: 10px; font-size: 10px; line-height: 15px; color: #FFF; }
#topInformationFrameInside p.informationSubject { color: #FF931E; }
#topInformationFrameInside p a { color: #FFF; }
#topInformationFrameInside p a:hover { color: #FF931E; }
#topInformationArchiveLink { padding-top: 10px; font-size: 11px; text-align: right; }
#topInformationArchiveLink a { color: #FFF; }

#topContentsRight { float: right; width: 230px; }

.topRightBanner { margin-bottom: 15px; }
.topRightBanner img { border: solid 1px #E6E6E6; }

#topTwitterTitle { }
#topTwitterFrame { height: 356px; padding: 10px; border: solid 1px #FFF; color: #FFF; }
#topTwitterFrame li { list-style: none; width: 190px; height: auto; padding-bottom: 5px; border-bottom: dotted 1px #FFF; margin-bottom: 5px; font-size: 10px; line-height: 12px; }
#topTwitterFrame img { float: left; margin: 0 5px 5px 0; }
#topTwitterFrame li a { color: #FF931E; }
#topTwitterFrame li a:visited { color: #FF931E; }

#topTwitterFrameInside1 { height: 330px; overflow: auto; }

#topTwitterMenu { padding: 10px 10px 0 10px; font-size: 10px; color: #FFF; }
#topTwitterMenu a { color: #FFF; }



/* Top RA */

#topRAPickupTitle { margin-bottom: 10px; }
#topRAPickup { border: dotted 1px #FFF; height: 253px; padding: 10px; padding-bottom: 0px; margin-bottom: 15px; }
#topRAPickupInside { width: 458px; height: 231px; overflow: auto; }
#topRAPickupInside p { margin-bottom: 10px; font-size: 10px; line-height: 15px; color: #FFF; }
#topRAPickupInside p.topRAPickupSubject { color: #FF931E; }
#topRAPickupInside a { color: #FFF; }
#topRAPickupInside a:hover { color: #FF931E; }


/* Common in under Top */

#contentsCommonFrame { width: 738px; margin-left: 30px; }
.title { width: 738px; height: 16px; padding-bottom: 25px; border-bottom: dotted 1px #FFF; margin-bottom: 30px; }
.title div { float: left; height: 16px; }
.title div a { display: block; height: 16px; }



/* News */

#newsTitle { }
#newsTitle0 { background-image: url(/news/newsTitleD.jpg); width: 109px; }
#newsTitle0 a { width: 109px; }
#newsTitle0 a:hover { background-image: url(/news/newsTitleMO.jpg); }
.newsBanner { margin: 0 0 30px 150px; }

#newsArchiveList { }
#newsArchiveList li { list-style: none; padding-bottom: 20px; border-bottom: solid 1px #FFF; margin-bottom: 20px; font-size: 11px; line-height: 16px; color: #FFF; }
#newsArchiveList li span { font-weight: bold; color: #FF931E; }
#newsArchiveList li a { color: #FF931E; }

#newsPageSlider { text-align: center; font-size: 11px; color: #FFF; }
#newsPageSlider a { color: #FFF; margin-right: 3px; }
#newsPageSlider a:hover { color: #FF931E; }



/* Information */

#informationTitle { background-image: url(/information/informationTitleD.jpg); width: 738px; }
#informationTitle a:hover { background-image: url(/information/informationTitleMO.jpg); }
#informationTitle0 { width: 222px; margin-right: 13px; }
#informationTitle0 a { width: 222px; }
#informationTitle0 a:hover { background-position: 0 0; }
#informationTitle1 { width: 45px; margin-right: 13px; }
#informationTitle1 a { width: 45px; }
#informationTitle1 a:hover { background-position: -235px 0; }
#informationTitle2 { width: 30px; margin-right: 13px; }
#informationTitle2 a { width: 30px; }
#informationTitle2 a:hover { background-position: -293px 0; }
#informationTitle3 { width: 65px; margin-right: 13px; }
#informationTitle3 a { width: 65px; }
#informationTitle3 a:hover { background-position: -336px 0; }
#informationTitle4 { width: 55px; margin-right: 13px; }
#informationTitle4 a { width: 55px; }
#informationTitle4 a:hover { background-position: -414px 0; }
#informationTitle5 { width: 50px; margin-right: 80px; }
#informationTitle5 a { width: 50px; }
#informationTitle5 a:hover { background-position: -482px 0; }
#informationTitle6 { width: 123px; background-image: url(/information/informationMannerTitleD.jpg); display: none; } /* ライブ内容により表示 */
#informationTitle6 a { width: 123px; }
#informationTitle6 a:hover { background-image: url(/information/informationMannerTitleMO.jpg); }

.informationEntry { padding-bottom: 15px; border-bottom: dotted 1px #FFF; margin-bottom: 15px; }
.informationEntry h4 { padding: 0 10px; margin-bottom: 15px; font-size: 11px; line-height: 16px; color: #FF931E; }
.informationEntry h4 span { color: #F00; }
.informationEntry p { padding: 0 10px; font-size: 11px; line-height: 16px; color: #FFF; }
.informationEntry p a { color: #FFF; }
.informationEntry p a:hover { color: #FF931E; }
.informationManner { margin-bottom: 30px; }

#informationPageSlider { text-align: center; font-size: 11px; color: #FFF; }
#informationPageSlider a { color: #FFF; margin-right: 3px; }
#informationPageSlider a:hover { color: #FF931E; }



/* Goods */

#goodsTitle { }
#goodsTitle0 { background-image: url(/goods/goodsTitleD.jpg); width: 109px; }
#goodsTitle0 a { width: 109px; }
#goodsTitle0 a:hover { background-image: url(/goods/goodsTitleMO.jpg); }
.goodsBanner { margin: 0 0 30px 150px; }



/* Profile */

#profileTitle { }
#profileTitle0 { background-image: url(/profile/profileTitleD.jpg); width: 124px; }
#profileTitle0 a { width: 124px; }
#profileTitle0 a:hover { background-image: url(/profile/profileTitleMO.jpg); }

#profileMain { margin-bottom: 20px; }
#profileMain img { float: right; margin: 0 0 10px 20px; }
#profileMain p { font-size: 11px; line-height: 18px; color: #FFF; }

#profileMembers { }
#profileMembers table { }
#profileMembers th { width: 150px; text-align: left; }
#profileMembers td { }
#profileMembers td p { width: 122px; font-size: 12px; text-align: center; color: #FFF; }



/* Discography */

#discographyTitle { background-image: url(/discography/discographyTitleD.jpg); width: 738px; }
#discographyTitle a:hover { background-image: url(/discography/discographyTitleMO.jpg); }
#discographyTitle0 { }
#discographyTitle0 a { width: 230px; margin-right: 13px; }
#discographyTitle0 a:hover { width: 230px; }
#discographyTitle1 { width: 70px; margin-right: 13px; }
#discographyTitle1 a { width: 70px; }
#discographyTitle1 a:hover { background-position: -243px 0; }
#discographyTitle2 { width: 67px; margin-right: 13px; }
#discographyTitle2 a { width: 67px; }
#discographyTitle2 a:hover { background-position: -326px 0; }
#discographyTitle3 { width: 45px; }
#discographyTitle3 a { width: 45px; }
#discographyTitle3 a:hover { background-position: -406px 0; }

.discographyEntry { padding-bottom: 30px; border-bottom: dotted 1px #FFF; margin-bottom: 30px; }
.discographyEntryImg { float: left; width: 150px; margin-left: 30px; }
.discographyEntryText { float: right; width: 510px; margin-right: 20px; }
.discographyEntryText h3 { background-color: #FB803B; padding: 5px; margin-bottom: 10px; font-size: 14px; font-weight: bold; color: #000; }
.discographyEntryText p { font-size: 11px; line-height: 16px; color: #FFF; }
.discographyEntryText p a { color: #FFF; }
.discographyEntryText p a:hover { color: #FF931E; }



/* Range Aid */

#fanclub { width: 600px; margin: 0 auto; }
#fanclubLead { font-size: 14px; line-height: 22px; font-weight: bold; color: #FF931E; margin: 20px 0 30px 0; padding-bottom: 20px; border-bottom: dotted 1px #FFF; }
#fanclubTokutenTitle { font-size: 13px; font-weight: bold; color: #FC0; margin-bottom: 20px; }
#fanclubTokuten { border: dotted 1px #FFF; padding: 25px; font-size: 12px; line-height: 22px; letter-spacing: 1px; color: #FFF; margin-bottom: 20px; }
#fanclubRegist a { font-size: 13px; letter-spacing: 1px; font-weight: bold; color: #FF931E; }
#fanclubRegist a:hover { color: #FFF; }



/* BBS */

#bbsTitle { background-image: url(/range_aid/bbs/bbsTitleD.jpg); width: 738px; }
#bbsTitle a:hover { background-image: url(/range_aid/bbs/bbsTitleMO.jpg); }
#bbsTitle0 { width: 230px; }
#bbsTitle0 a { width: 230px; }
#bbsTitle0 a:hover { }

#bbsRule { padding-left: 10px; font-size: 11px; line-height: 16px; color: #FFF; }
#bbsRule span { color: #F7931E; }
#bbsRule span#bbsEnter { color: #FCEE21; }

#bbsRule2 { padding: 0 10px 20px 10px; border-bottom: dotted 1px #FFF; margin-bottom: 30px; font-size: 11px; line-height: 16px; color: #FFF; }
#bbsRule2 div { float: right; }

.bbsEntry { width: 596px; margin: 0 auto 50px auto; }
.bbsEntry h3 { font-size: 11px; color: #FF78AC; margin-bottom: 15px; }
.bbsEntry p { font-size: 11px; line-height: 16px; color: #FFF; }
.bbsEntryDate { padding-top: 15px; border-top: dotted 1px #FFF; margin-top: 15px; font-size: 11px; color: #FFF; text-align: right; }

#bbsPageSlider { padding-top: 15px; border-top: solid 1px #FFF; text-align: center; font-size: 11px; color: #FFF; }
#bbsPageSlider a { color: #FFF; margin-right: 3px; }
#bbsPageSlider a:hover { color: #FF931E; }

#bbsForm { width: 596px; margin: 0 auto; }
#bbsForm th { width: 100px; padding: 0 5px 5px 0; font-size: 12px; color: #FFF; text-align: left; }
#bbsForm td { padding: 0 5px 5px 0; font-size: 12px; line-height: 18px; color: #FFF; }
#bbsName { width: 150px; padding: 3px; font-size: 11px; border: solid 1px #4D4D4D; background-color: #B3B3B3; color: #000; }
#bbsName:hover { background-color: #000; color: #0F0; }
#bbsAge { }
#bbsPrefecture { }
#bbsEntryTitle { width: 450px; padding: 3px; font-size: 11px; border: solid 1px #4D4D4D; background-color: #B3B3B3; color: #000; }
#bbsEntryTitle:hover { background-color: #000; color: #0F0; }
#bbsBody { width: 450px; height: 150px; padding: 3px; font-size: 11px; border: solid 1px #4D4D4D; background-color: #B3B3B3; color: #000; }
#bbsBody:hover { background-color: #000; color: #0F0; }
#bbsSubmit { padding: 3px 5px; font-size: 12px; font-weight: bold; border: solid 1px #4D4D4D; background-color: #B3B3B3; color: #000; }
#bbsSubmit:hover { background-color: #000; color: #0F0; }

#bbsError { margin-bottom: 20px; font-size: 12px; font-weight: bold; color: #F00; }

#bbsFinish { width: 596px; margin: 0 auto; font-size: 12px; line-height: 18px; color: #FFF; }
#bbsFinish a { color: #FFF; }
#bbsFinish a:hover { color: #FF931E; }



/* Diary */

#diaryTitle { background-image: url(/range_aid/blog/diaryTitleD.jpg); width: 738px; }
#diaryTitle a:hover { background-image: url(/range_aid/blog/diaryTitleMO.jpg); }
#diaryTitle0 { width: 105px; margin-right: 13px; }
#diaryTitle0 a { width: 105px; }
#diaryTitle0 a:hover { }
#diaryTitle1 { width: 150px; margin-right: 13px; }
#diaryTitle1 a { width: 150px; }
#diaryTitle1 a:hover { background-position: -118px 0; }
#diaryTitle2 { width: 100px; margin-right: 13px; }
#diaryTitle2 a { width: 100px; }
#diaryTitle2 a:hover { background-position: -281px 0; }

.diaryEntry { width: 596px; margin: 0 auto 50px auto; }
.diaryMember { width: 595px; height: 24px; background-image: url(/range_aid/blog/diaryMemberEntryTitleBg.jpg); margin-bottom: 15px; }
.diaryYKO { width: 595px; height: 24px; background-image: url(/range_aid/blog/diaryYKOEntryTitleBg.jpg); margin-bottom: 15px; }
.diaryEntry h3 { font-size: 11px; color: #000; padding: 6px 0 0 10px; }
.diaryEntry h3 a { color: #000; }
.diaryEntry h3 a:hover { color: #FF931E; }
.diaryImg { margin: 0 0 10px 6px; }
.diaryImg img { margin: 2px 2px; text-align: center; }
.diaryEntry p { font-size: 11px; line-height: 16px; color: #FFF; }
.diaryEntryDate { padding-top: 15px; border-top: dotted 1px #FFF; margin-top: 15px; font-size: 11px; color: #FFF; text-align: right; }
.diaryEntryDate a { color: #FFF; }
.diaryEntryDate a:hover { color: #FF931E; }

#diaryPageSlider { padding-top: 15px; border-top: solid 1px #FFF; text-align: center; font-size: 11px; color: #FFF; }
#diaryPageSlider a { color: #FFF; margin-right: 3px; }
#diaryPageSlider a:hover { color: #FF931E; }

#diaryComment { width: 596px; margin: 0 auto; }
#diaryComment p { font-size: 12px; font-weight: bold; color: #FF931E; margin-bottom: 30px; }
#diaryComment th { width: 100px; padding: 0 5px 5px 0; font-size: 12px; color: #FFF; text-align: left; }
#diaryComment td { padding: 0 5px 5px 0; font-size: 12px; line-height: 18px; color: #FFF; }
#diaryCommentName { width: 150px; padding: 3px; font-size: 11px; border: solid 1px #4D4D4D; background-color: #B3B3B3; color: #000; }
#diaryCommentName:hover { background-color: #000; color: #0F0; }
#diaryCommentTitle { width: 450px; padding: 3px; font-size: 11px; border: solid 1px #4D4D4D; background-color: #B3B3B3; color: #000; }
#diaryCommentTitle:hover { background-color: #000; color: #0F0; }
#diaryCommentBody { width: 450px; height: 150px; padding: 3px; font-size: 11px; border: solid 1px #4D4D4D; background-color: #B3B3B3; color: #000; }
#diaryCommentBody:hover { background-color: #000; color: #0F0; }
#diaryCommentSubmit { padding: 3px 5px; font-size: 12px; font-weight: bold; border: solid 1px #4D4D4D; background-color: #B3B3B3; color: #000; }
#diaryCommentSubmit:hover { background-color: #000; color: #0F0; }

#diaryComment p.diaryError { font-size: 12px; font-weight: bold; color: #F00; margin-bottom: 20px; }

.diaryCommentLog { width: 580px; padding-bottom: 15px; border-bottom: dotted 1px #FFF; margin: 0 auto 15px auto; }
#diaryComment .diaryCommentLog th { width: 100px; padding: 0 5px 5px 0; font-size: 10px; color: #FFF; text-align: left; }
#diaryComment .diaryCommentLog td { padding: 0 5px 5px 0; font-size: 10px; line-height: 14px; color: #FFF; }

#diaryCommentLogFrame { margin-top: 20px; }
#diaryCommentLogFrameInside { height: 300px; overflow: auto; }


/* Gallery */

#galleryTitle { background-image: url(/range_aid/gallery/galleryTitleD.jpg); width: 738px; }
#galleryTitle a:hover { background-image: url(/range_aid/gallery/galleryTitleMO.jpg); }
#galleryTitle0 { width: 155px; margin-right: 13px; }
#galleryTitle0 a { width: 155px; }
#galleryTitle0 a:hover { }
#galleryTitle1 { width: 60px; margin-right: 13px; }
#galleryTitle1 a { width: 60px; }
#galleryTitle1 a:hover { background-position: -168px 0; }
#galleryTitle2 { width: 65px; margin-right: 13px; }
#galleryTitle2 a { width: 65px; }
#galleryTitle2 a:hover { background-position: -241px 0; }
#galleryTitle3 { width: 100px; margin-right: 13px; }
#galleryTitle3 a { width: 100px; }
#galleryTitle3 a:hover { background-position: -319px 0; }

#galleryPhoto { width: 370px; margin: 0 auto; text-align: center; font-size: 14px; color: #FFF; }

#galleryMovie { width: 370px; margin: 0 auto; }

#galleryDownload { width: 370px; margin: 0 auto; text-align: center; font-size: 14px; color: #FFF; }



/* Hiroki2 */

#hiroki2Index { background-image: url(/range_aid/hiroki2/hiroki2_ImageL.jpg); width: 753px; height: 500px; margin: 0 auto; }
#hiroki2IndexMenu { padding-top: 35px; margin-left: 500px; }
#hiroki2IndexMenu a:hover { background-image: url(/range_aid/hiroki2/hiroki2_ImageL_MO.jpg); }
#hiroki2IndexMenu li { list-style: none; width: 253px; height: 50px; }
#hiroki2IndexMenu li a { display: block; width: 253px; height: 50px; }
#hiroki2IndexMenu1 a:hover { background-position: -500px 35px; }
#hiroki2IndexMenu2 a:hover { background-position: -500px 85px; }

#hiroki2Backnumber { }
#hiroki2BacknumberInside { width: 757px; margin: 0 auto; }

#hiroki2BacknumberLeft { float: left; width: 221px; }

#hiroki2BacknumberList { background-color: #808080; }
#hiroki2BacknumberListInside { padding: 20px; }
#hiroki2BacknumberListInside li { list-style: none; margin-top: 5px; font-size: 12px; letter-spacing: 2px; }
#hiroki2BacknumberListInside a { color: #000; }
#hiroki2BacknumberListInside a:hover { color: #FF931E; }

#hiroki2BacknumberRight { float: right; width: 487px; }

#hiroki2PhotoFrame { background-image: url(/range_aid/hiroki2/hiroki2_ImageFrame.jpg); width: 487px; height: 428px; }
#hiroki2PhotoFrameInside { width: 320px; height: 240px; margin: 0 auto; padding-top: 100px; }
#hiroki2PhotoCaption { padding-bottom: 10px; border-bottom: dotted 1px #FFF; margin-bottom: 10px; font-size: 11px; line-height: 16px; color: #FFF; }

.hiroki2Answer { margin-bottom: 10px; }
.hiroki2AnswerName { margin-bottom: 10px; font-size: 11px; color: #FF931E; }
.hiroki2AnswerText { margin-bottom: 10px; font-size: 11px; line-height: 16px; color: #FF931E; }

.hiroki2Comment { border: solid 1px #FFF; margin-bottom: 30px; }
.hiroki2CommentInside { padding: 10px; }
.hiroki2CommentTitle { margin-bottom: 10px; }
.hiroki2CommentText { font-size: 11px; line-height: 16px; color: #FFF; }

#hiroki2Form { border: solid 1px #FFF; }
#hiroki2FormInside { padding: 20px; }
#hiroki2FormInside th { width: 150px; font-size: 12px; color: #FFF; text-align: left; }
#hiroki2FormInside td { }
#hiroki2FormName { width: 300px; border: solid 1px #4D4D4D; background-color: #B3B3B3; font-size: 11px; color: #000; }
#hiroki2FormName:hover { background-color: #000; color: #0F0; }
#hiroki2FormAge { border: solid 1px #4D4D4D; background-color: #B3B3B3; font-size: 11px; color: #000; }
#hiroki2FormAge:hover { background-color: #000; color: #0F0; }
#hiroki2FormPrefecture { border: solid 1px #4D4D4D; background-color: #B3B3B3; font-size: 11px; color: #000; }
#hiroki2FormPrefecture:hover { background-color: #000; color: #0F0; }
#hiroki2FormSex { border: solid 1px #4D4D4D; background-color: #B3B3B3; font-size: 11px; color: #000; }
#hiroki2FormSex:hover { background-color: #000; color: #0F0; }
#hiroki2FormMessage { width: 300px; height: 150px; border: solid 1px #4D4D4D; background-color: #B3B3B3; font-size: 11px; color: #000; }
#hiroki2FormMessage:hover { background-color: #000; color: #0F0; }