@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
ul, ol {
	list-style: none;
}
img {
	border: none;
}

body {
	color: #333;
	background: #fdba02;
	font-family: "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 13px;
	line-height: 1.3em;
	letter-spacing: 0.02em;
	_text-align: center; /* IE6 */
}

a,a:visited { color: #990000; }
a:hover { color:#EE0000; text-decoration:underline; }

#wrapper {
	width:855px;
	margin: 0 auto;
	padding:0 0 20px 0;
}
.mb5{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}

/* ヘッダー
----------------------- */
#headerArea{
	position:relative;
	padding:35px 50px 35px 65px;
}
#headerArea #pmo01{
	position:absolute;
	bottom:20px;
	right:150px;
}
h1{
	color:#FFF;
	font-size:37px;
	font-weight:bold;
	line-height:1.1em;
	padding:0 0 18px;
	margin:-8px 0 0;
}
#headerArea h1 span{
	font-size:20px;
	font^weight:bold;
}
#headerArea h1 img{
	margin:10px 0 0;
}

#headerArea p{
	font-size:13px;
	padding: 0;
	line-height:1.5em;
}
#headerArea a{
	color:#FEB902;	
}
#headerArea .left{
	padding:0 190px 0 0;
}
#iphone{
	float:right;
	width:190px;
}

/* フッター
----------------------- */
#footer {
	position: relative;
	text-align: center;
	clear: both;
	paddin:20px 0;
	background:rgba(0,0,0,0);
}
#footer address {
	color: #FFF;
	font-size: 11px;
	font-style: normal;
}


/* メインエリア
----------------------- */
#mainArea {
	background: #222222;
	margin-bottom: 15px;
	padding: 15px 0 15px 15px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	_text-align: left;
}
#introduction {
	width: 535px;
	float: left;
	text-align:center;
	margin-right: 15px;
}
#introduction h2 {
	color: #FEB902;
	font-size: 16px;
	font-weight: bold;
	line-height:1.2em;
	border-top: 2px solid #FEB902;
	border-bottom: 2px solid #FEB902;
	margin-bottom: 10px;
	padding:5px 0;
}
#introduction h3 {
	text-align: left;
}
#introduction .qr {
	line-height: 150px;
	margin: 20px auto;
}

#introduction .qr img {
	width:148px;
	line-height: 150px;
/*	margin: 20px auto; */
}


#introduction .url {
	color: #FEB902;
	font-size: 14px;
	font-weight: bold;
	margin-bottom:15px;
}

/* アクセス方法 */
#access {
	background: #FFF;
	padding:10px;
}
#access .tit {
	color: #181818;
	font-weight: bold;
	margin-bottom: 7px;
}
#access .spmode {
	text-align: left;
	font-size: 12px;
	line-height: 1.5em;
	padding: 8px 5px 8px 50px;
	margin-bottom:10px;
	background: #FFF url(../../image/service_cmn/cmn/spmode.jpg) no-repeat 5px center;
}
#access .auone {
	text-align: left;
	font-size: 12px;
	line-height: 1.5em;
	padding: 8px 5px 8px 50px;
	background: #FFF url(../../image/service_cmn/cmn/auone.jpg) no-repeat 5px center;
}
#access .sp {
	text-align: left;
	font-size: 12px;
	line-height: 1.5em;
	padding: 8px 5px 8px 13px;
	margin-bottom:10px;
	background: #222;
	color:#FFF;
}
#access .imode {
	color:#FFF;
	text-align: left;
	font-size: 12px;
	line-height: 1.5em;
	padding: 8px 5px 8px 50px;
	margin-bottom:10px;
	background: #222 url(../../image/sakanaquarium/feature/pc/imode.jpg) no-repeat 5px center;
}
#access .ez {
	color:#FFF;
	text-align: left;
	font-size: 12px;
	line-height: 1.5em;
	padding: 8px 5px 8px 50px;
	margin-bottom:10px;
	background: #222 url(../../image/sakanaquarium/feature/pc/ez.jpg) no-repeat 5px center;
}
#access .yahoo {
	color:#FFF;
	text-align: left;
	font-size: 12px;
	line-height: 1.5em;
	padding: 8px 5px 8px 50px;
	background: #222 url(../../image/sakanaquarium/feature/pc/yahoo.jpg) no-repeat 5px center;
}


/* 画面キャプチャ */
ul#capture {
	width: 335px;
	float: left;
	overflow: hidden;
}
#capture li {
/*	width: 200px; */
	display: block;
	float: left;
	margin-right: 15px;
	color: #DDD;
	font-size: 12px;
	text-align: center;
}

#capture li img {
	border: 1px solid #000;
	margin-bottom: 5px;
}


/* コンテンツリスト
----------------------- */
#contentsList ul {
	width:870px;
	overflow: hidden;
	margin-bottom: 15px; /* IE6 */
}
#contentsList li{
	width:275px;
	height:410px;
	display: block;
	float: left;
	background: #fff;
	margin: 0 15px 15px 0;
	padding:20px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	box-sizing:border-box;
	-webkit-ox-sizing:border-box;
	-moz-ox-sizing:border-box;
}

#contentsList li:nth-child(4){
	height:387px;
}
#contentsList li:nth-child(5){
	height:387px;
}
#contentsList li:nth-child(6){
	height:387px;
}
#contentsList li span{
	float:left;
	margin:5px 0 0;
	font-size:35px;
	vertical-align: -0.2em;
}
#contentsList li.present span{
	margin:4px 0 0;
}
#contentsList li.movies span{
	margin:8px 0 0 -1px;
}
#contentsList li.app span{
	margin:4px 0 0 -1px;
}

#contentsList li.original span{
	margin:6px 0 0 -2px;
}
#contentsList .qr li{
	width:405px;
	height:auto;
	text-align:center;
	background:rgba(255,255,255,0.7)
}
#contentsList ul.qr{
	margin:0 0 50px;
}

#contentsList .qr li img{
	margin:0 0 5px;
}
#contentsList li .tit{
	height:26px;
	color: #f7aa05;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	margin-bottom:11px;
	padding-bottom: 5px;
	position:relative;
}
#contentsList li.movies .tit,
#contentsList li.original .tit{
	height:31px;
}
#contentsList li .tit .imgIcon{
	position:absolute;
	top: -5px;
	left:0;
}

#contentsList li .tit p{
	padding:5px 0 0 43px;
	font-weight: bold;
}
#contentsList li.app .tit p{
	padding:5px 0 0 40px;
}
#contentsList li.movies .tit p,
#contentsList li.original .tit p{
	line-height:1.2em;
	margin:-5px 0 0;
	padding:0 0 0 40px;
}
#contentsList li h4{
	height:105px;
	text-align: left;
	margin-bottom: 10px;
	line-height: 1.4em;
}
#contentsList li.movies h4,
#contentsList li.app h4,
#contentsList li.original h4{
	height:75px;
}
#contentsList li img.pic{
	display:block;
	margin:0 auto;
}
#contentsList .qr li h4{
	height:auto;
	text-align:center;
}
#contentsList li .img {
	box-sizing: border-box;
	height: 150px;
	text-align: center;
	line-height: 150px;
	background: #EEEEEE;
}


#contentsList li.tallList01 {
	height:380px;
}
#contentsList .more{
	position:relative;
	padding:15px 0 80px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
#contentsList .more #pmo02{
	position:absolute;
	top:-80px;
	right:-35px;
}

/*
ul#memberRoomUl {
	width:200px;
}

ul#memberRoomUl li {
	width:300px;
	height:auto;
	margin:0;
	list-style-type: decimal;
	list-style-position: inside;
}
*/

.memberRoom {
	width:100%;
	font-weight:bolder;
	text-align:center;
	margin:4px 0 0 0;
}

.article {
	font-size:10px;
	margin-top:6px;
	line-height:12px;
}

#qrBox{
	width:460px;
	margin:10px 0 0;
	padding:10px 20px;
	background:rgba(255,255,255,0.7);
}
#qrBox img{
	float:right;
	width:80px;
}
#qrBox .text{
	padding:5px 0 0;
}
#qrBox .text p{
	padding:0 0 3px;
}
#qrBox .text p.url{
	margin:4px 0 0;
	font-size:12px;
	font-weight:bold;
}


/* clearfix
----------------------- */
.clearfix:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/*\*/
*html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */
#introduction ul{
	text-align:left;
	padding:20px 0 10px;

}

#introduction ul li .contentsTit{
font-weight:bold;
	color:#F9F108;
	font-size:14px;
	padding:0 0 3px 0;

}
#introduction ul li .contentsCap{
	line-height:1.3em;
	padding:0 0 15px 0;
}