@charset "UTF-8";
  
.PC{
	display:block ;
}

.SP{
	display:none ;
}

/*PCスライダー非表示*/
#slider_sp, .slider_sp {
display:none;
}	

/*ローダー*/
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #000;
  z-index: 1;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 2;
}


/*-------------------------------------
  トップコンテンツ
---------------------------------------*/
.main_contents{
	width:100% ;
	margin:0 auto 30px auto ;
	/*overflow:hidden ;*/
}

	.main_contents .slider{
		width:740px ;
        height:392px;
		float:left ;
	}

	/*  バナー一覧  */
	.banner_list{
		width:300px ;
		float:right ;
        margin-bottom:30px;
	}

		.banner_list ul{
			width:100% ;
			margin:0 auto ;
            list-style:none;
		}

			.banner_list ul li{
				list-style:none ;
				margin:0 auto 10px auto ;
				text-align:center ;
			}

				.banner_list ul li img{
					width: 100%;
				}
			
	/*  バナーレクタングル  */
	.bn_rectangle{
		width:300px ;
		float:right ;
        margin-bottom:30px;
	}

		.bn_rectangle ul{
			width:100% ;
			margin:0 auto ;
            list-style:none;
		}

			.bn_rectangle ul li{
				list-style:none ;
				margin:0 auto 10px auto ;
				text-align:center ;
			}

				.bn_rectangle ul li img{
					width: 100%;
				}


/*-------------------------------------
  メインコンテンツ
---------------------------------------*/
.main_contents{
	width:100% ;
	margin:0 auto 0 auto ;
	/*overflow:hidden ;*/
	color:#3E3A39 ;
	font-family: Arial, Roboto,“Droid Sans”,"游ゴシック","YuGothic",“ヒラギノ角ゴ ProN W3″,“Hiragino Kaku Gothic ProN”,“メイリオ”,Meiryo,sans-serif;
}
	
	.main_contents a{
		color:#3E3A39 ;
	}

	/*  left  */
	.main_contents .left{
		width:300px ;
		float:left ;
		margin-top:50px ;
	}
	
	/*  center  */
	.main_contents .center{
		width:430px ;
		float:left ;
		margin-left:10px ;
		margin-top:50px ;
	}
	
	/*  right  */
	#contents_inner .right{
		width:300px ;
		float:right ;
	}
	
		/*  content  */
		.main_contents .content, .right .content{
			width:100%;
			overflow:hidden ;
			margin:0 auto 30px auto ;
		}
		
			/*  midashi  */
			.main_contents .content .midashi{
				width:100%;
				overflow:hidden ;
				text-align:left ;
				padding-bottom:5px ;
				border-bottom:1px solid #9FA0A0 ;
				margin:0 auto 15px auto ;
				background-image:url(../images/index/midashi_icon.png) ;
				background-position:0 top ;
				background-repeat:no-repeat ;
				text-indent:25px ;
			}


/* +++++++++++++++++++++
  軽井沢の天気
++++++++++++++++++++++*/
/*weather*/
div.weather_box{
	float:right;
	width:100px;
	display:block;
	margin-left:0;
}

	div.weather_box img{
		float:left;
	}
	
	div.weather_box p{
		float:left;
		margin-top:10px;
		font-weight:bold ;
		font-size:102% ;
		margin:0 auto 5px auto ;
	}
	
	div.weather_box div{
		float:left;
		line-height:26px
	}
	
	div.weather_box:last-child{
		margin-left:0px;
	}
	
	div.weather_box div span{
		border-bottom:#9FA0A0 1px solid;
		display:block;
	}


/* +++++++++++++++++++++
  Blogs
++++++++++++++++++++++*/
.blog dl{
	width:100%;
	overflow:hidden ;
	margin:0 auto 10px auto ;
}
	
	.blog dl a{
		display:block;
		text-decoration:none;
	}
	
	.blog dl dt{
		width:82px ;
		float:left;
		margin-right:10px;
		text-align:center ;
	}
	
		.blog dl dt img{
			max-width:81px ;
			max-height:61px;
		}
	
	.blog dl dd.date{
		width:200px ;
		float:left;
		color:#6FBA2C ;
		margin:0 auto 5px auto ;
		font-size:110% ;
	}

	.blog dl dd.news_title{
		width:200px ;
		float:left;
		font-size:115% ;
		font-weight:bold ;
	}


/* +++++++++++++++++++++
  Ranking
++++++++++++++++++++++*/
.ranking{}

.ranking .item{
	width:100%;
	overflow:hidden ;
	margin:0 auto 10px auto ;
	display:table ;
	vertical-align:middle ;
}
	
	.ranking .item a{
		display:block;
		text-decoration:none;
	}
	
	.ranking .item .img{
		width:50px ;
		display:table-cell ;
		vertical-align:middle ;
		empty-cells: show
	}
	
		.ranking .item .img img{
/*			max-width:100% ;*/
			max-width:50px ;
		}

	.ranking .item .rank{
		width:50px ;
		display:table-cell ;
		text-align:center ;		
		vertical-align:middle ;
	}
	
	.ranking .item .title{
		width:190px ;
		display:table-cell ;
		font-size:115% ;
		font-weight:bold ;
		vertical-align:middle ;
	}
	


/* +++++++++++++++++++++
  Banner
++++++++++++++++++++++*/
.banner ul{
	margin: 0;
}
	
	.banner ul li{
		width:100% ;
		margin:0 auto 15px auto ;
		text-align:center ;
	}
		
		.banner ul li img{
			max-width:100% ;
		}

	


/* +++++++++++++++++++++
  NEWS
++++++++++++++++++++++*/
/*.news .top_box1{ padding:2px 0 20px;}*/
.news .top_box1:nth-child(9){border:none;}
.news .top_box1:last-child{border:none; margin-top:-20px;}
/*.news .second .floatL {float:none!important;display:none;}*/
.news .second .floatR {float:none!important;}
.news .second {padding:0;}

	.news .top_box1 img{
		width:120px ;
        margin:0 10px 10px 0;
	}
/*
	.news .first{
		width:290px ;
	}*/

		.news p{
			font-size:70% ;
            color:#90949C ;
		}
	
		.news h3{
			font-size:120% ;
			margin:0 auto 5px auto ;
			font-weight:bold ;
			color:#231815;
			line-height: 1.4;
		}
	
		.news ul{
			width:100% ;
			margin:30px auto 0 auto ;
			overflow:hidden ;
			text-align:right ;
		}

			.news ul li{
				display:inline-block ;
				text-align:left ;
				margin-left:15px ;
			}

				.news ul li a{
					display:block ;
				}


/* +++++++++++++++++++++
  おすすめ観光情報
++++++++++++++++++++++*/
.kanko .top_box1{ border-bottom:1px solid #d5d5d5; padding:10px 0;}
.kanko .top_box1:nth-child(9){border:none;}
.kanko .top_box1:last-child{border:none;}

	.kanko .top_box1 img{
		width:120px ;
	}

	.kanko .right_part1{
		width:290px ;
	}

		.kanko p{
			font-size:100% ;
            color:#90949C ;
			margin:0 auto 5px auto ;
		}
	
		.kanko h3{
			font-size:140% ;
			margin:0 auto 5px auto ;
			font-weight:bold ;
			color:#231815;
			line-height: 1.4;
		}
	
		.kanko ul{
			width:100% ;
			margin:30px auto 0 auto ;
			overflow:hidden ;
			text-align:right ;
		}

			.kanko ul li{
				display:inline-block ;
				text-align:left ;
				margin-left:15px ;
			}

				.kanko ul li a{
					display:block ;
				}
	


/* +++++++++++++++++++++
  NEWSPAPER
++++++++++++++++++++++*/
.newspaper .top_box1{
	width:100% ;
	overflow:hidden ;
	margin:0 auto 25px auto ;
}

	.newspaper .top_box1 .floatL img{
		width:150px ;
	}

	.newspaper .top_box1 .right_part1{
		width:260px ;
	}

		.newspaper p{
			font-size:120% ;
			margin:0 auto 5px auto ;
		}
	
		.newspaper h3{
			font-size:140% ;
			font-weight:bold ;
			margin:0 auto 5px auto ;
			line-height: 1.3;
		}
	
		.news ul{
			width:100% ;
			margin:30px auto 0 auto ;
			overflow:hidden ;
			text-align:right ;
		}

			.news ul li{
				display:inline-block ;
				text-align:left ;
				margin-left:15px ;
			}

				.news ul li a{
					display:block ;
				}

.newspaper .top_box2{}

	.newspaper .top_box2 .floatL img{
		width:90px ;
	}

	.newspaper .top_box2 .right_part1{
		width:320px ;
	}

		.newspaper .top_box2 p{
			font-size:120% ;
			margin:0 auto 5px auto ;
		}
	
		.newspaper .top_box2 h3{
			font-size:140% ;
			font-weight:bold ;
			margin:0 auto 5px auto ;
			vertical-align:middle ;
		}

			.newspaper .top_box2 h3 span{
				display:inline-block ;
				background:#E60012 ;
				color:#FFF ;
				font-size:70% ;
				padding:0 3px ;
				text-align:center ;
				margin:0 5px 0 0 ;
			}
	
		.newspaper .top_box2 ul{
			width:100% ;
			margin:0 auto 0 auto ;
			overflow:hidden ;
		}

			.newspaper .top_box2 ul li{
				background-image:url(../images/index/icon01.gif) ;
				background-position:0 center ;
				background-repeat:no-repeat ;
                font-size: 115%;
                font-weight:bold;
			}

				.newspaper .top_box2 ul li a{
					display:block ;
					margin:0 0 0 10px ;
				}
	

/* +++++++++++++++++++++
  topics
++++++++++++++++++++++*/
.topics{}

.topics .top_box3{
	background:#F1EDE5 ;
	width:100%;
	margin:0 auto 8px auto ;
}

	.topics .top_box3 .floatL{
		width:50% ;
		float:none ;
		display:table-cell ;
		vertical-align:top ;
	}

		.topics .top_box3 .floatL img{
			width:100% ;
		}

	.topics .top_box3 .floatR{
		float:none ;
		display:table-cell ;
		vertical-align:middle ;
	}

		.topics .top_box3 .floatR h3{
			width:90% ;
			font-weight:bold ;
			font-size:110% ;
			margin:0 auto 0 auto ;
		}
	
		.topics .top_box3 .floatR p{
			width:90% ;
			margin:0 auto 0 auto ;
		}
	

.topics .topics1{
	overflow:hidden ;
}

.topics .topics2{
	display:none ;
	overflow:hidden ;
}



.topics .top_box4L{
	clear:both ;
	background:#F1EDE5 ;
	overflow:hidden ;
	width:49% ;
	float:left ;
	margin-bottom:8px ;
	clear:both ;
}

.topics .top_box4R{
	background:#F1EDE5 ;
	overflow:hidden ;
	width:49% ;
	float:right ;
	margin-bottom:8px ;
}

	.topics .top_box4L .img,
	.topics .top_box4R .img{
		height:140px ;
		overflow:hidden ;
	}

		.topics .top_box4L .img img,
		.topics .top_box4R .img img{
			width:100% ;
		}

	.topics .top_box4L .title,
	.topics .top_box4R .title{
		width:90% ;
		font-weight:bold ;
		font-size:110% ;
		margin:10px auto 10px auto ;
	}

.topics .more{
	clear:both ;
	width:100% ;
	text-align:center ;
}

	.topics .more a{
		display:block ;
		width:100% ;
		text-align:center ;
		color:#FFFFFF ;
		background:#94CA79 ;
		font-size:130% ;
		padding:5px ;
        cursor: pointer;
	}
	

/* +++++++++++++++++++++
  EVENTS
++++++++++++++++++++++*/
.events .top_box1{
	margin-bottom:10px ;
	overflow:hidden ;
}

	.events a{
		display:block;
		text-decoration:none;
	}

	.events .top_box1 .floatL {
		border: 1px solid #ddd;
	}
	
	.events .top_box1 img{
		width:150px ;
		vertical-align: bottom;
	}

	.events .all{
		width:100%;
	}

	.events .right_part1{
		width:260px ;
	}

		.events p{
			font-size:120% ;
			margin:0 auto 5px auto ;
		}
		
		.events .date{
			color:#6FBA2C ;
			margin:0 auto 5px auto ;
		}
		
		.events .event_title{
			font-weight:bold ;
			word-break: break-all;
		}
		
		.events ul{
			width:100% ;
			margin:30px auto 0 auto ;
			overflow:hidden ;
			text-align:right ;
		}

			.events ul li{
				display:inline-block ;
				text-align:left ;
				margin-left:15px ;
			}

				.events ul li a{
					display:block ;
				}
	


/* +++++++++++++++++++++
  MOVIE
++++++++++++++++++++++*/
.movie .top_box1{
	width:100% ;
	overflow:hidden ;
	margin:0 auto 25px auto ;
}

	.movie .top_box1 .floatL img{
		width:150px ;
	}

	.movie .top_box1 .right_part1{
		width:260px ;
	}

		.movie p{
			font-size:120% ;
			margin:0 auto 5px auto ;
		}
	
		.movie h3{
			font-size:140% ;
			font-weight:bold ;
			margin:0 auto 5px auto ;
		}
	
		.movie ul{
			width:100% ;
			margin:30px auto 0 auto ;
			overflow:hidden ;
			text-align:right ;
		}

			.movie ul li{
				display:inline-block ;
				text-align:left ;
				margin-left:15px ;
			}

				.movie ul li a{
					display:block ;
				}



/* +++++++++++++++++++++
  osusume
++++++++++++++++++++++*/
.osusume .midashi{
	margin-bottom:0 !important ;
}

.osusume .pr_bnr{
	background:#F7F8F8;
	border-bottom:#e7e8e8 1px solid;
	clear:both;
	padding:5px 0px;
}

	.osusume .pr_bnr img{
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
	}
	
	.osusume .pr_thumb{
		display:inline;
	}
	
	.osusume .pr_text{
		float:right;
		width:220px;
		display:inline ;
	}

		.osusume .pr_text .txt{
			font-size:90% ;
		}
	
		.osusume .pr_text .title{
			font-size:120% ;
			font-weight:bold ;
		}


/* +++++++++++++++++++++
  publish
++++++++++++++++++++++*/
.publish .top_box2{
	width:100% ;
	overflow:hidden ;
	border-bottom:1px solid #9FA0A0 ;
	padding-bottom:15px ;
	margin:0 auto 15px auto ;
}

	.publish .top_box2 .floatL img{
		width:100px ;
	}

	.publish .top_box2 .right_part1{
		width:180px ;
	}

		.publish .top_box2 p{
			font-size:120% ;
			margin:0 auto 5px auto ;
		}
	
		.publish .top_box2 h3{
			font-size:130% ;
			font-weight:bold ;
			margin:0 auto 5px auto ;
			vertical-align:middle ;
			line-height:1.2 ;
		}

			.publish .top_box2 h3 span{
				display:inline-block ;
				background:#E60012 ;
				color:#FFF ;
				font-size:70% ;
				padding:0 3px ;
				text-align:center ;
				margin:0 5px 5px 0 ;
			}
			
		.publish .top_box2 ul{
			width:100% ;
			margin:0 auto 0 auto ;
			overflow:hidden ;
		}

			.publish .top_box2 ul li{
				background-image:url(../images/index/icon01.gif) ;
				background-position:0 center ;
				background-repeat:no-repeat ;
			}

				.publish .top_box2 ul li a{
					display:block ;
					margin:0 0 0 10px ;
				}

.publish .last{
	border-bottom:none !important ;
}

	
.publish .more{
	clear:both ;
	width:100% ;
	text-align:center ;
}

	.publish .more a{
		display:block ;
		width:100% ;
		text-align:center ;
		color:#FFFFFF ;
		background:#94CA79 ;
		font-size:130% ;
		padding:5px ;
	}

.ad {
		clear: both;
}