/* CSS Document */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block; }
/*Hides from IE-mac \*/
*html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear{
	height:0px;
	margin:0;
	padding:0;
	clear:both;
	font-size:0px;
}

body {
	font-size:small;
	margin:0;
	padding:0;
	background-image:url(../images/nightparts/bg_main_top.gif);
	background-repeat:repeat-x;
	background-color:#000b2f;
	color:#666666;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
}
h1 {
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	text-indent: -99999px;	
}

a {
	text-decoration:none;
	color:#FF9900;
}
a:hover {
	text-decoration:underline;
	color:#FF3300;
}

/*レイアウト要素-----------------------------------------------------*/
#all {
	background-image: url(../images/nightparts/bg_header_02.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#wrapper {
	text-align:left;
	margin:0 auto;
	padding:0;
	width:750px;

}


/*ヘッダー要素ここから-------------------------------------*/
#header {
	height:75px;
	background-image: url(../images/nightparts/bg_header.gif);
	background-repeat: repeat-x;
}
#header-left {
	width:375px;
	height:75px;
	float:left;
}

#header h1 a {
	width:175px;
	height:36px;
	display:block;
	background:url(../images/nightparts/bn_midori.png);
	behavior: expression(IEPNGFIX.fix(this));
} 
#header h2 {
	width:370px;
	height:20px;
	display:block;
	background:url(../images/nightparts/bg_sub_title.png);
	background-position:bottom;
	behavior: expression(IEPNGFIX.fix(this));
	font-size: 0px;
	line-height: 0px;
	margin:15px 0 0 0;
	padding: 0px;
	text-indent: -99999px;	
}

#header-right {
	width:375px;
	height:75px;
	float:left;
}

.header-menu {
	text-align:right;
}
#google {
	margin:10px 0 0 0;
}

/*ヘッダー要素ここまで-------------------------------------*/

/*メニュー要素ここから-------------------------------------*/
#global-area {
	margin:0;
	padding:0;
}
#global {
	float:left;
}

/*メニュー要素ここまで-------------------------------------*/

#size-change {
	width:145px;
	height:30px;
	float:left;
	background-image:url(../images/nightparts/bn_size_change.gif);
	background-repeat:no-repeat;
	display:block;
	margin:10px 0 0 5px;
	
}
#size-change ul {
	margin:0 0 0 25px;
	_margin:0 0 0 65px;
/*	_margin:20px 0 0 5px;
	margin:0;
	padding:20px 0 0 5px;*/
}
#size-change ul li {
	float:left;
	list-style-image: none;
	list-style-type: none;
}
li button#font-small { width:16px; height:30px; border:0; display:block; cursor: pointer; margin:0 1px 0 2px; font-size:0px;     filter: Alpha(opacity=0); opacity:0;}
li button#font-small:hover{
	background-color:#FF0000;
	filter: Alpha(opacity=20); opacity:0.2;
}
li button#font-medium { width:25px; height:30px; border:0; display:block; cursor: pointer; margin-right:1px; font-size:0px; filter: Alpha(opacity=0); opacity:0;}
li button#font-medium:hover {
	background-color:#FF0000;
	filter: Alpha(opacity=20); opacity:0.2;
}
li button#font-large { width:32px; height:30px; border:0; display:block; cursor: pointer; margin-right:2px; font-size:0px; filter: Alpha(opacity=0); opacity:0;}
li button#font-large:hover {
	background-color:#FF0000;
	filter: Alpha(opacity=20); opacity:0.2;
}

/*FLASH要素ここまで-------------------------------------*/
#fla-area {
	/*background-image:url(../images/nightparts/bg_flash.gif);*/
	background-repeat:no-repeat;
	width:750px;
	height:350px;
	margin-top:10px;
	text-align:center;
}


/*コンテンツエリアここから-------------------------------------*/
#container {
	background-image:url(../images/nightparts/bg_main_head.gif);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	padding-top:15px;
	margin-top:10px;
	_height:400px;
}




/*--------------------------------------------------ナイトエリア*/

#night-zoo-area {
	margin:0px 10px;
	width:730px;
	height:350px;
}







/*トピックスエリアここから---------*/
#topic {
	margin:0;
	padding:0;
	background-image:url(../images/nightparts/bg_topic_main.gif);
	background-repeat:repeat-y;
	min-height:340px;
	_height:340px;
}

#topic-container {
	margin:0 15px;
}

#topic h2 {
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	text-indent: -99999px;
}
/*ズーラシアトピックス*/
#zoorasia-topic {	
	width:240px;
	margin:0;
	padding:0;
	float:left;
	color:#006633;
}

#zoorasia-topic h2 {
	background-image:url(../images/nightparts/h2_zoorasia.gif);
	background-repeat:no-repeat;
	width:224px;
	height:32px;
	margin-left:16px;
}
#zoorasia-topic h4 {
	margin:5px 5px 2px 16px;
	padding:0;
}

/*野毛山トピックス*/
#nogeyama-topic {	
	width:240px;
	_width:230px;
	margin:0;
	padding:0;
	float:left;
	color:#4D8ABD;
	overflow:hidden;
}
#nogeyama-topic h2 {
	background-image:url(../images/nightparts/h2_nogeyama.gif);
	background-repeat:no-repeat;
	width:224px;
	_width:220px;
	height:32px;
	margin-left:15px;
	_margin-left:10px;
}
#nogeyama-topic h4 {
	margin:5px 5px 2px 16px;
	padding:0;
}
/*金沢ピックス*/
#kanazawa-topic {	
	width:240px;
	_width:239px;
	margin:0;
	padding:0;
	float:left;
	color:#EE742B;
}
#kanazawa-topic h2 {
	background-image:url(../images/nightparts/h2_kanazawa.gif);
	background-repeat:no-repeat;
	width:224px;
	height:32px;
	margin-left:16px;
}
#kanazawa-topic h4 {
	margin:5px 5px 2px 16px;
	padding:0;
}


/**/

.date {
	font-size:small;
	margin-left:16px;
}
div.img {
	margin:5px 5px 5px 15px;
	_margin:5px;
	float:left;
}

div.img img {
	border:1px #999999 solid;
	padding:3px;
	margin:5px 0;
	background-color:#FFFFFF;
	width:200px;

}

.txt {
	margin:5px 15px;
	line-height:1.5em;
}

/*目的別ナビ---------*/
#course {
	background-image:url(../images/nightparts/bg_course_main.gif);
	background-repeat:repeat-y;
	width:750px;
	min-height:5px;
}

#course h3 {
	margin:0;
	padding:5px 0;
	text-align:center;
}

#course-container {
	margin:0 15px;
	background-image:url(../images/nightparts/bg_topic_footer.gif);
	background-repeat:no-repeat;
	min-height:110px;
	_height:110px;
}

#zoorasia-course {
	width:240px;
	float:left;
}
#zoorasia-course ul {
}
#zoorasia-course ul li {
	list-style:url(../images/nightparts/indent_course_zoorasia.gif);
}


#nogeyama-course {
	width:240px;
	float:left;
}
#nogeyama-course ul {
}
#nogeyama-course ul li {
	list-style:url(../images/nightparts/indent_course_nogeyama.gif);
}

#kanazawa-course {
	width:240px;
	float:left;
}
#kanazawa-course ul {
}
#kanazawa-course ul li {
	list-style:url(../images/nightparts/indent_course_kanazawa.gif);
}

#course .thumb {
	width:90px;
	height:90px;
	padding:10px;
	float:left;
}
#course .thumb img {
	border:3px #999999 solid;
}
/**/


#left {
	float:left;
	padding:15px;
	width:190px;
	display:block;
	position:relative;
}

#reference_book {
	position:absolute;
	width:235px;
	height:220px;
	left:-30px;
	top:4px;
}

#reference_book h3 {
	
}

#bn-area {
	margin-top:210px;
	_margin-top:230px;
	
}
#bn-area img{
	margin:10px 0 0 0;
	padding:0;
}

/**/
#right {
	float:left;
	width:515px;
	margin:15px 0px;
}

#recommend {
	background-color:#F5F3D8;
	width:515px;
}
#recommend h3{
	background:url(../images/nightparts/bg_recommend_head.gif);
	height:40px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	text-indent: -99999px;
}



#recommend {
}

.contents-block {
	border-bottom:1px #666666 dotted;
}


.contents-block .thumb {
	float:left;
	width:160px;
	margin:15px 10px;
}

.contents-block thumb a img{
	border:none;
}

.cont-box {
	width:320px;
	float:right;
	margin:5px 0;
}
.cont-title{
	background-image:url(../images/nightparts/bg_recommend_h3_main.gif);
	background-repeat:repeat-y;
	height:25px;
	padding-left:10px;
	font-weight:bold;
	font-size:16px;
}
.cont-title-under {
	background-image:url(../images/nightparts/bg_recommend_h3_footer.gif);
	background-repeat:no-repeat;
	height:4px;
	font-size:0px;
}

.cont-text {
	margin:5px 5px 5px 0px;
}

/*コンテンツエリアここまで-------------------------------------*/

/*フッター*/
#footer {
	text-align:center;
	color:#FFFFFF;
	background-image:url(../images/nightparts/bg_footer.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	height:60px;
	padding:10px 0;
}