@charset "utf-8";

html{
    color:#555555;
    background:#B8E0D1;
}

body {
	width: 1000px;
	margin: 0 auto;background-color:white;
}

p {margin:0;}

header section:first-child {
    height: 80px;
}

li {
	list-style: none;
}

dl {
	height: 120px;
}

dt, dd {
	margin-bottom: 2px;
}

dt {
	width: 20%;
	float: left;
}

dd {
	width: 60%;
	float: left;
	clear: right;
}

#logo {
	background: url(../images/contents/logo.gif) 0 0 no-repeat;
	width: 275px;
	height: 50px;
	display: block;
	margin: 15px 0 0 25px;
 float: left;
}

#tel {
	display: block;
	float: right;
	width: 245px;
	height: 50px;
	margin: 15px 15px 0 0;
	background: url(../images/contents/tel.gif) 0 0 no-repeat;
	clear: right;
}

#banner {
	background: url(../images/contents/banner.jpg) 0 0 no-repeat;
	display: block;
	width: 1000px;
	height: 360px;
}

#ginza {
	height: 310px;
	background: url(../images/contents/ginza.gif) 0 0 no-repeat;
 box-sizing:border-box;
	padding-top: 190px;
} 

.button1, .button1a {background: #ffcc26 url(../images/button/button1.gif) 50% 50% no-repeat;}
.button1, .button3, .button4 {width: 500px;}
.button1a, .button2 {width: 460px;}
.button2 {background: #00cdff url(../images/button/button2.gif) 50% 50% no-repeat;}
.button3 {background: #00cdff url(../images/button/button3.gif) 50% 50% no-repeat;}
.button4 {background: #fc7997 url(../images/button/button4.gif) 50% 50% no-repeat;}

[class^="button"], .submitbutton input {
	height: 80px;
	display: block;
	border-radius: 5px;
	box-shadow: 5px 5px 0 #b3b3b3;
	margin: 0 auto;
}

[class^="button"]:hover, .submitbutton input:hover {
	filter: hue-rotate(100deg);
}

.submitbutton input {background: #fc7997;}

#reasons {
	background: url(../images/background/reasons.gif) 0 0 no-repeat;
	height: 525px;
}

#reasons article {
	box-sizing: border-box;
	padding: 390px 0 0 50px;
	font-size:13.6px;
}

#reasons p {
	display: inline-block;
	width: 260px;
	line-height: 200%;
	margin-right: 53px;
}

#graph1 {
	height: 855px;
	background: url(../images/background/graph1.gif) 0 0 no-repeat;
	box-sizing: border-box;
	padding: 645px 0 0;
}

#graph1 article {
	width: 49.7%;
	display: inline-block;
	margin: 0 auto;
}

#promise {
	height:1470px;
	background: url(../images/background/promise.gif) 0 0 no-repeat;
	box-sizing: border-box;
 padding-top:1050px;
 text-align:center;
}

#graph2 {
	height: 1530px;
	background: url(../images/background/graph2.gif) 0 0 no-repeat;
	box-sizing: border-box;
	padding-top: 140px;
 text-align: center;
}

#questions {
	height: 900px;
	background: url(../images/background/questions.gif) 0 0 no-repeat;
	box-sizing: border-box;
	padding-top: 140px;
 text-align: center;
}

#questions p {
	margin-bottom: 160px;
}

#points {
	height:1180px;
	background: url(../images/background/points.gif) 0 0 no-repeat;
	box-sizing: border-box;
	padding: 250px 0 0 410px;
}

#points p {
	margin-bottom: 145px;
}

#courses {
	height:760px;
	background: url(../images/background/courses.gif) 0 0 no-repeat;
	box-sizing: border-box;
	padding: 215px 0 0 0;
}

[id^="coursebutton"] {
 width:402px;
 height:95px;
 display:inline-block;
 margin: 0 30px 0 55px;
}

#coursebutton1 {background: url(../images/button/coursebuttons.gif) 0 0 no-repeat;}
#coursebutton2 {background: url(../images/button/coursebuttons.gif) 0 -95px no-repeat;}
#coursebutton3 {background: url(../images/button/coursebuttons.gif) 0 -190px no-repeat;}
#coursebutton4 {background: url(../images/button/coursebuttons.gif) 0 -285px no-repeat;}

/*[id^="coursebutton"]:hover {opacity:0.5;}*/

#courses article {
	margin-bottom: 95px;
}

#testimony {
	height:1720px;
	background: url(../images/background/testimony.gif) 0 0 no-repeat;
	box-sizing: border-box;
	padding: 247px 0 0 0;
}

#testimony article {
	width: 94%;
	margin:0 auto;
}
#testimony article:first-child {margin-bottom:207px}
#testimony p {
	margin: 0 0 0 50px;
	display: inline-block;
	width: 42%;
 font-size:14px;
 line-height:38px;
 vertical-align: top;
}
#testimony p:first-child {margin-right:30px;}
#testimony span {color:#754c24;}
#testimony b {white-space:nowrap;}
#testimony .button4 {
	margin-top: 100px;
}

#faq {
	height:445px;
	background: url(../images/background/faq.gif) 0 0 no-repeat;
	box-sizing: border-box;
	padding: 95px 0 0 0;
}

#faq article {
	width: 84%;
	margin: 0 auto;
	font-size: 13px;
}

#faq p {
	margin-bottom: 60px;
}

form {
	font-size: 13px;
	width: 95%;
	margin: 0 auto;
}

table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 1px;
	margin-bottom: 10px;
	background-color: #cccccc;
}

th {
	width: 135px;
	padding: 10px 12px;
	background-color: #f3f2e9;
}

td {
	padding: 10px 12px;
	background-color: #ffffff;
}

.must {
	color: #ff0000;
}

.sizemini {
	width: 35px;
}

.sizemedium {
	width: 140px;
}

.sizelarge {
	width: 280px;
}

.privacytext {
width:350px;
float:left;
font-size: 11px;
}
.secom {
width:250px;
float:left
}
.mcsa {
width:250px;
float:right;
}

.secomimg {
width:100px;
float:left;
}
.mcsaimg {
width:110px;
float:left;
}
.certificatetext {
width:140px;
float:right;
font-size:10px;
}

.clear {
	clear: both;
}

footer {
	padding-top: 40px;
}

footer {
	text-align: center;
}

footer a {
	text-decoration: none;
	font-weight: bold;
	color: #817272;
 font-size: 14px;
}
footer a:hover {text-decoration:underline;opacity:0.8;}

#privacy {
	width: 95%;
	margin: 0 auto;
}

#copyright {
	font-size: 12px;
}

.error {
	color: red;
	padding: 0 10px;
	display: block;
	border: 1px solid brown;
	margin: 0 auto;
	width: 93%;
}

.thanks {
	padding: 20px;
}

.noform {display:none;}