body { background-image: url(http://www.happening-room.com/design/background.gif); background-repeat: repeat-x; background-color: #fff; text-align: center; margin: 0 auto; padding: 0px; scrollbar-face-color: #fff; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #fff; scrollbar-3dlight-color: #e6487c; scrollbar-arrow-color: #e6487c; scrollbar-track-color: #fff; scrollbar-darkshadow-color: #e6487c;}
body,table,th,td,p,input,select,textarea,h1 { font-family: "‚l‚r ‚oƒSƒVƒbƒN" ,Osaka,"ƒqƒ‰ƒMƒmŠpƒS Pro W3"; color: #333; font-size: 12px; line-height: 18px;}
img { border: 0;}
a { color: #e6487c;}
div,dl,dt,dd,form { margin: 0; padding: 0; border: 0;}

/*POSITION*/
.right {text-align : right;}
.center { margin: 0 auto; text-align: center;}
.left  {text-align : left;}
.top   {vertical-align : top;}
.middle {vertical-align : middle;}
.bottom {vertical-align : bottom;}
.w100 { width: 100%}

/*INDEX*/
#site_index { width: 646px; border-right: 3px double #eee; border-left: 3px double #eee; background-color: #fff; margin: 0 auto; text-align: center;}
#site_index h1 { margin: 0px; padding: 0px;}
#site_index h1 a { color: #e6487c; text-decoration: none;}
#site_index h2 { margin: 0; padding: 0; width: 500px; font-size: 10px; line-height: 12px; color: #e6487c; margin: 0 auto; text-align: center;}
#site_index h2 a { text-decoration: none;}
#site_index textarea { width: 400px; height: 64px;}
#header_index { height: 400px width: 640px;}
#logo_index { background-image: url(../design/logo.gif); background-repeat: no-repeat; background-position: center top; height: 180px; text-align: center; vertical-align: middle; padding-left: 440px; padding-top: 48px;}
#credit_index { margin: 4px auto; text-align: center;}

/*MAIN*/
#site_main { width: 900px; border-right: 3px double #eee; border-left: 3px double #eee; background-color: #fff; margin: 0 auto; text-align: center; border-top: 0; border-bottom: 0;}

#left_bar { width: 170px; border-right: 1px solid #f194b2; border-left: 1px solid #f194b2; background-color: #fff0f5; color: #8d2266; padding: 0; vertical-align: top; border-top: 0; border-bottom: 0;}
#left_bar dt { background-image: url(../design/bar.gif); background-repeat: repeat-x; height: 32px; border-top: 1px solid #f194b2;}
#left_bar dd { border-top: 1px solid #f194b2; text-align: left; padding: 2px 0;}
#left_bar dd a { padding-left: 20px; text-decoration: none; color: #8d2266; display: block; width: 100%; background-image: url(../design/circle.gif); background-repeat: no-repeat; background-position: 4px;}
#left_bar dd a:hover { padding-left: 20px; text-decoration: none; background-image: url(../design/arrow.gif); background-repeat: no-repeat; background-position: 4px;}
#left_bar input { height: 24px;}
#left_bar iframe { margin: 0; padding: 0;}
#left_bar img { margin-top: 0 auto; text-align: center; vertical-align: middle;}
#left_bar .logo { font-size: 0; padding: 0; margin: 0;}

#right_bar { width: 730px; border-right: 1px solid #f194b2; background-color: #fff; vertical-align: top;}
#right_bar th { background-image: url(../design/bar.gif); background-repeat: repeat-x; height: 33px; border-top: 1px solid #f194b2; width: 100%; border-bottom: 1px solid #f194b2;}

#credit { width: 100%; border: 1px solid #f194b2; text-align: center; background-color: #fff0f5;}

#performer_photo { width: 600px; margin: 0 auto; text-align: center;}

.list_name { color: #ffffff; background-color: #fff0f5;}
.bar { background-image: url(../design/bar.gif); background-repeat: repeat-x; background-position: top; height: 32px; border-top: 1px solid #f194b2; border-bottom: 1px solid #f194b2; width: 100%;}
.bar2 { background-image: url(../design/bar.gif); background-repeat: repeat-x; background-position: top; height: 126px; border-top: 1px solid #f194b2; width: 100%;}

#counter td { text-align:right; color: #B7305B; font-weight: bold;}
#counter th { text-align:left; font-weight:normal; width:100%;}

#explanation { padding: 16px; width: 700px;}
#explanation h2 { text-align: left; border: 0; margin-bottom: 0; margin-right: auto; margin-left: auto; padding-left: 4px; border-left: 8px solid #ff1c8d; color: #d11243; font-size: 12px;}
#explanation p { text-align: left; border: 0; margin-top: 0; margin-right: auto; margin-left: auto; padding-left: 4px; border-left: 8px solid #ffe6f2; line-height: 16px; margin-bottom:16px; padding-top: 4px;}

#header { background-image: url(../design/head_title.gif); background-repeat: no-repeat; background-position: top; text-align: right; vertical-align: bottom; width: 100%; height: 120px;}
#header h1 { font-weight: normal; font-size: 12px; line-height: 14px; margin: 0; margin-right: 8px; margin-top: 48px;}
#header h1 a { text-decoration: none; color: #8D2266;}
#header input { margin-top: 4px; margin-bottom: 4px; margin-right: 8px; border: 1px solid #f194b2; color: #b7305b; background-color: #fff; }

#search { width: 460px; border: 1px solid #f194b2; background-color: #fff0f5; margin: 8px auto; text-align: center;}
#search td { width: 50%;}
#search input { margin-top: 4px; margin-bottom: 4px; margin-right: 8px; border: 1px solid #f194b2; color: #b7305b; background-color: #fff; }

.join { width: 100%; margin: 8px auto; border: 2px solid #f194b2; }
.join th { background-image: url(../design/join_th.gif); background-repeat: repeat-x; background-position: top; }
.join td { background-color: #faf9f5; }

.icon { border-top: 1px solid #f194b2; border-bottom: 1px solid #f194b2; width: 94%; padding: 3px; margin-top: 4px; margin-bottom: 8px; text-align: center; margin-left: auto; margin-right: auto;}
.icon td { font-size: 10px}
.icon img {  vertical-align: middle}

.join_index { background-color: #FFFFFF; width: 100%; border-top: 1px solid #F194B2; border: 3px double #6C0049}
.join_index th { background-color: #6C0049; font-weight: normal; text-align: left; font-size: 10px; color: #FFFFFF; padding: 4px}
.join_index td { background-color: #6C0049; font-size: 10px; color: #FFFFFF; padding: 4px; width: 100%}