@charset "utf-8";

/*
============== コンテンツ ==============

  1：NEWS
  2：INTRODUCTION
  3：MOVIE
  4：SPECIAL
  5：STAFF&CAST
  6：CHARACTER
  7：SPACESHIP
  8：THEATER
  9:TICKET
  10:RELEASE
  
========================================
*/


/* 1：NEWS ====================================================================================================================== */
#news                                                           { margin:0 0 20px 0; padding:40px; width:100%;}
#news dl{-webkit-text-size-adjust: 100%;
	font-size: 12px;
	margin: 0 0 0 20px;
	overflow: auto;

}



#news dl dt {
	color: #F8FF00;
    float:left;
    clear: left;
    width:100px;
    font-weight:bold;
    padding:10px 0;
	font-family: 'Electrolize', sans-serif;

}
#news dd {
    margin-left:110px;  
    padding:10px 0;
}



/* LINK */
#news dl a:link              {color:#FFFFFF;}
#news dl a:visited           {color:#FFFFFF;} 
#news dl a:hover             {color:#FF0;} 
#news dl a:active            {color:#FF0;}


#news h3{ font-size:14px; color:#FF0; font-weight:bold; margin:0 0 20px 0; padding:8px 0 8px 30px; border-top:#e51572 2px solid; border-bottom:#e51572 2px solid; background:url(../images/news/h3img.png) top left no-repeat;}
#news h3 .date{ font-size:10px; color:#FFF; font-family: 'Electrolize', sans-serif;}


#news #text{ margin:0; padding:0;}
#news .tdleft{font-size:14px; font-weight:bold; background-color:#FF007E; margin:0 auto; padding:5px; color:#FFF;}
#news .tdright{border:1px solid #FF007E;}

/* 2：INTRODUCTION ====================================================================================================================== */
#introduction                                                           { margin:0; padding:20px; width:100%;}
#introduction p{ margin:0 0 50px 0;}


/* 3：MOVIE ====================================================================================================================== */
#movie                                                           { margin:0; padding:20px; width:100%;}
#movie ul{ margin:0; padding:0; }
#movie li{ margin:0 10px; padding:3px; list-style-type:none; float:left; width:280px; background-color:#000000;}
#movie h4{ font-size:14px; color:#FFF; font-weight:bold; text-align:center; border-top:#666 dotted 1px; border-bottom:#666 dotted 1px; padding:3px 0; margin:5px 0;}


/* 4：SPECIAL ====================================================================================================================== */
#special                                                           { margin:0; padding:20px; width:100%;}
#special dl{-webkit-text-size-adjust: 100%;
	font-size: 12px;
	margin: 0 0 0 20px;
	overflow: auto;

}



#special dl dt {
	color: #F8FF00;
    float:left;
    clear: left;
    width:100px;
    font-weight:bold;
    padding:10px 0;
	font-family: 'Electrolize', sans-serif;

}
#special dd {
    margin-left:110px;  
    padding:10px 0;
}



/* LINK */
#special dl a:link              {color:#FFFFFF;}
#special dl a:visited           {color:#FFFFFF;} 
#special dl a:hover             {color:#FF0;} 
#special dl a:active            {color:#FF0;}


#special h3{ font-size:14px; color:#FF0; font-weight:bold; margin:0 0 40px 0; padding:8px 0 8px 30px; border-top:#e51572 2px solid; border-bottom:#e51572 2px solid; background:url(../images/news/h3img.png) top left no-repeat;}
#special h3 .date{ font-size:10px; color:#FFF; font-family: 'Electrolize', sans-serif;}



/* 5：STAFF/CAST ================================================================================================================ */
#staff_cast                                                     {margin:20px 0 0 40px; padding:0;}
#staff_cast h3                                                  {margin:0 0 10px 0; padding:0;}
#staff_cast p                                                   {margin:0 0 25px 0; padding:0;}
#staff_cast ul{ margin:0; padding:0; }
#staff_cast ul li{ margin:0 10px 20px 0; padding:10px;}






/* 6：CHARACTER ====================================================================================================================== */
#character                                          {margin:20px 0 40px 40px; padding:0;}
#character ul{ margin:0 auto; padding:0;}
#character ul li{ list-style-type:none; float:left; margin:5px;}

/* 7：SPACESHIP ====================================================================================================================== */
#spaceship                                         {margin:20px 0 40px 40px; padding:0;}
#spaceship ul{ margin:0 auto; padding:0;}
#spaceship ul li{ list-style-type:none; float:left; margin:5px;}


/* 8：THEATER ====================================================================================================================== */
#theater                                                           { margin:0; padding:20px; width:100%;}
#theater table { margin:0 0 40px 0;}
#theater table td{ padding:10px; font-size:12px; border-bottom:#C8007C 1px solid;}
/* LINK */
#theater table td a:link              {color:#FFFFFF;}
#theater table td a:visited           {color:#FFFFFF;} 
#theater table td a:hover             {color:#FF0;} 
#theater table td a:active            {color:#FF0;}

                                                       { margin:0; padding:20px; width:100%;}

/* 9:TICKET ====================================================================================================================== */
#ticket                                                           { margin:0 0 40px 0; padding:20px; width:100%;}


/* 10:RELEASE ====================================================================================================================== */
#release                                                           { margin:0 0 40px 0; padding:20px; width:100%;}

#release h3 {
	color: #FFF;
    font-weight:bold;
	margin:20px 0 20px 5px;
    padding:0 0 0 5px;
	font-size:22px;
	border-left:5px solid #FFF;
	font-family: 'Electrolize', sans-serif;

}
#release ul{
	
	margin:0;
	padding:0;}
	
#release ul li{
	float:left;
	margin:0 5px;
}

#release ul li a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

#release .sampleimg{
	float:left;
}

#release .credit{
	float:left;
	padding:0 0 0 10px;
	font-size:10px;
}

/* DB */
.DBtmp_box                                                        {margin:0; padding:0;}
.DBtmp_top                                                        {margin:0; padding:0 0 3px 0;}
.DBtmp_left                                                       {width:150px; text-align:center; margin:0; padding:15px 15px 0 0;}
.DBtmp_right                                                      {margin:0; padding:15px 0 0 0;}
.DBtmp_compound                                                   {margin:0; padding:0;}
.DBtmp_catch                                                      {font-size:10px; font-weight:bold; line-height:14px; margin:0; padding:0 0 3px 0;}
.DBtmp_title                                                      {font-size:14px; font-weight:bold; background-color:#FF007E; margin:0 auto; padding:5px; color:#FFF;}
.DBtmp_subtitle                                                   {font-weight:bold; margin:0; padding:0;}
.DBtmp_date                                                       {font-weight:bold; color:#fff71e; margin:0; padding:0;}
.DBtmp_detail                                                     {margin:0; padding:0;}
.DBtmp_list                                                       {margin:0; padding:0;}
.DBtmp_listline                                                   {margin:0; padding:0;}
.DBtmp_line                                                       {height:40px; margin:0; padding:0;}