@charset "utf-8";

#topBlockWrap {
	/* setting */
	margin: 0 auto;
	padding: 0
}

#topLeftBlock {
	float: left;
	width: 200px;
	margin-right: 20px;
}

#topCenterBlock {
	float: left;
	width: 500px;
}

#content {
	clear: both;
	margin: 0 auto;
}

/* ---------------------------------------------------------
トップ用カルーセル
--------------------------------------------------------- */

.topVisualBlock {
	position: relative;
	width: 940px;
	height: auto;
	margin: 20px auto;
	padding: 0;
}

.topVisualBlock li {
	list-style-type: none;
}

.topVisualBlock #topVisualImg {
	width: 940px;
	height: 400px;  /* 2025/03/02 */
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#topVisualImg li {
	/*overflow: hidden;*/
	float: left;
	width: 940px;
	height: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#topVisualImg li.movie {
	background: #000;
	text-align: center;
}

  
.topVisualBlock .control { 

	display: none; 
}



.caroufredsel_wrapper:hover + .control, 
.caroufredsel_wrapper + .control:hover {

	display: block;
} 

.control #carouPrev {
	display: inline-block;
	position: absolute;
	top: 160px;
	left: 0;
}

.control #carouNext {
	display: inline-block;
	position: absolute;
	top: 160px;
	right: 0;
}

.topVisualBlock .carouPage {
	position: absolute;
	bottom: -20px;
	left: 0;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.topVisualBlock .carouPage a {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 5px;
	border-radius: 12px;
	border: 1px solid #ccc;
	/* background: rgba(192,192,192,.75); */
	text-indent: -9999px;
}

.topVisualBlock .carouPage a.selected {
	background: #558833;
}

/*
 * BBSバナー（SP）
 */
.topSpBBS {
	display: none;
}

/* ---------------------------------------------------------
トップ用ユーザー別リンク
--------------------------------------------------------- */
.topUserLink {
	width: 940px;
	margin: 0 auto 20px;
	padding: 10px;
	/* background: url(../img/home/bg_home_01.png) repeat 0 0; */
}

.topUserLink ul.pc {
	width: 960px;
	margin: 0 0 0 -20px;
	padding-left: 10px;
}

.topUserLink ul.pc:after {
	content : "";
	display : block;
	clear : both;
}

.topUserLink ul.sp {
	display: none;
}

.topUserLink .pc li {
	position: relative;
	float: left;
	margin: 0 0 0 10px;
	list-style-type: none;
	/display: inline;
	/zoom: 1;
}

.topUserLink .pc a {
	 display: block;
	 width: 300px;
	 height: 50px;
	 color: #fff;
	 font-size: 120%;
	 text-decoration: none;
	 text-align: center;
 }


.topUserLink .pc li a:hover {
	filter: Alpha(opacity=70);
	opacity: 0.7;
}



/* ---------------------------------------------------------
ショートカットリンク
--------------------------------------------------------- */
.topShortcutLink {
	margin: 0;
	list-style-type: none;
}

.topShortcutLink li {
	margin: 0 0 15px;
	list-style-type: none;
}

.topShortcutLink li a {
	display: block;
	text-decoration: none;
	color: #039;
	background: #ebebd6;
}

.topShortcutLink li a span {
	display: block;
	padding: 10px;
	color: #039;
	text-align: center;
}

/* ---------------------------------------------------------
バナー
--------------------------------------------------------- */
#asideBlock {
	float: right;
}

#optionBlockWrap {
	margin-bottom: 0px;
}


/* ---------------------------------------------------------
新着情報
--------------------------------------------------------- */
#topBlockWrap .topicsBlockWrap {
	position: relative;
}

#topBlockWrap .topicsBlockWrap .topicsTitle {
	padding: 2px;
	border-bottom: 4px solid #106010;
}

#topBlockWrap .topicsTitle h2 {
	display: inline-block;
	margin: 0;
	padding: 0;
	border: 0;
	height: 38px;
	line-height: 38px;
	background-color: #fff;
	font-size: 100%;
}

#topBlockWrap .spTopicsNavSelect {
	display: none;
}

#topBlockWrap .topicsTitle ul.tabs {
	position: absolute;
	top: 0;
	right: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#topBlockWrap .topicsTitle ul.tabs li {
	list-style-type: none;
	margin: 0 0 0 5px;
	padding: 0;
	float: left;
}

#topBlockWrap .topicsTitle .tabs li:first-child {
	margin-right: 10px;
}

#topBlockWrap .topicsTitle .tabs a {
	display: block;
	position: relative;
	width: 86px;
	height: 38px;
	margin: 0;
	padding: 0;
	background: #60c000;
	border-radius: 5px ;
	line-height: 38px;
	font-size: 12px;
	text-align: center;
	/* border: 1px solid #e50019; */
	border-bottom: 0;
	color: #fff;
	text-decoration: none;
}

#topBlockWrap .topicsTitle .tabs a:after {
	display: block;
	position: absolute;
	bottom: 4px;
	left: 38px;
	width: 8px;
	height: 4px;
	content: '';
	/* background: transparent url(../img/home/bg_tab_01.png) no-repeat 0 0; */
}

#topBlockWrap .topicsTitle .tabs li a.active {
	color: #fff;
	font-weight: bold;
	background-color: #662222;
}

#topBlockWrap .topicsTitle .tabs li a.active:hover {
	opacity: 1;
}

#topBlockWrap .topicsTitle .tabs li a.active:after {
	background-position: -8px 0;
}

#topBlockWrap .topicsBlockWrap .rss {
	display: none;
}

#topBlockWrap .editorBlock {
	position: relative;
}

#topBlockWrap .editorBlock .moreLinks {
	position: absolute;
	top: 20px;
	right: 10px;
	margin: 0;
	font-size: 85%;
}

#topBlockWrap .editorBlock .moreLinks a {
	padding: 0 0 0 15px;
	background: url(../img/shared/ico_arrow_02.png) no-repeat 0 50%;
	color: #000;
	text-decoration: none;
	/* style */
}



/* ---------------------------------------------------------
ClearFix
--------------------------------------------------------- */
#topBlockWrap:after ,
.topicsBlock:after
{ content : ''; display : block; clear : both; }

#topBlockWrap ,
.topicsBlock
{ /zoom : 1; }