/*	index
------------------------------------------------------------ */

#index { background: #f3f3f8 ; }

#index a { text-decoration: none ; }
#index a:hover { text-decoration: underline ; }

/* ---------------
EXAMPLES GENRE
------------------
ŒoΟ = .g01 = #e27000
ŽΠ‰ο = .g02 = #006908
­Ž‘ = .g03 = #d71c0e
--------------- */
#index #f1 .module_list ul li.g01 a { color: #e27000 ; }
#index #f1 .module_list ul li.g01 a span { background-image: url(../img/bullet01.png) ; }
#index #f1 .module_list ul li.g02 a { color: #006908 ; }
#index #f1 .module_list ul li.g02 a span { background-image: url(../img/bullet02.png) ; }
#index #f1 .module_list ul li.g03 a { color: #d71c0e ; }
#index #f1 .module_list ul li.g03 a span { background-image: url(../img/bullet03.png) ; }
/* 2010-12-01 add start */
#index #f1 .module_list ul li.g04 a { color: #4d921a ; }
#index #f1 .module_list ul li.g04 a span { background-image: url(../img/bullet04.png) ; }
#index #f1 .module_list ul li.g05 a { color: #1592e0 ; }
#index #f1 .module_list ul li.g05 a span { background-image: url(../img/bullet05.png) ; }
#index #f1 .module_list ul li.g06 a { color: #0005d9 ; }
#index #f1 .module_list ul li.g06 a span { background-image: url(../img/bullet06.png) ; }
#index #f1 .module_list ul li.g07 a { color: #8b23ce ; }
#index #f1 .module_list ul li.g07 a span { background-image: url(../img/bullet07.png) ; }
#index #f1 .module_list ul li.g08 a { color: #c62ba8 ; }
#index #f1 .module_list ul li.g08 a span { background-image: url(../img/bullet08.png) ; }
#index #f1 .module_list ul li.g09 a { color: #e95961 ; }
#index #f1 .module_list ul li.g09 a span { background-image: url(../img/bullet09.png) ; }
#index #f1 .module_list ul li.g10 a { color: #853b00 ; }
#index #f1 .module_list ul li.g10 a span { background-image: url(../img/bullet10.png) ; }
/* 2010-12-01 add start */

#index #f2 #list table tr.g01 td.genre span { background: #e27000 ; }
#index #f2 #list table tr.g01 a { color: #e27000 ; }
#index #f2 #list table tr.g02 td.genre span { background: #006908 ; }
#index #f2 #list table tr.g02 a { color: #006908 ; }
#index #f2 #list table tr.g03 td.genre span { background: #d71c0e ; }
#index #f2 #list table tr.g03 a { color: #d71c0e ; }
/* 2010-12-01 add start */
#index #f2 #list table tr.g04 td.genre span { background: #4d921a ; }
#index #f2 #list table tr.g04 a { color: #4d921a ; }
#index #f2 #list table tr.g05 td.genre span { background: #1592e0 ; }
#index #f2 #list table tr.g05 a { color: #1592e0 ; }
#index #f2 #list table tr.g06 td.genre span { background: #0005d9 ; }
#index #f2 #list table tr.g06 a { color: #0005d9 ; }
#index #f2 #list table tr.g07 td.genre span { background: #8b23ce ; }
#index #f2 #list table tr.g07 a { color: #8b23ce ; }
#index #f2 #list table tr.g08 td.genre span { background: #c62ba8 ; }
#index #f2 #list table tr.g08 a { color: #c62ba8 ; }
#index #f2 #list table tr.g09 td.genre span { background: #e95961 ; }
#index #f2 #list table tr.g09 a { color: #e95961 ; }
#index #f2 #list table tr.g10 td.genre span { background: #853b00 ; }
#index #f2 #list table tr.g10 a { color: #853b00 ; }
/* 2010-12-01 add start */

/*	f1  */

#index #f1 #side {
	min-width: 200px ;
	margin: 20px 10px ;
}

#index #f1 h1 {
	margin-bottom: 15px ;
}

#index #f1 h2 {
	font-size: 108% ;
	font-weight: bold ;
	text-shadow: #fff 0 1px 0 ;
	background: #c6c6d0 url(../img/index_bg02.gif) repeat-x ;
	overflow: hidden ;
	border: 1px solid #aaaab2 ;
}

#index #f1 h2 div {
	background: url(../img/index_bg01.gif) left center no-repeat ;
}

#index #f1 h2 div p {
	height: 23px ;
	background: url(../img/index_bg01.gif) right center no-repeat ;
	margin: 0 ;
	padding: 3px 0 0 10px ;
}

/*
 2010-12-01
 #genre_menu‚Μ’Η‰Α
*/
#index #f1 #search,
#index #f1 #clipping,
#index #f1 #feature,
#index #f1 #genre_menu {
	margin-bottom: 10px ;
}

#index #f1 #search #search_body,
#index #f1 .module_list {
	border-right: 1px solid #aaaab2 ;
	border-bottom: 1px solid #aaaab2 ;
	border-left: 1px solid #aaaab2 ;
	padding: 10px ;
}

#index #f1 #search #search_body .search_select {margin-bottom: 5px ;}

#index #f1 #search #search_body .search_input {margin-bottom: 10px ;}

#index #f1 #search #search_body .search_select select{ width: 100px ; }

#index #f1 #search #search_body .search_input input[type="text"]{ width: 120px ; height: 15px ; overflow: hidden ; }

#index #f1 #search #search_body .search_input input[type="button"] {
	text-align: left ;
	font-size: 92% ;
		font-size: 75%\9 ; /* IE6,7,8 */
	width: 50px ;
	height: 21px ;
	background: #000 url(../img/btn03.gif) 0 0 no-repeat ;
	padding-left: 18px ;
		padding-top: 2px\9 ; /* IE6,7,8 */
	display: inline ;
}

#index #f1 #search #search_body .search_input input[type="button"]:hover {
	background: #000 url(../img/btn03.gif) 0 -21px no-repeat ;
}

#index #f1 #search #search_body .search_more input[type="button"] {
	font-size: 100% ;
	color: #000 ;
	font-weight: bold ;
	text-align: left ;
	text-shadow: none ;
	background: url(../img/icon01.gif) 2px center no-repeat ;
	padding-left: 16px ;
}

#index #f1 #search #search_body .search_more input[type="button"]:hover {
	color: #006fae ;
}

#index #f1 #clipping {
	position: relative ;
}

#index #f1 #clipping h2 {
}

#index #f1 #clipping input {
	position: absolute ;
	top: 4px ;
	right: 4px ;
}

#index #f1 .module_list {
	background: #f3f3f8 ;
	padding: 1px ;
}

#index #f1 .module_list ul li { overflow: hidden ;border-bottom: 1px solid #aaaab2 ;}
#index #f1 .module_list ul li:last-child {border-bottom: none ;}
#index #f1 .module_list ul li.clip:first-child {border-top: 1px solid #aaaab2 ;}
#index #f1 .module_list ul li.clip:last-child {border-bottom: 1px solid #aaaab2 ;}

#index #f1 .module_list ul li a {
	position: relative ;
	text-shadow: #fff 0 1px 0 ;
	display: block ;
	overflow: hidden ;
	padding: 2px 8px 0  ;
}

#index #f1 .module_list ul li a:hover {
	text-decoration: none ;
}

#index #f1 .module_list ul li a img.mail {
	position: absolute ;
	top: 5px ;
	right: 2px ;
}

#index #f1 .module_list ul li a:hover {
	color: #fff ;
	text-shadow: none ;
	background: #006fae ;
}

#index #f1 .module_list ul li.clip a {
	background: #e4e4eb url(../img/index_bg03.gif) repeat-x ;
	border-right: 1px solid #aaaab2 ;
	border-left: 1px solid #aaaab2 ;
}

#index #f1 .module_list ul li.clip a span {
	background-repeat: no-repeat ;
	padding-left: 18px ;
}

#index #f1 .module_list ul li.clip a:hover {
	color:#fff !important;
	background: #1692d9 url(../img/index_bg03_ov.gif) repeat-x ;
}

#index #f1 #function ul li {
	font-size: 83% ;
}

#index #f1 #function ul li a {
	color: #000 ;
	display: block ;
	padding: 2px 0 ;
}

#index #f1 #function ul li a:hover {
	color: #006fae ;
	text-decoration: none ;
}

#index #f1 #function ul li a img { vertical-align: middle ; padding-right: 5px ; }

/*	f2  */

#index #f2 #list {
	width: 100% ;
	min-width: 700px ;
	top: 0 ;
	left: 0 ;
	position: relative ;
	padding-top: 10px ; /** 35px ;**/
}

/**
#index #f2 #list #uid {
	width: 100% ;
	height: 25px ;
	position: absolute ;
	top: 0 ;
	left: 0 ;
	color: #fff ;
	background: #680000 url(../img/index_bg04.gif) repeat-x ;
	overflow: hidden ;
	border-bottom: 1px solid #3f0000 ;
	padding:  5px 0 0;
}

#index #f2 #list #uid input[type="button"] {
	display: inline ;
}

#index #f2 #list #uid #uid_inner {
	text-align: right ;
	padding-right: 10px ;
}

#index #f2 #list #uid #uid_inner span {
	text-shadow: #000 0 -1px 0 ;
	padding-right: 10px ;
}
**/
#index #f2h #uid {
	width: 100% ;
	height: 25px ;
	position: absolute ;
	top: 0 ;
	left: 0 ;
	color: #fff ;
	background: #680000 url(../img/index_bg04.gif) repeat-x ;
	overflow: hidden ;
	border-bottom: 1px solid #3f0000 ;
	padding:  5px 0 0;
}

#index #f2h #uid input[type="button"] {
	display: inline ;
}

#index #f2h #uid #uid_inner {
	text-align: right ;
	padding-right: 10px ;
}

#index #f2h #uid #uid_inner span {
	text-shadow: #000 0 -1px 0 ;
	padding-right: 10px ;
}



#index #f2 #list table {
	width: 100% ;
}

#index #f2 #list table tr.nth-child-even { background: #f3f3f8 ; }

#index #f2 #list table td {
	overflow: hidden ;
	white-space: nowrap;
	vertical-align: middle ;
	padding: 1px 10px 1px 0 ;
}

#index #f2 #list table td img { vertical-align: middle ; }

#index #f2 #list table td a {
	color: #000 ;
}

#index #f2 #list table td.date { width: 35px ; padding-left: 10px ;}
#index #f2 #list table td.time { width: 35px ;}
#index #f2 #list table td.genre { width: 35px ; font-size: 92% ; text-align: center ; }
#index #f2 #list table td.photo { width: 20px ; text-align: right ; padding-right: 10px ;}
#index #f2 #list table td.title {}

#index #f2 #list #highlightlist table{ border : 1px solid #ece9d8;}
#index #f2 #list #highlightlist table tr { font-size: 24px ; background: #f3f3f8 ;} 
#index #f2 #list #highlightlist table td.date { width: 35px ; padding-left: 10px ;}
#index #f2 #list #highlightlist table td.time { width: 35px ; padding-left: 10px ;}
#index #f2 #list #highlightlist table td.genre { width: 35px ; font-size: 92% ; text-align: center ; }
#index #f2 #list #highlightlist table td.photo { width: 20px ; text-align: right ; padding-right: 10px ;}


#index #f2 #list table tr.checked td.genre span { color: #fff ; line-height: 0 ; padding: 2px 1px 0 4px ; }



#index #f2 #list table.table_focus tr:hover{ background: #fff9c4; }

#index #f2 #list table.table_focus tr.selected { color: #fff ; background: #006fae ;}
#index #f2 #list table.table_focus tr.selected a { color: #fff ; !important}
#index #f2 #list table.table_focus_list tr.selected { color: #fff ; background: #006fae ;}
#index #f2 #list table.table_focus_list tr.selected a { color: #fff ; !important}

/*	f3 and dialog  */

#index #f3 #contents #contents_title {
	min-width: 680px ;
	font-size: 117% ;
	text-shadow: #fff 0 1px 0 ;
	line-height: 1.4 ;
	background: #c4c4cf url(../img/index_bg05.gif) repeat-x ;
	border-bottom: 1px solid #78787e ;
	padding: 10px ;
}

#index #f3 #contents #contents_title table td,
#index #dialog #contents_title table td {
	padding-right: 12px ;
}

#index #f3 #contents #contents_title table td.date,
#index #dialog #contents_title table td.date { width: 70px ; }

#index #f3 #contents #contents_title table td.time,
#index #dialog #contents_title table td.time { width: 40px ; }

#index #f3 #contents #contents_title table td.genre,
#index #dialog #contents_title table td.genre { width: 30px ; padding-right: 20px ; }

#index #f3 #contents #contents_title h2,
#index #dialog #contents_title h2 {
	font-weight: bold ;
	display: inline ;
}

#index #f3 #contents #contents_body {
	padding: 10px 10px 30px ;
}

#index #f3 #contents #contents_body #contents_entry,
#index #dialog #contents_body #contents_entry {
	margin-bottom: 15px ;
}

#index #f3 #contents #contents_body #contents_entry p:last-child,
#index #dialog #contents_body #contents_entry p:last-child {
	margin-bottom: 0 ;
}

#index #f3 #contents #contents_body #contents_image,
#index #dialog #contents_body #contents_image {
	margin-bottom: 15px ;
}

#index #f3 #contents #contents_body #contents_image table,
#index #dialog #contents_body #contents_image table {
	margin-left:auto;
	margin-right:auto;
}

#index #f3 #contents #contents_body #contents_link,
#index #dialog #contents_body #contents_link {
	background: url(../img/index_bg07.gif) repeat-x ;
}

#index #f3 #contents #contents_body #contents_link h3,
#index #dialog #contents_body #contents_link h3 {
	background: url(../img/index_bg06.gif) no-repeat left center ;
}

#index #f3 #contents #contents_body #contents_link h3 p,
#index #dialog #contents_body #contents_link h3 p {
	height: 19px ;
	text-shadow: #fff 0 1px 0 ;
	font-weight: bold ;
	background: url(../img/index_bg08.gif) no-repeat right center ;
	overflow: hidden ;
	padding: 4px 10px 0 ;
	margin-bottom: 0 ;
}

#index #f3 #contents #contents_body #contents_link #contents_link_body,
#index #dialog #contents_body #contents_link #contents_link_body {
	background: #f3f3f8 ;
	border-right: 1px solid #aaaab2 ;
	border-bottom: 1px solid #aaaab2 ;
	border-left: 1px solid #aaaab2 ;
	padding: 10px ;
	margin-bottom: 10px ;
}

#index #f3 #contents #contents_body #contents_note,
#index #dialog #contents_body #contents_note {
	font-size: 83% ;
	text-align: right ;
}

/*	f3navigationbar  */

#index #f3f .section_left ul {
	border-right: #e4e4e9 1px solid ;
}

#index #f3f ul li{
	background : url(../img/index_bg10.gif) no-repeat left center ;
	padding-left: 2px ;
	float: left ;
}

#index #f3f ul li:last-child{
	border-right: #78787e 1px solid ;
}


#index #f3f .section_left ul li:first-child{
	padding: 0 ;
	background: none ;
}

#index #f3f ul li input[type="button"]{
	font-size: 100% ;
	height: 30px ;
	text-align: left ;
	color: #000 ;
	font-weight: bold ;
	text-shadow: #fff 0 1px 0;
	background: url(../img/index_bg11.gif) no-repeat left center ;
	padding : 6px 10px 5px 20px ;
}

#index #f3f ul li input:hover{
	background: url(../img/index_bg11_ov.gif) no-repeat left center ;
}

/*	announce  */

#index #f3a .announce_title{
	width: 80px ;
	position: absolute ;
	top: 5px ;
	left: 10px ;
	border-right: 1px solid #fff ;
}

#index #f3a .announce_title p{
	background: url(../img/icon08.gif) no-repeat 0 2px ;
	border-right: 1px solid #78787e ;
	padding : 0 10px 0 18px ;
	margin: 0 ;
}

/*	dialog  */

#index #dialog #contents_title {
	font-size: 117% ;
	border-bottom: 1px solid #aaaab2 ;
	background: url(../img/bullet03.png) no-repeat left 4px ;
	padding: 0 0 3px 18px ;
	margin-bottom: 10px ;
}

/*	overwrite @frame_3box.css  */

#index #b1to2 {
	background: #dfdfe5 url(../img/partition01.gif) no-repeat center center ;
	border-top: #a5a59c 1px solid ;
	border-right: #7c7c75 1px solid ;
	border-bottom: #65655f 1px solid ;
	border-left: #a5a59c 1px solid ;
}

#index #b2to3 {
	background: #dfdfe5 url(../img/partition02.gif) no-repeat center center ;
	border-top: #fff 1px solid ;
	border-right: #a8a8ac 1px solid ;
	border-bottom: #78787e 1px solid ;
	border-left: #e7e7eb 1px solid ;
}

#index #f3f{
	min-width: 700px ;
	height: auto;
	background : #c5c5cf url(../img/index_bg09.gif) repeat-x ;
	position : absolute;
	border-top : 1px solid #fff ;
	border-bottom : 1px solid #78787e ;
	padding : 0 ;
}

#index #f3a{
	height: auto;
	background : #f3f3f8 ;
	padding: 5px 0 3px 10px ;
}

/*	overwrite @li-scroller.css  */

#index #f3a .tickercontainer,
#index #f3a .tickercontainer ul.newsticker li {
	background : none ;
}

#index #f3a .tickercontainer {
	margin: 0 ;
}

#index #f3a .tickercontainer .mask {
	left: 81px ;
	width: 100% ;
}

#index #f3a .tickercontainer ul.newsticker li span {
	color: #000 ;
	font-weight: normal ;
	font-size: 12px ;
}

/*	overwrite @jquery-ui-1.8.5.custom.css  */

#index .ui-dialog { padding: 3px ; }

#index .ui-widget { 
	font-size: 100% ;
	font-family: "MS Gothic", "Hiragino Kaku Gothic Pro", "Hiragino Maru Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro W3", "ƒqƒ‰ƒMƒmŠΫƒS Pro W4", "Hiragino Maru Gothic Pro W4", "Helvetica", "Verdana", sans-serif;
}

#index .ui-widget-header { font-size: 117% ;border: 1px solid #aaaab2; background: #c4c4ce url(../img/index_bg12.gif) 50% 50% repeat-x; color: #000 ; font-weight: bold; text-shadow: #fff 0 1px 0 ; }

#index .ui-dialog .ui-dialog-content { padding: 15px ; }

#index .ui-widget-content { border: none; background: #fff; color: #000 ; }

#index .ui-state-hover,
#index .ui-widget-content .ui-state-hover,
#index .ui-widget-header .ui-state-hover,
#index .ui-state-focus,
#index .ui-widget-content .ui-state-focus,
#index .ui-widget-header .ui-state-focus { border: 1px solid #aaaab2; background: #f5f5fa 50% 50% repeat-x; font-weight: bold; color: #c77405; }

#index .ui-state-hover .ui-icon, #index .ui-state-focus .ui-icon { background-image: url(../img/ui-icons_aaaab2_256x240.png); }
.ui-icon-closethick { background-position: -96px -128px; }

/*	index .select_newslist  */

#index.select_newslist #f2h{
	height: 38px;
	padding: 0 ;
}

#index.select_newslist #f2 #list {
	min-width: 720px ;
	padding-top: 5px ;
}

#index.select_newslist #f2 #list table td.check { width: 10px ; padding-left: 20px ;}

#index.select_newslist #f3h {
	min-width: 800px ;
}

#index.select_newslist #f3h .pagenav {
	text-shadow: #fff 0 1px 0 ;
	border-bottom: 1px solid #78787e ;
	padding: 0 20px 10px ;
}

#index.select_newslist #f3h .pagenav span {
}

#index.select_newslist #f3h .pagenav span.title {
	font-weight: bold ;
	padding-left: 0 ;
}

#index.select_newslist #f3h .pagenav a,
#index.select_newslist #f3h .pagenav strong,
#index.select_newslist #f3h .pagenav span {
	padding: 0 5px ;
}

#index.select_newslist #f3h .pagenav a {
	color: #006fae ;
	background: none ;
}

#index.select_newslist #f3h .pagenav strong {
	font-size: 117% ;
}

#index.select_newslist #f3h .fcnav {
	border-top: 1px solid #e4e4e9 ;
	border-bottom: 1px solid #78787e ;
}

#index.select_newslist #f3h .fcnav ul {
	border-right: #e4e4e9 1px solid ;
	padding-left: 15px ;
}

#index.select_newslist #f3h .fcnav ul li{
	background : url(../img/index_bg10.gif) no-repeat left center ;
	padding-left: 2px ;
	float: left ;
}

#index.select_newslist #f3h .fcnav ul li:last-child{
	border-right: #78787e 1px solid ;
}

#index.select_newslist #f3h .fcnav ul li:first-child{
	padding: 0 ;
	background: none ;
}

#index.select_newslist #f3h .fcnav ul li input[type="button"]{
	font-size: 100% ;
	height: 30px ;
	text-align: left ;
	color: #000 ;
	font-weight: bold ;
	text-shadow: #fff 0 1px 0;
	background: url(../img/index_bg14.gif) no-repeat left center ;
	padding : 6px 10px 5px 20px ;
}

#index.select_newslist #f3h .fcnav ul li input:hover{
	background: url(../img/index_bg14_ov.gif) no-repeat left center ;
}

#index.select_newslist #f3 #contents #contents_title {
	background: #c4c3cd ;
	padding: 10px 20px ;
}

#index.select_newslist #f3 #contents #contents_body {
	padding: 10px 20px 30px ;
}

/*	overwrite @frame_3box.css  */

#index.select_newslist #f2h{
	height: auto ;
	padding: 0 ;
}

#index.select_newslist #f3h{
	color: #000 ;
	height: auto ;
	background: #c4c4ce url(../img/index_bg13.gif) repeat-x ;
	position: absolute;
	padding: 10px 0 0 ;
	border-top: 0 ;
	border-bottom: 1px solid #e4e4e9 ;
}

#highlightlist {
	height : 0px ;
	visibility: hidden ;	/* •\Ž¦‚΅‚Θ‚’ */
	/*visibility: visible ;*/	/* •\Ž¦‚·‚ι	*/
}

#index #f2 #photo_list {
	text-align: center ;
}