@charset "UTF-8";

/*
########################################################
  top style
########################################################
*/

body#top {
}

body#top #flash {
	height: 320px;
	clear: both;
	background: #FFE9E0;
}
body#top #flash .inner {
	width: 960px;
	margin: auto;
	text-align: center;
}

/* noFlash */
body#top .noFlash {
	width: 930px;
	padding:0 15px;
	height: 320px;
	background:url(../images/bg_flash.jpg) 0 0 no-repeat;
	zoom:1;
}
body#top .noFlash .fadein {
	width:680px;
	height:280px;
	overflow:hidden;
	position:relative;
	float:left;
	margin:20px 0;
}
body#top .noFlash .fadein img {
	position:absolute;
	left:0;
	top:0;
}
body#top .noFlash .sideBar {
	width:220px;
	float:right;
	padding-top:20px;
}
body#top .noFlash .sideBar li {
	height:64px;
	margin-bottom:8px;
}
/*----------*/

body#top #top_left {
	float:left;
	width:750px;
}
body#top .info {
	zoom: 1;
}
body#top .info .left {
	float: left;
	width: 370px;
	display: block;
	overflow: hidden;
}
body#top .info .right {
	float: right;
	width: 370px;
	display: block;
	overflow: hidden;
}
body#top .info .news a {
	color:#393;
}
body#top .info .blog a {
	color:#039;
}
body#top .info .twitter a {
	color:#20B8F1;
}
body#top .info h2 {
	line-height:1;
	height:34px;
	position:relative;
}
body#top .info .left h2 span {
	position:absolute;
	display:block;
	right:20px;
	top:20px;
}
body#top .info .right h2 span {
	position:absolute;
	display:block;
	right:20px;
	top:19px;
}
body#top .info dl {
	zoom: 1;
	border-left: #DEDBDA solid 5px;
	border-right: #DEDBDA solid 5px;
	border-bottom: #DEDBDA solid 5px;
	padding: 5px 10px 10px;
	margin-bottom: 10px;
	height: 145px;
	display: block;
	overflow: hidden;
}
body#top .info dl dt,
body#top .info dl dd {
	height: 20px;
	line-height: 20px;
	display: block;
	overflow: hidden;
}
body#top .info dl dt {
	width: 45px;
	float: left;
}
body#top .info dl dd {
	width: 295px;
	float: right;
}
body#top .info #tweet {
	border-left: #DEDBDA solid 5px;
	border-right: #DEDBDA solid 5px;
	border-bottom: #DEDBDA solid 5px;
	padding:10px;
	margin-bottom: 10px;
	height: 349px;
	display: block;
	overflow: hidden;
}
body#top .info #tweet li {
	margin-bottom:15px;
}

body#top .movie {
	clear:both;
	width:750;
	border:1px solid #DEDBDA;
	background:#F5F3EF;
	padding:15px 20px;
	margin-bottom:5px;
	zoom:1;
}
body#top .movie div {
	width:320px;
	height:205px;
	background:url(../images/bg_movie.jpg) 50% 50% no-repeat;
	padding:10px 15px 15px;
}
body#top .movie .left {
	float:left;
}
body#top .movie .right {
	float:right;
}

body#top .exp {
	zoom: 1;
	margin-bottom: 20px;
	height: 268px;
	display: block;
	overflow: hidden;
	clear:both;
}
body#top .exp h2 {
	height: 44px;
}
body#top .exp .left {
	float: left;
	width: 370px;
	display: block;
	overflow: hidden;
	margin-right: 10px;
}
body#top .exp .right {
	float: right;
	width: 370px;
	display: block;
	overflow: hidden;
}
body#top .exp .item {
	display: block;
	overflow: hidden;
	padding: 15px 150px 20px 20px;
}
body#top .exp #guide_school {
	background:url(../images/guide_school_back.jpg) no-repeat bottom center;
}
body#top .exp #guide_salon {
	background:url(../images/guide_salon_back.jpg) no-repeat bottom center;
}
body#top .exp .item p {
	font-size: 92%;
	height: 165px;
	display: block;
	overflow: hidden;
}
body#top .exp .item p.more {
	height: 15px;
	position: relative;
	left: 90px;
}

body#top #top_left .banner {
	zoom: 1;
	margin-bottom:10px;
}
body#top #top_left .banner h3 {
	height: 11px;
	margin-bottom: 5px;
}
body#top #top_left .banner .left {
	float: left;
	width: 240px;
	display: block;
	overflow: hidden;
	margin-right: 15px;
}
body#top #top_left .banner .center {
	float: left;
	width: 240px;
	display: block;
	overflow: hidden;
}
body#top #top_left .banner .right {
	float: right;
	width: 240px;
	display: block;
	overflow: hidden;
}

body#top h2.vtitle {
	height: 42px;
	clear:both;
}
body#top .voice {
	zoom: 1;
	background: #F5F3EF;
	padding: 0 10px 10px 15px;
}
body#top .voice .item {
	background: url(../images/voice_item_back.jpg) no-repeat top right;
	width: 706px;
	height: 156px;
	display: block;
	overflow: hidden;
	padding: 11px 15px 5px 14px;
	margin-bottom: 10px;
}
body#top .voice .item h3 {
	width: 555px;
	height: 26px;
	display: block;
	overflow: hidden;
	float: left;
}
body#top .voice .item p {
	width: 555px;
	height: 70px;
	display: block;
	overflow: hidden;
	float: left;
	margin-top: 10px;
}
body#top .voice .item p.name {
	height: 18px;
	text-align: right;
}
body#top .voice .left {
	float: left;
}
body#top .voice .right {
	float: right;
	margin-top:-11px;
}

body#top #top_right {
	float:right;
	width:200px;
}
body#top #top_right a {
	display:block;
}
body#top #top_right img {
	margin-bottom:5px;
}

body#top .info:after,
body#top .info .center dl:after,
body#top .exp:after,
body#top .banner:after,
body#top .banner .top:after,
body#top .voice:after,
body#top .movie:after,
body#top .noFlash:after{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}