@charset "UTF-8";

/* =============================================================================
   Popup layout style
   ========================================================================== */

/*
 *  programs
 */

#wrapper {
    background: url("../img/bg/bg_base.gif") repeat scroll center top #FFFFFF;
	min-width:0;
    width: 600px;
}

#navigationArea {
    background-image: url("../img/bg/bg_navi_popup02.png");
}

.ex_pages #navigationArea {
	background:none;
}

#navigationInner {
	width: 600px;
}

#contentsNav {
	width:560px;
	height:40px;
	margin:0;
	margin-right:-10px;
	padding:0 20px;
	overflow:hidden;
	zoom:100%;
	background:url("../img/bg/bg_navi_menu_contents_popup.gif") repeat-x bottom;
}

#contentsNav li {
	float:left;
	display:inline-block;
	margin-right:10px;
}

#contentsNav li a {
	display:block;
	width:130px;
	height:40px;
	text-indent:-9999px;
	background:url("../img/navi/navi_menu_contents_popup_.png") no-repeat -25px top;
}

#contentsNav li#timetable {margin-left:70px;}
#contentsNav li#timetable a {background-position:-9px 0 ;}
#contentsNav li#timetable a:hover {background-position:-9px -40px;}

#contentsNav li#about a {background-position:-147px 0;}
#contentsNav li#about a:hover {background-position:-147px -40px;}

#contentsNav li#nori {margin-right:0;}
#contentsNav li#nori a {background-position:-287px 0;}
#contentsNav li#nori a:hover {background-position:-287px -40px;}

#contentsNav li#k_taiDJ a {background-position:-445px 0; width:130px;}
#contentsNav li#k_taiDJ a:hover {background-position:-445px -40px;}

.page_timetable #contentsNav {border-bottom:10px solid #F06E14;}
.page_timetable #contentsNav li#timetable a {background-position:-9px -80px ;}
.page_timetable #contentsNav li#timetable a:hover {background-position:-9px -80px;}

.page_about #contentsNav {border-bottom:10px solid #78BE3C;}
.page_about #contentsNav li#about a {background-position:-147px -80px ;}
.page_about #contentsNav li#about a:hover {background-position:-147px -80px;}

.page_profile_nori #contentsNav {border-bottom:10px solid #3CA0D2;}
.page_profile_nori #contentsNav li#nori a {background-position:-287px -80px ;}
.page_profile_nori #contentsNav li#nori a:hover {background-position:-287px -80px;}

.page_profile_dj #contentsNav {border-bottom:10px solid #643CA0;}
.page_profile_dj #contentsNav li#k_taiDJ a {background-position:-445px -80px ;}
.page_profile_dj #contentsNav li#k_taiDJ a:hover {background-position:-445px -80px;}

#programsNav {
	
	padding:29px;
	width:542px;
	height:165px;
}
#programsNav li {padding:5px 0 !important;border:none;}
#programsNav li a {
	background:url(../img/navi/navi_menu_popup_01.png)no-repeat scroll 0 0 transparent;padding:0;width:135px;height:31px;
}
#programsNav li#list4 a,
#programsNav li#list5 a,
#programsNav li#list6 a,
#programsNav li#list7 a {background:url(../img/navi/navi_menu_popup_02.png)no-repeat scroll 0 0 transparent;}

#programsNav li#list8 a,
#programsNav li#list9 a,
#programsNav li#list10 a,
#programsNav li#list11 a {background:url(../img/navi/navi_menu_popup_03.png)no-repeat scroll 0 0 transparent;}

#programsNav li#list12 a,
#programsNav li#list13 a {background:url(../img/navi/navi_menu_popup_04.png)no-repeat scroll 0 0 transparent;}

#programsNav li#list1 a {background-position:0 0;}
#programsNav li#list1 a:hover {background-position:0 -32px;}
#programsNav li#list2 a {background-position:-135px 0;}
#programsNav li#list2 a:hover {background-position:-135px -32px;}
#programsNav li#list3 a {background-position:-270px 0;}
#programsNav li#list3 a:hover {background-position:-270px -32px;}

#programsNav li#list4 a {background-position:0 0;}
#programsNav li#list4 a:hover {background-position:0 -31px;}
#programsNav li#list5 a {background-position:-135px 0;}
#programsNav li#list5 a:hover {background-position:-135px -31px;}
#programsNav li#list6 a {background-position:-270px 0;}
#programsNav li#list6 a:hover {background-position:-270px -31px;}
#programsNav li#list7 a {background-position:-413px 0;}
#programsNav li#list7 a:hover {background-position:-413px -31px;}

#programsNav li#list8 a {background-position:0 0;}
#programsNav li#list8 a:hover {background-position:0 -31px;}
#programsNav li#list9 a {background-position:-135px 0;}
#programsNav li#list9 a:hover {background-position:-135px -31px;}
#programsNav li#list10 a {background-position:-270px 0;}
#programsNav li#list10 a:hover {background-position:-270px -31px;}
#programsNav li#list11 a {background-position:-413px 0;}
#programsNav li#list11 a:hover {background-position:-413px -31px;}

#programsNav li#list12 a {background-position:0 0;}
#programsNav li#list12 a:hover {background-position:0 -31px;}
#programsNav li#list13 a {background-position:-135px 0;}
#programsNav li#list13 a:hover {background-position:-135px -31px;}
/*
#programsNav li.col1 a {
	width:110px;
}

#programsNav li.col2 a {
	width:105px;
}

#programsNav li.col3 a {
	width:150px;
}

#programsNav li.col4 a {
	width:125px;
}
*/
#container {
	width:600px;
}

#contentsInner {
	width:550px;
}

.page_timetable #contentsInner {background-color:#FFF5E6;}
.page_about #contentsInner {background-color:#F0FAEB;}
.page_profile_nori #contentsInner {background-color:#EBF5FA;}
.page_profile_dj #contentsInner {background-color:#F5F0FA;}

#navigationArea {
	margin-bottom:0px;
}

.popup {
	padding:40px 0 20px;
	margin:0 25px;
	background:#ffffff;
	min-height:400px;
}

.entryContent {
	padding: 12px 24px;
	margin-bottom:20px;
}

.entry-title {
	padding-left:24px;
}

.leftContents {
	width:325px;
	margin:0 25px;
	float:left;
	display:inline-block;
}

#intro, .entryBox {
	padding-bottom:29px;
	border-bottom:1px solid #F0BEBE;
	margin-bottom:20px;
}

#intro {
	font-size:108%;
}

#address dt {
	clear: left;
	float: left;
	display:inline;
	width: 4em;
}

#address dd.check {
	margin-left: 6em;
	margin-bottom:0.2em;
}

#net_list .pageBox {
	font-size:108%;
	font-weight:bold;
	margin-bottom:35px;
}

#net_list th, #net_list td {
	background:#FAE6E6;
	border-bottom:#ffffff 1px solid;
	height:29px;
	vertical-align:middle;
}

#net_list th {
	padding:0 15px;
	background:url(../img/bg/bg_headline_net.gif) no-repeat left #FAE6E6;
}

#net_list td.time {
	padding-left:20px;
	background:url(../img/bg/bg_headline_net2.gif) no-repeat right #FAE6E6;
}

.button {
	clear:left;
	text-align:center;
}

/******** コンテンツページ ********/

.contentPageBox { padding:20px 25px 25px;}
.contentPageBox a.btn:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

.page_timetable .popup {
	padding:20px 0;
}

#weekList {
	overflow:hidden;
	margin-left:25px;
	margin-bottom:10px;
}

#weekList li {
	float:left;
	margin-right:20px;
}

#weekList li a:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

.titleDate {
	font-size:116%;
	color:#EF741D;
	border-bottom:1px solid #F9DCB6;
	margin-bottom:10px;
	height:38px;
	line-height:38px;
}

.titleDate .date {
	width:200px;
	float:left;
}

.titleDate a {
	display:block;
	float:right;
}

#whatsList {}
.whats, .person {
	clear:left;
	height:80px;
	margin-bottom:40px;
}
.whats:last-child {margin-bottom:60px;}

.rBox { margin-left:100px; }
#kanjani { margin-left:180px; }

.ex_pages .lead {
	padding-bottom:35px;
	border-bottom:1px solid #A9DBEF;
	margin-bottom:35px;
}

.page_profile_nori .lead {
	zoom:1;
	width:325px;
}

.page_profile_dj .lead {
	border-bottom:1px solid #C7C7EF;
}

.profileList dt {
	clear:left;
	float:left;
	font-weight:bold;
}

.profileList dd {
	margin-bottom:0.5em;
}

#shime {
	font-size:108%;
	line-height:4.8em;
}

.profSection {
	padding-bottom:15px;
	border-bottom:1px solid #C7C7EF;
	margin-bottom:30px;
}

.profText {	margin-left:150px; }

.profText h4 { width:80px; height:30px; margin-bottom:10px;}
.profText h5, .profText span {font-size:116%;}
.profText h5 {margin-bottom:0.4em;}
.intro {
	padding:10px 0;
}