@charset "utf-8";
/* CSS Document */

/*
===== CONTENTS ===========================================

  01. main image area
  02. content base

==========================================================
*/

/* -------------------------------------------------------
  01. main image area
------------------------------------------------------- */
.layoutMainImageWrap{
	height         : 450px;
	position       : relative;
}
.layoutMainImage {
	position: absolute;
	width   : 100%;
}
.layoutMainImageInner{
	height  : 450px;
}
#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    : 80px;
}

#soundPlayer{
	margin  : 0 auto;
	position: relative;
	width   : 980px;
	
}
#soundPlayer p{
	position: absolute;
	top     : 0px;
	right   : 1px;
	
}








/* -------------------------------------------------------
  03. content area
------------------------------------------------------- */
#layoutMain {
	background: url(../../img/bg_top_repeat.png) repeat-x center top;
	height    : 1000px;
	min-width : 980px;
	padding   : 0;
}
#layoutMainInner{
	background : url(../../img/bg_top_02.jpg) no-repeat center top;
	height     : 1000px;
	min-width  : 980px;
	padding-top: 44px;
}
#contentMain {
	margin : 0px auto 0; 
	width  : 922px;
}




/*   social link area   */
.topSocial{
	padding: 24px 0 29px;
}
.topSocial .topSocialInner{
	float: right;

}
.socialLink.topSocial .tweet,
.socialLink.topSocial .facebook,
.socialLink.topSocial .mixi{
	padding: 0 0 0 0px;
}
.socialLink.topSocial .tweet,{
	padding: 0 0 0 0px;
}
.socialLink.topSocial .facebook{
	padding: 0 0 0 0px;
}
.socialLink.topSocial .mixi{
	padding: 0 0 0 0px;
}
.socialLink.topSocial .googleplus{
	padding: 0 0 0 15px;
}
.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  : 105px !important;
}
div.tweet,div.facebook,div.mixi,div.googleplus{
	float:left;
}



/*   news area   */
#block_top_news h2{
	padding: 0 0 10px;
}
.newsWrap {
	background    : url(../../img/bg_newsbox.png) no-repeat center top;
	height        : 230px;
	margin-bottom : 54px;
	width         : 922px;
	padding       : 40px 0 0 0 ;
}
.newsWrapInner{
	overflow: auto;
	height  : 190px;
	width  : 850px;
	margin : 0px 40px 0 40px;
}
.newsWrap table {
	width  : 820px;
	height:  auto;
	margin-right:10px;

}
.iphone .newsWrap table,
.ipad .newsWrap table,
.android .newsWrap table{
	width: 842px;
}
.newsWrap tr{
	border-bottom:#666666 dotted 1px;
}
.newsWrap th {
	font-weight   : normal;
	padding       : 11px 10px 12px;
	width         : 150px;
	vertical-align: top;
}
.newsWrap td {
	padding       : 11px 10px 12px;
	vertical-align: top;
}
.safari .newsWrap th,
.safari .newsWrap td  {
	font-size: 12px;
}


.newsWrap table a{
	color          : #805c29;
	text-decoration: underline;
}
.newsWrap table a:hover{
	color          : #805c29;
	text-decoration: none;
}

.iconText{
	background         :url(../../img/icon_newsbox.png) no-repeat center top;
	background-position:0px;
	padding-left       :20px;
}
.firstCell{
	border-top:#666666 dotted 1px;
}



.movielink{
	display: none;
}
.iphone .movielink,
.ipad .movielink,
.android .movielink{
	display: block;
}








/*--social plugin area--*/
#socialWallWrap{
	width  : 980px;
	height : 514px;
	margin : 0;
	padding: 0;
}
#socialWallWrap li.liLeftSide{
	float : left;
	width : 435px;
	height: 514px;
	margin: 0 45px 0 0;
	background: #ffffff;
}
#socialWallWrap li.liRightSide{
	float : left;
	width : 440px;
	height: 514px;
	margin: 0;
}
