@charset "UTF-8";

body {
text-align: center;
background: url(../img/bg_y.png) fixed;
}
.btn_area {
overflow: hidden;
text-align: center;
margin: 20px auto 0;
padding-bottom: 20px;
}
.btn_area a {
width: 800px;
}
.btn_area a img {
width: 800px;
}
#header {
position: fixed;
width: 100%;
height: 140px;
top: 0;
text-align: center;
z-index: 8888;
}
#logo {
width: 1170px;
margin: 0 auto;
overflow: hidden;
background: #ffffff;
border-bottom: dotted 1px #dddddd;
}
h1 {
padding: 8px 25px 5px;
text-align: left;
width: 350px;
float: left;
}
#logo p {
float: right;
padding: 15px 25px 5px;
}
#header nav ul {
padding:0;
font-weight: 400;
margin: 0 auto;
width: 1170px;
border-radius: 0 0 5px 5px;
-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
overflow: hidden;
background: #333333;
}
#header nav ul li a {
display: block;
height: 70px;
line-height: 70px;
width: 167px;
float: left;
margin: 0px 0px 0 0;
text-decoration: none;
font-size: 13px;
padding: 0 0 0 0;
text-align: center;
color: #666666;
font-weight: bold;
width: 166px;
border-right: dotted 1px #dddddd;
cursor: pointer;
font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background: #ffffff;
}
#header nav ul li a.last {
width: 168px;
border-right: none;
}
#header nav ul li a:hover {
background: #eeeeee;
color: #555555;
}
#header nav ul li a.active {
color: #ffffff;
background: transparent;
}
#header nav ul li .long {
line-height: 16px;
position: relative;
padding-top: 18px;
height: 52px;
display: block;
}
#header nav ul li a span {
display: block;
font-size: 10px;
font-weight:normal;
color: #70C3D4;
position: relative;
top: -55px;
letter-spacing:0.1em;
}
#header nav ul li a.active span {
color: #ffffff;
}
#header nav ul li a.hover span {
color: #cccccc;
}
#header nav ul li .long span {
top: -2px;
}
#main {
text-align: center;
width: 1170px;
margin: 0 auto;
}
#main .content {
width: 1170px;
min-height: 540px;
margin: 0;
background: #ffffff;
position: relative;
}
#main #top .content {
background: transparent url(../img/top.png) no-repeat;
height: 494px;
min-height: 494px;
position: relative;
z-index: 50;
margin-top: 130px;
}
#top .btn_area {
overflow: hidden;
width: 450px;
position: absolute;
top: 320px;
left: 570px;
}
#top .btn_area a {
width: 450px;
}
#top .btn_area a img {
width: 450px;
}
#top .content > img {
position: absolute;
top: 355px;
left: 335px;
width: 250px;
}
#menu-1 .content {
border-radius: 5px 5px 0 0;
padding: 5px 0;
}
#menu-2 .btn_area {
margin: 0 auto;
padding-bottom: 10px;
text-align: center;
}
#menu-3 #writing_sample_btn_1 {
position: absolute;
bottom: 215px;
left: 420px;
}
#menu-3 #writing_sample_btn_2 {
position: absolute;
bottom: 215px;
left: 610px;
}
#menu-6 .content {
border-radius: 0 0 5px 5px;

}
#menu-7 {

margin-bottom: -20px;
}
#menu-7 .content {
background: url(../img/bg_noise.png);
border-radius: 5px;
padding-top: 30px;
}
#menu-7 .btn_area {
margin: 15px auto 40px;
padding: 40px 195px;
background: url(../img/bg_noise_yellow.png);
border-radius: 0 0 5px 5px;
}
/*footer*/
#footer {
width: 1170px;
margin: 0 auto;
padding-top: 0;
padding-bottom: 30px;
color: #333;
overflow: hidden;
}
#footer address {
color: #444444;
display: inline-block;
float: left;
font-size: 11px;
font-weight: bold;
}
#footer img {
float: right;
}
/*pagetop*/
#toTop {
background: #333;
position: fixed;
top: 50%;
right: 0;
height: 80px;
z-index: 6000;
}
p#toTop a {
background: #333 url(../img/up_arrow.png) no-repeat center center;
display: block;
width: 50px;
height: 80px;
display: block;
position: absolute;
margin-top: -40px;
left: -50px;
border-radius: 5px 0 0 5px;
-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
text-decoration: none;
}
/*sample window*/	
body#sample {
	background: none;
	}	
	
#sample_container {
	width: 480px;
	padding: 40px;
	text-align: left;
	}	
#sample_container em {
	color: #E44244;
	}
#sample_container dl dt {
	margin-bottom: 20px;
	font-size: 18px;
	}

#sample_container dl dd p {
	margin-bottom: 15px;
	line-height: 1.6;
	}
	
#sample_container dl dd~dd p {
	margin-bottom: 0;
	}
			
#sample_container dl dd.info {
	font-size: 12px;
	margin-top: 40px;
	}
	
#sample_container dl dd.info p span {
	display: block;
	}
	
.sample_links {
	font-size: 11px;
	text-align: right;
	}
	
.sample_links a {
	display: inline-block;
	margin-left: 20px;
	}