/* Burning Rain official net common */

/* Reset */

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, 
brockquote, pre, table, caption, th, td, address, 
form, fieldset, legend, object,
#main ul, #sub ul { margin:0; padding:0; }

h5, h6, pre, table, code, kbd, samp, acronym, input, 
textarea { font-size: 100%; }

a, ins { text-decoration: none; }

address, em, cite, dfn, var { font-style: normal; }

input, textarea {
  font-family: sans-serif;
  font-weight: normal;
}

img { vertical-align: middle; }

a img { border: none; }

.bold { font-weight:bold; }

.bbs_new { font-style:italic; }

table { border-collapse:collapse; border-spacing:0; }

/* Reset End */

body        { text-align: center; }
body { width:860px; margin:0 auto; margin-left:auto; margin-right:auto; }
body div    { text-align:left;margin:0 auto; }
body, td, th { font-size:10pt;line-height:1.5 }

h1,
.x_large   { font-size:150% }
#main h2,
.large     { font-size:112% }
#main h2.bday,
#main h3,
#main  h4  { font-size:100% }
#sub h3, #sub ul, #sub dl, #sub h4,
#sub p     { font-size:93% }
#footer,
.sz2,
#globalNav,
#main p.entry_date_p, #main p.entry_date,
p.entry_state,
.see_more,
.see_more_a { font-size:85% }


#sub h4    { font-weight: normal }

.cap1  { text-transform:capitalize }
.cap   { text-transform:uppercase }
.nocap { text-transform:lowercase }


/* 2-box */

div#home,
div#index,
div#news,
div#bio,
div#disc,
div#live,
div#media,
div#event,
div#down,
div#photo,
div#store, 
div#commu,
div#cotact,
div#bbs,
div#gear,
div#forum { width:860px; position:relative; top: 0;
           margin:0 auto; margin-left:auto; margin-right:auto; height:100% }

#header    { top:0;z-index:3;height:90px;position:absolute;} 

#globalNav { z-index:2;position:absolute;top:94px }
#keyvisual { z-index:1;position:absolute;top:100px }
#contents  { z-index:1; top:155px; padding-bottom:65px;text-align:left }
#main      { z-index:1; top:155px; position:absolute;
            width:570px; padding-left:15px; padding-bottom:65px    }  /* contents */ 
#sub       { z-index:1; position:absolute; top:155px; 
             width:240px; margin-left:610px; padding-bottom:65px }  /* contents */ 

#amazon { z-index:1; 
            position:absolute;padding-bottom:9px;top:100px;text-align:center } /* merchandise */

#footer    { bottom:0; position:absolute;
             z-index:3; height:60px; }

#header, #globalNav, #keyvisual, #contents, #footer, #amazon { width:860px; }


#header,
#footer { position:fixed; }

form#cse-search-box  { z-index:4; top:15px; right:3px; position: absolute; }


/* header */
#header { background:url("http://www.burningrain.net/2010ver/img/br_top.jpg") no-repeat top left; }

/* header > menu */

#header ul.menu { margin:0 auto 0 0; 
	padding:0; 
	height:30px; 
	width:100%; 
	display:block; }

#header ul.menu li   { padding:0; 
	margin:0; 
	list-style:none; 
	display:inline; font-size:12px }

#header ul.menu li a { 
    float:left; 
	padding-left:15px;
	display:block; 
	text-decoration:none; 
	background-position:0px -30px;
	background-repeat:no-repeat;
	cursor:pointer; 
	outline:none;
	border-bottom:0px }


#header ul.menu li a span { 
	line-height:30px; 
	float:left; 
	display:block; 
	background-position:100% -30px;
	background-repeat:no-repeat;
	padding-right:15px; }

#header ul.menu li a:hover      { background-position:0px -60px; }
#header ul.menu li a:hover span { background-position:100% -60px; }

#index ul.menu li a.index_a, 
#index ul.menu li a.index_a:hover,
#news ul.menu li a.news_a, 
#news ul.menu li a.news_a:hover,
#bio ul.menu li a.bio_a, 
#bio ul.menu li a.bio_a:hover,
#disc ul.menu li a.disc_a, 
#disc ul.menu li a.disc_a:hover,
#tour ul.menu li a.tour_a, 
#tourul.menu li a.tour_a:hover,
#photo ul.menu li a.photo_a, 
#photo ul.menu li a.photo_a:hover,
#gear ul.menu li a.gear_a, 
#gear ul.menu li a.gear_a:hover,
#forum ul.menu li a.forum_a, 
#forum ul.menu li a.forum_a:hover,
#merch ul.menu li a.merch_a, 
#merch ul.menu li a.merch_a:hover { 
	line-height:30px; 
	background-position:0px -90px;
	background-repeat:no-repeat; }

#header ul.menu li a.active span, 
#header ul.menu li a.active:hover span { 
	background-position:100% -90px;
	background-repeat:no-repeat; }


/* globalNav */

#globalNav ol { margin:0 9px; }
#globalNav ol li { display:inline;list-style:none; }
#globalNav ol li a { padding-right: 10px;
                     background: url(http://www.burningrain.net/2010ver/img/map/list.gif) no-repeat right center; }

/* keyvisual */

#keyvisual h1 { margin:9px; }

/* footer */

#footer { background-color:#000 }
#footer p  { margin:0 9px; }


/* contents > main */

#main h2 { margin: 6px  0;  padding: 4px 0 4px 9px }
#main h3,
#main h4 { margin: 6px 3px; padding: 3px 0 3px 9px }

#main p,
#main div.div-p { margin: 9px 12px 9px 16px; }
#sub p  { margin: 9px 6px; }

.see_more        { margin:9px 0 3px 20px; }
#main cite       { margin-left:9px }
#main blockquote { margin:9px;padding:9px 14px; }

#sub h3 { margin: 8px 2px 0 -5px; padding:2px 6px 1px 9px  }
#sub h4 { margin: 3px 3px 0 0;    padding-left:6px; }

/* float */

#main p.f_left  { float:left; margin: 0px 8px 9px 16px; }
#main p.f_right,
#footer p.f_right { float:right }

.clearfix:after {
		content: url(http://www.cool-rock.com/img/0.gif);
		display: block; clear: both; height: 0; visibility: hidden; }

.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

br.c_both { clear:both }

/* List ul dl ol */

#main ul li,
#main dl dt, 
#main dl dd,
#sub  ul li,  
#sub  dl dt,  
#sub  dl dd,
#main ul.band li,
#main div.band,
#main div.dot   { background-repeat:no-repeat }

#main ul,
#main dl,
#main ol    { margin:9px 3px 9px 11px; padding-left:11px; }
#sub ul     { margin:3px 3px 3px 6px; padding-left:6px;  }

#main ul.img    {  }
#main ul.flag   { margin:9px 0px 9px 11px; }
#main ul.band   {  }
#main ul ul,
#sub ul ul      { margin:2px 0 2px 11px; padding-left:11px, }
#main ul.cate_2,
#sub ul.cate_2  { margin:2px 0 2px 28px; padding-left:28px, }
#main ul.info   {}

#main ul li,
#sub  ul li { list-style-type:none }

#main ul li, 
#sub  ul li,
#main dl dt, 
#sub  dl dt      { padding-left:10px; background-position:0 0.4em; }
#main ul.flag li,
#main h3.flag,
#main h4.flag    { padding-left:31px; background-position:5px 2px; }
#main ul.band li,
#main h3.band,
#main h4.band,
#main div.band,
#main dl.hist dt    { padding-left:30px; background-position:left center; }
#main ul ul li,
#main ul.cate_2 li,
#sub  ul ul li,
#sub  ul.cate_2 li,
#main dl.img dd,
#main dl.hist dd.dot,
#main div.dot  { background-position:2px 0.4em; }
#main dl.img dd,
#main dl.hist dd.dot { padding-left:11px; margin-left:11px; }
#main div.dot   { padding-left:11px; margin-left:6px; }

#main dl.qanda dt { margin:15px 5px 9px 0 }
#main dl.qanda dd { margin:5px 9px 5px 2px; padding-left:35px; padding-bottom:6px; }
#main dl.qanda dd.line1,
#main ul.band li.line1 { padding-top:7px; }
#main dl.img dt { margin:3px 0 }

#main dl.hist dd {}
#main dl.hist dd.cd { padding:7px 0px 13px 40px;background-position:left top; }
#main dl.hist dd.dot {}

#main dl.hist dt { margin:16px 5px 5px 0; padding-top:3px; padding-bottom:2px; font-weight:bold }
#main dl.hist dd { margin: 4px 9px 4px 20px }
#main dl.hist dt span.date { font-style:italic; font-weight:bold; padding-right:6px; }

#main h4.icon,
#main ul.icon li { padding-left:20px; background-position:2px 0 }

#main ul.icon li.photo,  
#main ul.photo li,
#main h4.photo  { background-image: url(http://www.burningrain.net/img/icon/photo.png); }
#main ul.icon li.review, 
#main ul.review li,
#main h4.review { background-image: url(http://www.burningrain.net/img/icon/review.png); }
#main ul.icon li.mail,   
#main ul.mail li,
#main h4.mail   { background-image: url(http://www.burningrain.net/img/icon/sendmail.png); }
#main ul.icon li.web,    
#main ul.web li,
#main h4.web    { background-image: url(http://www.burningrain.net/img/icon/web.png); }
#main ul.icon li.music,  
#main ul.music li,
#main h4.music  { background-image: url(http://www.burningrain.net/img/icon/music.png); }
#main ul.icon li.map,  
#main ul.map li,
#main h4.map  { background-image: url(http://www.burningrain.net/img/icon/map.png); }
#main ul.icon li.video,  
#main ul.video li,
#main h4.video  { background-image: url(http://www.burningrain.net/img/icon/video.png); }


/* Border */

p.border_top,
div.border_top,
ul.border_top li    { border-top-width:1px;    border-top-style:solid }

p.border_bottom,
div.border_bottom,
ul.border_bottom li { border-bottom-width:1px; border-bottom-style:solid }

p.border_left,
div.border_left,
ul.border_left li   { border-left-width:1px;   border-left-style:solid }

p.border_right,
div.border_right,
ul.border_right li { border-right-width:1px;  border-right-style:solid }



/* align , vertical-align */

.align_right  { text-align:right }
.align_left   { text-align:left }
.align_center { text-align:center }

img.top,    .valign_top    { vertical-align:top }
img.bottom, .valign_bottom { vertical-align:bottom }
img.middle, .valign_middle { vertical-align:middle }

/* Flame */

.flame2, .flame3, 
.flame5 { border-style:ridge; margin:2px 4px; vertical-align:middle }
.flame2 { border-width:2px; }
.flame3 { border-width:3px; }
.flame5 { border-width:5px; }

/* images */

img, img a { border:0px }

/* BGD images */

.img_right_top    { background-position:right top; }    /* top */
.img_right_center { background-position:right center; } /* center */
.img_right_bottom { background-position:right bottom; } /* bottom */
.img_left_top     { background-position:left top; }     /* top */
.img_left_center  { background-position:left center; }  /* center */
.img_left_bottom  { background-position:right bottom; } /* bottom */
.no_repeat        { background-repeat:no-repeat }


/* CD page */

#main div.cd_img {}

/* Page Top */
#main p.pagearea { font-size:75%; margin-left:12px }
#footer p.pagearea   { font-size:75%; text-align:right;margin-right:12px }
#main p.pagearea a,
#footer p.pagearea a { margin:0 5px }
#main div.scriptcopy     { font-size:75%; text-align:right }

address { font-size:75%; font-style:normal; font-family:Verdana,Arial,sans-serif; }

/* FORM */

fieldset { padding:6px; margin-left:9px; }
legend   { padding:2px; font-weight:bold }

input, textarea, select { margin:2px 1px; border-style:solid; }
input, textarea         { border-width:1px; }
select                  { border-width:0 0 1px 0; }

#c_name, #c_email { width:150px }
#c_url, #c_area   { width:200px } 

#main fieldset dl.list    { margin:9px 3px 9px 5px; padding-left:5px; }
#main fieldset dl.list dt { border-width:1px 0;border-style:solid none; }
#main fieldset dl.list dd { margin:2px 0 6px 15px; }
#main dl.form dt { padding-left:5px; margin:2px 0 0; }
#main dl.form dd { padding:2px 0;    margin:0 0 1px; }


.btn  { border-width:2px; border-style:solid; font-size:85%; padding:2px 3px; margin:1px }

/* News and Updates */

#main div.en_catego      { font-size:85%; margin-top:16px; }
#main div.en_catego span { margin-left:9px; }
#main p.entry_date_p     { margin:25px 9px 0 6px; padding-left:9px;
                           border-width:1px 0; border-style:solid solid }
#main p.entry_date       { margin:9px; }
#main p.entry_state       { margin:0 9px 50px 14px; }

#main div.entry_comcom    { margin:0 12px 25px 25px;padding:3px }

hr, .hide,
.hide_pc,
.pc_hide,
#main ul.bbs_menu li.pc_hide { display:none }


/* E-mail */
#main ul.bbs_menu,
#main ul.member_menu { font-size:87%; margin:3px 9px 6px 6px; border-width:1px; }
#main ul.bbs_menu    { border-style:solid }
#main ul.member_menu { text-align:right }
#main ul.bbs_menu li,
#main ul.member_menu li { display:inline; padding-left:1px; padding-right:2px;  }
#main ul.bbs_menu li    { border-right-width:1px; border-right-style:solid }

p.navi { font-size:85%;margin-left:20px;  }
p.navi em { text-decoration: underline;  }
p.navi span { margin:0px 5px;color:#999;background-color: inherit;}
.example { font-size:85%;  }


/* BBS */
#main table.bbs_top { margin:0; padding:3px }
#main table.bbs_top th { font-weight:normal; text-align:left; }
#main table.bbs_top th.board  { width:545px; border-bottom-width:1px; border-bottom-style:solid; }
#main table.bbs_top td.update { width:215px; border-bottom-width:1px; border-bottom-style:solid; 
                                text-align:center; font-size:85% }

#main table.bbs_main  { margin:0; padding:3px }
#main table.bbs_main th,
#main table.bbs_main td { font-weight:normal; border-width:1px; border-style:solid; }

#main table.bbs_main th.number,
#main table.bbs_main td.number,
#main table.bbs_main th.reply,
#main table.bbs_main td.reply  { width:50px; font-size:85%; text-align:center; }
#main table.bbs_main th.title,
#main table.bbs_main td.title  { width:300px }
#main table.bbs_main th.update,
#main table.bbs_main td.update { width:210px; font-size:85%; text-align:center; }
#main table.bbs_main th.start,
#main table.bbs_main td.start  { width:150px; font-size:85%; text-align:center; }
#main table.bbs_main td.image  { width:135px; font-size:85%; text-align:center; }

#main p.bbs_date          { margin:0 9px 9px 14px; }
#main p.bbs_date_res      { margin:0 9px 9px 19px; }
#main div.bbs_message     { margin: 9px 12px 9px 16px; }
#main div.bbs_message_res { margin: 9px 12px 9px 21px; }

#main div.bbs_form { margin:9px 0px 20px 12px }
.search  { font-weight:bold; padding-left:2px; padding-right:2px } /* SEARCH */


/* TAB */
#tabContent { padding: 5px; }
#main ul#tabIndex{ margin:9px 3px 9px 0px; padding-left:0px; }
#tabIndex { margin: 0px; padding: 0px; }
#tabIndex li {
	float:left;
	margin: 0px;
	padding:2px 3px;
	list-style-type: none;
	cursor: pointer;
	display: block;
}
#tabBoxIndex { clear: both; }

/* Merchandise */
#merch div#main form { margin:4px 0 6px 15px }