@charset "UTF-8";

/*------------------
	基本
---------------------*/

body {
	color: #555;
	font-family: "メイリオ",Meiryo, Verdana, "ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro",Arial, helvetica, sans-serif;
	text-decoration: none;
	font-size:11px;
	line-height:1.6;
	padding:0;
	margin:0;
	background: #fff;
	text-align:center;
}

a:link{text-decoration: none;}
a:visited{text-decoration: none;}
a:active{text-decoration: none;}
a:hover{text-decoration: none;}
a:hover img{
	opacity:0.75;
	filter: alpha(opacity=75);
}

a.txt:link {color: #9b8a6e;text-decoration: none;}
a.txt:visited {color: #9b8a6e;text-decoration: none;}
a.txt:active {color: #9b8a6e;text-decoration: none;}
a.txt:hover {color: #000;text-decoration: none;border-bottom:1px #000 dotted;}

.new{ color:#cc0000;}
.clears{ clear:both;height:1px;overflow:hidden;}
.hide{ display:none; }

p {
	margin-top:10px;
	margin-bottom:10px;
}
.date {
	margin:0;
	font-size:10px;
	color: #777;
}
img{
	border:0;
}

span.newmark {
    display: none;
}

/*------------------
	全体
---------------------*/

#Container{
	padding:0;
	margin:0px auto;
	width:960px;
	background: #fff;
	text-align: left;
}

/*--------------------
	ヘッダ
-------------------*/

#Head{
	padding:0;
	margin:0px auto;
	width:960px;
	height:75px;
	background: url('../images/headbg.gif') no-repeat;
	display:table;
}
h1 {
	position:absolute;
	text-indent:-9999px;
}
#Head ul{
	float: right;
	margin-top:20px;
}
#Head ul li{
	float: left;
	list-style-type:none;
}
#Head ul li.twitter{
	width:100px;
	height:40px;
	display:block;
}
#Head ul li.rss{
	width:60px;
	height:40px;
	display:block;
}

/*--------------------
	フラッシュ
-------------------*/

#Flash{
	padding:0;
	margin:0px auto;
	width:960px;
	height:375px;
	background: #9b8a6e;
	display:table;
}

/*--------------------
	メッセージ
-------------------*/

#Message{
	float: left;
	padding:0;
	margin:10px auto;
	width:472px;
	height:75px;
}

div.hoverMessage {
	position: 		relative;
	margin-bottom:	30px;
	background:	url(../images/bnr_message_off.jpg) repeat-x 0 0 scroll;
}
* html div.hoverMessage {/*IE6*/
	background:	url(../images/bnr_message_on.jpg) repeat-x 0 0 scroll;
}
div.hoverMessage a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 		472px;
	height:		75px;
	color:			#9b8a6e;
	background:	transparent none;
}
div.hoverMessage div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:	url(../images/bnr_message_on.jpg) repeat-x 0 0 scroll;
}

/*--------------------
	バナー
-------------------*/

#Banner{
	float: right;
	padding:0;
	margin:10px 0 10px 10px;
	width:230px;
	height:75px;
}

/*-----ジャズトロ------*/
div.hoverJazztronik {
	position: 		relative;
	margin-bottom:	30px;
	background:	url(../images/bnr_jazztronik_off.jpg) repeat-x 0 0 scroll;
}
* html div.hoverJazztronik {/*IE6*/
	background:	url(../images/bnr_jazztronik_on.jpg) repeat-x 0 0 scroll;
}
div.hoverJazztronik a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 		230px;
	height:		75px;
	color:			#9b8a6e;
	background:	transparent none repeat-x 0 0 scroll;
}
div.hoverJazztronik div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:	url(../images/bnr_jazztronik_on.jpg) repeat-x 0 0 scroll;
}

/*-----アートプロジェクトNEW------*/
div.hoverArtNEW {
	position: 		relative;
	margin-bottom:	30px;
	background:	url(../images/bnr_artnew_off.jpg) repeat-x 0 0 scroll;
}
* html div.hoverArtNEW {/*IE6*/
	background:	url(../images/bnr_artnew_on.jpg) repeat-x 0 0 scroll;
}
div.hoverArtNEW a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 		472px;
	height:		75px;
	color:			#9b8a6e;
	background:	transparent none repeat-x 0 0 scroll;
}
div.hoverArtNEW div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:	url(../images/bnr_artnew_on.jpg) repeat-x 0 0 scroll;
}

/*-----アートプロジェクト------*/
div.hoverArt {
	position: 		relative;
	margin-bottom:	30px;
	background:	url(../images/bnr_art_off.jpg) repeat-x 0 0 scroll;
}
* html div.hoverArt {/*IE6*/
	background:	url(../images/bnr_art_on.jpg) repeat-x 0 0 scroll;
}
div.hoverArt a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 		230px;
	height:		75px;
	color:			#9b8a6e;
	background:	transparent none repeat-x 0 0 scroll;
}
div.hoverArt div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:	url(../images/bnr_art_on.jpg) repeat-x 0 0 scroll;
}

/*--------------------
	トピックス＆ニュース
-------------------*/

#TopicsNews{
	clear:both;
	display: block;
	padding:50px 0 40px 0;
	margin:0px auto;
	width:960px;
	overflow:hidden;
	background: url('../images/topicsbg.gif') no-repeat;
}
* html #TopicsNews {/*IE6*/
	padding:30px 0 0 0;
}

#Area{
	float:left;
	/*display:table;*/
	margin:0;
	padding:40px 0 0 0;
	width:160px;
	border-top:1px dotted #ded6c7;
}
* html #Area {/*IE6*/
	border-top:1px solid #ded6c7;
}

#ALL #Area {
	background: url('../images/all.gif') no-repeat;
}
#TML #Area {
	background: url('../images/tml.gif') no-repeat;
}
#DP #Area {
	background: url('../images/dp.gif') no-repeat;
}
#GV #Area {
	background: url('../images/gv.gif') no-repeat;
}
#ED #Area {
	background: url('../images/ed.gif') no-repeat;
}
#LOT #Area {
	background: url('../images/lot.gif') no-repeat;
}
#Area .Thm{
	margin:0 0 5px 0;
	padding:0;
}
* html #Area .Thm {/*IE6*/
	margin:0 0 0 0;
	padding:0;
}
#Area .ThmBody{
	margin:0;
	padding:0;
}
#Area .Date{
	font-size:10px;
	color:#000;
	padding:0;
}
#Area .New{
	font-size:10px;
	color:#fff;
	padding:0 2px;
	background:#000;
}
#Area .EntryBody{
	display: block;
	margin:5px 0 0 0;
	padding:0;
	width:135px;
	line-height:1.4;
	font-size:10px;
}
* html #Area .EntryBody{/*IE6*/
	width:129px;
}

div.hoverBtn {
	position: 		relative;
	background:	transparent none;
	margin-bottom:	30px;
	padding:		0;
}
* html div.hoverBtn {/*IE6*/
	margin-bottom:	0;
}
div.hoverBtn a {
	border-top:		1px dotted #ded6c7;
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 		129px;
	height: 		180px;
	color:			#9b8a6e;
	background:	transparent none;
	padding:		15px;
}
* html div.hoverBtn a {/*IE6*/
	border-top:		1px solid #ded6c7;
	cursor:hand;
}

div.hoverBtn div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:	#ded6c7;
	padding:		15px;
}
* html div.hoverBtn div {/*IE6*/
	background:	transparent none;
	border-top:		1px solid #ded6c7;
	cursor:hand;
}

/*-------------------
	ページトップへ
--------------------*/

#GotoPagetop{
	clear:both;
	margin: 0;
	width:960px;
	height:30px;
	display: block;
	border-top:1px dotted #ccc;
}

div.hoverGotoPagetop {
	position: 		relative;
	background:	#ded6c7;
	margin-bottom:	30px;
}
* html div.hoverGotoPagetop {/*IE6*/
	margin-bottom:	0;
}
div.hoverGotoPagetop a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 		960px;
	height:		30px;
	color:			#000;
	background:	transparent none;
}
div.hoverGotoPagetop div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:	#fff;
}

/*-------------------
	フッタ
--------------------*/

#Foot{
	clear:both;
	text-align:center;
	margin-top:0;
	width:960px;
	height:75px;
	background: #fff;

}