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

/*共通*/
*{
	margin:0px;
	padding:0px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

.bg{
	background-image:url(./img/bg_img.jpg);
	background-repeat:no-repeat;
	background-position:center 0px;
	margin:0 auto;
}

a{
	color:#999999;
}

a:hover{
	color:#8EF4F7;
}

html {
	overflow-y:scroll;  
}

h1{
	font-size:210%;
	line-height:1.8em;
}

h1 p{
	font-size:11pt;
	font-weight:normal;
	line-height:1.5em;
}

h2{
	font-size:110%;
}

h3{
	font-size:11pt;
	font-weight:normal;
	color:#FFFFFF;
}

body{
	margin-top:0px;
	background-image:url(./img/body_bg.jpg);
	background-repeat:repeat-x;
	background-color:#000000;
	color:#FFFFFF;
}

#basetop{
	width:930px;
	height:auto;
	margin:0px auto 0px auto;
	background-image:url(./img/base_bg_top.jpg);
}

#base{
	width:936px;
	height:auto;
	margin:0px auto 0px auto;
	background-image:url(./img/base_bg.jpg);
}

#header{
	width:930px;
	height:139px;
	margin:0px auto 0px auto;
}

#logo{
	width:269px;
	height:139px;
	background-image:url(./img/logo.jpg);
	background-repeat:no-repeat;
	float:left;
}

#logo a{
	width:269px;
	height:139px;
	display:block;
}

#menu_up{
	width:635px;
	height:139px;
	float:left;
}

#p_1{
	width:375px;
	height:39px;
	background-image:url(./img/logo.jpg);
	background-position:-420px 0px;
	background-repeat:no-repeat;
	float:left;
}

#flash{
	width:100%;
	height:268px;
	margin-top:6px;
	text-align: center;
}

#top_area{
	width:930px;
	height:auto;
	clear:both;
}

#left_bg{
	width:125px;
	height:107px;
	background-image:url(./img/left_bg.jpg);
	float:left;
}

#left_area{
	width:252px;
	height:auto;
	background-image:url(./img/new_bg.jpg);
	background-repeat:no-repeat;
	float:left;
	padding-bottom: 30px;
}

#center_area{
	width:410px;
	height:783px;
	background-image:url(./img/welcome_bg.jpg);
	background-repeat:no-repeat;
	float:left;
	line-height:1.5em;
	padding-top: 60px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 14px;
	font-size: 8pt;
}

#right_area{
	width:242px;
	height:663px;
	background-image:url(./img/gallery_bg.jpg);
	background-repeat:no-repeat;
	float:left;
	padding-top: 176px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
}

#right_bg{
	width:125px;
	height:130px;
	background-image:url(./img/right_bg.jpg);
	float:left;
}

.dummy{
	clear:both;
}
/*テキストカラー*/
.white_txt{
	color:#FFFFFF;
}

.redd_txt{
	color:#FF0000;
}
/*左エリア*/
#new_box{
	width:240px;
	height:396px;
	padding:56px 0px 0px 12px;
}

#new_img{
	width:226px;
	height:118px;
}

.b_img{
	width:228px;
	height:216px;
	margin-top:30px;
	margin-bottom:12px;
	font-size:14px;
	color:#999999;
	overflow:auto;
	
}

.b_img ul{
	list-style:none;
	padding-right:8px;
}

.b_img p{
	color:#FFFFFF;
}

.b_img a{
	color:#FFFF00;
}


#b_more{
	width:120px;
	height:18px;
	padding-left:120px;
}

#credit_box{
	width:250px;
	height:auto;
	padding:50px 0px 0px 2px;
	font-size:80%;
	line-height:1.5em;
	color:#999999;
}

#credit_box ul{
	list-style:none;
	margin-left:6px;
}
/*中央エリア*/
#center_area h2{
	color:#999999;
}

.c_box1{
	width:210px;
	height:100px;
	font-size:11pt;
	line-height:1em;
	margin-top:78px;
	padding:0px 10px 0px 190px;
	color:#999999;
}

.c_box2{
	width:210px;
	height:100px;
	font-size:11pt;
	line-height:1em;
	margin-top:60px;
	padding:0px 200px 0px 0px;
	color:#999999;
}

#c_end{
	width:410px;
	height:100px;
	font-size:100%;
	line-height:1em;
	color:#999999;
	clear:both;
	color:#CCFF00;
}

#basetop_end{
	width:930px;
	height:16px;
	background-image:url(./img/base_bgend_top.jpg);
	clear:both;
	margin:0px auto 0px auto;
}

#base_end{
	width:936px;
	height:16px;
	background-image:url(./img/base_bgend.jpg);
	clear:both;
	margin:0px auto 0px auto;
}
/*右エリア*/
#right_area h3{
	line-height:1.5em;
}

#right_area p{
	width:238px;
	font-size:12px;
	margin-top:8px;
	line-height:1.5em;
	color:#999999;
}

#g_end{
	width:112px;
	height:10px;
	padding:0px 0px 0px 130px;
}

#bp_img a{
	width:190px;
	height:250px;
	padding:100px 0px 0px 0px;
	display:block;
	text-indent:-9999px;
}
/*フッター*/
#footer{
	width:1048px;
	height:487px;
	background-image:url(./img/footer.jpg);
	background-repeat:no-repeat;
	background-position:75px 114px;
	clear:both;
	padding:6px 0px 0px 132px;
	margin:0px auto 0px auto;
	color:#999999;
}

#pagetop{
	width:900px;
	height:30px;
	text-align:right;
	margin-top:250px;
	font-size:12px;
	color:#999999;
	display: block;
}

#footer_contact a{
	width:102px;
	height:100px;
	margin:0px 0px 0px 395px;
	display:block;
	text-indent:-9999px;
}

#footer ul{
	width:500px;
	height:20px;
	text-align:center;
	color:#FFFFFF;
	margin-left:210px;
	margin-top:4px;
	list-style:none;
	font-size:11pt;
}

#footer li{
	float:left;
	margin-left:10px;
}

.foot_li{
	border-left:solid 1px;
	padding-left:8px;
}

#foot_t1{
	margin-left:60px;
	color:#6EC54F;
	font-size: 90%;
	clear: both;
}

#copy{
	margin-left:320px;
	color:#FFFFFF;
	font-size:11px;
}

.pr_area{
	width:890px;
	margin:0 auto;
	list-style:none;
}

.pr_area li{
	font-size:10pt;
	margin:10px 5px 10px 5px;
	float:left;
}

/*各ページ共通*/
#p_area{
	width:678px;
	height:auto;
	float:left;
}

.p_box{
	width:668px;
	height:auto;
	clear:both;
	background-repeat:no-repeat;
	padding-top:100px;
	padding-left:10px;
}

.title_bar{
	width:634px;
	height:40px;
	background-image:url(./img/bar.jpg);
	background-position:0px 20px;
	background-repeat:no-repeat;
	clear:both;
	font-size:13pt;
	color:#00FF40;
	margin-top:10px;
	padding-left:10px;
}

.box_pleft{
	width:629px;
	height:auto;
	padding-left:8px;
}

.box_pleft ul{
	list-style:none;
}

.red_text{
	font-size:11pt;
	color:#FF3333;
	font-weight:bold;
}
/*操作方法*/
.t_manual{
	background-image:url(./img/manual/title.jpg);
}

.m_box{
	width:642px;
	height:auto;
	clear:both;
}

.m_box_l{
	width:300px;
	height:auto;
	float:left;
	color:#999999;
	font-size:11pt;
}

.m_box_r{
	width:342px;
	height:auto;
	float:left;
	color:#999999;
	font-size:11pt;
}

.flv{
	width:320px;
	height:300px;
	clear:both;
	margin:10px 10px 10px 16px;
}

.m_box_l ul{
	list-style:url(./img/arrow.jpg);
	margin-left:25px;
	margin-top:20px;
}

.m_box_l li{
	margin-bottom:10px;
	margin-left:25px;
}

.m_ul{
	margin-left:20px;
	color:#999999;
	font-size:11pt;
}

.m_ul li{
	margin-bottom:8px;
}

.m_ul2{
	margin-left:20px;
	color:#FFFFFF;
	font-size:11pt;
	list-style:none;
	margin-top:10px;
}

.m_ul2 li{
	margin-bottom:8px;
}

.m_ul2 ul{
	list-style:none;
	color:#999999;
}
/*リンク*/
.t_links{
	background-image:url(./img/links/title.jpg);
}

.title_bar_links{
	width:634px;
	height:40px;
	background-image:url(./img/bar_links.jpg);
	background-position:0px 20px;
	background-repeat:no-repeat;
	clear:both;
	font-size:13pt;
	color:#00FF40;
	margin-top:10px;
	padding-left:10px;
}

.l_box{
	width:300px;
	height:auto;
	float:left;
	color:#999999;
}

.l_box ul{
	list-style:url(./img/arrow.jpg);
	margin-left:30px;
	margin-top:10px;
}

.l_box li a{
	color:#FFFFFF;
}

.l_bannerbox{
	width:644px;
	height:auto;
	clear:both;
}

.l_banner{
	width:200px;
	height:auto;
	text-align:center;
	margin-top:10px;
	float:left;
}

.l_links{
	width:440px;
	height:auto;
	float:left;
	color:#999999;
	margin-top:10px;
}

.l_links a{
	color:#FFFFFF;
}
/*お問い合わせ*/
.t_contact{
	background-image:url(./img/contact/title.jpg);
}

#contact{
	margin-left:30px;
}
/*掲示板*/
.t_bbs{
	background-image:url(./img/bbs/title.jpg);
}

.font_s {
	font-size:10pt;
}

.bbs_t a{
	font-size:12pt;
	color:#FF9933;
}

#bbs_btn_area{
	width:544px;
	height:256px;
	background-image:url(img/bbs/bbs_btn.jpg);
	background-repeat:no-repeat;
}

.bbs_btn a{
	width:544px;
	height:64px;
	display:block;
}
/*チャット*/
.t_chat{
	background-image:url(./img/chat/title.jpg);
}
/*Q&A*/
.t_qa{
	background-image:url(./img/qa/title.jpg);
}
/*更新履歴*/
.t_updatelist{
	background-image:url(./img/updatelist/title.jpg);
}

.date{
	color:#FFCC00;
}

.box_pleft li ul {
	margin: 0 0 1em 1em;
	padding: 0;
}
/*熱帯魚紹介*/
.t_fishinfo{
	background-image:url(./img/fishinfo/title.jpg);
}

.info_box{
	width:650px;
	height:500px;
	clear:both;
}

.text-sample p.rcontent {
	padding:1em;
	background:#FFFFFF;
	color:#000000;
}

.text-sample span.rtop,

.text-sample span.rbottom {
	display:block;
	background: #FFFFFF;
}

.text-sample span.rtop span,

.text-sample span.rbottom span {
	display:block;
	height: 1px;
	overflow: hidden;
	background: #FFFFFF;
}

.text-sample span.r1{margin: 0 5px;}

.text-sample span.r2{margin: 0 3px;}

.text-sample span.r3{margin: 0 2px;}

.text-sample span.rtop span.r4, span.rbottom span.r4{margin: 0 1px;height: 2px;}
/*サイトポリシー*/
.t_policy{
	background-image:url(./img/policy/title.jpg);
}
/*イベント情報*/
.t_event{
	background-image:url(./img/event/title.jpg);
}
/*ブログパーツ*/
.t_bp{
	background-image:url(./img/blogparts/title.jpg);
}

#bp_flash{
	width:469px;
	height:617px;
	margin:0px auto 0px auto;
}

/*ミニゲーム*/
.t_game{
	background-image:url(./img/game/title.jpg);
}

#game_btn a{
	width:640px;
	height:75px;
	margin-top:50px;
	margin-bottom:100px;
	background-image:url(img/game/game_btn.jpg);
	display:block;
	text-indent:-9999px;
}

.game_no_aqua{
	width:440px;
	height:70px;
	background-image:url(img/game/no_aqua.jpg);
	background-repeat:no-repeat;
	background-position:40px 4px;
	padding:20px 0px 0px 140px;
}

.gamelist_box{
	width:640px;
	height:166px;
	background-image:url(img/game/list_box.jpg);
	margin:10px 0px 10px 10px;
}

.gamelist_box_img{
	width:102px;
	height:88px;
	padding:40px 0px 0px 25px;
	float:left;
}

.gamelist_box_right{
	width:425px;
	height:auto;
	float:left;
}

.gamelist_box_title{
	width:425px;
	height:30px;
	color:#333;
	font-weight:bold;
	padding-top:30px;
	text-align:center;
}

.gamelist_box_come{
	width:425px;
	height:40px;
	color:#333;
	padding-top:16px;
}

.gamelist_box_btn a{
	width:200px;
	height:40px;
	display:block;
	padding-left:200px;
}
/*ミニゲーム　アクアクレーン*/
.aruacrane_howto{
	width:485px;
	height:105px;
	margin-bottom:40px;
	padding:740px 90px 0px 90px;
	background-image:url(img/game/aquacrane.jpg);
	font-size:20pt;
	color:#000066;
	font-weight:bold;
	text-align:center;
	line-height:1.2em;
}

.aruacrane_howto p{
	font-size:11pt;
	color:#0094CE;
}