@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. index.html
　02. mainVisual
　03. 
　04. 
　05. 
　06. 


******************************************************************************* */


/* ==

　00. file import

=============================================================================== */
@import url("/common/css/rn01/common.css");



/* ==

　01. index.html

=============================================================================== */
.container .topicPath{ background:none !important; }


/* リキッドエリア
------------------------------------------------------------------------------- */
#topLiquidBg {
	position: absolute;
	width: 100%;
	min-width: 960px;
	z-index: 0;
	top: 170px;
	left: 0;
	overflow: hidden;
}
#topLiquidBg img {
	width: 100%;
	height: auto;
}
* html #topLiquidBg img {
	display: none;
}
.container.topLiquidContainer {
	position: relative;
	z-index: 10;
}
#topLiquidMain {
	position: relative;
	margin-bottom: 20px;
	padding-top: 20px;
	z-index: 10;
	clear: both;
}
#topLiquidMain:after{ content:''; display:block; clear:both; }






/* カテゴリーから選ぶ
------------------------------------------------------------------------------- */
#topLiquidMain div h2{ background:none; }
div.category{
	width:308px;
	margin:0 10px 10px 0;
	background-color:#fff;
	border:1px solid #ccc;
	float:left;
	clear:none;
}
/*
div.category p.img{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
*/
div.category p.txt{ padding:10px; font-size:120%; line-height:1.3; }


div.category.cate_bunjo{ margin-right:0; }

div.category.cate_event{
	width:626px;
	margin-right:0;
	border:2px solid #ccc;
}

div.category.cate_event h3{ padding:3px 0; border-bottom:2px solid #ccc; }
optgroup{ font-style:normal; }


div.cate_btns{ width:310px; margin-right:10px; float:left; }
div.cate_btns li{ margin-bottom:15px; }



div.cate_event .btns{ width:624px; margin:0; padding:0 0 0 2px; /padding:0 0 4px; zoom:1; clear:both; }
div.cate_event .btns li{
	margin:0 0 5px 5px;
	padding:2px;
	background-color:#e7e5e6;
	display:inline;
	zoom:1;
	float:left;
}
div.cate_event .btns li img{ vertical-align:bottom; }

#searchPref{ padding:4px 0 5px 10px; clear:both; }
#searchPref p{ margin-right:10px; float:left; }










/* ==

　02. mainVisual

=============================================================================== */
.container #mainVisual{
	width:950px;
	margin:0 auto 20px;
	padding:6px 0;
	background:url(../images/top02/bg_mainimg.png) center top no-repeat;
	clear:both;
}
.container #mainVisual div.mainView{
	width:936px;
	height:338px;
	margin:0 auto;
	/*text-align:center;*/
	position:relative;
	/*float:right;*/
}
.container #mainVisual:after, .mainView:after{ content:''; display:block; clear:both; }

.imageReel p{ display:none; }

#loading{
	width:941px;
	height:338px;
	padding:140px 160px 0 0;
	background-color:#fff;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	z-index:999;
}

.mainImgs {
	width:941px;
	height:338px;
	overflow:hidden;
	position:relative;
	top:0;
	left:0;
}

.imageReel { position:relative; }
.imageReel div{
	position: absolute;
	top: 0;
	left: 0;
}




/* ボタン
------------------------------------------------------------------------------- */
.paging{
	width:116px;
	height:338px;
	/*padding-top:2px;*/
	/*background:url(../images/top02/mainVisual/bg_btn.png) left top no-repeat;*/
	position:absolute;
	top:0;
	right:0;
	z-index:9999;
}
.paging li{ padding:5px 0 0 5px; } 
.paging li a{
	width:106px;
	height:106px;
	padding:0;
	display:block;
}