@charset "utf-8";

/*
common----------------------------------*/

* {
	font-family:"メイリオ","ＭＳ Ｐゴシック","Arial", "Osaka", "ヒラギノ角ゴ Pro W3";
	}
	
html,body {
	height:100%;
	}

html,body,div,ul,
ol,li,dl,dt,dd,h1,
h2,h3,h4,h5,h6,pre,
form,p,blockquote,
fieldset,input,td{ 
	margin:0;
	padding:0;
	border:0;
	font-size:12px;
	line-height:20px;
	color:#000;
	}
	
html { 
	filter:expression(document.execCommand("BackgroundImageCache",false,true)); 
	}
	
body {
	background:#b4e9ed;
	}
	
table {
	border-collapse:collapse;
	border:none;
	width:100%;
	}
	
img {
	border:none;
	background:none;
	vertical-align:bottom;
	}

h1 {
	display:inline;
	}

a {
	color:#2dc1ed;
	text-decoration:none;
	}
	
a:link {
	color:#2dc1ed;
	text-decoration:none;
	}
	
a:visited {
	color:#2dc1ed;
	text-decoration:none;
	}
	
a:hover {
	color:#2dc1ed;
	text-decoration:underline;
	}
	
a:active {
	color:#2dc1ed;
	text-decoration:none;
	}
	
ul li {
	list-style:none;
	list-style-position:outside;
	}
	
ol li {
	list-style-position:outside;
	line-height:20px;
	}


/* --evasion css bug--*/

.clear_fix:after {
    content:"";
    display:block;
    clear:both;
    height:0px;
    overflow:hidden;
	}

/*\*/
* html .clear_fix  {
    height:0px;
    overflow:visible;
	}
/**/

*+html body .clear_fix {
	height:0px;
	}
	

/* --evasion css bug--*/

/*
box_common----------------------------------*/

#box_common {
	width:1000px;
	margin:0 auto;
	position:relative;
	}
#social_box {
	width:400px;
	height:200px;
	padding-top:4px;
	position:absolute;
	z-index:999;
	}

#social_box ul li {
	float:left;
	}

/*
application_box----------------------------------*/

.application_box {
	width:1000px;
	height:255px;
	position:relative;
	background:url(../imgs/bg_application_box.jpg) no-repeat;
	margin-bottom:30px;
	}

.application_box .app_btn {
	position:absolute;
	top:130px;
	left:61px;
	}

.application_box .logo_btn {
	position:absolute;
	top:200px;
	left:835px;
	}

.name_box {
	width:100%;
	padding-bottom:30px;
	}

/*
lesson_box----------------------------------*/

#lesson_box {
	width:1000px;
	height:736px;
	position:relative;
	background:url(../imgs/bg_lesson_box.jpg) no-repeat;
	margin-bottom:30px;
	}

#lesson_box .text_nishiyama {
	position:absolute;
	width:265px;
	height:108px;
	top:285px;
	left:203px;
	font-size:11px;
	line-height:15px;
	}

#lesson_box .text_nomo {
	position:absolute;
	width:265px;
	height:108px;
	top:285px;
	left:688px;
	font-size:11px;
	line-height:15px;
	}

#lesson_box .text_hidaka {
	position:absolute;
	width:265px;
	height:108px;
	top:518px;
	left:203px;
	font-size:11px;
	line-height:15px;
	}

#lesson_box .text_shinohara {
	position:absolute;
	width:265px;
	height:108px;
	top:518px;
	left:688px;
	font-size:11px;
	line-height:15px;
	text-shadow: 1px 1px 1px #fff;
	}

#lesson_box .text_hidaka ul li {
	line-height:15px;
	}

/*
hogosya_box----------------------------------*/

#hobosya_box {
	width:1000px;
	height:362px;
	margin-bottom:30px;
	position:relative;
	background:url(../imgs/bg_hogosya_box.jpg) no-repeat;
	}

#hobosya_box .text_voice {
	width:640px;
	height:285px;
	position:absolute;
	top:62px;
	left:37px;
	}

/*
taisetsu_box----------------------------------*/

#taisetsu_box {
	width:1000px;
	height:715px;
	margin-bottom:30px;
	position:relative;
	background:url(../imgs/bg_taisetsu_box_03.jpg) no-repeat;
	}

#taisetsu_box .text_box_01 {
	width:900px;
	height:110px;
	position:absolute;
	top:267px;
	left:53px;
	}

#taisetsu_box .text_box_02 {
	width:900px;
	height:70px;
	position:absolute;
	top:381px;
	left:53px;
	}
	
#taisetsu_box .text_box_03 {
	width:395px;
	height:245px;
	position:absolute;
	top:460px;
	left:53px;
	}

/*
flow_box----------------------------------*/

#flow_box {
	width:1000px;
	height:474px;
	margin-bottom:30px;
	position:relative;
	background:url(../imgs/bg_flow_box_02.jpg) no-repeat;
	}
	
#flow_box .text_box_01 {
	width:622px;
	height:46px;
	position:absolute;
	top:75px;
	left:40px;
	}

#flow_box .text_box_02 {
	width:580px;
	height:67px;
	position:absolute;
	top:230px;
	left:40px;
	}

#flow_box .text_box_03 {
	width:580px;
	height:53px;
	position:absolute;
	top:415px;
	left:40px;
	}

/*
sisetsu_box----------------------------------*/

#sisetsu_box {
	width:1000px;
	height:909px;
	margin-bottom:30px;
	position:relative;
	background:url(../imgs/bg_sisetsu_box.jpg) no-repeat;
	}

#sisetsu_box .text_box_01 {
	width:427px;
	height:55px;
	position:absolute;
	top:529px;
	left:30px;
	}

#sisetsu_box .text_box_02 {
	width:485px;
	height:76px;
	position:absolute;
	top:370px;
	left:484px;
	}

#sisetsu_box .text_box_03 {
	width:484px;
	height:88px;
	position:absolute;
	top:800px;
	left:484px;
	}

/*
oubohouhou_box----------------------------------*/

#oubohouhou_box {
	width:1000px;
	height:1292px;
	margin-bottom:30px;
	position:relative;
	background:url(../imgs/oubohouhou_box.jpg) no-repeat;
	}

#oubohouhou_box .app_btn_02 {
	position:absolute;
	top:438px;
	left:61px;
	}

#oubohouhou_box .logo_btn_02 {
	position:absolute;
	top:502px;
	left:841px;
	}

#oubohouhou_box .app_btn_pdf {
	position:absolute;
	top:1074px;
	left:281px;
	}

/*
font----------------------------------*/

.red {
	color:#f00;
	font-size:16px;
	}

.important_font {
	color:#39b2d5;
	}

.hittsu {
	font-size:10px;
	color:#f00;
	margin-left:5px;
	}

/*
float----------------------------------*/

.float_right {
	float:right;
	}
	
.float_left {
	float:left;
	}
	
.clear_float {
	clear:both;
	}
		
/*
padding----------------------------------*/

.padding_lr_50 {
	padding:0 50px;
	}

.padding_tb_10 {
	padding:10px 0;
	}

.paddint_bottom_20 {
	padding-bottom:20px;
	}

/*
margin----------------------------------*/

.no_margin {
	margin:0 !important;
	}

.margin_top_20 {
	margin-top:20px;
	}

.margin_bottom_30 {
	margin-bottom:30px;
	}

/*
text_position----------------------------------*/

.text_left {
	text-align:left;
	}

.text_right {
	text-align:right;
	}

.text_center {
	text-align:center;
	}

