@charset "EUC-JP";

@import "/r_css/imports.css";

/*----------------------------------------------------------------
	
	xxx CSS
	
	1.contents
	
	2.contentsHeader
	
	3.contentsWrapper
	
	4.contentsFooter
	


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

/* 1.contents
========================================== */
div#contents {
	width: 950px;
	background: #fff;
	margin: 0;
}
div#contents .bnr{
	width: 950px;
}
div#contents .bnr:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
div#contents .bnr a .pre{
	float: left;
}
div#contents .bnr a .ent{
	float: right;
}
/* 2.contentsHeader
========================================== */
div#contents .contentsHeader{
	width: 950px;
}
div#contents .contentsHeader h1{
	background: url(../img/logo.gif) no-repeat top left;
	display: block;
	height: 0 !important;
	height /**/	: 86px;
	overflow: hidden;
	padding: 86px 0 0 0;
	width: 836px;	
	margin: 20px auto 0;
}
div#contents .contentsHeader h2{
	background: url(../img/main_img.jpg) no-repeat top left;
	display: block;
	height: 0 !important;
	height /**/	: 320px;
	overflow: hidden;
	padding: 320px 0 0 0;
	width: 950px;
}

/* 3.contentsWrapper
========================================== */
div#contents .contentsContainer{
	width: 950px;
}

div#contents .contentsContainer h3{
	margin: 20px 0 15px;
	clear: both;
}
div#contents .contentsContainer h3:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
div#contents .contentsContainer #intro {
	width: 950px;
}
div#contents .contentsContainer #intro:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
div#contents .contentsContainer #intro .catch {
	margin: 0 120px 15px;
}
div#contents .contentsContainer #intro .photo {
	float: left;
	margin: 0 10px 0 0;
	width: 400px;
}
div#contents .contentsContainer #intro .txtBtn {
	float: right;
	margin: 0 10px 0 0;
	width: 520px;
}
div#contents .contentsContainer #intro .txtBtn p {
	color: #4d4d4d;
	font-size: 12px;
	line-height: 1.5em;	
	margin: 0 0 10px 0;
}
div#contents .contentsContainer #intro .txtBtn .watch {
	background: url(../img/intro_watch.gif) no-repeat top left;
	width: 466px;
	height: 98px;
	float: right;
}
div#contents .contentsContainer #intro .txtBtn .watch ul {
	margin: 12px 15px 0 0;
	text-align: right;
}
div#contents .contentsContainer #intro .txtBtn .watch li {
	margin: 0 0 6px 0;
}
div#contents .contentsContainer #original {
	background: url(../img/original_bg.jpg) no-repeat top left;
	width: 525px;
	height: 430px;
	margin: 0 0 20px 0;
	padding: 15px 10px 15px 415px;
}
div#contents .contentsContainer #original p {
	color: #4d4d4d;
	font-size: 12px;
	line-height: 1.6em;	
	margin: 0 0 10px 0;
}
div#contents .contentsContainer .works {
	width: 950px;
}
div#contents .contentsContainer .works ul {
	margin: 0 0 -10px 0;
}
div#contents .contentsContainer .works ul:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
div#contents .contentsContainer .works ul li {
	display: inline;
	float: left;
	list-style: none;
	margin: 0 10px 10px 0;
}
div#contents .contentsContainer .works .right {
	margin: 0;
}
div#contents .contentsContainer #info {
	background: #ffebec;
	clear: both;
	width: 930px;
	margin: 30px 0 0 0;
	padding: 10px;
}
div#contents .contentsContainer #info:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
div#contents .contentsContainer #info .photo {
	float: left;
}

div#contents .contentsContainer #info ul {
	float: right;
	width: 615px;
	margin: 5px 0 0 0;
}
div#contents .contentsContainer #info ul li {
	color: #4d4d4d;
	font-size: 12px;
	line-height: 1.4em;	
}


/* 4.contentsFooter
========================================== */
.contentsFooter{
}

/* 5.other
========================================== */