@charset "UTF-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #333333;
	font-size: 13px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	line-height:1.8;
	
}
.textarea {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:100%;
	line-height:10px;
	padding-right:3px;
	float: left;
}
td, th {
	font-size: 12px;
}
#left_navi {
	width: 200px;
	float: left;
}
#contens {
	width: 584px;
	float: right;
}
#footer {
	width: 800px;
	border-top-color: #CCCCCC;
	border-top-style: dotted;
	border-top-width: 1px;
	padding-top: 5px;
	margin-top: 10px;
}
.clear {
	clear: both;
}
.found_box {
	width: 198px;
	float: left;
}
.found {
	padding: 1px 10px 5px 0;
	float: right;
	width: 43px;
}
.midasi {
	float: left;
	margin: 25px 0 0;
	width: 590px;
	border-bottom-color: #999999;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding-bottom: 5px;
}
.foundbox {
	float: left;
	margin: 10px 0 0;
	width: 191px;
	border-bottom-color: #999999;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding-bottom: 5px;
}
.feature {
	float: left;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
.inquiry {
	float: left;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	background-color: #F4F4F4;
}
.news {
	/*margin-right: 15px;
	margin-left: 10px;*/
	margin-top: 10px;
	width:590px;
}
.news2 {
	margin-top: 10px;
}


.text10 {
	font-size:77%;
}
.navi_banner {
	float: left;
	margin: 10px 0 0;
	width: 191px;
}
.results {
	float: left;
	margin: 10px 0 0;
	width: 275px;
}

.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }

/*-------------------------------------------------
MAIN NAVIGATION
-------------------------------------------------*/

#NavBox					{
	width: 191px;
	float: left;
}
#Nav					{ margin: 0px; padding: 0px;}
#NavBox li				{ margin: 0px; padding: 0px; list-style: none; }
#NavBox li, #NavBox a	{ height: 30px; overflow: hidden; }
#NavBox a				{
	background-image: url(../images/animal-lagoon/button_navi.gif);
	display: block;
	text-indent: -5000px;
	text-decoration: none;
}

#NavBox-home			a			{ height: 30px; background-position:0px 0px;}
#NavBox-home			a:hover		{ background-position: -198px 0px;}
#NavBox-home			a.selected	{ background-position: -198px 0px;}


#NavBox-pic		a			{ height: 30px; background-position:0px -30px;}
#NavBox-pic		a:hover 	{ background-position: -198px -30px ;}
#NavBox-pic		a.selected { background-position: -198px -30px ;}

#NavBox-info 		a			{ height: 30px; background-position: 0px -60px;}
#NavBox-info 		a:hover		{ background-position: -198px -60px;}
#NavBox-info 		a.selected	{ background-position: -198px -60px;}

#NavBox-price		a			{ height: 30px; background-position: 0px -91px;}
#NavBox-price		a:hover		{ background-position: -198px -91px;}
#NavBox-price		a.selected	{ background-position: -198px -91px;}

#NavBox-cameraman	a			{ height: 30px; background-position: 0px -121px;}
#NavBox-cameraman	a:hover		{ background-position: -198px -121px;}
#NavBox-cameraman	a.selected	{ background-position: -198px -121px;}

#NavBox-about	a			{ height: 30px; background-position: 0px -151px;}
#NavBox-about	a:hover		{ background-position: -198px -151px;}
#NavBox-about	a.selected	{ background-position: -198px -151px;}

#NavBox-results	a			{ height: 30px; background-position: 0px -181px;}
#NavBox-results	a:hover		{ background-position: -198px -181px;}
#NavBox-results	a.selected	{ background-position: -198px -181px;}


/*-------------------------------------------------
お問い合わせ
-------------------------------------------------*/
#mailBox				{width: 204px; float: left;}

#mail					{ margin: 0px; padding: 0px;}
#mailBox li				{ margin: 0px; padding: 0px; list-style: none; }
#mailBox li, #mailBox a	{ height: 26px; overflow: hidden; }
#mailBox a				{ background-image: url(../images/animal-lagoon/inquiry.gif); display: block; text-indent: -5000px; text-decoration: none; }

#mailBox-mail			a			{ height: 26px; background-position:0px 0px;}
#mailBox-mail			a:hover		{ background-position: 0px -26px;}
#mailBox-mail			a.selected	{ background-position: 0px -26px;}


/*-------------------------------------------------
フッター部の概要
-------------------------------------------------*/
#outlineBox				{
	width: 583px;
	margin-top: 10px;
}

#outline					{ margin: 0px; padding: 0px;}
#outlineBox li				{ margin: 0px; padding: 0px; list-style: none; }
#outlineBox li, #mailBox a	{ height: 26px; overflow: hidden; }
#outlineBox a				{ background-image: url(../images/animal-lagoon/fot_navi.gif); display: block; text-indent: -5000px; text-decoration: none; }

#outlineBox-company			a			{ height: 26px; background-position:0px 0px;}
#outlineBox-company			a:hover		{ background-position: 0px -25px;}
#outlineBox-company			a.selected	{ background-position: 0px -25px;}

#outlineBox-press			a			{ height: 26px; background-position:-85px 0px;}
#outlineBox-press			a:hover		{ background-position: -85px -25px;}
#outlineBox-press			a.selected	{ background-position: -85px -25px;}

#outlineBox-agreement			a			{ height: 26px; background-position:-200px 0px;}
#outlineBox-agreement			a:hover		{ background-position: -200px -25px;}
#outlineBox-agreement			a.selected	{ background-position: -200px -25px;}

#outlineBox-privacy			a			{ height: 26px; background-position:-290px 0px;}
#outlineBox-privacy			a:hover		{ background-position: -290px -25px;}
#outlineBox-privacy			a.selected	{ background-position: -290px -25px;}

#outlineBox-page_top			a			{ height: 26px; background-position:-439px 0px;}
#outlineBox-page_top			a:hover		{ background-position: -439px -25px;}
#outlineBox-page_top			a.selected	{ background-position: -439px -25px;}

.company {
	float:left;
	width: 72px;
}
.press {
	float:left;
	width: 100px;
}
.agreement {
	float:left;
	width: 80px;
}
.privacy {
	float:left;
	width: 130px;
}
.page_top {
	float:right;
	width: 100px;
	margin-left: 30px;
}