@charset "UTF-8";

@import url("common.css");

/* **************************************************************************************

 トップページのスタイル

*************************************************************************************** */

/* --------------------------------------------------------------------------------------
 FLASH
--------------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------------
 レイアウト枠
--------------------------------------------------------------------------------------- */

div#topContArea {
	width: 920px;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
}

div#topContAreaIn {
	width: 920px;
	margin-bottom: 15px;
}
div#topContAreaIn:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#topContAreaIn { display:inline-block; }
/*\*/
* html div#topContAreaIn { height:1%; }
div#topContAreaIn { display:block; }
/**/

div#topContLeft {
	float: left;
	width: 620px;
}

div#topContRight {
	float: right;
	width: 286px;
}


/* --------------------------------------------------------------------------------------
 左コンテンツ
--------------------------------------------------------------------------------------- */

div#topContLeft div#movieArea {
	margin-bottom: 15px;
	padding: 10px;
	border-top: 3px solid #000000;
	background: url(../../img/bg_left.gif) repeat-y;
}

div#topContLeft div#movieArea div.memberArea {
	width: 580px;
	padding: 10px;
	background: #000000;
}
* html div#topContLeft div#movieArea div.memberArea {
	width: 600px;
}
div#topContLeft div#movieArea div.memberArea:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#topContLeft div#movieArea div.memberArea { display:inline-block; }
/*\*/
* html div#topContLeft div#movieArea div.memberArea { height:1%; }
div#topContLeft div#movieArea div.memberArea { display:block; }
/**/

div#topContLeft div#movieArea div.memberLeft {
	float: left;
	width: 375px;
}

div#topContLeft div#movieArea div.memberRight {
	float: right;
	width: 185px;
}

div#topContLeft div#movieArea div.memberRight ul li {
	padding-bottom: 3px;
}

div#topContLeft div#movieArea div.memberRight p.link {
	margin-right: 10px;
	text-align: right;
	font-size: 86%;
}
div#topContLeft div#movieArea div.memberRight p.link a:link,
div#topContLeft div#movieArea div.memberRight p.link a:visited,
div#topContLeft div#movieArea div.memberRight p.link a:hover,
div#topContLeft div#movieArea div.memberRight p.link a:active {
	color: #D1D1D1;
}

div#topContLeft div#movieArea div.originalArea {
	width: 580px;
	padding: 15px 10px 10px;
	background: #FFFFFF;
}
* html div#topContLeft div#movieArea div.originalArea {
	width: 600px;
}

div#topContLeft div#movieArea div.originalArea div.special {
	width: 558px;
	margin: 7px 0 0;
	padding: 10px;
	background: #EEEEEE;
}
* html div#topContLeft div#movieArea div.originalArea div.special {
	width: 578px;
}
div#topContLeft div#movieArea div.originalArea div.special:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#topContLeft div#movieArea div.originalArea div.special { display:inline-block; }
/*\*/
* html div#topContLeft div#movieArea div.originalArea div.special { height:1%; }
div#topContLeft div#movieArea div.originalArea div.special { display:block; }
/**/

div#topContLeft div#movieArea div.originalArea div.specialLeft {
	float: left;
	width: 135px;
}

div#topContLeft div#movieArea div.originalArea div.specialRight {
	float: right;
	width: 417px;
	font-size: 86%;
	line-height: 1.4;
}

div#topContLeft div#movieArea div.originalArea div.specialRight p {
	color: #676767;
}

div#topContLeft div#movieArea div.originalArea div.normal {
	width: 578px;
	padding: 15px 0 15px;
	border-bottom: 1px solid #E1E0E0;
}
div#topContLeft div#movieArea div.originalArea div.normal:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#topContLeft div#movieArea div.originalArea div.normal { display:inline-block; }
/*\*/
* html div#topContLeft div#movieArea div.originalArea div.normal { height:1%; }
div#topContLeft div#movieArea div.originalArea div.normal { display:block; }
/**/

div#topContLeft div#movieArea div.originalArea div.last {
	padding: 15px 0 0 !important;
	border-bottom: none !important;
}

div#topContLeft div#movieArea div.originalArea div.normalLeft {
	float: left;
	width: 275px;
}
div#topContLeft div#movieArea div.originalArea div.normalLeft:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#topContLeft div#movieArea div.originalArea div.normalLeft { display:inline-block; }
/*\*/
* html div#topContLeft div#movieArea div.originalArea div.normalLeft { height:1%; }
div#topContLeft div#movieArea div.originalArea div.normalLeft { display:block; }
/**/

div#topContLeft div#movieArea div.originalArea div.normalRight {
	float: right;
	width: 275px;
}
div#topContLeft div#movieArea div.originalArea div.normalRight:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#topContLeft div#movieArea div.originalArea div.normalRight { display:inline-block; }
/*\*/
* html div#topContLeft div#movieArea div.originalArea div.normalRight { height:1%; }
div#topContLeft div#movieArea div.originalArea div.normalRight { display:block; }
/**/

div#topContLeft div#movieArea div.originalArea div.img {
	float: left;
	width: 135px;
}

div#topContLeft div#movieArea div.originalArea div.txt {
	float: right;
	width: 135px;
	font-size: 86%;
	line-height: 1.4;
}

div#topContLeft div#movieArea div.originalArea div.txt h3 {
	line-height: 1.2;
}

div#topContLeft div#movieArea div.originalArea div.txt p {
	color: #676767;
}

div#topContLeft div#pickupArea {
	width: 600px;
	padding: 10px;
	background: #EEEEEE;
}
* html div#topContLeft div#pickupArea {
	width: 620px;
}
div#topContLeft div#pickupArea:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#topContLeft div#pickupArea { display:inline-block; }
/*\*/
* html div#topContLeft div#pickupArea { height:1%; }
div#topContLeft div#pickupArea { display:block; }
/**/

div#topContLeft div#pickupArea p.pickupLeft {
	float: left;
	width: 370px;
}

div#topContLeft div#pickupArea p.pickupRight {
	float: right;
	width: 222px;
	padding: 10px 0;
	background: #FFFFFF;
	text-align: center;
}


/* --------------------------------------------------------------------------------------
 右コンテンツ
--------------------------------------------------------------------------------------- */

div#topContRight ul.bnrList {
	margin-bottom: 10px;
	padding: 10px 0 5px 10px;
	border: 1px solid #D1D1D1;
}
div#topContRight ul.bnrList:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#topContRight ul.bnrList { display:inline-block; }
/*\*/
* html div#topContRight ul.bnrList { height:1%; }
div#topContRight ul.bnrList { display:block; }
/**/

div#topContRight ul.bnrList li {
	float: left;
	margin: 0 5px 5px 0;
}

div#topContRight dl#topics {
	margin-bottom: 10px;
	padding: 10px;
	background: #EEEEEE;
}

div#topContRight dl#topics dt {
	margin-bottom: 7px;
}

div#topContRight dl#topics dd {
	width: 265px;
	background: #FFFFFF;
}

div#topContRight div.magazineInfo {
	width: 266px;
	margin-bottom: 10px;
	padding: 10px;
	background: #EEEEEE;
}
* html div#topContRight div.magazineInfo {
	width: 286px;
}
div#topContRight div.magazineInfo:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#topContRight div.magazineInfo { display:inline-block; }
/*\*/
* html div#topContRight div.magazineInfo { height:1%; }
div#topContRight div.magazineInfo { display:block; }
/**/

div#topContRight div.magazineInfoLeft {
	float: left;
	width: 113px;
}

div#topContRight div.magazineInfoRight {
	float: right;
	width: 144px;
}

div#topContRight div.magazineInfoRight p {
	font-size: 86%;
	line-height: 1.4;
}

div#topContRight div.magazineInfoRight p.txt {
	margin-top: 5px;
	padding: 5px;
	background: #D7D7D7;
	color: #4E4E4E;
}

.txtBold {
	font-weight: bold;
}

div#topContRight div.cdInfo {
	width: 266px;
	padding: 10px 0 0 0;
	border: 10px solid #EEEEEE;
}
* html div#topContRight div.cdInfo {
	width: 286px;
}
div#topContRight div.cdInfo:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#topContRight div.cdInfo { display:inline-block; }
/*\*/
* html div#topContRight div.cdInfo { height:1%; }
div#topContRight div.cdInfo { display:block; }
/**/

div#topContRight div.cdInfoLeft {
	float: left;
	width: 136px;
}

div#topContRight div.cdInfoRight {
	float: right;
	width: 115px;
}

div#topContRight div.cdInfoRight p {
	font-size: 86%;
}


/* --------------------------------------------------------------------------------------
 下コンテンツ
--------------------------------------------------------------------------------------- */

div#bottomCatch {
	width: 920px;
	margin-bottom: 45px;
}
div#bottomCatch:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#bottomCatch { display:inline-block; }
/*\*/
* html div#bottomCatch { height:1%; }
div#bottomCatch { display:block; }
/**/

div#bottomCatchLeft {
	float: left;
	width: 445px;
	color: #464646;
}

div#bottomCatchRight {
	float: right;
	width: 460px;
}

div#bottomCatchLeft p.txt {
	margin: 10px 5px 0 0;
}

div#bottomCatchRight p.bnr {
	margin-top: 10px;
	color: #02AFC4;
	font-size: 86%;
}

div#bottomCatchRight p.bnr img {
	float: left;
	margin-right: 5px;
}

div#bottomCatchLeft a:link,
div#bottomCatchLeft a:visited,
div#bottomCatchLeft a:hover,
div#bottomCatchLeft a:active {
	color: #FD0303;
}

div#bottomBnr {
	width: 920px;
	min-height: 127px;
	background: url(../../img/bg_bottom_bnr.jpg) no-repeat left top;
}
* html div#bottomBnr {
	height: 127px;
}

div#bottomBnr p {
	margin: 0 0 5px 240px;
	color: #464646;
}

div#bottomBnr ul {
	margin: 0 0 0 240px;
}

div#bottomBnr ul li {
	float: left;
	margin-right: 4px;
}