@charaset"Shift-JIS";


/* TOP Layout
----------------------------------------------------*/


/* h2 Layout
----------------------------------------------------*/
div#ttl-area{
	width:980px;
	margin:0px auto;
}
/* sub-box */
div#ttl-area div.sub-box{
	width:980px;
	height:120px;
	clear:both;
	background: url(../img/h2_bg.gif) no-repeat;
}
/* sub-box -> left-con-box */
div#ttl-area div.sub-box div.left-con-box{
	width:244px;
	float:left;
	padding: 0px 0px 0px 148px;	
}
div#ttl-area div.sub-box div.left-con-box{
	width:254px;
	float:left;
	padding: 0px 0px 0px 138px;	
}
div#ttl-area div.sub-box div.left-con-box p{
	padding: 0px 0px 0px 5px;	
}
div#ttl-area div.sub-box div.left-con-box ul{
	clear:both;
	margin: 7px 0px 0px;
}
div#ttl-area div.sub-box div.left-con-box ul li.movie-btn{
	float:left;
	padding: 0px 5px 0px 0px;	
}

/* sub-box -> right-con-box */
div#ttl-area div.sub-box div.right-con-box{
	width:560px;
	float:right;
}
div#ttl-area div.sub-box div.right-con-box ul{
	clear:both;
	margin: 2px 0px 0px;
}
div#ttl-area div.sub-box div.right-con-box ul li.btn{
	float:left;
	padding: 0px 15px 0px 0px;	
}
div#ttl-area div.sub-box div.right-con-box ul li.btn-about-pd{
	float:left;
	padding: 24px 5px 0px 0px;
}


/* contents Layout
----------------------------------------------------*/
div#contents-top {
	width: 938px;
	height:249px;
	margin: 0 auto;
	text-align: left;
	background: url(../img/contents_bg.gif) no-repeat;
}

div#contents-top div.btn-box {
	width: 556px;
	margin: 0 auto;
}
div#contents-top div.btn-box-bg {
	width: 556px;
	height:141px;
	clear:both;
	background: url(../img/h3_bg.gif) no-repeat;
}
div#contents-top div.btn-box-bg p.read {
	width: 231px;
	float:left;
	padding: 16px 0px 0px 20px;
}
div#contents-top div.btn-box-bg div.photo {
	float:left;
	padding: 10px 0px 0px 20px;
}
div#contents-top div.btn-box-bg div.name {
	float:right;
	width:125px;
	padding: 44px 10px 0px 0px;
}