@charset "utf-8";
/* CSS Document */

/*==================================================
	
  ● Title //CSS名
  ○ layout.css
  
  ● Created Date in CSS //CSS作成日
  ○ 2010.04.12
  
  ● Last Update //最終更新日
  ○ 2010.04.18
  
  ● Created by //製作元
  ○ ROM SHARING.INC
  
  ● Author //著者
  ○ 
  
  ● a Table of Contents //目次
  ○ Whole
  ○ Header
  ○ Navigation
  ○ Page Title
  ○ Contents
     ├Contents Left
	 └Contents Right
  ○ Footer
 
==================================================*/

/*--------------------------------------------------
  ○ top
--------------------------------------------------*/
#view {
    position: absolute;
    width:640px;
    height:427px;
    top:0;
    left:0;
    overflow:hidden;
}

#view p {
    width:640px;
    height:395px;
    position: absolute;
    top:0;
    left:0;
}

.paging{
	width:630px;
	height:15px;
	position:absolute;
	left:10px;
	bottom:10px;
}

#thumbBtn li {
    padding: 0px 0px 0px 0px;
	margin-right:5px;
    float:left;
    width:30px;
	height:5px;
	text-align:center;
	background:#FFF;
    cursor:pointer;
	line-height:25px;
	font-size:0px;
	line-height:0px;
}

#thumbBtn li.active {
    /*opacity:0.5;
    filter:alpha(opacity=50);
    -ms-filter: "alpha( opacity=50 )";*/
	background:#b32904;
}






/*--------------------------------------------------
  ○ MAINCONTENTS
--------------------------------------------------*/

#maincontents{
	width:940px;
	height:auto;
	margin:0px auto;
	padding:20px 0px;
	clear:both;
	overflow:hidden;
}

/*--------------------------------------------------
  ○ LEFT MAINCONTENTS
--------------------------------------------------*/

#contents_left{
	width:640px;
	height:auto;
	float:left;
}

.mainvisual{
	width:640px;
	height:427px;
	clear:both;
	padding:0px 0px 12px 0px;
	overflow:hidden;
	position:relative;
}

.topinfobox{
	width:638px;
	height:363px;
	clear:both;
	background:url(../../images/topnews_bg.jpg) no-repeat left top;
	padding:0px 0px 0px 0px;
	border:1px solid #000;
	margin-bottom:20px;
}

.topinfobox h3{
	display:none;
}

.topinfo_head{
	width:638px;
	height:45px;
	clear:both;
	padding:0px 0px 12px 0px;
}

.topinfo_head p{
	display:block;
	text-align:right;
	padding:13px 15px 0px 0px;
}

.topinfolistbox{
	width:618px;
	height:auto;
	clear:both;
	padding:0px 10px;
}

.topinfoinlistbox{
	width:618px;
	height:295px;
	clear:both;
}

.topinfoinlistbox dl{
	display:block;
	width:600px;
	height:auto;
	clear:both;
	overflow:hidden;
	padding:10px 0px 2px 0px;
	border-bottom:dotted 1px #333333;
}

.topinfoinlistbox dt{
	display:block;
	width:80px;
	height:auto;
	float:left;
}

.topinfoinlistbox dd.icon{
	display:block;
	width:60px;
	height:auto;
	float:left;
	padding:0px 0px 0px 0px;
}

.topinfoinlistbox dd.text{
	display:block;
	width:460px;
	height:auto;
	float:left;
	padding:0px 0px 0px 0px;
}

.topinfoinlistbox dd a{
	color:#005b92;
}

.topinfoinlistbox dd a:hover{
	color:#2a89c2;
}

.topreleasebox{
	width:640px;
	height:auto;
	clear:both;
	background:url(../../images/topnewrelease_bg.jpg) no-repeat left top #fcfcfc;
}

.toprelease_head{
	width:640px;
	height:45px;
	clear:both;
	padding:0px 0px 15px 0px;
}

.toprelease_head p{
	display:block;
	text-align:right;
	padding:13px 15px 0px 0px;
}

.releaselistbox{
	width:610px;
	height:auto;
	clear:both;
	padding:10px 15px 10px 15px;
	overflow:hidden;
}

.releaselistbox table{
	width:608px;
	border-collapse:collapse;
	clear:both;
}

.releaselistbox table th{
	width:152px;
}

.releaselistbox table th p{
	padding:0px 0px 0px 4px;
	font-weight:bold;
}

.releaselistbox table th p.release{
	font-size:11px;
	font-weight:normal;
}

.releaselistbox table tr.thumnail_cell td{
	width:150px;
	height:auto;
	border:1px solid #333;
	text-align:center;
	padding:4px 0px;
}

.releaselistbox table tr.title_cell td{
	width:144px;
	height:auto;
	padding:4px 4px;
	font-size:10px;
	vertical-align:top;
}

.rs_titlebox{
	width:610px;
	height:auto;
	clear:both;
	overflow:hidden;
	padding:0px 0px 4px 0px;
}

.explain p.ind1{
	padding:6px 7px 4px 7px;
	font-size:10px;
}

.explain p.ind2{
	padding:6px 12px 4px 12px;
	font-size:10px;
}

.rs_titlebox p{
	padding:0px 0px 0px 4px;
}

.rs_titlebox p.release{
	font-size:11px;
	font-weight:normal;
}

.rs_box01{
	width:124px;
	height:auto;
	float:left;
	
}

.rs_box02{
	width:162px;
	height:auto;
	float:left;
	
}

.rs_box03{
	width:203px;
	height:auto;
	float:left;
	
}

.rs_box04{
	width:204px;
	height:auto;
	float:left;
	
}

.rs_thumbox{
	width:608px;
	height:auto;
	clear:both;
	overflow:hidden;
	border:1px solid #666;
}

.rs_box01_thum{
	width:122px;
	height:auto;
	float:left;
	padding:6px 0px;
	text-align:center;
	
}

.rs_box02_thum{
	width:161px;
	height:auto;
	float:left;
	padding:6px 0px;
	border-left:1px solid #666;
	text-align:center;
	
}

.rs_box03_thum{
	width:200px;
	height:auto;
	float:left;
	padding:6px 0px;
	border-left:1px solid #666;
	text-align:center;
	
}

.rs_box04_thum{
	width:204px;
	height:auto;
	float:left;
	padding:6px 0px;
	text-align:center;
	
}

/*--------------------------------------------------
  ○ RIGHT MAINCONTENTS
--------------------------------------------------*/

#contents_right{
	width:280px;
	height:auto;
	float:left;
	padding:0px 0px 0px 20px;
}

.rightside_all{
	width:260px;
	height:auto;
	clear:both;
	background:url(../images/side_menu_topbg.jpg) no-repeat left top #bc449e;
	padding:212px 10px 0px 10px;
}

.cont_hight{
	width:280px;
	height:auto;
	padding-bottom:51px;
	clear:both;
	background:url(../images/sidemenu_btm_bg.jpg) no-repeat left bottom #bc449e;
}

.loginbox{
	width:260px;
	height:auto;
	clear:both;
	padding:0px 0px 25px 0px;
}

.youtubebox{
	width:260px;
	height:auto;
	clear:both;
}

.youtubebox li{
	display:block;
	width:260px;
	height:auto;
	clear:both;
	padding:0px 0px 13px 0px;
}

.sidebnrbox{
	width:260px;
	height:auto;
	clear:both;
}

.sidebnrbox li{
	display:block;
	width:260px;
	height:auto;
	clear:both;
	padding:0px 0px 10px 0px;
}

.sidebnrbox li a:hover{
	opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}