@charset "UTF-8";    /* 文字コードの設定 */

/*-------------------------------------------
フォントサイズの指定

表示したいサイズ 	指定する値
	10px 					72%
	11px 					79%
	12px 					86%
	13px 					93%
	14px 					100%
	15px 					108%
	16px 					115%
	17px 					122%
	18px 					129%
---------------------------------------------*/


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

トップページ
	
**********************************/
#Rest_toppage {
	margin-left:8px;
	position:relative;
}
#ctswrap {
    margin-top:20px;
    margin-left:15px;
}
#ctsleft {
    width: 362px;
	float:left;
}
#ctsright {
    width: 345px;
	float: right;
}
#newtopics .campaign {
	background-image: url(/ja/img/top/nw_topics_bg.jpg);
	background-repeat: repeat-y;
}

#newtopics ul {
	margin:0px 0px 0px 15px;
	padding:0px;
}
#newtopics ul li {
	background-image: url(/ja/img/top/yazirusi.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 8px;
	padding-left: 15px;
	padding-right: 15px;
}
.campaign ul{
	margin:0px 0px 0px 15px;
	padding:0px;
}
.campaign ul li {
	background-image: url(/ja/img/top/yazirusi.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 8px;
	padding-left: 15px;
	padding-right: 15px;
}

.campaign ul.base-s {
    font-size: 86%;
    line-height: 135%;
}




#bnrleft {
    width: 350px;
	float:left;
}
#bnrright {
    width: 350px;
	float: right;
}
#kodawarileft {
    width: 232px;
	float:left;
}
#kodawariright {
    width: 232px;
	float: right;
}
#mokuteki {
	background-color: #EEEEEE;
	margin-top:20px;
	margin-bottom:20px;
	padding: 10px;
	height: 1%;
    width: 673px;
}
#mokutekileft {
    width: 160px;
	float:left;
}
#mokutekiright {
    width: 510px;
	float: left;
}
.space {
	height: 1px;
}

/*------------------------------------
slide.css

--------------------------------------*/

.mask6{
	position:relative;
	margin-left:auto;
	width:714px;
	height:279px;
	overflow:hidden;
	margin-right: auto;
}

#box7{
	position: relative;
}
#box7 span{
	display:block;
	float:left;
	margin: 0px;
	padding: 0px;
}

#thumbs7{
	position:relative;
	width:714px;
	clear:both;
	height:33px;
	overflow:hidden;
	text-align: left;
}
#thumbs7 .thumbs, #thumbs_handles7, #thumbs_mask7{
	position:absolute;
	top:0;
	width:714px;
	height:33px;
}
#thumbs7 .thumbs div, #thumbs_handles7 span{
	display:block;
	width:337px;
	height:33px;
	margin:0;
	float:left;
	cursor:pointer;
	padding: 0px;
}
#thumbs7 .thumbs div img{
	width:337px;
	float:right;
	margin: 0px;
	padding: 0px;
}
#thumbs_handles7 span{
	background-image:url(/ja/images/campaign/home_img-thumb_invisible.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	width: 337px;
}
#thumbs_mask7{
	width:1700px;
	background-image: url(/ja/images/campaign/home_img-thumbs_mask.gif);
	background-repeat: no-repeat;
	background-position: center top;
}



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

.thumbs{
	width:337px;
}
.thumbs div{
	display:block;
	width:337px;
	height:33px;
	margin:0px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}



/* マイナーリニューアルにて追加 */
div.plan ,div.program ,div.reserve{
	width: 340px;
	text-align: center;
}
div.program img {
	padding-top: 2px;
	padding-bottom: 3px;
}
div.bnr {
	background-image: url(../img/top-list/title_back02.gif);
	background-repeat: repeat-y;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	background-position: center center;
	padding: 0px;
}
div.bnr img     ,div.bnr2 img{
	padding-bottom: 4px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 4px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#newtopics, .campaign {
	width: 340px;
	background-image: url(../img/top-list/title_back02.gif);
	background-repeat: repeat-y;
	margin-bottom: 5px;
	font-size: 90%;
}
div.flash {
	text-align: center;
	width: 690px;
}
img.back  {
	margin: 0px;
	padding: 0px;
	line-height: 0px;
}