/* 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;
	text-align: center;
	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:250px;
	margin-top:10px;
	background-color:#000000;
}


/*コンテンツエリアここから-------------------------------------*/
#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;
	margin:0;
	padding:0;
	float:left;
	color:#4D8ABD;
}
#nogeyama-topic h2 {
	background-image:url(../images/nightparts/h2_nogeyama.gif);
	background-repeat:no-repeat;
	width:224px;
	height:32px;
	margin-left:15px;
}
#nogeyama-topic h4 {
	margin:5px 5px 2px 16px;
	padding:0;
}
/*金沢ピックス*/
#kanazawa-topic {	
	width:240px;
	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;
}
.img {
	margin:5px 5px 5px 15px;
	_margin:5px;
	float:left;
}

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

}

.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;
}
/*----------------------------------------------------------------------------------------*/

#container {
	background-image:url(../images/parts/sub_main_head.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	padding-top:0px;
	margin-top:10px;
	_height:400px;
}

#content-head {
	height:105px;
}
#all #wrapper #container #content-head h1 a{
	width:220px;
	height:101px;
	float:left;
	display:block;
	margin:0;
}
#path {
	width:515px;
	padding:80px 10px 0px 0px;
	text-indent:10px;
	float:left;
	
}


#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:14px 0 0 0;
	padding:5px 10px 5px 0px;
	background:url(../images/parts/h2_sub.gif) no-repeat;
}
#right h2{
	height:20px;
	margin:0 0 2px 5px;
	padding:4px;
	color:#333333;
	border-left:#FF6600 solid 5px;
	font-size:18px;
/*	border-bottom:2px solid #666666;
	font-size:24px;
	margin:5px;
	padding:10px 5px;*/
}

#right h3{
	background-image:url(../images/parts/h3_indent.gif);
	background-repeat:no-repeat;
	height:20px;
	padding:15px 5px 5px 60px;
	
}
#right h4{
	font-size:16px;
	background-image:url(../images/parts/h4_indent.gif);
	background-repeat:no-repeat;
	height:20px;
	padding:10px 5px 5px 35px;
	color:#FF9900;
	border-bottom:1px solid #FF9900;
	margin:10px 0;
	
}

#right ol {
	margin:5px 5px 5px 25px;
	padding:0;
}


#cont-area {
	line-height:1.5em;
	text-align:justify;
	padding:5px;
	border-left:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
	width:503px;
	_width:503px;
}
#cont-area-end {
	width:515px;
	height:5px;
	background:url(../images/parts/right_end.gif) no-repeat;
}

.contents {
	margin:5px;
}


#recommend {
	background-color:#F5F3D8;
	width:515px;
}
#recommend h3{
	background:url(../images/parts/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;
}

.cont-box {
	width:320px;
	float:right;
	margin:5px 0;
}
.cont-title{
	background-image:url(../images/parts/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/parts/bg_recommend_h3_footer.gif);
	background-repeat:no-repeat;
	height:4px;
	font-size:0px;
}

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


#extra-cont {
	min-height:100px;
	_height:100px;
	margin:0;
	padding:0;
}

/*壁紙ギャラリー*/
#wallpaper {
	padding:0 5px;
	_width:483px;
}
#wallpaper table td{
	padding:1px 0;
	font-size:smaller;
}
.cell-01 {
	background-color:#E0FFD0;
	border-left:1px solid #EEFFDF;
	border-right:1px solid #A5F589;
	border-top:1px #FFFFFF solid;
	border-bottom:1px solid #81C60D; 
	
}


/*壁紙ギャラリーここまで*/

/*よこはまのどうぶつえんとは*/
.ph-area {
	width:230px;
	float:right;
	padding:5px;
	margin:0;
}
.ph-area img{
	padding:5px;
	background-color:#FFFFFF;
	border-right:1px #999999 solid;
	border-bottom:1px #666666 solid;
	border-top:1px #EAEAEA solid;
	border-left:1px #CCCCCC solid;
}
#about {
	padding:5px;	
}
#about ol {
	margin:0;
	padding:0;
}

.nyuuryoku table{
	padding:10px;
	border-bottom:2px solid #666666;
	border-right:1px solid #666666;
	margin:10px 0px;
}
.nyuuryoku table td{
	padding:5px;
}
.left-td {
	background-color:#FFCC00;
	border-top:1px #FF9900 solid;
	border-left:1px #FF9900 solid;
}
.right-td {
	border-top:1px #CCCCCC solid;
	border-right:1px #999999 solid;
}

.term {
	padding:10px;
	border:#FF9900 solid 2px;
	background-color:#FFFFCC;
	color:#FF9900;
	font-weight:bold;
	font-size:larger;
}

.quiz-bnr {
	margin:15px 0 0 5px;
	text-align:center;
}


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




/**/


#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;
}


/*----------------------------------------------------------------------------特設クイズページ*/

#bnr-quiz-go {
	border-top:1px #CCCCCC solid;
	padding:30px 100px;
	text-align:center;
}

#bnr-quiz-go a{
	width:300px;
	height:40px;
	background:url(../images/parts/bnr_quiz_go.gif) no-repeat;
	display:block;
	background-position:top;
	text-indent:-9999999px;
}

#bnr-quiz-go a:hover{
	background-position:bottom;
}