@charset "UTF-8";

.main_image{
	width:100%;
	height:310px;
}

.top_bnr p {
	margin-bottom:15px;
}

/*----------------------------------------
	nwes
----------------------------------------*/

#top_news {
	margin-bottom:30px;
}
#top_news h3 {
	margin-bottom:10px;
}
#top_news .article {
	height: 200px;
	padding: 10px;
	overflow-y: scroll;
	margin-bottom: 15px;
	border: 1px solid #ccc;
}

/*----------------------------------------
	concept
----------------------------------------*/
#concept .block {
	background:url(../images/top/bg_concept.jpg) no-repeat ;
}
#concept dl {
	height:235px;
}
#concept dt {
	float:left;
	width:366px;
}
#concept  dd {
	float:right;
	width:275px;
	padding-top:10px;
}

/*----------------------------------------
	angelique
----------------------------------------*/
#angelique .block {
	background:url(../images/top/bg_angelique.jpg) no-repeat;
}
#angelique .left {
	float:left;
	width:280px;
	padding-top:10px;
}
#angelique .left .btn {
	text-align:right;
}
#angelique .right {
	float:right;
	width:366px;
}
#angelique .right p {
	padding:15px 5px;
}

.facebook_area {
	float: left;
	width: 300px;
}

.facebook_area2 {
	/*float: left;
	width: 300px;*/
	width: 500px;
	margin: 0 auto;
}
.facebook_area2 iframe {
    width: 500px;
	margin: 0 auto;
}


/* blog
----------------------------------------*/
.hotpepper_area {
	float: right;
	width: 340px;
	height: 400px;
}
.hotpepper_area .blog-contents {
	overflow-y: scroll;
	height:310px;
	padding:25px;
	background: #fff;
	border: #f77a78 1px solid;
}
.hotpepper_area .blog-contents::-webkit-scrollbar {
	overflow:hidden;
	width:5px;
	background:#e2e2e2;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.hotpepper_area .blog-contents::-webkit-scrollbar:horizontal {
	height:5px;
}
.hotpepper_area .blog-contents::-webkit-scrollbar-button {
	display:none;
}
.hotpepper_area .blog-contents::-webkit-scrollbar-piece {
	background:#e2e2e2;
}
.hotpepper_area .blog-contents::-webkit-scrollbar-piece:start {
	background:#e2e2e2;
}
.hotpepper_area .blog-contents::-webkit-scrollbar-thumb {
	overflow:hidden;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#bfbfbf;
}
.hotpepper_area .blog-contents li {
	margin-bottom:30px;
	font-size:13px;
}
.hotpepper_area .blog-contents span {
	display:block;
	margin-bottom:15px;
	font-weight:bold;
	color:#f77a78;
}
.hotpepper_area .blog-contents h4 {
	display:none;
}
.hotpepper_area .blog-contents a:link,
.hotpepper_area .blog-contents  a:visited {
	color:#333;
	text-decoration:none;
}
.hotpepper_area .blog-contents a:hover,
.hotpepper_area .blog-contents a:active {
	text-decoration:underline;
}