@charset "UTF-8";

#top {
	margin: 0px;
}

/*トップページ用見出し---------------------*/
#top h2 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	text-align: center;
}
#top h3 {
	font-size: 1.2em;
	padding: 0px;
	text-align: center;
	line-height: 1.4em;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #5399A3;
	letter-spacing: 0.1em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
#top h4 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 1.3em;
	letter-spacing: 0.3em;
	line-height: 1.4em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	background-image: url(../top/teature_tit_bg.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 150px;
	text-align: center;
}



/*メインフォトスライドショー---------------------*/


#mainphoto {
	margin: 0px;
	padding: 0px;
	position: relative;
}

#slider_banner {
	position: absolute;
	z-index: 1;
	top: 27vw;
	left: 54vw;
	width: 26vw;
	height: auto;
}



/*紹介文---------------------*/
#top_copy {
	margin-right: auto;
	margin-bottom: 60px;
	margin-left: auto;
	margin-top: 40px;
	width: 550px;
	overflow: hidden;
}
#top_copy #midashi  {
	font-size: 1.5em;
	font-weight: normal;
	color: #EC74AC;
	margin-bottom: 20px;
	text-align: center;
	line-height: 1.6em;
}
#top_info {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 70px;
	overflow: hidden;
}
#top_info #infomation {
	background-color: #F7F7F5;
	height: 150px;
	width: 650px;
	float: left;
	margin: 0px;
	background-image: url(../top/top_info_bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 15px;
	color: #604B3E;
}
#top_info #infomation #tit {
	background-image: url(../top/top_information.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 115px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #D6D6D6;
	margin-bottom: 5px;
	padding-bottom: 2px;
	line-height: 1.8em;
	color: #604B3E;
}
#top_info #nfd_banner {
	float: right;
	margin: 0px;
	padding: 0px;
}

/*特徴---------------------*/
#top_feature_bg {
	background-image: url(../images/common/bg1.jpg);
	background-repeat: repeat;
	clear: both;
	overflow: hidden;
	margin-bottom: 50px;
}
#feature {
	padding: 0px;
	width: 1000px;
	margin-top: 70px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
}
.title  {
	width: 640px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	overflow: hidden;
	padding: 0px;
}
#feature .block {
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	overflow: hidden;
}
#feature .block .txt_left {
	padding: 0px;
	margin: 0px;
	width: 540px;
}
#feature .block .txt_right {
	float: right;
	width: 540px;
}
#feature .block .midashi {
	font-size: 1.5em;
	line-height: 1.8em;
	letter-spacing: 0.2em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	color: #739DC8;
}
#feature #zero {
	background-color: #FFF;
	background-image: url(../top/feature_zero_son.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 980px;
	height: 118px;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
}
#feature #zero dl {
	float: right;
	text-align: center;
	color: #739DC8;
	width: 420px;
	margin-top: 30px;
	margin-right: 80px;
}
#feature #zero dl dt {
	font-size: 1.4em;
	letter-spacing: 0.1em;
	margin: 0px;
	padding: 0px;
}
#feature #zero dd {
}
#zero_btn {
	background-image: url(../top/feature_zero_btn_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	width: 350px;
	font-size: 1em;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	line-height: 1em;
	height: 16px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#zero_btn a:link {
	color: #5399A3;
	text-decoration: none;
}
#zero_btn a:visited {
	color: #5399A3;
	text-decoration: none;
}
#zero_btn a:hover {
	color: #CCC;
	text-decoration: none;
}


/*コース紹介---------------------*/
#top_course {
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#top_course p {
	padding: 0px;
	width: 62%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
#top_course dl {
	float: left;
	width: 320px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 60px;
	margin-left: 0px;
}
#top_course dl.r0 {
	margin: 0px;	
}
#top_course dl dt {
	background-color: #FFF;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#top_course dl dd {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 1.4em;
	text-align: center;
	margin-top: -60px;
	line-height: 1.0em;
}
#top_course a:link {
	color: #5399A3;
	text-decoration: none;
}
#top_course a:visited {
	color: #5399A3;
	text-decoration: none;
}
#top_course a:hover {
	color: #CCC;
	text-decoration: none;
}


/*体験レッスン・見学会随時受付---------------------*/
#taiken_bg {
	background-image: url(../top/yoyaku_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 570px;
	width: 100%;
	clear: both;
}
#taiken_bg #taiken {
	background-image: url(../top/yoyaku_img.png);
	background-repeat: no-repeat;
	background-position: center 90px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	height: 470px;
}
#taiken #taiken_tit {
	font-size: 2.6em;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align: center;
	color: #E65195;
	padding-top: 150px;
	letter-spacing: 0.1em;
	margin-bottom: 30px;
}



/*スケジュール---------------------*/
#schedule {
	width: 1000px;
	margin-top: 80px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}
#schedule #txt {
	width: 85%;
	padding: 0px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 80px;
	margin-left: auto;
}
#schedule table {
	width: 85%;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-left-color: #999;
}
#schedule table tr td {
	padding: 2px;
	text-align: center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
	width: 12%;
	font-size: 0.9em;
}
.td_blue {
	background-color: #D7E8EA;	
}
#schedule a:link {
	color: #5399A3;
	text-decoration: none;
}
#schedule a:visited {
	color: #5399A3;
	text-decoration: none;
}
#schedule a:hover {
	color: #CCC;
	text-decoration: none;
}



/*アクセス---------------------*/
#access_bg {
	background-color: #FBF9F5;
	width: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
#access {
	width: 1000px;
	margin-top: 80px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	overflow: hidden;
}
#access #map {
	float: left;
	width: 480px;
}
#access #txt {
	float: right;
	padding: 25px;
	background-color: #FFF;
	width: 430px;
	margin: 0px;
}
#access #txt dl {
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#access #txt dl dt {
	color: #FFF;
	background-color: #378B96;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}
#access #txt dl dd {
	background-color: #DCE9EB;
	padding: 10px;
}


/*フェイスブック・ブログ---------------------*/
#sns {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 70px;
	margin-bottom: 70px;
	overflow: hidden;
}
#sns #fb {
	float: left;
	width: 675px;
	background-color: #F3ECDB;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#sns #blog {
	float: right;
	width: 300px;
}
#sns #blog ul {
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 15px;
}
#sns #blog ul li {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	list-style-type: none;
}


/*作品集---------------------*/
#collection {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 80px;
	margin-bottom: 80px;
}
#works {   
    margin:0px;
}
#works img {   
    width: 100%;
}

#collection ul {
	padding: 0px;
	width: 1900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#collection ul li {
	float: left;
	margin: 0px;
	padding: 0px;
}

















/*新着情報---------------------*/
#infomation dl {
	width: 680px;
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
#infomation dl dt {
	width: 150px;
	font-size: 0.8em;
	color: #FFF;
	background-color: #604B3E;
	text-align: center;
	padding: 2px;
	float: left;
	/* border-radius */
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#infomation dl dd {
	padding: 0px;
}
#infomation dl dd .date {
	display: inline-block;
	vertical-align: middle; 
	width: 100px;
	text-align: center;
	overflow: hidden;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 0.9em;
}
#infomation dl a {
	display: inline-block;
	vertical-align: middle; 
	width: 290px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#infomation dl a:link {
	text-decoration: none;
	color: #309D9B;
}
#infomation dl a:visited {
	color: #309D9B;
	text-decoration: none;
}
#infomation dl a:hover {
	color: #999999;
}