/*****    ボディ全体    *****/
body {
	font-size : 12px ;
	font-family :"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif  ;
	line-height : 1.5 ;
	color : #000 ;

background-color : #FFFFFF ;
/*
background-image : url(/images/back_01.jpg);
*/
background-repeat : repeat-x ;

margin : 0px ;

padding : 0px ;

}




a{ color : #007700 ; text-decoration : none ; }

a:hover{ color : #FF5A00 ;	text-decoration : underline ; }

p{ margin : 0px ; }

h1{ margin : 0px ; padding : 0px ; }

h2{ margin : 0px ; padding : 0px ; }

img{ border : 0 ; }

select{ clear : both ;float : left ;margin-left : 3px ;margin-bottom : 2px ;}

form{ display : inline ; }

th{ font-size : 12px ; }





/*  テキスト関連  */



.boxtext01

{

text-align : left ;

clear : both ;

font-size : 12px ;
color : #333 ;

margin : 5px 5px 5px 7px ;

}

.boxtext01_long  /* boxtext01の幅広box用 */

{

text-align : left ;

clear : both ;

font-size : 12px ;

color : #333 ;

margin : 5px 5px 5px 12px ;

}

.boxtext02　　/* boxtext01のセンター寄せ */

{

clear : both ;

text-align : center ;

font-size : 12px ;

color : #003366 ;

margin : 5px 0 5px 0 ;

}

.boxtext03    /* box内リンク部分用 */

{

clear : both ;

text-align : right ;

margin-right : 5px ;

margin-bottom : 5px ;

}

.boxtext04  /* 右ランキングテキスト用 */

{

text-align : left ;

clear : both ;

font-size : 12px ;

color : #333 ;

margin : 5px 5px 5px 7px ;

word-break:break-all;

}



.boxtext05  /* ボックス内ノーマルテキスト小 */

{

text-align : left ;

clear : both ;

font-size : 11px ;

line-height : 1.4 ;

color : #333 ;

margin : 5px 5px 5px 3px ;

}





/****** その他 ******/

.page-link /* ページャー */

{margin : 10px auto ;font-size : 12px ;}

.page-link a

{

/*color : #FF5A00 ;*/

font-weight : bold ;

text-decoration : underline ;

}

.page-link a:hover

{

/*color : #FFBB66 ;*/

font-weight : bold ;

text-decoration : none ;

}

.stay_page

{ font-weight : bold ; color : #000 ; }



.spacer /* スペーサー用非表示スタイル */

{clear : both ; height : 0px ;}

.spacer02 /* スペーサー高さ空ける */

{clear : both ; height : 10px ;}

.icon_info /* アイコン解説部分 */

{ margin : 7px auto ; }





/*  フォーム関連  */



table#login  /* 左テーブルログインフォーム */

{ width : 133px ; margin : 5px auto 3px auto ; }

#login input

{ width : 60px ; }

table#login th

{ text-align : left ; font-weight : bold ; }

table#login td

{ text-align : right ; }

table#autologin td

{ text-align : left ; font-size : 10px ; font-weight : normal ; }


table#melocode  /* 右テーブルメロコードフォーム */

{ width : 133px ; margin : 5px auto 3px auto ; }

#melocode input

{ width : 60px ; }

table#melocode th

{ text-align : left ; font-weight : bold ; }

table#melocode td

{ text-align : right ; }



table#rankmenu  /* 右テーブルランキングメニューフォーム */

{ width : 133px ; margin : 5px auto 3px auto ; }

table#rankmenu td

{ text-align : right ; height : 25px ; }





/* テキストエリア */

.textfield01

{clear : both ;text-align : left ;margin-left : 6px ;}

.textfield03

{text-align : left ;margin-left : 6px ;}

.textarea01

{width : 120px ;}

.textarea02

{width : 235px ;}

.textarea02_hi

{width : 235px ;height : 60px ;}

.textarea03

{width : 50px ;}

.textarea04 /*  文字表示用のテキストエリア用01  */

{width : 265px ;}



.text-id

{text-align : right ;margin-right : 5px ; font-size : 12px;}

.text-id input

{width : 50px ;}

.text-id img

{width : 60px ;height : 1px ;}



.text-pass

{clear : both ;text-align : right ;margin-right : 5px ; font-size : 12px;}

.text-pass input

{width : 50px ;}

.text-pass img

{width : 17px ;height : 1px ; }

/* フォーム関連ここまで */



/* ボタン関連 */

.btn01

{clear : both ;text-align : right ;margin-right : 3px ;}



/* URL表示BOX用 */

.pageurl_box

{
width : 640px ;
height : 35px ;
color : #0066BC ;
text-align : center ;
padding-top : 5px ;
margin : 20px auto 10px 10px ;
}

.google_box

{
width : 640px ;
text-align : center ;
padding-top : 3px ;
margin : 2px auto 0px 10px ;
}

.textbox02

{

width : 651px ;

height : 134px ;

text-align : center ;

padding-top : 5px ;

margin-left : 10px ;

margin-bottom : 5px ;

border : 1px solid #9D9D9D ;

background-color : #99CCFF ;

}





/*****    レイアウトスタイル    *****/


#head_mess{
background :url(/images/bar_black.gif);
margin:0 0 3px 0;
padding:1px 10px;
color:#DDDDDD;
font-weight : bold ;
}

#wrapper

{

width : 970px ;

padding : 0 3px ;

margin : 0 auto ;

background-color : #C2C2C2 ;

}

#header

{

width : 970px ;

height : 86px ;

background-color : #ccc ;

background-image : url(/images/header_02.jpg);

}



/*  ヘッダ検索部分  */

#header02

{

clear : both ;

height : 40px ;

padding-top : 3px ;

background-color : #ccc ;

background-image : url(/images/back_header02.jpg);

}

.hsearch

{

width : 425px ;

height : 30px ;

font-size : 12px ;

padding-top : 5px ;

padding-left : 105px ;

margin-left : auto ;

margin-right : auto ;

background-image : url(/images/back_hsearch.jpg);

}

.hsearch a

{color : #fff ; margin-left : 10px ;}

.hsearch a:hover

{color : #FF6633 ; }



/*  ヘッダ検索部分ここまで  */



/*  ボディ部分  */

#overcontainer

{ width : 970px ; background-color : #fff ; }

#container

{ float : left ; width : 817px ; }



/* #container内 */

#center

{

float : right ;

width : 664px ;

padding-top : 5px ;

}

#left

{

float : left ;

width : 153px ;

padding-top : 5px ;

text-align : center ;

}

/* ここまで#container内 */

#right

{

float : right ;

width : 153px ;

padding-top : 5px ;

}

/* ここまで#overcontainer内 */

/*  フッター  */

#footer01

{

clear : both ;

width : 970px ;

height : 34px ;

color : #1584D0 ;

font-weight : bold ;

text-align : center ;

padding-top : 18px ;

background-image : url(/images/back_footer01.jpg);

background-color : #ccc ;

}

#footer02

{

clear : both ;

width : 970px ;

height : 45px ;

color : #444 ;

font-weight : bold ;

text-align : center ;

padding-top : 8px ;

background-image : url(/images/back_footer02.jpg);

background-color : #ccc ;

}

#google_footer
{
clear : both ;
width : 970px ;
text-align : center ;
padding-top : 2px;
padding-bottom:10px;
background-color : #fff ;
}





/*****   各レイアウト内スタイル   *****/



/***   ヘッダー内   ***/

#logo

{float : left ;}

#menu

{

float : right ;

width : 791px ;

height : 86px ;

margin : 0 ;

padding : 0 ;

}



/** menu01（トップメニュー） **/

#menu01

{ float : right ; height : 34px ;}

#menu01 ul

{

width : 413px ;

margin-top : 6px ;

list-style : none ;

margin-right : 20px ;

margin-bottom : 0 ;

}

#menu01 li

{ float : left ; }

#menu01 li a

{

display : block ;

overflow : hidden ;

text-indent: -3000px ;

height : 15px ;

background-image : url(/images/menu01.jpg) ;

}

#menu01_01 a /* ボタン背景 */

{ width : 67px ; background-position : 0 0 ; }

#menu01_02 a

{ width : 90px ; background-position : -67px 0 ; }

#menu01_03 a

{ width : 80px ; background-position : -157px 0 ; }

#menu01_04 a

{ width : 70px ; background-position : -237px 0 ; }

#menu01_05 a

{ width : 40px ; background-position : -307px 0 ; }

#menu01_06 a

{ width : 66px ; background-position : -347px 0 ; }

#menu01_01 a:hover /* ボタン背景オンマウス時 */

{ width : 67px ; background-position : 0 -15px ; }

#menu01_02 a:hover

{ width : 90px ; background-position : -67px -15px ; }

#menu01_03 a:hover

{ width : 80px ; background-position : -157px -15px ; }

#menu01_04 a:hover

{ width : 70px ; background-position : -237px -15px ; }

#menu01_05 a:hover

{ width : 40px ; background-position : -307px -15px ; }

#menu01_06 a:hover

{ width : 66px ; background-position : -347px -15px ; }





/** menu02（ヘッダー内カテゴリメニュー） **/

#menu02

{}

#menu02 ul

{

clear : both ;

float : right ;

width : 791px ;

height : 52px ;

margin : 0 ;

padding : 0 ;

list-style-type : none ;

}

#menu02 li

{ float : left ; width : 79px ; }

#menu02 li a

{

display : block ;

overflow : hidden ;

text-indent : -3000px ; /*テキストの非表示*/

height : 52px ;

width : 100% ;

background-image : url(/images/menu02.jpg) ;

}



#menu02_01 a /* ボタン背景 */

{background-position : 0 0 ; }

#menu02_02 a

{background-position : -79px 0 ; }

#menu02_03 a

{background-position : -158px 0 ; }

#menu02_04 a

{background-position : -237px 0 ; }

#menu02_05 a

{background-position : -316px 0 ; }

#menu02_06 a

{background-position : -395px 0 ; }

#menu02_07 a

{background-position : -474px 0 ; }

#menu02_08 a

{background-position : -553px 0 ; }

#menu02_09 a

{background-position : -632px 0 ; }

#menu02_10 a

{background-position : -711px 0 ; }



#menu02_01 a:hover /* ボタン背景オンマウス時 */

{background-position : 0 -52px ; }

#menu02_02 a:hover

{background-position : -79px -52px ; }

#menu02_03 a:hover

{background-position : -158px -52px ; }

#menu02_04 a:hover

{background-position : -237px -52px ; }

#menu02_05 a:hover

{background-position : -316px -52px ; }

#menu02_06 a:hover

{background-position : -395px -52px ; }

#menu02_07 a:hover

{background-position : -474px -52px ; }

#menu02_08 a:hover

{background-position : -553px -52px ; }

#menu02_09 a:hover

{background-position : -632px -52px ; }

#menu02_10 a:hover

{background-position : -711px -52px ; }



#menu02_01 a.stay /* ボタン背景被選択時 */

{background-position : 0 -52px ; }

#menu02_02 a.stay

{background-position : -79px -52px ; }

#menu02_03 a.stay

{background-position : -158px -52px ; }

#menu02_04 a.stay

{background-position : -237px -52px ; }

#menu02_05 a.stay

{background-position : -316px -52px ; }

#menu02_06 a.stay

{background-position : -395px -52px ; }

#menu02_07 a.stay

{background-position : -474px -52px ; }

#menu02_08 a.stay

{background-position : -553px -52px ; }

#menu02_09 a.stay

{background-position : -632px -52px ; }

#menu02_10 a.stay

{background-position : -711px -52px ; }





/** menu03（レフトメニュー） **/

#menu03

{}

#menu03 ul

{

clear : both ;

width : 139px ;

height : 270px ;

margin : 0 auto ;

padding : 0 ;

list-style-type : none ;

border-top : 1px #9D9D9D solid ;

}

#menu03 li

{ width : 139px ; }

#menu03 li a

{

display : block ;

height : 27px ;

overflow : hidden ;

text-indent: -3000px ;

background-image : url(/images/menu03.jpg) ;

}



#menu03_01 a /* ボタン背景 */

{ background-position : 0 0 ; }

#menu03_02 a

{ background-position : 0 -27px ; }

#menu03_03 a

{ background-position : 0 -54px ; }

#menu03_04 a

{ background-position : 0 -81px ; }

#menu03_05 a

{ background-position : 0 -108px ; }

#menu03_06 a

{ background-position : 0 -135px ; }

#menu03_07 a

{ background-position : 0 -162px ; }

#menu03_08 a

{ background-position : 0 -189px ; }

#menu03_09 a

{ background-position : 0 -216px ; }

#menu03_10 a

{ background-position : 0 -243px ; }

#menu03_01 a:hover /* ボタン背景オンマウス時 */

{ background-position : -139px 0 ; text-decoration : none ;}

#menu03_02 a:hover

{ background-position : -139px -27px ; text-decoration : none ;}

#menu03_03 a:hover

{ background-position : -139px -54px ; text-decoration : none ;}

#menu03_04 a:hover

{ background-position : -139px -81px ; text-decoration : none ;}

#menu03_05 a:hover

{ background-position : -139px -108px ; text-decoration : none ;}

#menu03_06 a:hover

{ background-position : -139px -135px ; text-decoration : none ;}

#menu03_07 a:hover

{ background-position : -139px -162px ; text-decoration : none ;}

#menu03_08 a:hover

{ background-position : -139px -189px ; text-decoration : none ;}

#menu03_09 a:hover

{ background-position : -139px -216px ; text-decoration : none ;}

#menu03_10 a:hover

{ background-position : -139px -243px ; text-decoration : none ;}















/***   center内スタイル   ***/

#center .banner01 /* バナー表示領域 */

{

clear : both ;

width : 653px ;

text-align : center ;

padding : 0 0 3px 0 ;

margin-left : 10px ;

margin-bottom : 5px ;

background-color : #FEFEFE ;

}

#center .box01 /* ロングBOX 背景−ノーマル */

{

clear : both ;

width : 653px ;

border-bottom : 1px solid #9D9D9D ;

text-align : center ;

padding : 0 0 5px 0 ;

margin-left : 10px ;

margin-bottom : 5px ;

background-image : url(/images/boxback02.gif);

background-color : #FEFEFE ;

}

#center .box01_w /* ロングBOX 枠なし */
{
clear : both ;
width : 653px ;
text-align : center ;
padding : 0 0 5px 0 ;
margin-left : 10px ;
margin-bottom : 5px ;
background-color : #FFFFFF ;
}

#center .box_google /* ロングBOX 背景−ノーマル */

{
clear : both ;
width : 653px ;
border-bottom : 1px solid #FFFFFF ;
text-align : center ;
padding : 2px 0 2px 0 ;
margin-left : 10px;
background-color : #FEFEFE ;
}

#center .box02 /* ロングBOX 背景−青 */

{

clear : both ;

width : 653px ;

border-bottom : 1px solid #9D9D9D ;

text-align : center ;

padding : 0 0 5px 0 ;

margin : 0 auto 5px 10px ;

background-image : url(/images/boxback03.gif);

background-color : #FEFEFE ;

}



/** タイトルbar用 **/



.ttl01 /* 画像を使用するタイトル（長・短） */

{ margin-bottom : 5px ;}

.ttl02 /* タイトル内容をテキストで表示（短） */

{}

.ttl02_long /* タイトル内容をテキストで表示（長） */

{

width : 633px ;

height : 25px ;

text-align : left ;

font-size : 12px ;

font-weight : bold ;

color : #00356C ;

background-image : url(/images/ttlbar_02.jpg);

background-repeat : no-repeat;

background-color : #AED1E5;

border-bottom : 1px solid #9A9DA2;

overflow : visible;

padding-top : 7px ;

padding-left : 20px ;

margin : 0 auto 5px 0 ;

}

.ttl02_long A /* タイトル内容がリンクだった場合 */

{

color : #00356C ;

}

/** タイトルbar用ここまで **/



#center .text

{

width : 625px ;

text-align : left ;

padding-top : 0 ;

margin-left :auto ;

margin-right : auto ;

}



/* 告知ボックス */

#center .announcewrapper

{

width : 653px ;

height : 82px ;

padding-left : 10px ;

margin-bottom : 7px ;

}

#center .announce01

{

float : left ;

width : 322px ;

height : 62px ;

font-size : 16px ;

text-align : center ;

margin-right : 8px ;

padding-top : 20px ;

background-color : #666666 ;

}

#center .announce02

{

float : left ;

width : 322px ;

height : 62px ;

font-size : 16px ;

text-align : center ;

padding-top : 20px ;

background-color : #666666 ;

}



/* 特集ボックス */

#center .specialwrapper

{

width : 653px ;

height : 67px ;

padding-left : 10px ;

margin-bottom : 7px ;

}

#center .specialwrapper02

{

width : 650px ;

height : 67px ;

padding-left : 3px ;

margin-left : auto ;

margin-right : auto ;

margin-bottom : 4px ;

}



#center .special01

{
text-align : left ;

float : left ;

color : #FFF ;

width : 205px ;

height : 54px ;

padding : 7px 0 6px 7px ;

margin-right : 6px ;

background-color : #6699FF ;

background-image : url(/images/back_special01_2.gif);
/*
background-image : url(/images/s_back.gif);
*/


}

#center .special02

{
text-align : left ;

float : left ;

color : #FFF ;

width : 205px ;

height : 54px ;

padding : 7px 0 6px 7px ;

margin-right : 6px ;

background-color : #6699FF ;

background-image : url(/images/back_special02_2.gif);
/*
background-image : url(/images/s_back2.gif);
*/

}

#center .special03

{
text-align : left ;

float : left ;

color : #FFF ;

width : 205px ;

height : 54px ;

padding : 7px 0 6px 7px ;

background-color : #6699FF ;

background-image : url(/images/back_special03_2.gif);
/*
background-image : url(/images/s_back.gif);
*/

}

#center .special04

{

float : left ;

color : #FFF ;

text-align : left ;

width : 205px ;

height : 54px ;

padding : 7px 0 6px 7px ;

margin-right : 6px ;

background-color : #6699FF ;

background-image : url(/images/back_special01_2.gif);
/*
background-image : url(/images/s_back2.gif);
*/

}

#center .special05

{

float : left ;

text-align : left ;

color : #FFF ;

width : 205px ;

height : 54px ;

padding : 7px 0 6px 7px ;

margin-right : 6px ;

background-color : #6699FF ;

background-image : url(/images/back_special02_2.gif);
/*
background-image : url(/images/s_back.gif);
*/

}

#center .special06

{

float : left ;

text-align : left ;

color : #FFF ;

width : 205px ;

height : 54px ;

padding : 7px 0 6px 7px ;

background-color : #6699FF ;

background-image : url(/images/back_special03_2.gif);
/*
background-image : url(/images/s_back2.gif);
*/
}

#center .special01 a

{color : #FFF ;text-decoration : underline ;}

#center .special01 a:hover

{color : #FFBB66 ;}

#center .special02 a

{color : #FFF ;text-decoration : underline ;}

#center .special02 a:hover

{color : #FFBB66 ;}

#center .special03 a

{color : #FFF ;text-decoration : underline ;}

#center .special03 a:hover

{color : #FFBB66 ;}

#center .special04 a

{color : #FFF ;text-decoration : underline ;}

#center .special04 a:hover

{color : #FFBB66 ;}

#center .special05 a

{color : #FFF ;text-decoration : underline ;}

#center .special05 a:hover

{color : #FFBB66 ;}

#center .special06 a

{color : #FFF ;text-decoration : underline ;}

#center .special06 a:hover

{color : #FFBB66 ;}











/* ソングボックス */

.song_top

{

width : 647px ;

height : 4px ;

margin : 0 auto ;

background : url(/images/songbox_top.gif) left center no-repeat

}

.song_bottom

{

width : 647px ;

height : 4px ;

margin : 0 auto 3px auto ;

background : url(/images/songbox_bottom.gif) left top no-repeat ;

}

.song_body

{

width : 647px ;


margin : 0 auto ;

padding : 0 ;

background : url(/images/back_songbox.jpg) left top repeat-x ;

background-color : #ebebeb ;

border-left : 1px solid #979797 ;

border-right : 1px solid #979797 ;

}

.song_body_02 /* ranking_data.html用 */

{

float : right ;

width : 607px ;


margin : 0 ;

padding : 0 ;

}

.song_rank /* ranking_data.html用 */

{

float : left ;

width : 40px ;

text-align : center ;

margin-top : 20px ;

padding : 0 ;

}



.song_body01

{

width : 638px ;
height : 19px ;
font-size:12px;
margin : 0 auto ;

padding : 1px 0 0 0 ;

border-bottom : 1px dotted #979797 ;

}

.song_body01_02 /* ranking_data.html用 */

{

width : 598px ;

height : 17px ;

margin : 0 auto ;

padding : 1px 0 0 0 ;

border-bottom : 1px dotted #979797 ;

}

.song_new

{

float : left ;

width : 54px ;

text-align : left ;

margin : 0 ;

padding : 0 ;

}

.song_code

{

float : left ;

width : 121px ;

text-align : left ;

margin : 0 ;

padding : 0 ;

}

.song_code_02 /* ranking_data.html用 */

{

float : left ;

width : 121px ;

text-align : left ;

margin : 0 ;

padding : 0 ;

}

.song_crename

{

float : left ;

width : 121px ;

text-align : left ;

margin : 0 ;

padding : 0 ;

}

.song_crename_02 /* ranking_data.html用 */

{

float : left ;

width : 155px ;

text-align : left ;

margin : 0 ;

padding : 0 ;

}

.song_count

{
font-size:12px;

float : right ;

width : 280px ;

text-align : right ;

margin : 0 ;

padding : 0 ;

}

.song_body02
{
clear : both ;
width : 638px ;
margin : 0 auto 0 auto ;
padding : 0 ;
}

.song_body02_02 /* ranking_data.html用 */
{
clear : both ;
width : 598px ;
margin : 0 auto 0 auto ;
padding : 0 ;
}

.song_icons
{
float : left ;
width : 110px ;
height : 26px ;
padding : 0 ;
margin : 0 ;
}

.song_waon

{
float:left ;
text-align : left ;
width : 59px ;
height : 25px ;
padding : 1px 0 1px 10px ;
margin : 0 ;
}

.song_vib

{
float:left ;
text-align : left ;
width : 33px ;
height : 25px ;
padding : 1px 0 1px 0 ;
margin : 0 ;
}

.song_kb

{
clear : both ;
width : 105px ;
height : 31px ;
margin : 0 ;
padding : 0 0 0 0 ;
background-color:#FFFFFF;
border:solid 1px #CCCCCC;
}
.song_kb2

{
text-align : left ;
font-size : 12px ;
height : 31px ;
font-weight : normal ;
margin : 0 ;
padding : 0 0 0 0 ;
background : url(/images/ki/ki.gif) left top no-repeat ;
}
.song_kb_1
{
text-align : left ;
line-height:120%;
font-size : 12px ;
width : 70px ;
height : 15px ;
font-weight : normal ;
margin : 0 ;
padding : 0 0 0 35px ;
color:#333333;
}
.song_kb_2
{
text-align : left ;
line-height:120%;
font-size : 12px ;
width : 90px ;
height : 15px ;
font-weight : normal ;
margin : 0 ;
padding : 0 0 0 15px ;
color:#333333;
}

.song_name

{
float : left ;
text-align : left ;
width : 215px ;
padding : 2px 2px 0 0 ;
margin : 0 ;
}

.song_name_02 /* ranking_data.html用 */

{
float : left ;
text-align : left ;
width : 175px ;
padding : 2px 2px 0 0 ;
margin : 0 ;
}

.kyokumei
{ 
font-weight : bold ; 

}

.song_comment
{
float : left ;
text-align : left ;
line-height : 1.1 ;
width : 232px ;
height : 41px;
padding : 6px 3px 7px 4px ;
margin : 7px 0px 0px 0px ;
background : url(/images/back_comment.gif) left top no-repeat ;
}

table.song_commenttbl

{

float : left ;

text-align : left ;

line-height : 1.2 ;

border : 1px solid #979797 ;

padding : 1px ;

margin : 3px 0 0 0 ;

width : 238px ;

height : 40px ;

background-color : #fff ;

}

.song_btn

{

float : left ;

width : 62px ;

padding : 5px 0 0 0 ;

margin : 5px 5px 0 0 ;

}

.back_songtitle

{
font-size : 18px ;

font-weight : bold ; 

padding : 0 0 0 0 ;

margin : 0 0 0 0 ;

}


/* ソングボックスここまで */

/***  center内スタイルここまで  ***/





/***   left内スタイル   ***/



#left .box01

{

width : 143px ;

border-bottom : 1px solid #9D9D9D ;

color : #00356C ;

margin-left : 10px ;

margin-bottom : 5px ;

padding-bottom : 2px ;

background-image : url(/images/boxback01.gif);

background-color : #FEFEFE ;

}

#left .box_google
{
width : 143px ;
border-bottom : 1px solid #FFFFFF ;
margin-left : 10px ;
margin-bottom : 5px ;
padding-bottom : 2px ;
background-color : #FEFEFE ;
}





#left .text

{

width : 130px ;

text-align : left ;

padding-top : 0 ;

margin-left :auto ;

margin-right : auto ;

}



/*  リンクボックス  */



#left .linkbox

{

width : 133px ;

height : 45px ;

text-align : left ;

letter-spacing : -0.1em ;

color : #000 ;

padding-top : 7px ;

padding-left : 5px ;

padding-bottom : auto ;

background-color : #999 ;

margin-left :auto ;

margin-right : auto ;

margin-bottom : 2px ;

}

#left .linkbox a

{

color : #000 ;

font-size : 12px ;

font-weight : bold ;

text-decoration : none ;

margin-top:auto;

margin-bottom:auto;

}

#left .linkbox a:hover

{ color : #FF6633 ; text-decoration : underline ; }



/***   left内スタイルここまで   ***/





/***   right内スタイル   ***/

#right .box01

{

width : 143px ;

border-bottom : 1px solid #9D9D9D ;

color : #00356C ;

text-align : center ;

margin-left : 5px ;

margin-bottom : 5px ;

padding-bottom : 2px ;

background-image : url(/images/boxback01.gif);

}

#right .box_google
{
width : 143px ;
border-bottom : 1px solid #FFFFFF ;
text-align : center ;
margin-left : 5px ;
margin-bottom : 5px ;
padding-bottom : 2px ;
}



#right .text

{

width : 130px ;

text-align : left ;

padding-top : 0 ;

margin-left :auto ;

margin-right : auto ;

}

/***   right内スタイルここまで   ***/



/***   footer内スタイル   ***/



#footer02 a

{color : #444 ;}

#footer02 a:hover

{ color : #FF6633 ;	text-decoration : underline ; }

/***   footer内スタイルここまで   ***/





/*********************************************************/

/** menu04_01（dataページのページ中間タブメニュー01） **/

#menu04_01

{

clear : both ;

float : left ;

padding : 0 ;

margin : 7px 0 0 0 ;

}

#menu04_01 ul

{

width : 306px ;

list-style : none ;

margin : 0 0 0 6px ;

padding : 0 ;

}

#menu04_01 li

{ float : left ; }

#menu04_01 li a

{

display : block ;

width : 102px ;

height : 30px ;

overflow : hidden ;

text-indent: -3000px ;

background-image : url(/images/menu04_01.gif) ;

padding : 0 ;

margin : 0 ;

}

#menu04_01_01 a /* 通常時 */

{ background-position : 0 0 ; }

#menu04_01_02 a

{ background-position : -102px 0 ; }

#menu04_01_03 a

{ background-position : -204px 0 ; }



#menu04_01_01 a:hover /* オンマウス時 */

{ background-position : 0 -30px ; }

#menu04_01_02 a:hover

{ background-position : -102px -30px ; }

#menu04_01_03 a:hover

{ background-position : -204px -30px ; }



#menu04_01_01 .stay /* 被選択時 */

{ background-position : 0 -30px ; }

#menu04_01_02 .stay

{ background-position : -102px -30px ; }

#menu04_01_03 .stay

{ background-position : -204px -30px ; }





/** menu04_02（creatorページのページ中間タブメニュー） **/

#menu04_02

{

clear : both ;

float : left ;

padding : 0 ;

margin : 7px 0 0 0 ;

}

#menu04_02 ul

{

clear : both ;

width : 408px ;

list-style : none ;

margin : 0 0 0 6px ;

padding : 0 ;

}

#menu04_02 li

{ float : left ; }

#menu04_02 li a

{

display : block ;

width : 102px ;

height : 30px ;

overflow : hidden ;

text-indent: -3000px ;

background-image : url(/images/menu04_02.gif) ;

padding : 0 ;

margin : 0 ;

}

#menu04_02_01 a /* 通常時 */

{ background-position : 0 0 ; }

#menu04_02_02 a

{ background-position : -102px 0 ; }

#menu04_02_03 a

{ background-position : -204px 0 ; }

#menu04_02_04 a

{ background-position : -306px 0 ; }



#menu04_02_01 a:hover /* オンマウス時 */

{ background-position : 0 -30px ; }

#menu04_02_02 a:hover

{ background-position : -102px -30px ; }

#menu04_02_03 a:hover

{ background-position : -204px -30px ; }

#menu04_02_04 a:hover

{ background-position : -306px -30px ; }



#menu04_02_01 .stay /* 被選択時 */

{ background-position : 0 -30px ; }

#menu04_02_02 .stay

{ background-position : -102px -30px ; }

#menu04_02_03 .stay

{ background-position : -204px -30px ; }

#menu04_02_04 .stay

{ background-position : -306px -30px ; }



/** menu04_03（requestbbsページのページ中間タブメニュー） **/

#menu04_03

{

clear : both ;

float : left ;

padding : 0 ;

margin : 7px 0 0 0 ;

}

#menu04_03 ul

{

width : 306px ;

list-style : none ;

margin : 0 0 0 6px ;

padding : 0 ;

}

#menu04_03 li

{ float : left ; }

#menu04_03 li a

{

display : block ;

width : 102px ;

height : 30px ;

overflow : hidden ;

text-indent: -3000px ;

background-image : url(../images/menu04_03.gif) ;

padding : 0 ;

margin : 0 ;

}

#menu04_03_01 a /* 通常時 */

{ background-position : 0 0 ; }

#menu04_03_02 a

{ background-position : -102px 0 ; }

#menu04_03_03 a

{ background-position : -204px 0 ; }



#menu04_03_01 a:hover /* オンマウス時 */

{ background-position : 0 -30px ; }

#menu04_03_02 a:hover

{ background-position : -102px -30px ; }

#menu04_03_03 a:hover

{ background-position : -204px -30px ; }



#menu04_03_01 .stay /* 被選択時 */

{ background-position : 0 -30px ; }

#menu04_03_02 .stay

{ background-position : -102px -30px ; }

#menu04_03_03 .stay

{ background-position : -204px -30px ; }





/********* ２段レイアウト用スタイル *********/



/* creatorページ用 */

#upper_block

{

width : 641px ;

margin : 0 auto 0px auto ;

padding : 0 ;

}



#upper_left

{

float : left ;

width : 207px ;

text-align : left ;

margin : 0 ;

padding : 0 ;

}


.size_box
{
text-align : left ;
font-size : 12px ;
width : 200px ;
height : 31px ;
font-weight : normal ;
margin : 3px auto ;
padding : 0 0 0 0 ;
background : url(/images/ki/ki.gif) left top no-repeat ;
}
.size_box01
{
text-align : left ;
line-height:120%;
font-size : 12px ;
width : 70px ;
height : 15px ;
font-weight : normal ;
margin : 0 ;
padding : 0 0 0 40px ;
color:#333333;
}
.size_box02
{
text-align : left ;
line-height:120%;
font-size : 12px ;
width : 90px ;
height : 15px ;
font-weight : normal ;
margin : 0 ;
padding : 0 0 0 40px ;
color:#333333;
}




/*さらに上下分けするとき*/

#upper_left_up

{text-align : left ;}

#upper_left_down

{text-align : left ;}



#upper_right

{

float : right ;

width : 434px ;

text-align : right ;

margin : 0 ;

padding : 0 ;

}



/* dataページ用 */
#upper_block02

{
clear:both;

width : 641px ;
margin : 3px auto 0px auto ;
padding : 0 ;
}

.upper_block02

{
clear:both;
width : 641px ;
margin : 3px auto 0px auto ;
padding : 0 ;
}



#upper_left02

{

float : left ;

width : 245px ;

text-align : left ;

margin : 0 ;

padding : 0 ;

}



/*さらに上下分けするとき*/

#upper_left_up

{text-align : left ;}

#upper_left_down

{text-align : left ;}



#upper_right02

{

float : right ;

width : 396px ;

text-align : right ;

margin : 0 ;

padding : 0 ;

}









/*** 表テーブルに関する基本スタイル ***/



.koumoku01 /* 青バック・太字・センター */

{

white-space:normal;

font-weight : bold ;

text-align : center ;

background-color : #DDF0FF ;

border-right : 1px solid #59A7FF ;

border-bottom : 1px solid #59A7FF ;

}



.koumoku02 /* 青バック・太字・左寄り */

{

white-space:nowrap;

font-weight : bold ;

text-align : left ;

background-color : #DDF0FF ;

border-right : 1px solid #59A7FF ;

border-bottom : 1px solid #59A7FF ;

}





/*************** 各種テーブルID ***************/

 /* コメントテーブル01（creatorページ用） */

table#comment

{

clear : both ;

width : 431px ;

height : 305px ;

margin : 0 0px 0 0 ;

padding : 0 ;

border-top : 3px solid #59A7FF ;

border-left : 3px solid #59A7FF ;

border-right : 2px solid #59A7FF ;

border-bottom : 2px solid #59A7FF ;

}

table#comment td.comment

{

text-align : left ;

vertical-align : top ;

height : 270px ;

border-right : 1px solid #59A7FF ;

border-bottom : 1px solid #59A7FF ;

}

.commentbox /* コメント内容を包括（スクロール用） */

{

height : 275px ;

overflow : auto ;

margin : 0 ;

padding : 0 ;

}



 /* コメントテーブル02（dataページ用） */

table#comment02

{margin : 5px auto 0 auto ;}

table#comment02 td.comment

{

text-align : left ;

vertical-align : top ;

height : 170px ;

border-right : 1px solid #59A7FF ;

border-bottom : 1px solid #59A7FF ;

}

.commentbox02 /* コメント内容を包括（スクロール用） */

{

height : 260px ;

overflow : auto ;

margin : 0 ;

padding : 0 ;

}



/* クリエイター情報テーブル */

table#creator_info

{

clear : both ;

width : 204px ;

height : 150px ;

margin : 0 0 0 0px ;

padding : 0 ;

border-top : 3px solid #59A7FF ;

border-left : 3px solid #59A7FF ;

border-right : 2px solid #59A7FF ;

border-bottom : 2px solid #59A7FF ;

}

#creator_info td

{

padding : 0 ;

text-align : center ;

border-right : 1px solid #59A7FF ;

border-bottom : 1px solid #59A7FF ;

}

#creator_info td.prf /* プロフ画像部分 */

{}

#creator_info td.info /* 情報部分 */

{}



/* クリエイターデータテーブル */

table#creator_data

{

clear : both ;

width : 204px ;

height : 150px ;

margin : 5px 0 0 0px ;

padding : 0 ;

border-top : 3px solid #59A7FF ;

border-left : 3px solid #59A7FF ;

border-right : 2px solid #59A7FF ;

border-bottom : 2px solid #59A7FF ;

}

#creator_data td

{

padding : 0 ;

border-right : 1px solid #59A7FF ;

border-bottom : 1px solid #59A7FF ;

}





/**************** data.html内スタイル ******************/



/* data.html内曲データテーブル */

table#song_data

{

clear : both ;

width : 393px ;

margin : 0 0px 0 0 ;

padding : 0 ;

border-top : 3px solid #59A7FF ;

border-left : 3px solid #59A7FF ;

border-right : 2px solid #59A7FF ;

border-bottom : 2px solid #59A7FF ;

}

table#song_data_dummy

{

clear : both ;

width : 393px ;

margin : 0 0px 0 0 ;

padding : 0 ;

border-top : 3px solid #59A7FF ;

border-left : 3px solid #59A7FF ;

border-right : 2px solid #59A7FF ;

border-bottom : 2px solid #59A7FF ;

}

#song_data td

{

padding : 3px ;

text-align : center ;

border-right : 1px solid #59A7FF ;

border-bottom : 1px solid #59A7FF ;

}

#song_data_dummy td

{

padding : 3px ;

text-align : center ;

border-right : 1px solid #59A7FF ;

border-bottom : 1px solid #59A7FF ;

}

table#song_data02

{

clear : both ;

width : 393px ;

margin : 0 ;

padding : 0 ;

border-top : 3px solid #59A7FF ;

border-left : 3px solid #59A7FF ;

border-right : 2px solid #59A7FF ;

border-bottom : 2px solid #59A7FF ;

}

#song_data02 td

{

padding : 3px ;

text-align : left ;

border-right : 1px solid #59A7FF ;

border-bottom : 1px solid #59A7FF ;

}

table#song_data02 td.koumoku01

{

text-align : center ;

}




/* data.html内投稿者テーブル */
table#creater_data
{
width : 290px ;
margin : auto ;
padding : 0 ;
border-top : 3px solid #59A7FF ;
border-left : 3px solid #59A7FF ;
border-right : 2px solid #59A7FF ;
border-bottom : 2px solid #59A7FF ;
}

#creater_data td
{
padding : 3px ;
text-align : left ;
border-right : 1px solid #59A7FF ;
border-bottom : 1px solid #59A7FF ;
}










/* data.html内感想送信フォームテーブル */

table#kansou_form

{

width : 350px ;

border : 0 ;

padding : 0 ;

margin : 10px auto 0 auto ;

}

table#kansou_form th

{

text-align : left ;

font-weight : bold ;

}

table#kansou_form td

{ border : 0 ; }

table#kansou_form th.kansou

{ vertical-align : top ; }

.name_form

{width : 280px ;}

.kansou_form

{width : 280px ;height : 120px ;}

table#kansou_form td.btn

{

padding-right : 12px ;

text-align : right ;

}









/* data.html感想掲示板部 ※cre_impression.htmlにも使用 */

#databbs

{

clear : both ;

width : 625px ;

border : 3px solid #59A7FF ;

margin-right : auto ;

margin-left : auto ;

padding : 0 ;

}

.tablehead

{

clear : both ;

text-align : center ;

height : 25px ;

background-color : #DDF0FF ;

font-weight : bold ;

border-bottom : 1px solid #59A7FF ;

margin-bottom : 10px ;

padding-top : 5px ;

}

.bbsfield

{

background-color : #FFF ;

}



.bbsbody   /* 感想BBS全体を包括 */

{clear : both ; margin : 10px 0 0 0 ;}

.bbstopic   /* 感想BBS１トピックを包括 */

{

clear : both ;

width : 580px ;

text-align :left ;

border : 1px solid #59A7FF ;

background-color : #DDF0FF ;

padding : 10px ;

margin-top : 0 ;

margin-right : auto ;

margin-left : auto ;

margin-bottom : 10px ;

}

.bbsres

{

clear : both ;

text-align :left ;

width : 560px ;

border : 1px solid #59A7FF ;

background-color : #fff ;

padding : 10px ;

margin : 10px auto 0 auto ;

}

.bbsprf

{

clear : both ;

width : 580px ;

height : 20px ;

border-bottom : 1px solid #000 ;

}

.bbsname

{float : left ;}

.bbsdate

{float : right ;}

.bbs_honbun

{clear : both ;margin-top : 10px ;}

.bbsres_name

{

width : 470px ;

text-align : right ;

border-bottom : 1px solid #000 ;

margin-right : auto ;

margin-left : auto ;

}

.res_honbun

{clear : both ;margin-bottom : 10px ;}







/************** cre_impression用ここから **************/





.bbsbody02   /* 感想BBS全体を包括 */

{clear : both ; margin : 10px 0 0 0 ;}

.bbstopic02   /* 感想BBS１トピックを包括 */

{

clear : both ;

width : 610px ;

text-align :left ;

border : 1px solid #ffb159 ;

background-color : #ffecdd ;

padding : 10px ;

margin-top : 0 ;

margin-right : auto ;

margin-left : auto ;

margin-bottom : 10px ;

}

.bbsres02 /* レスボックス */

{

clear : both ;

text-align :left ;

width : 560px ;

border : 1px solid #FF6E34 ;

background-color : #FFD2C0 ;

padding : 10px ;

margin : 10px auto 0 auto ;

}

.bbstopicttl02 /* トピックタイトル段 */

{

clear : both ;

width : 575px ;

height : 25px ;

font-weight : bold ;

padding : 0 0 3px 0 ;

margin : 0 auto ;

border-bottom : 1px solid #FF8700 ;

}

.bbstopicname /* トピックタイトル */

{float : left ;margin : 3px 0 0 0 ;color : #FF8700 ;}

.bbstopicdel /* トピック削除ボタン */

{float : right ;margin: 0 ;}

.bbsprf02 /* トピ主情報段 */

{

clear : both ;

width : 575px ;

height : 20px ;

margin : 3px auto ;

/*

border-bottom : 1px solid #000 ;*/

}

.bbsname02 /* トピ主名前 */

{float : left ;}

.bbsdate02 /* トピック作成日時 */

{float : right ;}

.bbs_honbun02 /* トピック本文 */

{clear : both ; width : 570px ; margin : 10px auto ;}

.bbsres_name02 /* レス主情報 */

{

width : 530px ;

text-align : right ;

border-bottom : 1px solid #FF6E34 ;

margin-right : auto ;

margin-left : auto ;

}

.res_ttl02 /* レス部分「感想返信」 */

{

width : 520px ;

text-align : left ;

font-weight : bold ;

margin : 0 auto ;

}

.res_notice /* 「承認待ち」部分 */

{color : #ff0000 ;}

.res_honbun02

{

clear : both ;

width : 520px ;

text-align : left ;

margin : 5px auto ;

}

.kansou_res /* 感想返信フォーム */

{

width : 520px ;

height : 60px ;

margin : 0 auto ;

}

.res_btn

{

width : 520px ;

text-align : right ;

margin : 0 auto ;

padding : 0 ;

}



/**************** data.html内スタイルここまで ******************/





/********** 各ページロングテーブル01 **********/



/* ロングテーブル基本設定 */

div.downer_table

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

div.downer_table table

{

clear : both ;

width : 641px ;

margin : 0 auto 0px auto ;

padding : 0 ;

border-top : 3px solid #59A7FF ;

border-left : 3px solid #59A7FF ;

border-right : 2px solid #59A7FF ;

border-bottom : 2px solid #59A7FF ;

}

div.downer_table td

{

padding : 3px ;

border-right : 1px solid #59A7FF ;

border-bottom : 1px solid #59A7FF ;

}





/* ベーシック */

table#table_long01

{

clear : both ;

width : 641px ;

margin : 0 auto 5px auto ;

padding : 0 ;

border-top : 3px solid #59A7FF ;

border-left : 3px solid #59A7FF ;

border-right : 2px solid #59A7FF ;

border-bottom : 2px solid #59A7FF ;

}

#table_long01 td

{

padding : 3px ;

border-right : 1px solid #59A7FF ;

border-bottom : 1px solid #59A7FF ;

}



/* クリエイターページ「投稿曲一覧」テーブル */

table#cre_ichiran

{}

#cre_ichiran td.gakkyokumei

{

width : 240px ;

text-align : left ;

}



/* クリエイターページ「カテゴリー別投稿曲一覧」テーブル */

table#cre_cateichiran

{}



#cre_cateichiran td.gakkyokumei

{

width : 240px ;

text-align : left ;

}



/* クリエイターページ「フレンズ一覧」テーブル */

table#cre_friends

{}

table#cre_friends td.cre_friends_name

{

text-align : left ;

padding : 3px 0 3px 8px ;

}



table#cre_friends td.cre_friends_comment

{ text-align : left ; }



/* クリエイターページ「プロフィール」テーブル */

table#cre_prf

{}

table#cre_prf .cre_prf_koumoku

{

text-align : left ;

background-color : #DDF0FF ;

font-weight : bold ;

}

table#cre_prf .cre_prf_td

{ text-align : left ; }





/**************** requestbbs.html内スタイル ******************/

/*  ページ全体のテーブルスタイル  */





/*  テーブル個別用スタイル  */

td.normal/* 3列の場合のtdの幅指定 */

{width : 210px ;}

td.normal02/* 4列の場合のtdの幅指定 */

{width : 157px ;}



/**** 状況BOX（BBS部分） ****/

/* リクエスト状況をみるとき */

#look_rq

{

width:631px;

clear : both ;

margin-top :10px ;

margin-left : auto ;

margin-right : auto ;

}

#look_rq .title

{

text-align : left ;

color : #FFF ;

font-weight : bold ;

width:617px;

background-color : #69A5FF ;

height : 20px ;

padding-top :5px ;

padding-left : 10px ;

}

#look_rq .box

{

width : 621px ;

padding-top : 5px ;

border-left : 3px solid #69A5FF ;

border-right : 3px solid #69A5FF ;

border-bottom : 3px solid #69A5FF ;

background-color :#E7F2FF;

}

#look_rq .comment

{

clear : both ;

text-align : left ;

width : 580px ;

padding-left : 15px ;

background: url(/images/requestbbs_02.gif) no-repeat left center;

margin-left : auto ;

margin-right : auto ;

}

#look_rq .name

{

clear : both ;

width : 590px ;

text-align : right ;

border-bottom: 1px solid #69A5FF ;

margin-bottom : 10px ;

margin-left : auto ;

margin-right : auto ;

}



#look_rq .form

{

clear : both ;

width : 598px ;

border : 3px solid #B4B4B4 ;

margin-left : auto ;

margin-right : auto ;

background-color :#FFF;

margin-bottom : 10px ;

}

#look_rq .form_title

{

width : 560px ;

height : 25px ;

text-align : left ;

font-weight : bold ;

padding-left : 22px ;

padding-top : 10px ;

margin-left : auto ;

margin-right : auto ;

margin-bottom : 10px;

border-bottom : 1px solid #B4B4B4 ;

background: url(/images/requestbbs_03.gif) no-repeat left center;

}



/* レスポンス状況をみるとき */



#look_res

{

width:631px;

clear : both ;

margin-top :10px ;

margin-left : auto ;

margin-right : auto ;

}

#look_res .title

{

text-align : left ;

color : #FFF ;

font-weight : bold ;

width:617px;

background-color : #B4B4B4 ;

height : 20px ;

padding-top :5px ;

padding-left : 10px ;

}

#look_res .box

{

width : 621px ;

padding-top : 5px ;

border-left : 3px solid #B4B4B4 ;

border-right : 3px solid #B4B4B4 ;

border-bottom : 3px solid #B4B4B4 ;

background-color :#F3F3F3;

}

#look_res .name

{

clear : both ;

text-align : left ;

width : 580px ;

padding-left : 15px ;

background: url(/images/requestbbs_04.gif) no-repeat left center;

margin-left : auto ;

margin-right : auto ;

}

#look_res .comment

{

clear : both ;

text-align : left ;

width : 580px ;

padding-left : 15px ;

margin-left : auto ;

margin-right : auto ;

}

#look_res .time

{

clear : both ;

width : 590px ;

text-align : right ;

border-bottom: 1px solid #B4B4B4 ;

margin-bottom : 10px ;

margin-left : auto ;

margin-right : auto ;

}



#look_res .form

{

clear : both ;

width : 598px ;

border : 3px solid #B4B4B4 ;

margin-left : auto ;

margin-right : auto ;

background-color :#FFF;

margin-bottom : 10px ;

}

#look_res .form_title

{

width : 560px ;

height : 25px ;

text-align : left ;

font-weight : bold ;

padding-left : 22px ;

padding-top : 10px ;

margin-left : auto ;

margin-right : auto ;

margin-bottom : 10px;

border-bottom : 1px solid #B4B4B4 ;

background: url(/images/requestbbs_03.gif) no-repeat left center;

}

.btn_rq

{margin-top : 10px ;}





/* リクエストをする */



#request

{

width : 631px ;

clear : both ;

margin-top :10px ;

margin-left : auto ;

margin-right : auto ;

}

#request .title

{

text-align : left ;

color : #FFF ;

font-weight : bold ;

width:617px;

background-color : #69A5FF ;

height : 20px ;

padding-top :5px ;

padding-left : 10px ;

}

#request .box

{

width : 621px ;

padding-top : 5px ;

border-left : 3px solid #69A5FF ;

border-right : 3px solid #69A5FF ;

border-bottom : 3px solid #69A5FF ;

background-color :#FFF;

}

#formbox01

{

width : 580px ;

border : 3px solid #B4B4B4 ;

background-color :#E7F2FF;

padding : 5px ;

text-align : left ;

margin-bottom : 10px ;

margin-left : auto ;

margin-right : auto ;

}

#formbox01 .form

{

width : 400px ;

font-weight : bold ;

text-align : right ;

margin-left : auto ;

margin-right : auto ;

}

.rq_text

{width : 200px ;}

#formbox01 .btn

{margin-top : 5px ;}



#formbox02

{

width : 580px ;

border : 3px solid #B4B4B4 ;

background-color :#E7F2FF;

padding : 5px ;

text-align : left ;

margin-bottom : 10px ;

margin-left : auto ;

margin-right : auto ;

}

#formbox02 .title

{

width : 560px ;

height : 25px ;

text-align : left ;

color : #000 ;

font-weight : bold ;

padding-left : 22px ;

padding-top : 10px ;

margin-left : auto ;

margin-right : auto ;

margin-bottom : 10px ;

border-bottom : 1px solid #B4B4B4 ;

background: url(/images/requestbbs_03.gif) no-repeat left center;

}



#formbox02 .form

{

width : 400px ;

font-weight : bold ;

text-align : right ;

margin-left : auto ;

margin-right : 100px ;

}

.thin

{font-size : 12px;font-weight : normal ;}



.rq_text02 /* リクエストの新規登録用テキストエリア深 */

{ width : 250px ; height : 60px ;}

.rq_text03 /* リクエストの新規登録用テキストエリア浅 */

{ width : 250px ; }



#formbox01 .btn

{margin-top : 5px ;}

#formbox02 .btn

{

clear : both ;

width : 220px ;

margin : 10px auto 0 auto ;

}

.btn_back

{ margin-top : 10px ; margin-bottom : 10px ; }



 /* リクエストをする部分フォームテーブル */

table#rqbbs_tabl01

{

width : ;

padding : 3px ;

margin : 0 auto ;

border : 0 ;

background-color : #E7F2FF ;

}

table#rqbbs_tabl01 th

{

text-align : right ;

padding-right : 5px ;

font-weight  : bold ;

border : 0 ;

}

table#rqbbs_tabl01 td

{

vertical-align : middle ;

border : 0 ;

}



/* 新着リクエストテーブル用 */

table#rq_ichiran

{}

table#rq_ichiran td.rq_ichiran_title /* 曲名左寄せ */

{ text-align : left ; }



/* フォーム＋大矢印＋ボタンテーブル */

table.rqbbs_bigya_tbl01

{

width :500px ;

text-align : left ;

padding : 3px ;

margin : 0 auto 10px auto ;

border : 0 ;

background-color : #FFF ;

}

table.rqbbs_bigya_tbl02

{

width :580px ;

text-align : left ;

padding : 3px ;

margin : 0 auto 10px auto ;

border : 0 ;

background-color : #FFF ;

}



table.rqbbs_bigya_tbl02 th

{

width : 100px ;

font-weight : bold ;

}

/* フォームテキストエリア用 */

.rq_form_01

{width : 200px ;

height : 60px ;}

.rq_form_02

{width : 200px ;}



/*********** request.html内スタイルここまで ************/

/**************** 管理ページスタイル ******************/

/* 基本設定 */

div.kanri_table

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

div.kanri_table table

{

clear : both ;

width : 641px ;

margin : 0 auto 0px auto ;

padding : 0 ;

border-top : 3px solid #ffb159 ;

border-left : 3px solid #ffb159 ;

border-right : 2px solid #ffb159 ;

border-bottom : 2px solid #ffb159 ;

}

div.kanri_table td

{

padding : 3px ;

border-right : 1px solid #ffb159 ;

border-bottom : 1px solid #ffb159 ;

}

div.kanri_table th

{

padding : 3px ;

font-weight : bold ;

background-color : #ffecdd ;

border-right : 1px solid #ffb159 ;

border-bottom : 1px solid #ffb159 ;

}

div.kanri_table td.koumoku01 /*真ん中*/

{background-color : #ffecdd ;}

div.kanri_table td.koumoku02 /*左寄せ*/

{background-color : #ffecdd ;}



/* ボタン */

.kanri_btn01

{margin : 10px auto ;}



/* テキストエリア */

.kanri_textarea01

{

width : 400px ;

height :60px ;

}

.kanri_textarea02

{

width : 250px ;

height :60px ;

}





/* 個別設定 */



table#id_edit /* 投稿者設定 */

{}

table#id_edit td

{text-align : left ; }

table#id_edit th

{text-align : left ; width : 200px ; padding-left : 6px ;}

.th_notice

{

color : #ff0000 ;

font-size : 12px ;

}



table#prf_edit /* プロフィール設定 */

{}

table#prf_edit td

{text-align : left ; }

table#prf_edit th

{text-align : left ; width : 150px ; padding-left : 6px ;}



table#prf_edit td.koumoku01

{text-align : center ; }



table#order_entry /* 注文情報入力 */

{}

table#order_entry td

{text-align : left ; }

table#order_entry th

{text-align : left ; width : 150px ; padding-left : 6px ;}

table#order_entry td.koumoku01

{text-align : center ; }





/** menu05（cre_setting.htmlのタブメニュー） **/

#menu05

{

clear : both ;

float : left ;

padding : 0 ;

margin : 7px 0 0 0 ;

}

#menu05 ul

{

width : 303px ;

list-style : none ;

margin : 0 0 0 6px ;

padding : 0 ;

}

#menu05 li

{ float : left ; }

#menu05 li a

{

display : block ;

width : 101px ;

height : 30px ;

overflow : hidden ;

text-indent: -3000px ;

background-image : url(/images/menu05.gif) ;

padding : 0 ;

margin : 0 ;

}

#menu05_01 a /* 通常時 */

{ background-position : 0 0 ; }

#menu05_02 a

{ background-position : -101px 0 ; }

#menu05_03 a

{ background-position : -202px 0 ; }



#menu05_01 a:hover /* オンマウス時 */

{ background-position : 0 -30px ; }

#menu05_02 a:hover

{ background-position : -101px -30px ; }

#menu05_03 a:hover

{ background-position : -202px -30px ; }



#menu05_01 .stay /* 被選択時 */

{ background-position : 0 -30px ; }

#menu05_02 .stay

{ background-position : -101px -30px ; }

#menu05_03 .stay

{ background-position : -202px -30px ; }





/*** cre_jleage.html内賞品ブロック ***/

.shohin_box

{

clear : both ;

width : 600px ;

padding : 0 0 5px 0 ;

margin : 15px auto ;

border-bottom : 1px solid #999 ;

}

.shohin_gazou

{

float : left ;

text-align : left ;

width : 230px ;

padding : 0 ;

margin : 0 ;

}

.shohin_text

{

float : left ;

width : 370px ;

padding : 0 ;

margin : 0 ;

}

.shohin_name

{

font-weight : bold ;

text-align : left ;

padding-bottom : 3px ;

border-bottom : 1px solid #ccc ;

}

.shohin_name a

{ font-weight : normal ; }

.shohin_guide

{ text-align : left ; margin : 10px 0 0 0 ; }

.shohin_order

{}

div.kanri_table table.order_box

{

width : 320px ;

border : 0 ;

margin : 50px 0 0 30px ;

}

div.kanri_table table.order_box td

{

border : 0 ;

text-align : left ;

}

div.kanri_table table.order_box td.suryo

{ width : 40px ; font-weight : bold ; }

/*** cre_jleage.html内賞品ブロックここまで ***/





/*** cre_datalist.html ***/

table#song_ichiran

{}

table#song_ichiran th.gakkyokumei

{

width : 220px ;

}

table#song_ichiran td.gakkyokumei

{

text-align : left ;

}

table#song_ichiran th.3btn

{

width : 200px ;

}

table#song_ichiran td.3btn

{

width : 200px ;

}

div.kanri_table table.formbox01

{

width : 460px ;

border : 0 ;

margin : 0 ;

padding : 0 ;

}

div.kanri_table table.formbox01 td

{

border : 0 ;

text-align : left ;

}

div.kanri_table table#prf_edit td table.formbox01 td.formbox01_btn

{

width : 175px ;

text-align : right ;

vertical-align : middle ;

}



/******  cre_addmelody.html用スタイル  ******/

.kanri_step

{margin : 10px auto ;}



div.kanri_table table#toukoukiyaku td

{

text-align : left ;

padding : 10px ;

}



/* １列インナーテーブル */

div.kanri_table table.inner01

{

width : 620px ;

border : 0 ;

margin : 0 ;

padding : 0 ;

}

div.kanri_table table.inner01 td

{

text-align : center ;

border : 0 ;

padding : 2px 2px ;

}

div.kanri_table table.inner01 tr.inner_left

{text-align : left ;}

div.kanri_table table.inner01 tr.inner_center

{text-align : center ;}

div.kanri_table table.inner01 th

{

border : 0 ;

padding : 5px 2px ;

background-color : #FFF ;

}

/* 3列インナーテーブル */

div.kanri_table table.inner03

{

width : 620px ;

border : 0 ;

margin : 0 ;

padding : 0 ;

}

div.kanri_table table.inner03 td

{

width : 205px ;

border : 0 ;

padding : 5px 2px ;

}

div.kanri_table table.inner03 tr.inner_left

{

text-align : left ;

}

div.kanri_table table.inner03 tr.inner_center

{

text-align : center ;

}

div.kanri_table table.inner03 th

{

border : 0 ;

padding : 5px 2px ;

background-color : #FFF ;

}

/* ４列インナーテーブル */

div.kanri_table table.inner04

{

width : 620px ;

border : 0 ;

margin : 0 ;

padding : 0 ;

}

div.kanri_table table.inner04 td

{

width : 155px ;

border : 0 ;

padding : 5px 2px ;

}

div.kanri_table table.inner04 tr.inner_left

{

text-align : left ;

}

div.kanri_table table.inner04 tr.inner_center

{

text-align : center ;

}

div.kanri_table table.inner04 th

{

border : 0 ;

padding : 5px 2px ;

background-color : #FFF ;

}

/* ２列インナーテーブル */

div.kanri_table table.inner02

{

width : 620px ;

border : 0 ;

margin : 0 ;

padding : 0 ;

}

div.kanri_table table.inner02 td

{

width : 310px ;

border : 0 ;

padding : 2px 2px ;

}

div.kanri_table table.inner02 tr.inner_left

{

text-align : left ;

}

div.kanri_table table.inner02 tr.inner_center

{

text-align : center ;

}

div.kanri_table table.inner02 th

{

border : 0 ;

padding : 5px 2px ;

background-color : #FFF ;

}

div.kanri_table table.inner02 th.kinyu

{

text-align : right ;

padding-right : 10px ;

}

div.kanri_table table.inner02 td.kinyu

{

text-align : left ;

}

/* 記入フォームテーブル */

div.kanri_table table.inner02 table.kinyu

{width : 500px ;border : 0 ;}

div.kanri_table table.inner02 table.kinyu td

{text-align : left ;}

div.kanri_table table.inner02 table.kinyu th

{text-align : right ;}



/* 投稿規約 */

table#toukoukiyaku h1

{font-size : 12px ; font-weight :bold ;margin : 3px 0  ;padding : 0 ;}

table#toukoukiyaku ul

{margin : 0 ;padding : 0 15px ;}





/* ５列インナーテーブル（インデックス検索） */

div.kanri_table table.inner05

{

width : 600px ;

border : 0 ;

margin : 0 auto ;

padding : 0 ;

}

div.kanri_table table.inner05 td

{

width : 60px ;

border : 0 ;

padding : 4px 2px ;

}

div.kanri_table table.inner05 th

{

border : 0 ;

padding : 5px 2px ;

background-color : #FFF ;

}



/*** 投稿者アンケート4/30 ***/

/* アンケート誘導画像 */
div.enquete {
	width: 135px;
	height: 45px;
	margin: 0 0 3px 3px; 
	background: url(/images/button_enquete.gif) no-repeat top center;
	text-indent: -9999px;
}


div.enquete_button { margin: 0 0 3px 3px; }
div.enquete_button,
div.enquete_button a,
div.enquete_button a:hover {
	width: 135px;
	height: 54px;
	display: block;
	background: url(/images/button_enquete_cpage.gif) no-repeat top center;
	text-indent: -9999px;
}
div.enquete_button a:hover {
	background: url(/images/button_enquete_cpage.gif) no-repeat bottom center;
}


/* アンケート画面 */
div.enqueteTitle {
	margin: 15px 0 0 0;
	padding: 5px;
	background: #ffecdd;
	border-bottom: 1px dotted #ffb159;
}

div.answer {
	padding: 3px 5px 5px 15px;
}

span.point { color: #FF0000; }

div.answer .textInput,
div.answer textarea {
	width: 250px;
	margin: 0 3px;
	padding: 1px;
	background: #EEEEEE;
	border: 1px solid #CCCCCC;
	font-size: 12px;
}
div.answer textarea { 
	width: 350px;
	height: 80px;
	scroll: auto;
}

div.answer .textInput:focus,
div.answer textarea:focus { 
	background: #fcfbd6;
	border: 1px solid #ffb159;
}


 /* アンケート画面、質問の下の質問 */
div.sub {
  margin: 0 0 0 25px;
}

div.sub div.enqueteTitle {
  margin: 0;
  padding: 3px 0 1px 6px;
  background: #fdf6f0;
  border-bottom: 1px dotted #ffb159;
  border-left: 4px solid #ffb159;
}

div.sub div.answer {
  padding: 3px 5px 5px 10px;
}


/* 回答ボタン */
div.buttonArea {
  margin: 10px 0 0 0;
  padding: 10px;
  border-top: 1px dotted #ffb159;
  text-align: center;
}

/* enqueteInfo */
div.enqueteInfo {
	width: 558px;
	height: 94px;
	margin: 0 0 0 30px;
	background: url(/images/enqueteInfo.gif) no-repeat top left;
	text-indent: -9999px;
}



/*  melancholy  */
h1#melancholy {
	width: 650px;
	height: 75px;
	display: block;
	background: url(/images/melancholy/melancholy_title.gif) no-repeat top center;
	text-indent: -9999px;
}

h2#melancholy_d {
	width: 618px;
	height: 33px;
	margin: 0 16px;
	background: url(/images/melancholy/title_background.gif) no-repeat top left;
	padding: 7px 7px 0 7px;
	font-size: 14px;
	color: #FFF;
	text-align: left;
}

div.normal {
	margin: 0 20px 5px 25px;
	text-align: left;
	display: block;
	clear: both;
}

div.normal .ill {
	width: 140px;
	margin: 5px;
	float: left;
	clear: left;
}

div.normal .state {
  width: 455px;
  padding: 10px 0 0 0;
  float: right;
  clear: right;
}

ul.gauge {
	width: 455px;
	height: 40px;
	display: block;
	background: url(/images/melancholy/gauge_background.gif) no-repeat top left;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.gauge li { 
	width: 27px;
	height: 23px;
	display: block;
	float: left;
	list-style: none; 
	margin: 8px 0;
	padding: 0;
	text-indent: -9999px;
}

ul.gauge li.full { background: url(/images/melancholy/hart.gif) no-repeat top left; }
ul.gauge li.half { background: url(/images/melancholy/hart_half.gif) no-repeat top left; }

ul.gauge h3 {
	width: 171px;
	height: 40px;
	float: left;
	clear: left;
	text-indent: -9999px;
}

.line_dot {
	margin-bottom: 10px;
	clear: both;
	height: 8px;
	font-size: 1px;
	background: url(/images/melancholy/line_dot.gif) no-repeat top center;
}


/*****    夏の投稿キャンペーン    *****/
h1#summer {
	width: 650px;
	height: 88px;
	background: url(/images/summer/title.jpg) no-repeat top center;
	text-indent: -9999px;
}
h1#summer_kami {
	width: 640px;
	height: 124px;
	background: url(/images/summer_kami/kamimero_top.jpg) no-repeat top center;
	text-indent: -9999px;
}

h1#summer_big {
	width: 650px;
	height: 117px;
	background: url(/images/summer_big/title.jpg) no-repeat top center;
	text-indent: -9999px;
}

h2#summer_title,
h2#summer_kamititle {
	width: 650px;
	margin: 0;
	background: url(/images/summer/title_back.jpg) no-repeat top left;
	padding: 25px 0 20px 45px;
	font-weight: bold;
	color: #FFF;
	text-align: left;
	font-size: 16px;
}
h2#summer_kamititle { background: url(/images/summer_kami/kamititle_back.jpg) no-repeat top left; }

h3.hot,
h3.cool,
h3.sleep,
h3.suti {
	width: 650px;
	height: 47px;
	display: block;
	text-indent: -9999px;
	margin: 10px 0 0 0;
	padding: 0;
	clear: both;
}
h3.hot { background: url(/images/summer/title_hot.jpg) no-repeat top left; }
h3.cool { background: url(/images/summer/title_cool.jpg) no-repeat top left; }
h3.sleep { background: url(/images/summer/title_sleep.jpg) no-repeat top left; }
h3.suti { background: url(/images/summer/title_suti.jpg) no-repeat top left; }

div.summerkamiNormal h4,
div.summerNormal h4 {
	margin: 7px 0 0 -15px;
	padding: 3px 10px;
}
h4.hot { background: #fcb85f; }
h4.cool { background: #84e8ec; }
h4.sleep { background: #abbc6f; }
h4.suti { background: #fbceed; }

div.summerkamiNormal,
div.summerNormal {
	margin: 0 20px 5px 25px;
	padding: 0;
	text-align: left;
	display: block;
}

ul.summerList {
  margin: 10px 0 10px 20px;
  padding: 0;
  list-style: none;
  text-align: left;
}

ul.summerList li {
  margin: 0;
  padding: 0 0 5px 25px;
  background: url(/images/summer/icon.gif) no-repeat top left;
}

div.clear {
	clear: both;
	height: 1px;
	font-size: 1px;
}


div.summerNormal strong,
div.summerkamiNormal strong {
	font-size: 16px;
	font-weight: bold;
	color: #0b7bbb;
}
div.summerkamiNormal strong { color: #FF0000; }


div.summerkamiNormal ul.genre {
  margin: 0 0 10px 30px;
  padding: 0;
}

div.summer_big,
div.summerkamiNormal ul.genre li {
  list-style: none;
  margin: 0 12px 0 0;
  padding: 7px 0 10px 38px;
  float: left;
  width: 130px;
  display: block;  
  background: url(/images/summer_kami/icon.gif) no-repeat top left;
  font-size: 16px;
  font-weight: bold;
}

div.summerkamiNormal ul.genre li.jpop {
  background: url(/images/summer_kami/icon_red.gif) no-repeat top left;
  color: #990000;
}

div.summerkamiNormal ul.genre li.anime {
  background: url(/images/summer_kami/icon_pink.gif) no-repeat top left;
  color: #ff55bb;
}

div.summerkamiNormal ul.genre li.ori {
  background: url(/images/summer_kami/icon_blue.gif) no-repeat top left;
  color: #0077ff;
}


/*****    夏の投稿キャンペーン1〜Summer_big編〜    *****/

h1#summer_big {
	width: 650px;
	height: 126px;
	background: url(/images/summer_big/title.jpg) no-repeat top center;
	text-indent: -9999px;
}


h2#summer_bigtitle {
	width: 650px;
	margin: 0;
	background: url(/images/summer_big/bigtitle_back.jpg) no-repeat top left;
	padding: 25px 0 20px 45px;
	font-weight: bold;
	color: #FFF;
	text-align: left;
	font-size: 16px;
}

div#summer_bigsub {
	background-color:#ffeeaa;
	padding:3px;
	margin-bottom:5px;
}

ul#summer_biglist{
	list-style-image: url(/images/summer_kami/icon.gif);

}