/* basic */
html{font-size:16px;>font-size:100%;/*for winIE*/}
h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd{padding:0;margin:0;}
h3,h4,h5{font-weight:normal;font-size:12px;}
ul{list-style:none;}
body,input,textarea,select{font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica;}
img{border:0;}

body{font-size:80%;text-align:center;line-height:1.3;color:#fff;background:#000;margin:0 auto;padding:0;}
a{color:#FF9900;text-decoration: none;}
a:hover{color:#FF9900;text-decoration:underline;}
a:visited{color:#FF9900;}

/* framework */
#frame{
position:relative;
width:775px;
height:500px;
>width:800px;
>height:540px;
margin:5px auto 0;
background:url(../img/main.jpg) no-repeat;
text-align:left;
padding:14px 13px 26px 12px;

}

#headArea{

}

#wrap{
padding:12px 32px 0;

}

body.schedule #wrap{
padding:12px 15px 0 32px;
}

#contentsArea{
padding:16px 0 10px 44px;
}

body.schedule #contentsArea{
padding:4px 0 10px;
}

body.pa #contentsArea,
body.system #contentsArea{
padding:16px 44px 10px 44px;
}
#labelArea{
padding:0 0 4px 44px;
background:url(../img/st_bar.gif) repeat-x left bottom;
}
h2{
padding:0 0 4px 44px;
background:url(../img/st_bar.gif) repeat-x left bottom;
}

h2 a:hover{
text-decoration:none;
}

#textArea{
padding:45px 20px 0 25px;
}

#liveSchedule{
width:590px;
float:left;
}

#sideArea{
float:right;
width:118px;
background:#080E2B;
font-size:10px;
padding:25px 6px 0;
}

/*headArea*/

#headArea .logo{
width:159px;
padding:0 18px 0 0;
}

.info h3,
.system h3{
padding:0 0 20px 0;
}

/*sideArea*/

.menu{
padding:0 0 10px 0;
}

.menuArea{
padding:11px 5px 0;
}

.menu h4{
background:url(../img/menu_bg.gif) no-repeat;
height:16px;
font-size:px;
text-align:center;
}

#sideArea a{
}

#subNavigation{
}

#subNavigation ul{
padding:16px 9px;
font-size:10px;
}

#subNavigation li{
}

.credit{
text-align:center;
width:800px;
padding:5px 0;
margin:0 auto;
}

.ico{
margin:0 3px 0 0;
}
/*---clearfix---*/

.clearFix:after{
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}
.clearFix{
display:inline-table;
}
/* Hides from IE-mac \*/
.clearFix{>height:1%;}
.clearFix{display:block;}
/* End hide from IE-mac */

/*#topNavigation*/
#topNavigation{position:absolute;top:21px;left:190px;width:591px;}
#topNavigation li.off{position:relative;float:left;width:100px;height:35px;text-indent:-9999px;overflow:hidden;}
#topNavigation .on{float:left;width:100px;text-indent:-9999px;overflow:hidden;}
#topNavigation li a{display:block;height:35px;}

#topNavigation .on{overflow:hidden;}
.headNavigation>li.on{overflow:visible;/*×*/}
#topNavigation dl{position:relative;width:100px;}
#topNavigation dd{height:25px;}
#topNavigation dd  a{display:block;height:25px;}

#topNavigation #nav1,
#topNavigation #nav1 a{background:url(http://www.coloredjam.com/img/top_navi/tab_top.jpg) no-repeat left top;width:69px;}
#topNavigation #nav1 a:hover{background:url(http://www.coloredjam.com/img/top_navi/tab_top.jpg) no-repeat left bottom;}/*top*/
#topNavigation #nav2,
#topNavigation #nav2 a{background:url(http://www.coloredjam.com/img/top_navi/tab_menu.jpg) no-repeat left top;width:70px;}
#topNavigation #nav2 a:hover{background:url(http://www.coloredjam.com/img/top_navi/tab_menu.jpg) no-repeat left bottom;}/*menu*/
#topNavigation #nav3,
#topNavigation #nav3 a{background:url(http://www.coloredjam.com/img/top_navi/tab_sch.jpg) no-repeat left top;width:108px;}
#topNavigation #nav3 a:hover{background:url(http://www.coloredjam.com/img/top_navi/tab_sch.jpg) no-repeat left bottom;}/*sch*/
#topNavigation #nav4,
#topNavigation #nav4 a{background:url(http://www.coloredjam.com/img/top_navi/tab_event_72.jpg) no-repeat left top;width:72px;}
#topNavigation #nav4 a:hover{background:url(http://www.coloredjam.com/img/top_navi/tab_event_72.jpg) no-repeat left bottom;}
#topNavigation #nav5,
#topNavigation #nav5 a{background:url(http://www.coloredjam.com/img/top_navi/tab_community.jpg) no-repeat left top;width:116px;}
#topNavigation #nav5 a:hover{background:url(http://www.coloredjam.com/img/top_navi/tab_community.jpg) no-repeat left bottom;}/*community*/
#topNavigation #nav6,
#topNavigation #nav6 a{background:url(http://www.coloredjam.com/img/top_navi/tab_forartist.jpg) no-repeat left top;width:90px;}
#topNavigation #nav6 a:hover{background:url(http://www.coloredjam.com/img/top_navi/tab_forartist.jpg) no-repeat left bottom;}/*artist*/
#topNavigation #nav7,
#topNavigation #nav7 a{background:url(http://www.coloredjam.com/img/top_navi/tab_info.jpg) no-repeat left top;width:66px;}
#topNavigation #nav7 a:hover{background:url(http://www.coloredjam.com/img/top_navi/tab_info.jpg) no-repeat left bottom;}/*info*/


/*subTitleBtn*/
#topNavigation #drink,
#topNavigation #drink a{background:url(http://www.coloredjam.com/img/top_navi/tab_drink.jpg) no-repeat left top;}
#topNavigation #drink a:hover{height:25px;background:url(http://www.coloredjam.com/img/top_navi/tab_drink.jpg) no-repeat left bottom;}
#topNavigation #food,
#topNavigation #food a:hover{background:url(http://www.coloredjam.com/img/top_navi/tab_food.jpg) no-repeat left bottom;}
#topNavigation #food a{background:url(http://www.coloredjam.com/img/top_navi/tab_food.jpg) no-repeat left top;}

#topNavigation #tabEvent,
#topNavigation #tabEvent a:hover{background:url(/img/top_navi/tab_event.jpg) no-repeat left bottom;}
#topNavigation #tabEvent a{background:url(/img/top_navi/tab_event.jpg) no-repeat left top;}

#topNavigation #blog,
#topNavigation #blog a{background:url(http://www.coloredjam.com/img/top_navi/tab_blog.jpg) no-repeat left top;}
#topNavigation #blog a:hover{height:25px;background:url(http://www.coloredjam.com/img/top_navi/tab_blog.jpg) no-repeat left bottom;}
#topNavigation #mixi,
#topNavigation #mixi a:hover{background:url(http://www.coloredjam.com/img/top_navi/tab_mixi.jpg) no-repeat left bottom;}
#topNavigation #mixi a{background:url(http://www.coloredjam.com/img/top_navi/tab_mixi.jpg) no-repeat left top;}
#topNavigation #session,
#topNavigation #session a:hover{background:url(http://www.coloredjam.com/img/top_navi/tab_session.jpg) no-repeat left bottom;}
#topNavigation #session a{background:url(http://www.coloredjam.com/img/top_navi/tab_session.jpg) no-repeat left top;}

#topNavigation #sys,
#topNavigation #sys a:hover{background:url(http://www.coloredjam.com/img/top_navi/tab_sys.jpg) no-repeat left bottom;}
#topNavigation #sys a{background:url(http://www.coloredjam.com/img/top_navi/tab_sys.jpg) no-repeat left top;}
#topNavigation #pa,
#topNavigation #pa a{background:url(http://www.coloredjam.com/img/top_navi/tab_pa.jpg) no-repeat left top;}
#topNavigation #pa a:hover{background:url(http://www.coloredjam.com/img/top_navi/tab_pa.jpg) no-repeat left bottom;}

#topNavigation #access,
#topNavigation #access a{background:url(http://www.coloredjam.com/img/top_navi/tab_access_66.jpg) no-repeat left top;}
#topNavigation #access a:hover{background:url(http://www.coloredjam.com/img/top_navi/tab_access_66.jpg) no-repeat left bottom;}



/*headNavigation（2009年以前のhtmlヘッダナビID設定）
---------------*/
#headNavigation{
position:absolute;
top:21px;
left:197px;
width:585px;
}

#headNavigation .off{
position:relative;
float:left;
width:100px;
height:35px;
text-indent:-9999px;
overflow:hidden;
background:#fff;
}

#headNavigation .on{
float:left;
width:100px;
text-indent:-9999px;
overflow:hidden;
}
#headNavigation .on{
overflow:hidden;
}
.headNavigation>li.on{
overflow:visible;/*×*/
}
#headNavigation dl{
position:relative;
width:100px;
}
#headNavigation li a{
display:block;
height:35px;
}
#headNavigation dd{
height:25px;
background:#ccc;
}
#headNavigation dd  a{
display:block;
height:25px;
}

#headNavigation #nav1 a:hover{
background:url(http://coloredjam.com/img/nav1.jpg) no-repeat left bottom;
}
#headNavigation #nav2 a:hover{
background:url(http://coloredjam.com/img/nav2.jpg) no-repeat left bottom;
}

#headNavigation #nav3 a:hover{
background:url(http://coloredjam.com/img/nav3.jpg) no-repeat left bottom;
}
#headNavigation #nav4 a:hover{
background:url(http://coloredjam.com/img/nav4.jpg) no-repeat left bottom;
}
#headNavigation #nav5 a:hover{
background:url(http://coloredjam.com/img/nav5.jpg) no-repeat left bottom;
}

#headNavigation #nav1,
#headNavigation #nav1 a{
background:url(http://coloredjam.com/img/nav1.jpg) no-repeat left top;
width:112px;
}
#headNavigation #nav2,
#headNavigation #nav2 a{
background:url(http://coloredjam.com/img/nav2.jpg) no-repeat left top;
width:95px;
}
#headNavigation #nav3,
#headNavigation #nav3 a{
background:url(http://coloredjam.com/img/nav3.jpg) no-repeat left top;
width:130px;
}
#headNavigation #nav4,
#headNavigation #nav4 a{
background:url(http://coloredjam.com/img/nav4.jpg) no-repeat left top;
width:100px;
}
#headNavigation #nav5,
#headNavigation #nav5 a{
background:url(http://coloredjam.com/img/nav5.jpg) no-repeat left top;
width:146px;
}

#headNavigation #nav2 #drink,
#headNavigation #nav2 #drink a:hover{
height:25px;
background:url(http://coloredjam.com/img/tab_drink.jpg) no-repeat left bottom;
}
#headNavigation #nav2 #food,
#headNavigation #nav2 #food a:hover{
background:url(http://coloredjam.com/img/tab_food.jpg) no-repeat left bottom;
}
#headNavigation #nav3 #sys,
#headNavigation #nav3 #sys a:hover{
background:url(http://coloredjam.com/img/tab_sys.jpg) no-repeat left bottom;
}
#headNavigation #nav3 #pa,
#headNavigation #nav3 #pa a:hover{
background:url(http://coloredjam.com/img/tab_pa.jpg) no-repeat left bottom;
}
#headNavigation #nav5 #blog,
#headNavigation #nav5 #blog a:hover{
width:146px;
background:url(http://coloredjam.com/img/tab_blog.jpg) no-repeat left bottom;
}
#headNavigation #nav5 #mixi,
#headNavigation #nav5 #mixi a:hover{
width:146px;
background:url(http://coloredjam.com/img/tab_mixi.jpg) no-repeat left bottom;
}
#headNavigation #event
#headNavigation #event a:hover{
width:108px;
background:url(http://coloredjam.com/img/tab_event.jpg) no-repeat left bottom;
}

#headNavigation #nav2 #drink a{
background:url(http://coloredjam.com/img/tab_drink.jpg) no-repeat left top;
}
#headNavigation #nav2 #food a{
background:url(http://coloredjam.com/img/tab_food.jpg) no-repeat left top;
}
#headNavigation #nav3 #sys a{
background:url(http://coloredjam.com/img/tab_sys.jpg) no-repeat left top;
}
#headNavigation #nav3 #pa a{
background:url(http://coloredjam.com/img/tab_pa.jpg) no-repeat left top;
}
#headNavigation #nav5 #blog a{
background:url(http://coloredjam.com/img/tab_blog.jpg) no-repeat left top;
width:146px;
}
#headNavigation #nav5 #mixi a{
background:url(http://coloredjam.com/img/tab_mixi.jpg) no-repeat left top;
width:146px;
}
#headNavigation #event a{
background:url(http://coloredjam.com/img/tab_event.jpg) no-repeat left top;
width:108px;
}
/*
#headArea{padding:14px 0 0 18px;}
#contentsFrame{background:url(../img/contentsframe.gif) repeat-y;padding:14px 0 0 0;}
#wrap{padding:12px 33px 39px 44px;background:url(../img/wrap.jpg) no-repeat left bottom;}

*/