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

/*
===== CONTENTS ===========================================

  01. main image area
  02. content base
  03. content：news
  04. content：message

==========================================================
*/

/* -------------------------------------------------------
  01. main image area
------------------------------------------------------- */
.layoutMainImageWrap{
	background     : url(../../img/bg_main_top_repeat.jpg) repeat-x left top;
	background-size: 100% 450px;
	height         : 450px;
	position       : relative;
}
.layoutMainImage {
	position: absolute;
	width   : 100%;
}
.layoutMainImageInner{
	height  : 450px;
}


#layoutMainImage01,
#layoutMainImageInner01{
	background: url(../../img/bg_main_top_01.png) no-repeat center top;
}
#layoutMainImage02,
#layoutMainImageInner02{
	background: url(../../img/bg_main_top_02.png) no-repeat center top;
}
#layoutMainImage03,
#layoutMainImageInner03{
	background: url(../../img/bg_main_top_03.png) no-repeat center top;
}


#soundPlayer{
	margin  : 0 auto;
	position: relative;
	width   : 980px;
	
}
#soundPlayer p{
	position: absolute;
	top     : 3px;
	right   : 0;
	
}












/* -------------------------------------------------------
  02. content base
------------------------------------------------------- */


#layoutLeft {	
	height: 2420px;
}
#layoutMain {	
	height: 1360px;
}









/* -------------------------------------------------------
  03. content：news
------------------------------------------------------- */

#parallaxTop01{
	top: -500px;
}
#block_top_news .content_inner{
	color   : #505050;
	padding : 40px 0 40px;
}
#block_top_news .txt_area_inner{
	top: 0px;
}



/*
 news
*/
#block_top_news .leftSide {
	background: url(../img/bg_content_box_line.jpg) no-repeat left top;
	float     : left;
	padding   : 4px 0 0;
	width     : 600px;
}
#block_top_news h2 {
	padding-bottom: 10px;
}
#block_top_news .newsBlockBottom {
	background: url(../img/bg_content_box_line.jpg) no-repeat left bottom;
	padding   : 0 0 4px;
}
#block_top_news .newsBlock {
	background: url(../img/bg_trans_white.png) repeat left top;
	padding   : 15px 20px 20px;
	width     : 560px;
}
#block_top_news .newsWrap {
	height  : 270px;
	overflow: auto;
}
#block_top_news .newsWrap table {
	width: 100%;
}
#block_top_news .newsWrap th {
	background   : url(../../img/bg_news_title.png) repeat left top;
	border-bottom: solid 1px #EDE5DE;
	font-weight  : normal;
	padding      : 12px 15px;
	width        : 130px;
}
.mac #block_top_news .newsWrap th {
	width      : 140px;
}
#block_top_news .newsWrap td {
	background   : url(../../img/bg_news_title.png) repeat left top;
	border-bottom: solid 1px #EDE5DE;
	padding      : 12px 10px 12px 0;
}
#block_top_news .newsWrap .colored th,
#block_top_news .newsWrap .colored td {
	background: url(../../img/bg_news_title02.png) repeat left top;
}


/*
 movie info
*/
#block_top_news .rightSide {
	background: url(../img/bg_content_box_line.jpg) no-repeat left top;
	float     : right;
	padding   : 4px 0 0;
	width     : 340px;
}
#block_top_news .movieBlockBottom {
	background: url(../img/bg_content_box_line.jpg) no-repeat left bottom;
	padding   : 0 0 4px;
}
#block_top_news .movieBlock {
	background: url(../img/bg_trans_white.png) repeat left top;
	padding   : 15px 20px 20px;
}











/* -------------------------------------------------------
  04. content：message
------------------------------------------------------- */
#parallaxTop02{
	top: -200px;
}
#block_top_message .content_inner{
	padding : 120px 0 100px;
}
#block_top_message .contentBGTop {
	background: url(../img/bg_content_box_line.jpg) no-repeat left top;
	padding   : 4px 0 0;
	width     : 960px;
}
#block_top_message .contentBGBottom {
	background: url(../img/bg_content_box_line.jpg) no-repeat left bottom;
	padding   : 0 0 4px;
}
#block_top_message .contentMessage {
	background: url(../../img/bg_message_trans.png) repeat left top;
	height    : 656px;
	padding   : 0 15px 0 0;
	position  : relative;
}
#block_top_message .rightSide {
	float  : right;
	margin : 0 0 0 0;
	padding: 50px 0 0;
	width  : 640px;
}
#block_top_message .rightSide h2 {
	border-bottom: 1px dotted #979BB1;
	margin       : 0 0 25px;
	padding      : 0 0 15px;
}
#block_top_message .rightSide p {
	font-size  : 14px;
	line-height: 1.8;
	padding    : 0 0 0 5px;
	width      : 620px;
}
#block_top_message .nameImage {
	left    : 33px;
	position: absolute;
	top     : 30px;
}
#block_top_message .photoImage {
	bottom  : 0px;
	left    : 33px;
	position: absolute;
}