@charset "UTF-8";

/*全体*/
#wrapper{
	width:100%;
	background:#fff;
	}
	
#index_main_visual{
	position:relative;
	width:980px;
	height:480px;/*20170711追加 トップビジュアル画像の高さが480pxより大きいときの崩れを防止*/
	margin:auto;
	overflow: hidden;/*20170711追加 トップビジュアル画像が980*480pxより大きいときの崩れを防止*/
	}

/*ヘッダー*/
#header{
	width:980px;
	line-height:1;
	}

/*ヘッダーグローバルナビゲーション*/
div.g_top{
	top:-572px;
	right:0;
}
div.header_g_navi{
	top:-547px;
	right:0;
}

/*フッター*/
#footer{
	margin:0 auto;
	}

/*メインビジュアル*/
.banner {
    position:absolute;
	width:1000px;
	top:0px;
	left:50%;
	margin:0 0 0 -500px;
	z-index:0;
	}
.banner li {
    list-style:none;
	}
.banner ul li {
    float:left;
	}
.banner li img{
	max-width:1000px;
	height:auto;
	}
.banner .dots{
	position:absolute;
	left:50%;
	bottom:8px;
	margin-left:-32px;
	z-index:100;
	}
.banner .dots li{
	float:left;
	display:inline;
	width:12px;
	height:12px;
	margin:0 4px;
	text-indent:-999em;
	background:url(../images/dot.png) no-repeat;
	cursor:pointer;
	}
.banner .dots li.active {
	background:url(../images/dota.png) no-repeat;
	opacity:1;
	}

/*最新情報*/
.data{
    position:absolute;
	right:0;
	top:-100px;
	width:253px !important;
	height:100px;
	z-index:0;
	background:url(../images/data_back.png);
	color:#fff;
	border:none;
	}
.data_text{
		height:100px;
	}
	
.data_text li{
    list-style:none;
	display:block;
	width:253px;
	height:100px;
	}
.data a{
	color:#fff;
	}
#data_page{
	position:absolute;
	top:8px;
	right:8px;
	z-index:1;
	}
.data_text li p{
	padding:8px;
	font-size:90%;
	}
.data_text li b{
	display:block;
	margin:0 0 2px 0;
	font-size:115%;
	}
.data ul li{
    float:left;
	}
.data .dots{
	position:absolute;
	left:50%;
	bottom:8px;
	z-index:100;
	}
.data .dots li{
	float:left;
	display:inline;
	width:12px;
	height:12px;
	margin:0 4px;
	text-indent:-999em;
	background:url(../images/dot.png) no-repeat;
	cursor:pointer;
	}
.data .dots li.active {
	background:url(../images/dota.png) no-repeat;
	opacity:1;
	}
	
/*コンテンツ*/
#content{
	width:100%;
	height:186px;
	background:url(../images/index_content_back.jpg) bottom repeat-x;
	}
.center_box{
	position:relative;
	padding:9px 0 0 0;
	width:980px;
	margin:0 auto;
	}
.center_box_text{
	display:block;
	margin:18px 0 8px 6px;
	clear:both;
	}
	
/*メインメニュー*/
#index_main_menu{
	width:980px;
	height:61px;
	padding:6px 0 0 0;
	background:url(../images/index_main_back.gif) no-repeat;
	}
#index_main_menu li{
	float:left;
	display:inline;
	margin:0 7px 0 0;
	width:210px;
	height:54px;
	text-align:center;
	}
#index_main_menu li a{
	background: url(../images/index_main_menu_back_off.jpg) no-repeat;
	width:168px;
	height:31px;
	padding:12px 21px 11px 21px;
	display:block;
	}
#index_main_menu li a:hover{
	background: url(../images/index_main_menu_back_on.jpg) no-repeat;
	}
#index_main_menu .first{
	width:111px;
	background:none;
	margin:0;
	padding:19px 0 0 0;
	}

/*おすすめコンテンツ*/
.als-container {
	position: relative;
	width:980px;
	margin:0px auto;
	z-index:0;
}
.als-viewport{
	position:relative;
	overflow:hidden;
	margin:0px auto;
}
.als-wrapper{
	position: relative;
	/* if you are using a list with <ul> <li> */
	list-style:none;
}
.als-item {
	position:relative;
	display:block;
	text-align:center;
	cursor:pointer;
	float:left;
	margin:0 6px;
} 
.als-prev, .als-next {
	position:absolute;
	cursor:pointer;
	clear:both;
	top:10px;
}
.als-prev{
	right:0px;
	}
.als-next{
	left:0px;
	}
.als-item a:hover{
	opacity:0.9;
	}

	

/*PC版では改行を削除する（2016年10月レスポンシブ対応用に追加）*/
.pc-display-none{
 display:none;
}