/* Tabs
----------------------------------*/
#tabs {
	clear:both;
	width:852px !important;
	margin:auto 10px;
}

.ui-tabs { margin:0;padding: 0; zoom: 1;}
.ui-tabs .ui-tabs-nav {
	list-style: none;
	position: relative;
/*	padding: .2em .2em 0;*/
}
.ui-tabs .ui-tabs-nav li {
	position: relative;
	float: left;
/*	border:1px solid #CCCCCC; */
	border-bottom:none;
	margin: 0 1px 0 0;
	padding: 0;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	text-decoration: none;
	padding: .5em 1em;
	font-size:100%;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
/*	padding-bottom: 1px;
	border-bottom-width: 0;*/
}
/*
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
*/
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-panel {
	clear:both;
	padding: 10px;
/*	padding: .5em 1.4em;*/
	display: block;
/*	border:2px solid #CCCCCC;*/
	background: none;
}
.ui-tabs .ui-tabs-hide { display: none !important; }



/* dropdown menu */

/* * 									{ margin: 0; padding: 0; }
body								{ font: 14px Helvetica, Sans-Serif; } 
#page-wrap							{ width: 800px; margin: 25px auto; } 
a									{ text-decoration: none; }
ul									{ list-style: none; }
p                                   { margin: 15px 0; }
*/
ul.dropdown                         { position: relative; margin:0; padding:0;}


/* 
	LEVEL ONE
*/
/*
ul.dropdown                         { position: relative; }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; background: #FFFFFF; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 4px 8px; border-right: 1px solid #333;
	 								  color: #222; }
ul.dropdown li:last-child a         { border-right: none; } *//* Doesn't work in IE */
/*
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #F3D673; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }

*/
/* 
	LEVEL TWO
*/
#tabs ul.dropdown ul {
	visibility: hidden;
	width: 66px;
	margin:0;
	padding:0;
	position: absolute;
	top: 100%;
	left: 0;
	list-style:none;
/*	border-bottom:1px solid #CCCCCC;*/

}
#tabs ul.dropdown ul li {
	display:inline !important;
	float: none !important;
	width: 66px;
	height:20px;
	margin:0;
	padding:0;
	color: #0000FF;
/*	border:1px solid #CCCCCC;*/
	line-height:0;
	background:none;
}
									  
                                    /* IE 6 & 7 Needs Inline Block */
#tabs ul.dropdown ul li a {
	display: block;
	width: 66px;
	height:20px;
	margin:0;
	padding:1px 0;
	text-indent:0;
	background-color:#B00000;
	background-image:none;
	border:1px solid #FFFFFF;
	border-bottom-color:#666666;
	border-right-color:#666666;
	cursor:pointer;
	color: #FFFFFF;
	font-weight:bold;
	font-size:87.5%;
	text-align:center;
	line-height:normal;
} 
#tabs ul.dropdown ul li a:hover {
	text-decoration:underline;
	background-color:#CCCCCC;
	background-image:none;
	color: #B00000;
}
/*\*/
html>body #tabs ul.dropdown ul li a {
	width: 64px;
	height:16px;
}
/**/

/*
html>body #tabs ul.dropdown ul li a {
	height:21px;
} 
#tabs ul.dropdown ul li a:hover {
	height:20px;
}
*/


/* 
	LEVEL THREE
*/
#tabs ul.dropdown ul ul 					{ left: 100%; top: 0; }
#tabs ul.dropdown li:hover > ul 			{ visibility: visible; }






/* Table Style */

#tabs table {
	margin:0 auto 40px auto;
/*	border-right:1px solid #999999;
	border-bottom:1px solid #999999;*/
	font-size:116%;
}
#tabs table th,
#tabs table td {
	padding:5px;
	border-bottom:1px solid #999999;
	border-right:1px solid #E0E0E0;
	background-color:#FFFFFF;
	font-weight:normal;
	text-align:left;
}
#tabs table th {
	font-weight:bold;
	text-align:center;
	border-right:1px solid #999999;
	background-color:#FF6600;
	color:#000000;
}
#tabs table th img {
	margin:10px 0 0 0;
}
#tabs table th.reader_name {
	width:90px;
}
#tabs table th.writer_name {
	width:90px;
}
#tabs table .book_name {
	width:210px;
	
}
#tabs table th.disk_num ,
#tabs table td.disk_num {
	width:60px;
	text-align:center;
}
#tabs table th.audition_btn {
	width:130px;
}
#tabs table td.audition_btn {
	text-align:left;
	font-size:87.5%;
}
#tabs table td.audition_btn img {
	vertical-align:middle;
}

#tabs table td.book_name img {
	vertical-align:text-top;
	
}

#tabs table td.main_type {
	font-weight:bold;
}



#tabs table .reader_name_head {
	width:220px;
	padding:0;
	vertical-align:top;
	background:none;
	border:none;
}

#tabs .reader_name_head p {
	height:100%;
	margin-right:10px;
	padding:0;
	color:#000000;
	text-align:left;
	font-size:87.5%;
	font-weight:normal;
	line-height:1.3;
}
html body #tabs th.reader_name_head p .reader_name {
	width:auto;
	color:#000000;
	font-size:150%;
	font-weight:bold;
	background:none;
	text-align:left;
}
#tabs .reader_name_head p .kana {
	font-weight:bold;
	background:none;
	text-align:left;
}


/*
#tabs table .partition_line th,
#tabs table .partition_line td {
	border-top:2px solid #000000;
}
*/




/* tabs buttom style */

#tb-btn1, #tb-btn2, #tb-btn3, #tb-btn4 {
	border:none;
	margin-bottom:0;
}

#tb-btn1 a ,#tb-btn2 a ,#tb-btn3 a ,#tb-btn4 a ,#tb-btn5 a ,
#tb-btn6 a ,#tb-btn7 a ,#tb-btn8 a ,#tb-btn9 a ,#tb-btn10 a {
	width:66px;
	height:36px;
	margin:0;
	padding:10px 0 0 0;
	background:url(../img/common/tab.gif) 0 0 no-repeat #FF0000;
	cursor:pointer;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}
/*\*/
html>body #tb-btn1 a ,html>body #tb-btn2 a ,html>body #tb-btn3 a ,html>body #tb-btn4 a ,html>body #tb-btn5 a ,html>body 
#tb-btn6 a ,html>body #tb-btn7 a ,html>body #tb-btn8 a ,html>body #tb-btn9 a ,html>body #tb-btn10 a {
	height:26px;
}
/**/

#tb-btn1.selected_area a ,
#tb-btn1 a:hover ,
#tb-btn2.selected_area a ,
#tb-btn2 a:hover ,
#tb-btn3.selected_area a ,
#tb-btn3 a:hover ,
#tb-btn4.selected_area a ,
#tb-btn4 a:hover ,
#tb-btn5.selected_area a ,
#tb-btn5 a:hover ,
#tb-btn6.selected_area a ,
#tb-btn6 a:hover ,
#tb-btn7.selected_area a ,
#tb-btn7 a:hover ,
#tb-btn8.selected_area a ,
#tb-btn8 a:hover ,
#tb-btn9.selected_area a ,
#tb-btn9 a:hover ,
#tb-btn10.selected_area a ,
#tb-btn10 a:hover {
	background:url(../img/common/tab.gif) -66px 0 no-repeat;
}