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

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

  01. main image area
  02. content base

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

/* -------------------------------------------------------
  01. main image area
------------------------------------------------------- */
.layoutMainImageWrap{
	background     : url(../../img/bg_main_top_repeat.jpg) repeat center top;
	height         : 420px;
	position       : relative;
}
.layoutMainImage {
	position: absolute;
	width   : 100%;
}
.layoutMainImageInner{
	height  : 420px;
}
#layoutMainImage01,
#layoutMainImageInner01{
	background: url(../../img/bg_main_top_01.jpg) no-repeat center top;
}
#layoutMainImage02,
#layoutMainImageInner02{
	background: url(../../img/bg_main_top_02.jpg) no-repeat center top;
}
#layoutMainImage03,
#layoutMainImageInner03{
	background: url(../../img/bg_main_top_03.jpg) no-repeat center top;
}


#layoutGnaviWrapRepeat {
	height    : 60px;
}

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








/* -------------------------------------------------------
  03. content area
------------------------------------------------------- */
#layoutMain {
	background: url(../../img/bg_top_01.jpg) no-repeat center top;
	height    : 430px;
	min-width : 980px;
	padding   : 0;
}
#contentMain {
	margin : 0 auto;
	padding: 7px 0 0;
	width  : 920px;
}




/*   social link area   */
.topSocial{
	padding: 24px 0 29px;
}
.topSocial table{
	float: right;
	width: 300px;
}
.socialLink.topSocial .tweet,
.socialLink.topSocial .facebook,
.socialLink.topSocial .mixi{
	padding: 0 0 0 1px;
}
.socialLink.topSocial .fb-like{
	position: relative;
	left    : -20px;
}

.ie7 .topSocial table{
	width: 200px;
}
.ie7 .socialLink.topSocial .fb-like{
	position: relative;
	left    : 10px;
}
.ie7 .socialLink.topSocial .twitter-share-button.twitter-count-horizontal{
	padding: 0 0 0 20px;
	width  : 100px !important;
}
.ie6 .topSocial table{
	width: 200px;
}
.ie6 .socialLink.topSocial .fb-like{
	position: relative;
	left    : 10px;
}
.ie6 .socialLink.topSocial .twitter-share-button.twitter-count-horizontal{
	padding: 0 0 0 20px;
	width  : 100px !important;
}





/*   news area   */
#block_top_news .leftSide{
	float    : left;
	font-size: 13px;
	width    : 560px;
}
#block_top_news h2{
	padding: 0 0 10px;
}
.newsWrap {
	height  : 240px;
	overflow: auto;
	width   : 560px;
}
.newsWrap table {
	width: 535px;
}
.iphone .newsWrap table,
.ipad .newsWrap table,
.android .newsWrap table{
	width: 560px;
}
.newsWrap th {
	background    : url(../../img/bg_news_title.png) repeat left top;
	font-weight   : normal;
	padding       : 11px 10px 12px;
	width         : 110px;
	vertical-align: top;
}
.newsWrap td {
	background    : url(../../img/bg_news_title.png) repeat left top;
	padding       : 11px 10px 12px;
	vertical-align: top;
}
.safari .newsWrap th,
.safari .newsWrap td  {
	font-size: 12px;
}
.newsWrap .colored th, 
.newsWrap .colored td{
	background    : url(../../img/bg_news_title02.png) repeat left top;
} 
#block_top_news .rightSide{
	float: right;
	width: 320px;
}
.newsWrap table a{
	color          : #3f3f3f;
	text-decoration: underline;
}
.newsWrap table a:hover{
	color          : #06C;
	text-decoration: none;
}







.movielink{
	display: none;
}
.iphone .movielink,
.ipad .movielink,
.android .movielink{
	display: block;
}