@charset "UTF-8";

/* CSS Document */


/*---------------------------------

Property Reset

----------------------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, table, th, td, a, img,abbr {
	margin: 0;
	padding: 0;
	border:0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

li { list-style-type:none; }




/*---------------------------------

Common

----------------------------------*/

body {
	background:#000 url(../../images/common/head_bg.jpg) no-repeat top center;
	color:#CBCBCB;
	text-align:center;
	font:"ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ Ｐゴシック", Osaka,meiryo ;
	font-family:Arial, Helvetica, sans-serif;
}

div:after {
	content:".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/*div, dd { display:inline-block; }-- IE7 --*/

.sp3 { margin-top:3px; }
.sp5 { margin-top:5px; }
.sp7 { margin-top:7px; }
.sp8 { margin-top:8px; }
.sp10 { margin-top:10px; }
.sp12 { margin-top:12px; }
.sp15 { margin-top:15px; }
.sp17 { margin-top:17px; }
.sp20 { margin-top:20px; }
.sp25 { margin-top:25px; }
.sp30 { margin-top:30px; }
.sp35 { margin-top:35px; }
.sp40 { margin-top:40px; }

.spb-15 { margin-bottom:-15px; }

.f-l { float:left; }
.f-r { float:right; }

.clear { clear:both; }

.a-l { text-align:left; }
.a-r { text-align:right; }
.a-c { text-align:center; }

.stx { font-size:65%; line-height:150%; }
.mtx { font-size:75%; line-height:160%; }
.ltx { font-size:90%; line-height:170%; }

.accent01 { color:#D3ED47; }
.accent02 {	color:#40A5D9; }
.accent03 {	color:#FFB554; }

.wrapper {
	width:100%;
	text-align:left;
}

.wrapper a { color:#FFF; }

.wrapper a:visited { color:#FFF; }

.wrapper a:hover {
	color:#FFF;
	text-decoration:none;
}

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

.foot {
	width:100%;
	background:url(../../images/common/top_bg_aquarium.jpg) no-repeat top center;
	padding:255px 0 20px 0;
	margin-top:10px;
	text-align:center;
	font-size:75%;
	line-height:150%;
}

.foot .messe h3 {
	font-weight:normal;
	font-size:120%;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

.foot .mail {}

.foot .mail a,
.foot .mail a:visited {
	display:block;
	margin:18px auto 0 auto;
	width:200px;
	height:44px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../../images/common/btn_mail.jpg) no-repeat;
}

.foot .mail a:hover { background-position: 0 -44px; }

.foot .shopinfo { margin-top:20px; }

.foot .copy { margin-top:20px; }

.count {
	color:#000;
	font-size:80%;
}


/*  list,arrow  -------------------------------------------------------*/

.point-list ul {
	padding:3px 0 0 1em;
}

.point-list li {
	font-size:75%;
	line-height:160%;
	margin-bottom:7px;
	list-style:circle;
}

.arrow  ul {
	margin:30px 0 30px 0;
}

.arrow li {
	list-style-type:none;
	background:url(../../images/common/arrow.gif) 0.5em no-repeat;
	padding-left:1.3em;
	font-size:75%;
	margin-bottom:10px;
}

.arrow a { text-decoration:none; }
.arrow a:visited { text-decoration:none; }
.arrow a:hover { text-decoration:underline; }


/*  banner  -------------------------------------------------------*/

.bnr .mente a,
.bnr .mente a:visited {
	display:block;
	width:183px;
	height:78px;
	margin-bottom:15px;
	background:url(../../images/common/bnr1.jpg) no-repeat;
}

.bnr .blog a,
.bnr .blog a:visited {
	display:block;
	width:183px;
	height:78px;
	margin-bottom:15px;
	background:url(../../images/common/bnr2.jpg) no-repeat;
}

.bnr .sale a,
.bnr .sale a:visited {
	display:block;
	width:183px;
	height:63px;
	margin-bottom:15px;
	background:url(../../images/common/bnr3.jpg) no-repeat;
}

.bnr .gallery a,
.bnr .gallery a:visited {
	display:block;
	width:183px;
	height:63px;
	margin-bottom:15px;
	background:url(../../images/common/bnr4.jpg) no-repeat;
}

.bnr .jikken a,
.bnr .jikken a:visited {
	display:block;
	width:183px;
	height:63px;
	margin-bottom:15px;
	background:url(../../images/common/bnr5.jpg) no-repeat;
}

.bnr .semi a,
.bnr .semi a:visited {
	display:block;
	width:183px;
	height:63px;
	background:url(../../images/common/bnr6.jpg) no-repeat;
}

.bnr .bag a,
.bnr .bag a:visited {
	display:block;
	width:381px;
	height:70px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../../images/common/bnr7.jpg) no-repeat;
}

.bnr .bag_s a,
.bnr .bag_s a:visited  {
	display:block;
	width:183px;
	height:63px;
	background:url(../../images/common/bnr7_s.jpg) no-repeat;
}

.bnr .store a,
.bnr .store a:visited  {
	display:block;
	width:183px;
	height:63px;
	background:url(../../images/common/bnr8.jpg) no-repeat;
}

.bnr .mente a:hover,
.bnr .blog a:hover {
	background-position: 0 -78px;
}


.bnr .sale a:hover,
.bnr .gallery a:hover,
.bnr .jikken a:hover,
.bnr .semi a:hover,
.bnr .bag_s a:hover,
.bnr .store a:hover {
	background-position: 0 -63px;
}

.bnr .bag a:hover {
	background-position: 0 -70px;
}




/*---------------------------------

Top

----------------------------------*/

.topContent {
	margin:110px auto 0 auto;
	width:850px;
}

.topContent h1 {
	width:409px;
	height:128px;
	text-indent:-9999px;
	background:url(../../images/top/title.png);
behavior: expression(IEPNGFIX.fix(this));
}

.topContent .left {
	float:left;
	width:409px;
}

.topContent .right {
	float:right;
	width:400px;
}


/*  news  -------------------------------------------------------*/

.news {
	background:url(../../images/top/news_bg.jpg) no-repeat;
	padding:58px 15px 0 46px;
}

.news h2 {
	font-size:1px;
	line-height:1;
	text-indent:-9999px;
}

.news .news_box {
	height:278px;
	overflow:auto;
}

.news dl {
	font-size:75%;
	line-height:140%;
	width:325px;
}

.news dt { float:left; }

.news dd {
	float:left;
	width:240px;
	margin:0 0 10px 24px;
}


/*  navi  -------------------------------------------------------*/

.topContent .navi ul {
	float:left;
	margin-right:45px !important;
	margin-right:38px;
}

.navi li {
	margin-bottom:10px;
	text-indent:-9999px;
	overflow:hidden;
}

.navi .top a,
.navi .top a:visited {
	display:block;
	width:101px;
	height:40px;
	background:url(../../images/common/navi7.png) no-repeat;
}

.navi .fish a,
.navi .fish a:visited {
	display:block;
	width:124px;
	height:40px;
	background:url(../../images/common/navi1.png) no-repeat;
}

.navi .grass a,
.navi .grass a:visited {
	display:block;
	width:85px;
	height:40px;
	background:url(../../images/common/navi2.png) no-repeat;
}

.navi .appli a,
.navi .appli a:visited {
	display:block;
	width:142px;
	height:40px;
	background:url(../../images/common/navi3.png) no-repeat;
}

.navi .shop a,
.navi .shop a:visited {
	display:block;
	width:140px;
	height:40px;
	background:url(../../images/common/navi4.png) no-repeat;
}

.navi .link a,
.navi .link a:visited {
	display:block;
	width:57px;
	height:40px;
	background:url(../../images/common/navi5.png) no-repeat;
}

.navi .contact a,
.navi .contact a:visited {
	display:block;
	width:80px;
	height:40px;
	background:url(../../images/common/navi6.png) no-repeat;
}

.navi .top a:hover,
.navi .fish a:hover,
.navi .grass a:hover,
.navi .appli a:hover,
.navi .shop a:hover,
.navi .link a:hover,
.navi .contact a:hover {
	background-position:0 -40px;
}


/*  banner  -------------------------------------------------------*/

.topContent .bnr ul { margin-top:18px; }

.topContent .bnr li {
	float:left;
	margin-right:15px;
	text-indent:-9999px;
	overflow:hidden;
}



/*---------------------------------

2nd common

----------------------------------*/

.secondContent {
	margin:27px auto 0 auto;
	width:830px;
}

.secondContent h1 a {
	display:block;
	width:623px;
	height:132px;
	text-indent:-9999px;
	background:url(../../images/common/2nd_title.png) no-repeat;
	overflow:hidden;
	behavior: expression(IEPNGFIX.fix(this));
}

.secondContent .left {
	float:left;
	width:536px;
	background:url(../../images/common/2nd_bg.jpg) no-repeat;
	padding:30px 30px 30px 57px;
}

.secondContent .right {
	float:right;
	width:183px;
}

.secondContent .navi ul { margin-top:-4px; }

.secondContent .bnr ul { margin-top:15px; }

.secondContent .bnr li {
	text-indent:-9999px;
	overflow:hidden;
}

.secondContent .left h2 { margin-bottom:22px; }

.secondContent p {
	font-size:75%;
	line-height:165%;
}



/*---------------------------------

Blog

----------------------------------*/

.blogTitle {
	width:637px;
}

.secondContent .blogTitle h1 a {
	width:118px;
	height:132px;
	text-indent:-9999px;
	background:url(../../images/blog/blog_title01.png);
	float:left;
	behavior: expression(IEPNGFIX.fix(this));
	overflow:hidden;
}

.secondContent .blogTitle h2 a {
	width:400px;
	height:132px;
	text-indent:-9999px;
	background:url(../../images/blog/blog_title02.png);
	float:left;
	behavior: expression(IEPNGFIX.fix(this));
	overflow:hidden;
}

.secondContent .blogTitle .feed a {
	width:105px;
	height:132px;
	text-indent:-9999px;
	background:url(../../images/blog/feed.png);
	float:left;
	behavior: expression(IEPNGFIX.fix(this));
	overflow:hidden;
}

.secondContent .blog_content .left {
	float:left;
	width:536px;
	background:url(../../images/blog/blog_bg.jpg) no-repeat;
	padding:30px 30px 30px 57px;
}



/*  blog-index  -------------------------------------------------------*/

.secondContent .blog_content .entry-asset {
	margin-bottom:40px;
	padding-bottom:65px;
	background:url(/images/blog/blog-clm_bg.jpg) no-repeat bottom;
}

.secondContent .blog_content .hentry {
	padding-bottom:50px;
}

.secondContent .blog_content .asset-header { margin-bottom:4px; }

.secondContent .blog_content .entry-asset h3 {
	font-size:120%;
	font-weight:normal;
	text-decoration:none;
	color:#D3ED47;
}
.secondContent .blog_content .entry-asset h3 a {
	font-weight:normal;
	text-decoration:none;
	color:#D3ED47;
}

.secondContent .blog_content .entry-asset h3 a:hover {
	text-decoration:underline;
}

.secondContent .blog_content .asset-body,
.secondContent .blog_content .asset-more {
	line-height:165%;
	overflow:hidden;
}

.secondContent .blog_content .asset-body p {
	margin-bottom:2px;
}

.secondContent .blog_content .asset-meta {
	font-size:65%;
	line-height:1;
	margin-top:1px;
	color:#666666;
}

.content-nav {
	font-size:75%;
	line-height:1.3;
	text-align:center;
	margin-top:25px;
}

.content-nav-head {
	font-size:75%;
	line-height:1.3;
	text-align:center;
	margin-bottom:25px;
}

.content-nav-head .link_before,
.content-nav .link_before {
 	margin-right:6px;
}

.content-nav-head .link_next,
.content-nav .link_next {
 	margin-left:6px;
}

.asset-more-link {
	color:#AAA;
	margin-top:14px;
}

.asset-more-link a {
	color:#EFEFEF;
	background:#323232;
	padding:3px 4px;
	text-decoration:none;
	font-size:65%;
	line-height:1;
}

.asset-more-link a:hover {
	background:#444;
}

.secondContent .blog_content .asset-body img,
.secondContent .blog_content .asset-more img {
	margin:10px 0 25px 0;
}

.next_back {
	margin-bottom:20px;
	font-size:75%;
	color:#666666;
}

.next_back a {
	color:#FFF;
}



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

.asset-footer {
	margin:35px 0 10px 0;
}

.entry-categories h4,
.entry-tags h4 {
	display:inline;
	font-size:75%;
	font-weight:bold;
	line-height:1.3;
}

.entry-categories ul,
.entry-categories li,
.entry-tags ul,
.entry-tags li {
	display:inline;
}

.entry-categories li,
.entry-tags li {
	font-size:75%;
	line-height:1.3;
}

/*  comment,truckbuck  -------------------------------------------------------*/

.comments,
.trackbacks {
	border:1px solid #333;
	padding:13px;
}

.secondContent .left h2.comments-header,
.secondContent .left h2.trackbacks-header {
	font-size:75%;
	color:#FFFFFF;
	margin-bottom:4px;
}


/*  side-bar  -------------------------------------------------------*/


.widget { margin-top:18px; }

h3.widget-header {
	font-size:75%;
	font-weight:bold;
	line-height:1;
	color:#D3ED47;
	margin-bottom:2px;
}

.widget-list li {
	line-height:1.3;
}


/*  archive  -------------------------------------------------------*/

.archive-title,
.search-results-header {
	font-size:110%;
	margin-bottom:25px;
	padding-bottom:8px;
	border-bottom:1px solid #333;
}

.widget-archive .widget-content,
.widget-archives .widget-content {
	font-size:75%;
	line-height:155%;
}

.widget-archive .widget-content li,
.widget-archives .widget-content li {
	margin-bottom:0.5em;
}



/*---------------------------------

Fish

----------------------------------*/

.secondContent .blog_content .fish-and-shrimp .entry-categories {
	width:512px;
	border:1px solid #404040;
	padding:12px 12px 6px 12px !important;
	padding:12px 12px 9px 12px;
	margin-bottom:30px;
}


.secondContent .blog_content .fish-and-shrimp .entry-categories li {
	line-height:1;
	float:left;
	margin:0 20px 6px 0;
	white-space:nowrap;
}

.secondContent .blog_content .fish-and-shrimp .left {
	float:left;
	width:551px;
	background:url(../../images/common/2nd_bg.jpg) no-repeat;
	padding:30px 15px 30px 57px;
}

.secondContent .blog_content .fish-and-shrimp .entry-asset {
	margin:0 4px 20px 0;
	padding:0;
	background:none;
	width:176px;
	float:left;
}

.secondContent .blog_content .fish-and-shrimp .asset-body img,
.secondContent .blog_content .fish-and-shrimp .asset-more img {
	margin:0;
}

.secondContent .blog_content .fish-and-shrimp .asset-more-link {
	height:55px;
	overflow:hidden;
	color:#AAA;
	margin-top:0;
	padding:5px 7px 0 7px;
}

.secondContent .blog_content .fish-and-shrimp .asset-more-link a {
	color:#CBCBCB;
	text-decoration:underline;
	font-size:75%;
	line-height:143%;
	background:none;
}

.secondContent .blog_content .fish-and-shrimp .asset-more-link a:hover {
	background:none;
	color:#FFF;
	text-decoration:none;
}

.secondContent .blog_content .fish-and-shrimp .archive-title {
	width:536px;
}


/*  pop up  -------------------------------------------------------*/
.fish-pu {
	background:#000;
}	

.fish-pu .wrap {
	width:450px;
	margin:0 auto;
	background:url(../../images/fish/pu_bg.gif) repeat-y;
}

.fish-pu .fish-detail {
	background:url(../../images/fish/pu_head.jpg) no-repeat;
	padding:60px 45px 0 45px;
	text-align:left;
}

.fish-pu .fish-detail h4 {
	font-size:100%;
	font-weight:bold;
	line-height:1;
	color:#daec58;
	margin-bottom:20px;
}
.fish-pu .fish-detail .asset-body {
	text-align:center;
}

.fish-pu .fish-detail .asset-more {
	font-size:75%;
	line-height:145%;
	color:#CBCBCB;
}

.fish-pu .fish-detail .asset-more img {
	margin:0 0 8px 0;
}

.fish-pu .fish-detail .asset-more p {
	padding:6px 0 0 0;
}

.fish-pu .fish-foot {
	background:url(../../images/fish/pu_btm.jpg) no-repeat bottom;
	padding:38px 0 48px 0;
}

.fish-pu .fish-foot .close-btn {
	width:130px;
	margin:0 auto;
}

.fish-pu .fish-foot .close-btn a {
	text-indent:-9999px;
	background:url(../../images/common/btn_close.jpg) no-repeat;
	display:block;
	width:130px;
	height:30px;
}
	
.fish-pu .fish-foot .close-btn a:hover {
	background-position:0 -30px;
}