@CHARSET "utf-8";
*{
	margin:0;
	padding:0;
	font-size:100%;
	font-family: "ＭＳ Ｐゴシック"; 
}
a:link{
	color:#309DBD;
}
a:visited{
	color:#61C4DF;
}
a:hover{
	color:#FFB93F;
}
a img {
	border:0;
}
li{
		list-style-type: none;
}
body{
	background-color: #fff;
}
#main{
	z-index:0;
}
#header{
}
	#header h1{
		width:565px;
		float:left;
		z-index: 1;
	}
		#header h1 a{
			height:99px;
			background-image: url("../images/logo.png");
			background-repeat: no-repeat;
			text-indent: -1000em;
			overflow: hidden;
			display: block;
			z-index: 1;
			cursor:pointer;
		}
	#header #headline{
		float: right;
	}
	#header #headline p{
		text-align: right;
	}
	#header #headline p span{
		font-weight: 700;
	}

#inner{

}
#mainbar,#mainbar_about{
	position: relative;
	height:1300px;
}

#bgbar{
	background-image: url("../images/mainbar.png");
	background-repeat: repeat-x;
	height:248px;
	width:100%;
	position:absolute;
	z-index:-1;
}

#mainbar_about{
	height:500px;
}

#tag{
	text-align: center;
	color:#fff;
}
	#tag #inner{
		margin:0px auto;
		text-align: left;
		width:70%;		
	}
	#tag #taglist{
		width:90%;
		height:3em;
		overflow: hidden;
	}
	#tag ul{
		padding:0.5em;
	}
	#tag p{
		padding:0 0.5em;
		line-height:1em;
	}
	#tag p span{
		font-weight:700;
	}
	#tag li{
		display:inline;
		line-height:1.3em;
	}
	#tag a{
		color:#fff;
	}
#content{
	position:relative;
}
	#content #inner{
		margin:0px auto;
		text-align: left;
		width:70%;
	}	
	
.titlebar{
	padding-top:1em;
}

	.titlebar .titlehead, .titlebar .titlebottom{
		float:left;
		width:10px;
		height:48px;
	}
	.titlebar .titlehead{
		background-image: url("../images/titlebar_l.png");
	}
	.titlebar .titlebottom{
		background-image: url("../images/titlebar_r.png");
	}
	.titlebar h2, .titlebar h3{
		float:left;
		background-image: url("../images/titlebar_c.png");
		width:95%;
		height:48px;
		line-height:41px;
		color:#fff;
	}
.titlebar h3 a{
	color:#FFF;
	text-decoration: underline;
}
#sort,#topsort{
	padding:1em;
	float:left;
}
	#sort li,#topsort li{
		display: inline;
	}
	#sort li a{
		width:180px;
		display:block;
		float:left;
		color:#fff;
		text-indent:1em;
		background-repeat: no-repeat;
		background-position: center left;
	}
	#topsort li a{
		width:200px;
		display:block;
		float:left;
		color:#fff;
		text-indent:1em;
		background-repeat: no-repeat;
		background-position: center left;
	}
	#sort li#new a,#topsort li#new a{
		background-image: url("../images/ico_new.png");
	}
	#sort li#hot a,#topsort li#hot a{
		background-image: url("../images/ico_hot.png");
	}
#date {
	position:relative;
	float:right;
	z-index: 2;
	width:8em;
	padding:1em;
	margin-right:2em;
}
*html body #date {
	margin-right:0.5em;
}
#date li{
	display:inline;
}
*html body #date{
	behavior:url("/cake/copipe/css/csshover.htc");
}
*html body #date li{
	behavior:url("/css/csshover.htc");
}
#date li a{
	display:block;
	text-align: center;
}
#date span#datetitle a{
	text-decoration: none;
 	color: #00B2C5;
 	display:block;
	border:4px solid #A6DEED;
	background-color: #A6DEED;
	background-image: url("../images/ico_date.png");
	background-repeat: no-repeat;
	background-position: center left;
}
#date li:hover ul{
	display: block;
	}
#date li ul{
	display:none;
}
#date li a{
	text-decoration: none;
	border:4px solid #00B2C5;
	background-color: #00B2C5;
	color: #fff;
	display: block;
	width: 100%;
	height:1.2em;
}
#date li a:hover{
	color: #fff;
	background-color: #666;
	border:4px solid #666;
}


#author p{
	padding:1em;
}
	#author p a{
		color:#fff;
	}

#content #contentslist{
	width:67%;
	position: absolute;
	top:140px;
	border:1px solid #66C9D3;
	background-color: #FBFEFF;
	z-index: 1;
}
*html body #content #contentslist{
	width:96%;
}


	#content #contentslist p.caption{
		background-repeat: no-repeat;
		background-position: center left;
		background-image: url("../images/ico_count.png");
		text-indent: 1.5em;
		margin:0.5em;
		width:95%;
	}
	#content #contentslist dl{
		padding: 0.5em 1em 1em 1em;
		width:95%;

	}
	#content #contentslist dt{
		width:100%;
		display:block;
		background-repeat: no-repeat;
		background-position: center left;
		background-image: url("../images/ico_title.png");
		text-indent: 1.5em;
	}
	#contentslist dd.tag{
		background-repeat: no-repeat;
		background-position: center left;
		background-image: url("../images/ico_tag.png");
		text-indent: 1.5em;
		margin-left:2em;
		margin-bottom:1.3em;
		font-size:80%;
	}
#contentslist dd.tag li{
		display: inline;

	}
	#contentslist dd.tag li a{
		color: #147E3F;
	}
	#contentslist dd.release li{
		background-repeat: no-repeat;
		background-position: center left;
		background-image: url("../images/ico_tag.png");
		text-indent: 1.5em;
		margin-left:2em;
		font-size:80%;
	}
	#contentslist .news{
		float:left;
		width:80%;
		margin-top:0.5em;
		margin-left:0.5em;
	}
	#contentslist .bookmark{
		float:left;
	}
	#contentslist .bookmark p{
		background-repeat: no-repeat;
		background-image: url("../images/bookmark.png");
		width:67px;
		height:67px;
		text-align:center;
		font-size:160%;
		color:#fff;
		font-weight:700;
		line-height:1.7em;
		
		
	}

	#contentslist #pager{
		text-align:center;
		height:2em;
	}
	#contentslist #pager ul{
		width:100%;
		text-align:center;
		margin:0 0.5em;
	}
	#contentslist #pager li{
		float:left;
	}
	#contentslist #pager li a{
		color:#309DBD;
	}
	#contentslist #pager li#prev,#contentslist #pager li#next{
		width:20px;
		margin:0 0.5em;
	}
	#contentslist #pager li#prev a,#contentslist #pager li#next a{
		display:block;
		background-repeat: no-repeat;
		width:16px;
		height:18px;
		text-indent:-1000em;
		overflow:hidden;
	}
	#contentslist #pager li#prev a{
		background-image: url("../images/pager_l.png");
	}
	#contentslist #pager li#next a{
		background-image: url("../images/pager_r.png");
	}
	#contentslist .toplink{
		text-align: right;
	}
	#contentslist .toplink a{
		width:10em;
		margin:0 0 0 auto;
		display:block;
		text-indent:1em;
		background-repeat: no-repeat;
		background-position: center left;
	}
		#newlist a{
			background-image: url("../images/ico_new.png");
		}
		#hotlist a{
			background-image: url("../images/ico_hot.png");
		}
#ad_bottom,#ad_middle{
	text-align:center;
}

#footer{


	font-size:80%;

}
#footer ul{
	width:70%;
	margin:0px auto;
}
#footer #footer_logo a{
		display:block;
		background-repeat: no-repeat;
		width:174px;
		height:28px;
		text-indent:-1000em;
		overflow:hidden;
		background-image: url("../images/logo_footer.png");
}
#footer #cake_logo{
	margin-top:1em;
}
	
.orange{
	color:#FF9F2F;
}
.lightred{
	color:#FF4F98;
}

.clear{
	clear:both;
}