@charset "UTF-8";
body, html {
	width: 100%;

}

body {
	font-family: 'Karla', 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #1c3240;
    background: #F8F8F4;
    -webkit-text-size-adjust: 100%;
}

div#container {
	width: 980px;
	margin: 0 auto;
	text-align:  center;
}




.multiplebgs div p {
 /* properties for browsers that
    support multiple backgrounds */
}
.no-multiplebgs div p {
 /* optional fallback properties
    for browsers that don't */
}

/*----------------------------
	
  *****  header area  *****

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

#logo {
	margin: 40px auto 20px;
}

section#navigate.scroll {
    margin-top: -15px;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}

section#navigate {
	width: 100%;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    z-index: 400;
    transition: all 0.5s ease 0s;
    background: #F8F8F4;
    background-size: 100%;
}

section nav {
	height: 20px;
	width: 265px;
	margin: 10px auto 10px;
}

section nav a {
	height: 20px;
	float: left;
	font-size: 14px;
	color: #333;
	text-align: left;
	margin-right: 50px;
	letter-spacing: 0.9px;
}

header section nav a:last-child {
	margin-right: 0;
	
}

a.nav_right {
	margin-right: 0;
}



/*----------------------------
	
  *****  footer area  *****

-----------------------------*/
#backToTop {
	position: fixed;
	right: 20px;
	bottom: 10px;
}


footer {
	width: 100%;
	height: 340px;
	background: #F8F8F4;
	letter-spacing: 1.0px;
}

div.ftr_area {
	width: 715px;
	margin: 0 auto;
}

div.ftr_Bx {
	width: 145px;
	margin-top: 60px;
	margin-left: 140px;
	float: left;
}

footer h4 { 
	margin-bottom: 50px;
	font-size: 14px;
	font-weight: normal;
	color: #999;
}

footer h4.mrg_left {
	padding-right: 30px;
}

div.ftr_Bx ul li {
	margin-bottom: 20px;
	font-size: 10px;
	text-align: left;
}

div.ftr_Bx ul li a {
	display: block;
	height: 15px;
	margin-left: 20px;
	padding-left: 25px;
	line-height: 15px;
	color: #333;
}



div.ftr_Bx ul li.icn_3 a {
	width: 40px;
	background: url(../images/twitter_icon.png) no-repeat left center;
}

div.ftr_Bx ul li.icn_4 a {
	width: 80px;
	background: url(../images/facebook_icon.png) no-repeat left center;
}

div.ftr_Bx ul li.icn_5 a {
	width: 80px;
	background: url(../images/tumblr_icon.png) no-repeat left center;
}


div.ctr {
	text-align: center;
	margin-left: 0;
}

div.ctr1 {
	text-align: center;
}

small {
	display: block;
	height: auto;
	margin: 60px auto;
	font-size: 12px;
	font-weight: normal;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
	text-align: center;
}

#pageTop{
    background:#98FB98;
    border-radius:5px;
    color:#ffffff;
    padding:20px;
    position:fixed;
    bottom:20px;
    right:20px;
    }
#pageTop:hover{
    background:#228B22;
    }



/*--------------------------------
	
  *****  maincontents area  *****

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


/*-----------* base area *------------*/


div.maincontents {
	width: 100%;
	margin-top: 140px;
    line-height: 1.8;
}

div.clearfix:after {
	 content: "."; 
	 display: block; 
	 height: 0; 
	 clear: both;
}

figure.top img{
	max-width: 100%;
	height: auto;
}

div.schedule_Ar {
	width: 100%;
	letter-spacing: 0.3px;
}

div.left_box {
	margin-left: 20px;
	float: left;
}

h2.headline {
	margin: px;
	font-size: 18px;
	font-weight: normal;
	font-family: 'Karla', 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
	color: #666;
	letter-spacing: 1px;
}

h3.sch_big {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
}

div.nwlv_Ar {
	height: px;
	position: relative;
}

div.nwlv_box {
	width: 200px;
	height: 300px;
	margin: 0 20px 20px 0;
	float: left;
	text-align: left;
}

div.nwlv_box dl {
	margin-top: 10px;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
}

div.nwlv_box dl dd {
	line-height: 1.6;
}

div.nwlv_box a {
	display: block;
}

div.nwlv_box a:hover {
	opacity: 0.8;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

p.sn_bg {
	width: 200px;
	height: 200px;
	background: #333;
	text-align: center;
}

p.sn_bg span {
	display: block;
	padding-top: 85px;
	font-size: 14px;
	font-family: 'Karla', 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
	color: #ccc;
}

div.mrg_Right {
	margin-right: 0px;
}

p.btn {
	width: 100px;
	height: 22px;
	clear: both;
	line-height: 22px;
	border-radius: 3px;
	position: absolute;
	right: 20px;
	bottom: 15px;
}

p.b_tn a {
	width: 6px;
	height: 6px;
	line-height: 5px;
	display: block;
	padding: 7px;
	background: #ededed;
	border-radius: 80px;
	color: #bfbfbf;
	font-size: 14px;
	text-decoration: none;
	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	position: absolute;
	right: 20px;
	bottom: 5px;
	/*behavior: url(/js/PIE.htc);*/
}

p.b_tn a:hover{
	background: #333;
	color: #fff;
}

section.twr_Bx {
	width: 280px;
	height: 530px;
	margin-top: 37px;
	margin-right: 20px;
	background: #333;
	float: left;
}

section.twr_Bx figure h3 {
	width: 200px;
	margin: 30px auto 25px;
	border-bottom: 1px solid #555;
}





/*-----------* about area *------------*/

div.about_Ar {
	width: 100%;
}

div.about_Ar h2 {
	margin: 110px 0 110px;
}

div.prof {
	width: 900px;
	margin: 0 auto;
}

div.prof section {
	width:  400px;
	float: left;
	font-size: 12px;
	text-align: center;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
	letter-spacing: 0.7px;
	padding: 0px 0px 20px 50px;
}

div.prof h3 {
	font-weight: normal;
	margin-bottom: 10px;
}

span.smtxt {
	font-size: 12px;
}

div.prof p.prf_btm {
	margin-bottom: 45px;
}

div.prof p.prf_top {
	margin-top: 35px;
}

div.prof figure a {
	margin: 35px 0 0 30px;
	float: left;
	opacity: 1;
	display: block;
	-webkit-transition: all 0.6s ease-in;
	-moz-transition: all 0.6s ease-in;
	-o-transition: all 0.6s ease-in;
	transition: all 0.6s ease-in;
}

div.prof figure a:hover {
	opacity: 0.6;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}


/*-----------* works area *------------*/

div.works_Ar {
	width: 100%;
}

div.works {
	width: 900px;
	margin: 0 auto;
}

div.works_Ar h2 {
	margin: 250px 0 50px;
}

div.works_Bx {
	width: 280px;
	height: 300px;
	margin-left: 30px;
	padding-top: 0px;
	float: left;
}

div.works_Bx a {
	display: block;
	-webkit-transition: all 0.6s ease-in;
	-moz-transition: all 0.6s ease-in;
	-o-transition: all 0.6s ease-in;
	transition: all 0.6s ease-in;
}

div.works_Bx a:hover {
	opacity: 0.7;
	color:#666;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}

p.works_bg {
	width: 220px;
	height: 190px;
	margin: 0px auto 20px;
	background: #333;
}

p.works_bg span {
	display: block;
	padding-top: 100px;
	color: #ccc;
	font-size: 14px;
}

div.works_Bx img {
	margin-top: 0px;
	margin-bottom: 20px;
}

div.mrg_left {
	margin-left: 0px;
}

div.works_Bx section {
	margin-left: -25px;
	text-align: left;
	letter-spacing: 0.5px;
}

div.works_Bx h4 {
	font-size: 10px;
	color: #444;
}

div.works_Bx p {
	padding-bottom: 30px;
	font-size: 10px;
	color: #666;
}






/*-----------* contact area *------------*/

div.contact_Ar {
	width: 100%;
	margin-bottom: 240px;
}

div.contact_Ar h2 {
	margin: 150px 0 135px;
}

div.contact_Ar p {
	margin: 0 20px 50px;
	text-align: center;
	letter-spacing: 0.3px;
}

p#mail {
	font-size: 14px;
}