/* ==================== all ==================== */
* { 
	margin: 0;
	padding: 0; 
	font-weight:normal; 
	font-style:normal; 
	font-size: 12px;
	line-height: 1.6em;
	font-family: ヒラギノ角ゴ Pro W3,ＭＳ Ｐゴシック;
}

body {
	background-color: #ffffff;
	margin: 0 auto;
	text-align:center;
	padding: 0px;
	color: #333333;
}

.base {
	margin: 0;
	padding: 0;
	width: 800px;
	color: #7F7F7F;
}


td {
	font-size: 12px;
	line-height: 1.5em;
	font-family: ヒラギノ角ゴ Pro W3,ＭＳ Ｐゴシック;
}

/* ==================== common ==================== */

/* ---------- box ---------- */

div {
	margin: 0;
	padding: 0;
}

p {
	font-size: 12px;
	margin: 0;
	padding-bottom: 0.5em;
}

br {
	margin: 0;
	padding: 0;
}

span {
	margin: 0;
	padding: 0;
}

form {
	padding: 0;
	margin: 0;
}

h1{
	font-size: 140%;
	font-weight: bold;
	padding-bottom: 0.5em;
	margin: 0;
}


/* ---------- font ---------- */

a:link {
	color: #00B600;
	text-decoration : none;
	cursor: hand;
}
a:visited {
	color: #00B600;
	text-decoration : none;
}
a:active {
	color : #EFC000;
	text-decoration : none;
}
a:hover {
	color : #EFC000;
	text-decoration : none;
}

.notes {
	font-size: 10px;
	color : #5F5F5F;}

.txt-red {
	color: #FF0000;
}

.text_out{
	position:absolute;
	top:-5000px;
	left:-999px;
}


/* ---------- margin of image ---------- */

img.mark {
	margin-top: 20px;
	margin-bottom: 3px;
}


/* ----------header---------- */

#headerArea{
	width: 800px;
	height:110px;
	margin:10px 0 15px 0;
	padding-left:20px;
	text-align:left;
}

#headerArea2{
	width: 800px;
	height:208px;
	margin:10px 0 15px 0;
}

/*--menu--*/
#menu{
	width:181px;
	margin: 0 24px 20px 0;
	float: left;
	clear: both;	
}
#menu ul{
	list-style-type:none;
}		
#menu li{
	margin-bottom:3px;
}
#menu ul li a{
	display:block;
	width:181px;
	height:36px;
	background: url(../img/common/menu.gif) no-repeat 0 0;
}
#menu  a.news_of {background-position: 0px 0px;}
#menu  a.mmt_of {background-position: 0px -36px;}
#menu  a.info_of {background-position: 0px -72px;}
#menu  a.art_of {background-position: 0px -108px;}
#menu  a.eve_of {background-position: 0px -144px;}
#menu  a.map_of {background-position: 0px -180px;}
#menu  a.blog_of {background-position: 0px -216px;}
#menu  a.link_of {background-position: 0px -252px;}

#menu  a.news_of:hover,
#menu  a.news_on {background-position: -181px 0px;}
#menu  a.mmt_of:hover,
#menu  a.mmt_on {background-position: -181px -36px;}
#menu  a.info_of:hover,
#menu  a.info_on {background-position: -181px -72px;}
#menu  a.art_of:hover,
#menu  a.art_on {background-position: -181px -108px;}
#menu  a.eve_of:hover,
#menu  a.eve_on {background-position: -181px -144px;}
#menu  a.map_of:hover,
#menu  a.map_on {background-position: -181px -180px;}
#menu  a.blog_of:hover,
#menu  a.blog_on {background-position: -181px -216px;}
#menu  a.link_of:hover,
#menu  a.link_on {background-position: -181px -252px;}


/*---------container---------*/
#container{
	width: 800px;
	margin: 0 auto;
}

/* ---------- footer ---------- */

#footer {
	width:595px;
	height:70px;
	text-align:right;
	padding-bottom:30px;
}


/*--------contents--------*/
#contents{
	width: 595px;
	margin: 0;
	padding: 0px;
	background:#FFF;
	text-align:left;
	float:right;
}


/*--space--*/
.clear{
clear:both;
}