@charset "utf-8";

/*********************************************************************************************
 リセットcss
*********************************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	outline:none;
}
body {
	line-height: 1;
}
body a{
	line-height: 1.1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*********************************************************************************************
ページ全体
*********************************************************************************************/
body{
font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
}
a{
transition: 0.2s ease all;
}

/*********************************************************************************************
ヘッダー部分
*********************************************************************************************/
.header{
position:relative;
overflow:hidden;/*クリアフィクス*/
height:1%;/*クリアフィクス*/
width:100%;
margin-bottom:80px;
border-bottom: 1px solid #EEEEEE;
}

.header .logo{
float:left;
margin:10px 18px;
}

.header .navi{
position:absolute;
bottom:0;
right:10px;
}
.header .navi li{
float:left;
margin-right:10px;
height:30px;
width:90px;
}
.header .navi .n01{
background: url(../img/navi01_on.png) no-repeat;
}
.header .navi .n01 img{
transition: 0.2s ease all;
}
.header .navi .n01 img:hover{
filter:alpha(opacity=0); /*IE*/
-moz-opacity:0; /*Firefox*/
opacity:0; /*Opera・Safari*/
}

.header .navi .n02{
background: url(../img/navi02_on.png) no-repeat;
}
.header .navi .n02 img{
transition: 0.2s ease all;
}
.header .navi .n02 img:hover{
filter:alpha(opacity=0); /*IE*/
-moz-opacity:0; /*Firefox*/
opacity:0; /*Opera・Safari*/
}





/*********************************************************************************************
メイン部分
*********************************************************************************************/
.main_wrap{
width:100%;
}
.main{
overflow:hidden;/*クリアフィクス*/
height:1%;/*クリアフィクス*/
width:960px;
padding:0 20px;
margin-left:auto;
margin-right:auto;
margin-bottom:80px;
}
.main .left{
float:left;
width:350px;
}
.main .right{
float:right;
width:560px;
}

.main h1{
margin-top:20px;
}
.main p{
margin-top:23px;
}
.main .detail{
display:block;
margin-top:10px;
width:95px;
font-size:14px;
color:#0075ab;
text-decoration:underline;
}
.main .detail:hover{
color:#e78f3a;
}
.main .try{
display:block;
margin-top:28px;
width:280px;
filter:alpha(opacity=90); /*IE*/
-moz-opacity:0.9; /*Firefox*/
opacity:0.9; /*Opera・Safari*/
transition: 0.2s ease all;
}
.main .try:hover{
display:block;
filter:alpha(opacity=1); /*IE*/
-moz-opacity:1; /*Firefox*/
opacity:1; /*Opera・Safari*/
}
.main .login{
display:block;
margin-top:12px;
width:130px;
font-size:14px;
color:#888888;
text-decoration:underline;
}
.main .login:hover{
color:#e78f3a;
}

.company table{
text-align:left;
font-size:13px;
line-height:1.5;
margin-bottom:30px;
}
.company th{
padding:20px 15px;
background:#DBE7ED;
border: 1px solid #2884B3;
color:#107EB0;
white-space: nowrap;
}
.company td{
padding:20px 15px;
border: 1px solid #2884B3;
color:#555555;
}

.main .book{
margin-top:70px;
}

/*********************************************************************************************
コンタクト部分
*********************************************************************************************/
.contact_wrap{
width:100%;
background:#dbe7ed;
}
.contact{
position:relative;
padding:40px 20px;
margin-left:auto;
margin-right:auto;
width:960px;
height:170px;
background:url(../img/bg_contact.png) no-repeat 20px center;
text-indent:-8000px;
}

.contact .mail{
position:absolute;
left:81px;
top:189px;
display:block;
width:162px;
height:22px;
text-indent:-8000px;
background:url(../img/mail_btn_on.png) no-repeat;
filter:alpha(opacity=0); /*IE*/
-moz-opacity:0; /*Firefox*/
opacity:0; /*Opera・Safari*/
transition: 0.2s ease all;
}
.contact .mail:hover{
filter:alpha(opacity=100); /*IE*/
-moz-opacity:1; /*Firefox*/
opacity:1; /*Opera・Safari*/
}


/*********************************************************************************************
コース概要　関連情報　
*********************************************************************************************/
.course_wrap{
width:100%;
background:#f5f5f5;
}
.course{
padding:40px 20px;
margin-left:auto;
margin-right:auto;
width:960px;
}

.course h2{
margin-bottom:20px;
padding-left:2px;
}
.each_course{
overflow:hidden;
height:1%;
margin-bottom:30px;
}
.each_course li{
float:left;
padding:20px;
width:440px;
height:130px;
background:url(../img/bg_eachcourse.png);
line-height:1.4;
}
.each_course li h3{
margin-bottom:5px;
font-size:14px;
color:#0075ab;
}
.each_course li p{
font-size:13px;
color:#333333;
}

.etc a{
padding-left:2px;
color:#555555;
line-height:1.5;
}
.etc a:hover{
color:#e78f3a;
}

/*********************************************************************************************
フッター部分
*********************************************************************************************/
.footer{
padding-right:20px;
background:#f5f5f5;
line-height:80px;
text-align:right;
font-size:12px;
color:#888888;
}