@charset "utf-8";
@import "font.css";

/*--------------- 全体設定 ---------------*/
* {
	margin:0;
	padding:0;
	font-style:normal;
}

/*----------------- タグ -----------------*/
body {
	font-family:'Trebuchet MS',verdana,"ＭＳ Ｐゴシック",Osaka,sans-serif;
	background: #d0d0d0;
	overflow: hidden;
	text-align:center; /*IE Hack*/
}

img {
	border:none;
}

/*----------- 擬似フレーム設定 -----------*/
.container{
	width : 1000px;
	height : 100%;
	background: #ffffff;
	background-image: url(../images/background/shadow.gif);
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	z-index : 01;
}

.bar{
	width :  960px;
	height :  95px;
	background: #ffffff;
	top: 0px;
	margin-left: 15px;
	position: absolute;
	z-index : 90;
}

.bar_inner{
	width :  950px;
	height :  95px;
	margin-left: auto;
	margin-right: auto;
}

.main_outer{
	width:   1000px;
	height :  100%;
	margin: 0px auto;
}

.main{
	background: #ffffff;
	background-image: url(../images/background/shadow.gif);
	width:   1000px;
	height :  100%;
	top: 0px;
	margin: 0px auto;
	z-index : 1;
	overflow: auto;
	
	scrollbar-face-color: #8d8;
}

.main_inner{
	width :   950px;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
}

/*------------ ヘッダ部 内容 -------------*/
#head-content div.rcontent {
	padding:2px;
	background:#ffcc66;
	color:#fff;
	font-family: Verdana;
	font-weight: bold;
	font-size:16pt;
}

/*------- 角丸のCSS -------*/
#head-content span.rtop,
#head-content span.rbottom {
	display:block;
	background: #fff;
}

#head-content span.rtop span,
#head-content span.rbottom span {
	display:block;
	height: 1px;
	overflow: hidden;
	background: #ffcc66;
}

#head-content span.r1{margin: 0 5px;}
#head-content span.r2{margin: 0 3px;}
#head-content span.r3{margin: 0 2px;}
#head-content span.rtop span.r4, span.rbottom span.r4{margin: 0 1px;height: 2px;}

#head-content span.r0 {
	display:block;
	height: 3px;
	overflow: hidden;
	background: #0a0;
	margin: 2 6px;
}

/*------- 角丸のCSS -------*/

/*------------ フッタ部 内容 -------------*/
#foot-content div.copyright {
	padding:2px;
	background:#ffcc66;
	color:#fff;
	font-family: Verdana;
	font-weight: bold;
	font-size:10pt;
	text-align:right;
}

#foot-content span.rtop,
#foot-content span.rbottom {
	display:block;
	background: #fff;
}

#foot-content span.rtop span,
#foot-content span.rbottom span {
	display:block;
	height: 1px;
	overflow: hidden;
	background: #ffcc66;
}

#foot-content span.r1{margin: 0 5px;}
#foot-content span.r2{margin: 0 3px;}
#foot-content span.r3{margin: 0 2px;}
#foot-content span.rtop span.r4, span.rbottom span.r4{margin: 0 1px;height: 2px;}

/*------- 角丸のCSS -------*/
#headfoot-content span.rtop,
#headfoot-content span.rbottom {
	display:block;
	background: #fff;
}

#headfoot-content span.rtop span,
#headfoot-content span.rbottom span {
	display:block;
	height: 1px;
	overflow: hidden;
	background: #ffcc66;
}

#headfoot-content span.r1{margin: 0 5px;}
#headfoot-content span.r2{margin: 0 3px;}
#headfoot-content span.r3{margin: 0 2px;}
#headfoot-content span.rtop span.r4, span.rbottom span.r4{margin: 0 1px;height: 2px;}

#headfoot-content span.r0 {
	display:block;
	height: 3px;
	overflow: hidden;
	background: #0a0;
	margin: 2 6px;
}

/*------- 角丸のCSS -------*/

/*----------- メニュー部 内容 ------------*/
#menu-content div.rcontent {
	padding:0px;
	background:#fff099;
	color:#f60;
	font-family: Verdana;
	font-weight: bold;
	font-size:12pt;
}

/*------- 角丸のCSS -------*/
#menu-content span.rtop,
#menu-content span.rbottom {
	display:block;
	background: #fff;
}

#menu-content span.rtop span,
#menu-content span.rbottom span {
	display:block;
	height: 1px;
	overflow: hidden;
	background: #fff099;
}

#menu-content span.r1{margin: 0 5px;}
#menu-content span.r2{margin: 0 3px;}
#menu-content span.r3{margin: 0 2px;}
#menu-content span.rtop span.r4, span.rbottom span.r4{margin: 0 1px;height: 2px;}

/*------- 角丸のCSS -------*/

/*------------- 本文部 内容 --------------*/
#linknest p{
	font-size: 14px;
	font-weight: bold;
	color: #080;
	text-align: right;
	margin-right: 2em;
}

#body-text h2 {
	color:#fa0;
	font-family: Verdana;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
}

#body-menu {
	float: left;
	margin-left: 650px;
	margin-top:  140px;
	position: absolute;
}

/*--------- 内容 ----------*/
#body-content h2 {
	margin-bottom: 2px;
	padding-left: 33px;
	line-height: 16px;
	background: #fff url('../images/symbol/PREFIX.gif')  no-repeat scroll left center;
	font-family: "Verdana";
	font-weight: bold;
	font-size: 14px;
	text-align: left;
}

#body-content table {
	margin-left : auto ;
	margin-right : auto ;
}

/*----- 罫線あり基本テーブル ------*/
#basictable table{
	border-color: #ffcc66;
    border-collapse:collapse;
	margin-top: 0px;
	margin-left: 8px;
}

#basictable tbody{
	font-size: 10pt;
	color:#330000;
	font-family:Verdana;
	line-height: 135%;
}

#basictable th{
	background: #fff099;
	border-width: 1px;
	border-style: solid;
	border-color: #ffcc66;
	text-align: left;
	vertical-align: middle;
	padding: 0 0.5em;
}

#basictable td{
	border-width: 1px;
	border-style: solid;
	border-color: #ffcc66;
	text-align: left;
	vertical-align: middle;
	padding: 0 0.5em;
}

/* 定義リスト2（dtの幅が短いVer・更新履歴とイベント詳細で使用） */
#body-content dl.dt-short dt {
	padding-left: 0px;
	width: 7em;
	line-height: 1.2;
	font-size: 14px;
}
#body-content dl.dt-short dd {
	margin: -1.2em 0 0 7em;
	line-height: 1.2;
	font-size: 14px;
}
#body-content dl{
	margin-bottom: 0.2em;
}

#body-content p{
	font-size: 14px;
    padding-bottom:6px;
    padding-right:6px;
}

#body-content p.red{
	font-size: 14px;
    color: red;
    padding-bottom:6px;
    padding-right:6px;
}

/* ---- 擬似インラインフレーム ----*/
#body-content .textbox1{
	border: none;
	width: 98%;
	height: 130px;
	margin: auto;
	padding-left: 2px;
	overflow: auto;
	
	scrollbar-face-color: #8d8;
	
}

#body-content .textbox2{
	border: none;
	width:  98%;
	height: 240px;
	margin: auto;
	padding-left: 6px;
	overflow: auto;
	
	scrollbar-face-color: #8d8;

}

#body-content .textbox3{
	border: none;
	width:  600px;
	margin: 20px;
	padding-left: 6px;
	text-align: left;
	overflow: visible;
	
	scrollbar-face-color: #8d8;

}

#body-content .leftbox{
	width: 100%;
	text-align: left;
}

#body-content .singlebox{
	margin: 0 20px;
	text-align: left;
}

#body-content ul.list{
	text-align: left;
	font-size:   15px;
	margin-top:   0px;
	margin-left: 20px;
	line-height: 20px;
}

#body-content li{
	margin-top:   6px;
}

#body-content ul.alert{
	font-size: 16px;
	margin-left: 26px;
	margin-top:   0px;
    color: red;
    padding-bottom:6px;
    padding-right:6px;
	list-style-image: url("../images/symbol/SUN_22_20.gif");
}

/*----- 角丸ボックス ------*/

.curve-head{
	font-size:1px;
	height:7px;
	background:url(../images/background/curve-right-head.gif) top right no-repeat;
	margin-top:2px;
}

.curve-head div{
	font-size:1px;
	height:7px;
	background:url(../images/background/curve-left-head.gif) top left no-repeat;
}

.curve-body{
	background:url(../images/background/curve-left-middle.gif) top left repeat-y;
}

.curve-body div{
	background:url(../images/background/curve-right-middle.gif) top right repeat-y;
}

.curve-bottom{
	font-size:1px;
	height:7px;
	background:url(../images/background/curve-right-bottom.gif) bottom right no-repeat;
	margin-bottom:5px;
}

.curve-bottom div{
	font-size:1px;
	height:7px;
	background:url(../images/background/curve-left-bottom.gif) bottom left no-repeat;
}

/*----- イベント一覧テーブル ------*/
#eventlist table{
	border-color: #ffcc66;
    border-collapse:collapse;
	margin-top: 0px;
	margin-left: 8px;
}

#eventlist tbody{
	font-size: 10pt;
	color:#330000;
	font-family:Verdana;
	line-height: 135%;
}

#eventlist th{
	background: #fff099;
	border-width: 1px;
	border-style: solid;
	border-color: #fff099;
	text-align: center;
	vertical-align: middle;
}

#eventlist td{
	border-width: 1px;
	border-style: solid;
	border-color: #ffcc66;
	text-align: left;
	vertical-align: middle;
	padding: 0 4px;
}

/*----------- 切替タブ ------------*/
#eventlist_tab td{
	border-width: 0px;
	text-align: left;
	vertical-align: bottom;
	padding: 0px;
}

.tabNav{
	position:relative;
	z-index:10;
	*zoom:1;
}

.tabNav li{
	display:inline;
	height: 1em;
	border-bottom: 0px;
	margin-left:0px;
	margin_bottom:0px;
	text-decoration: none;
	valign: bottom;
}

#day li a{
	display:inline;
	background:url(../images/text/TAB_DAY.gif) bottom left no-repeat;
	padding:0.25em 7px;
	text-decoration: none;
	z-index:10;
}

#day li a.active{
	background:url(../images/text/TAB_DAY_ACTIVE.gif) bottom left no-repeat;
	border-bottom: 0px;
	text-decoration: none;
	z-index:10;
}

#genre li a{
	display:inline;
	background:url(../images/text/TAB_GENRE.gif) bottom left no-repeat;
	padding:0.25em 7px;
	text-decoration: none;
	z-index:10;
}

#genre li a.active{
	background:url(../images/text/TAB_GENRE_ACTIVE.gif) bottom left no-repeat;
	border-bottom: 0px;
	text-decoration: none;
	z-index:10;
}