@charset "utf-8";



/*======================================



Font-size Adjustment

77% = 10px	| 	122% = 16px	|	167% = 22px	

85% = 11px	|	129% = 17px	|	174% = 23px

92% = 12px	|	136% = 18px	|	182% = 24px

100% = 13px	|	144% = 19px	|	189% = 25px

107% = 14px	|	152% = 20px	|	197% = 26px

114% = 15px	|	159% = 21px	|



=======================================*/





/* 1.マージン・インデント

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.m1b { margin-bottom: 1px !important; }

.m2b { margin-bottom: 2px !important; }

.m3b { margin-bottom: 3px !important; }

.m4b { margin-bottom: 4px !important; }

.m5b { margin-bottom: 5px !important; }

.m6b { margin-bottom: 6px !important; }

.m7b { margin-bottom: 7px !important; }

.m8b { margin-bottom: 8px !important; }

.m9b { margin-bottom: 9px !important; }

.m10b { margin-bottom: 10px !important; }

.m13b { margin-bottom: 13px !important; }

.m15b { margin-bottom: 15px !important; }

.m20b { margin-bottom: 20px !important; }

.m25b { margin-bottom: 25px !important; }

.m30b { margin-bottom: 30px !important; }

.m35b { margin-bottom: 35px !important; }

.m40b { margin-bottom: 40px !important; }

.m45b { margin-bottom: 45px !important; }

.m50b { margin-bottom: 50px !important; }



.m20t { margin-top: 20px !important; }





.m5l { margin-left: 5px !important; }

.m9l { margin-left: 9px !important; }

.m10l { margin-left: 10px !important; }

.m12l { margin-left: 12px !important; }

.m15l { margin-left: 15px !important; }

.m20l { margin-left: 20px !important; }

.m25l { margin-left: 25px !important; }

.m30l { margin-left: 30px !important; }

.m150l { margin-left: 150px !important; }

.m570l { margin-left: 570px !important; }



.m5r { margin-right: 5px !important; }

.m10r { margin-right: 10px !important; }

.m15r { margin-right: 15px !important; }

.m20r { margin-right: 20px !important; }

.m25r { margin-right: 25px !important; }

.m30r { margin-right: 30px !important; }

.m40r { margin-right: 40px !important; }

.m50r { margin-right: 50px !important; }



.p5b { padding-bottom: 5px !important; }

.p10b { padding-bottom: 10px !important; }

.p15b { padding-bottom: 15px !important; }

.p20b { padding-bottom: 20px !important; }

.p25b { padding-bottom: 25px !important; }

.p30b { padding-bottom: 30px !important; }

.p40b { padding-bottom: 40px !important; }

.p50b { padding-bottom: 50px !important; }

.p60b { padding-bottom: 60px !important; }

.p70b { padding-bottom: 70px !important; }

.p80b { padding-bottom: 80px !important; }

.p90b { padding-bottom: 90px !important; }





.p10t { padding-top: 10px !important; }

.p30t { padding-top: 30px !important; }



.p10a { padding: 10px !important; }

.p20a { padding: 20px !important; }



.p0r { padding-right: 0px !important; }

.p10r { padding-right: 10px !important; }

.p30r { padding-right: 30px !important; }

.p70r { padding-right: 70px !important; }

.p100r { padding-right: 100px !important; }

.p110r { padding-right: 110px !important; }

.p120r { padding-right: 120px !important; }





.p5l { padding-left: 5px !important; }

.p10l { padding-left: 10px !important; }

.p15l { padding-left: 15px !important; }

.p20l { padding-left: 20px !important; }

.p25l { padding-left: 25px !important; }

.p30l { padding-left: 30px !important; }

.p200l { padding-left: 200px !important; }



.box45 { width: 45px; }

.box55 { width: 55px; }

.box60 { width: 60px; }

.box85 { width: 85px; }

.box100 { width: 100px; }

.box110 { width: 110px; }

.box120 { width: 120px; }

.box130 { width: 130px; }

.box140 { width: 140px; }

.box160 { width: 160px; }

.box180 { width: 180px; }

.box200 { width: 200px; }

.box230 { width: 230px; }

.box250 { width: 250px; }

.box260 { width: 260px; }

.box280 { width: 280px; }

.box285 { width: 285px; }

.box290 { width: 290px; }

.box330 { width: 330px; }

.box340 { width: 340px; }

.box300 { width: 300px; }

.box310 { width: 310px; }

.box320 { width: 320px; }

.box350 { width: 350px; }

.box355 { width: 355px; }

.box365 { width: 365px; }

.box370 { width: 370px; }

.box400 { width: 400px; }

.box420 { width: 420px; }

.box440 { width: 440px; }

.box460 { width: 460px; }

.box480 { width: 480px; }

.box500 { width: 500px; }

.box510 { width: 510px; }

.box530 { width: 530px; }

.box600 { width: 600px; }

.box640 { width: 640px; }



/* 2.位置クラス

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.clear { clear: both !important; }

.cen { text-align: center !important; }

.left { text-align: left !important; }

.right { text-align: right !important; }

.fLeft { float: left !important; }

.fRight { float: right !important; }



/* 3.テキスト

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.bold { font-weight: bold !important; }

.txtRed { color: #ff0000 !important; }

.txtBlue { color: #0052E5 !important; }

.txtPink { color: #F246A4 !important; }

.txtGold { color: #A98552 !important; }

.txtGray { color: #666666 !important; }



.txt13 { font-size: 109% !important; }

.txt15 { font-size: 125% !important; }

.txt17 { font-size: 142% !important; }

.txt18 { font-size: 150% !important; }



.bNone { border: none !important; }

.vaMiddle { vertical-align: middle !important; }

.vaBase { vertical-align: baseline !important; }

.vaBottom { vertical-align: bottom !important; }



/*

====================================================================

基本設定

	1.枠組み

	2.リンク

	3.clearfixセレクタ指定

	4.ナビゲーション設定

	5.枠組み各詳細設定

	6.各ページ設定

====================================================================

*/



/* 1.枠組み

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

#container {

	font-size: 108%;

}



/* 2.リンク

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

/* リンク文字

──────────────────── */

a:link,

a:visited { color: #00A0D9; }

a:hover  { text-decoration: underline; color: #00A0D9; }

a:active { text-decoration: none; color: #00A0D9; }





/* 画像リンクロールオーバー共通

──────────────────── */

.on_img,

.on_nav li { position: relative; z-index: 3;}

.on_img a,

.on_nav li a{

	display: -moz-inline-box;

	display: inline-block;

	}

.on_img a:hover,

.on_nav li a hover { position: static;}

.on_img a:hover img,

.on_nav li a:hover img,

.on_nav li.current a img{ position: relative; z-index: -1;}





/* 3.clearfixセレクタ指定

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

/* clearfix */

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

.cf:before,

.cf:after {

    content: " ";

    display: table;

}



.cf:after {

    clear: both;

}



.cf {

    *zoom: 1;

}





/*4.ナビゲーション

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

#navWrap {

	width: 960px;

	position: absolute;

	top: 120px;

	left: 0;

}



#nav {

	width: 960px;

	height: 150px;

	position: relative;

	display: inline-block;

	/display: inline; /* forIE7 */

	/zoom: 1;/* forIE7 */

}



#nav li {

}



#nav1 {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 9000;

}



#nav2 {

	position: absolute;

	top: 0;

	left: 237px;

	z-index: 9000;

}



#nav3 {

	position: absolute;

	top: 0;

	left: 474px;

	z-index: 9000;

}



#nav4 {

	position: absolute;

	top: 0;

	left: 711px;

	z-index: 9000;

}



#nav5 {

	position: absolute;

	top: 35px;

	left: 115px;

	z-index: 8900;

}



#nav6 {

	position: absolute;

	top: 35px;

	left: 352px;

	z-index: 8900;

}



#nav7 {

	position: absolute;

	top: 35px;

	left: 589px;

	z-index: 8900;

}



.fixed {

	position: fixed;

	top: 0px;

	z-index: 9999;

}



/* ページトップ */

.pageTop {

	text-align: center;

}



/* 5.枠組み各詳細設定

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

html {

	background: url(../img/footer_bg.jpg) 0 0 repeat;

}





#headerWrap {

	width: 100%;

	background: url(../img/main_img_bg.jpg) 0 0 repeat;

}



#indexPage #headerWrap {

	width: 100%;

	background: url(../img/index_header_bg.jpg) 0 0 repeat;

}



#mainImg {

	height: 820px;

	background: url(../img/main_img_en.jpg) bottom center no-repeat;

}



#indexPage #mainImg {

	height: 650px;

	background: url(../img/index_main.jpg) bottom center no-repeat;

}



#header {

	width: 100%;

	height: 152px;

	background: url(../img/header_bg.jpg) 0 0 repeat-x;

}



#headerIn {

	width: 950px;

	margin: 0 auto;

	position: relative;

}



.leftColumn {

	float: left;

	width: 400px;

	padding: 0 15px 0 30px;

}



.rightColumn {

	float: right;

	width: 430px;

	padding: 0 30px 0 15px;

}



#footer {

	background: url(../img/footer_bg.jpg) 0 0 repeat;

}







/* 6.各ページ設定

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

/*========================================================

ヘッダー

========================================================*/

#header h1 {

	float: left;

	padding-top: 10px

}



#info {

	float: right;

	padding-top: 20px

}



.sectionIn {

	width: 960px;

	margin: 0 auto;

}



.sectionTit {

	padding-bottom: 30px;

	text-align: center;

}



.subTit {

	padding-bottom: 10px;

}



.sectionBox {

	padding-bottom: 40px;

}



#section1 {

	width: 100%;

	padding: 40px 0 0 0;

	background: url(../img/sec1_bg.jpg) 0 0 repeat;

}



.sec1Txt1 {

	padding: 0 30px 20px 30px;

}



.sec1Txt2 {

	padding: 0 30px 50px 30px;

}



#section2 {

	width: 100%;

	padding: 40px 0 0 0;

	background: url(../img/sec2_bg.jpg) 0 0 repeat;

}





#section3 {

	width: 100%;

	padding: 40px 0 0 0;

	background: url(../img/sec3_bg.jpg) 0 0 repeat;

}



#section4 {

	width: 100%;

	padding: 40px 0 0 0;

	background: url(../img/sec4_bg.jpg) 0 0 repeat;

}



#section5 {

	width: 100%;

	padding: 40px 0 0 0;

	background: url(../img/sec5_bg.jpg) 0 0 repeat;

}



#section6 {

	width: 100%;

	padding: 40px 0 0 0;

	background: url(../img/sec5_bg.jpg) 0 0 repeat;

}



#section7 {

	width: 100%;

	padding: 40px 0 0 0;

	background: url(../img/sec1_bg.jpg) 0 0 repeat;

}



#section1 .bgImg1 {

	padding-bottom: 250px;

	background: url(../img/bg1.jpg) center bottom no-repeat;

}



#section1 .bgImg2 {

	width: 240px;

	min-height: 260px;

	padding-right: 201px;

	background: url(../img/bg2.jpg) right top no-repeat

}



#section1 .bgImg3 {

	padding-bottom: 255px;

	background: url(../img/bg5.jpg) center bottom no-repeat;

}





#section2 .bgImg3 {

	padding-bottom: 1000px;

	background: url(../img/bg3.jpg) left bottom no-repeat;

}



#section3 .bgImg4 {

	padding-bottom: 456px;

	background: url(../img/bg4.png) left bottom no-repeat;

}



/*#section2 .bgImg6 {

	width: 240px;

	min-height: 260px;

	padding-right: 201px;

	background: url(../img/bg6.jpg) right top no-repeat;

	background-position:240px 100px; 

}*/



#sec4Box {
	
	padding-bottom: 50px;

}



#sec4Left {

	float: left;

}



#sec4Right {

	float: right;

	width: 281px;

	height: 367px;

	position: relative;

	background: url(../img/info_bg_s1.jpg) 0 0 no-repeat;

}



#schoolInfo {

	position: absolute;

	top: 80px;

	left: 70px;

}



#sec4Add {

	padding-bottom: 19px;

}



#sec4Tel {

	padding: 23px 0 8px 0;

}



#sec4Fax {

	padding: 23px 0 8px 0;

}


#sec4Mail {

	padding: 23px 0 8px 0;

}

#schoolInfo li a {

	color: #00A3D8;

}



#sec4Txt {

	position: absolute;

	top: 365px;

	left: 0;

}



#sec5L {

	float: left;

	width: 590px;

	padding: 0 0 0 30px;

}



#sec5R {

	float: right;

	width: 280px;

	padding: 0 25px 0 0;

}



.sec6box {

	height: 225px;

	float: left;

	padding: 0 20px 20px 0;

}



#sec7L {

	float: left;

	width: 178px;

	padding: 0 0 30px 0;

}



#sec7LTxt {

	float: left;

	width: 500px;

	padding: 0 0 30px 0;

}



#sec7R {

	/*

	float: right;

	width: 730px;

	*/

	padding: 0 30px 0 0;

}



#sec7Txt1 {

	padding: 0 0 40px 0;

}



.sec7Right {

	float: right;

	width: 200px;

	padding: 0 30px 0 0;

}



#copy {

	padding: 10px 0 20px 0;

	text-align: center;

}



/*========================================================

サブページ

========================================================*/



#subContent {

	width: 890px;

	margin: 0 auto 30px auto;

}



#subContent h3 {

	margin-bottom: 10px;

}



#subContent h4 {

	border-bottom: dashed 1px #8C6900;

	font-weight: bold;

	padding: 10px 0 10px 40px;

	margin-bottom: 10px;

}



#subContent p {

	margin-bottom: 20px;

}



#subContent ul {

	margin: 0 0 20px 20px;

}



#subContent span.purple {

	color: #A83861;

	font-weight: bold;

}



#subContent h4.list01 {

	background: url(../img/sub/img_list01.jpg) no-repeat 0 5px;

}



#subContent h4.list02 {

	background: url(../img/sub/img_list02.jpg) no-repeat 0 5px;

}



#subContent h4.list03 {

	background: url(../img/sub/img_list03.jpg) no-repeat 0 5px;

}



#subContent h4.list04 {

	background: url(../img/sub/img_list04.jpg) no-repeat 0 5px;

}



#subContent h4.list05 {

	background: url(../img/sub/img_list05.jpg) no-repeat 0 5px;

}



#subContent h4.list06 {

	background: url(../img/sub/img_list06.jpg) no-repeat 0 5px;

}



table {

	width: 890px;

}



table , td, th {

	border: 3px solid #E6DCC7;

	border-collapse: collapse;

}

td, th {

	padding: 7px;

}

th {

	background-color: #A83861;

	font-weight: bold;

	color: #FFF;

	text-align: center;

}



td {

	background-color: #F4E4D7;

}



#section6 table {

	width: 300px;

}



#section6 table , td, th {

	border: 3px solid #ffffff;

	border-collapse: collapse;

}

#section6 td, th {

	padding: 7px;

}

#section6 th {

	background-color: #A83861;

	font-weight: bold;

	color: #FFF;

	text-align: center;

}



#section2 td {

	background-color: #F4E4D7;

}



/*========================================================

分岐ページ

========================================================*/

#indexBtnArea {

	width: 770px;

	margin: 170px auto 0;

}



#indexBtnArea li {

	float: left;

}



/*========================================================

15/03/13 追記

========================================================*/

/*#section2 p, #section4 p {

	background: url(../../img/sec2_bg.jpg) 0 0 repeat;

}*/



#section1 p, #section7 p, #section3 p {

	background: url(../../img/sec1_bg.jpg) 0 0 repeat;

}



#section5 p, #section6 p {

	background: url(../../img/sec5_bg.jpg) 0 0 repeat;

}



/*========================================================

17/01/10 追記

========================================================*/

.underLine {
	text-decoration: underline;	
}

#section4 dl {
	width: 300px;
	float: left;
	margin-right: 30px;
}

#section4 dd {
	padding-top: 10px;
}


/*========================================================

17/02/13 追記

========================================================*/

#sec7Left {
	width: 380px;
	float: left;
	margin-right: 105px;
}

#sec7Right {
	width: 365px;
	float: left;
	position: relative;
}

.sec7RightImg {
	width: 200px;
	margin-left: 170px;
	margin-top: 10px;
}

.sec7RightClick {
	position: absolute;
	left: 10px;
	bottom: 5px;
}

.sec7RightClick::before {
	content: url(../img/sec7_en_ico.png);
	position: absolute;
	left: -12px;
	top: 8px;
}


/*========================================================

17/11/24 追記

========================================================*/
#headerIn{
	position:relative;
}

#header h1 {
	padding-top: 20px
}

#info {
    padding-top: 35px;
}

.btn_lang{
	position:absolute;
	top:0;
	right:0;
	width:230px;
}

.btn_lang ul li{
	float:left;
}

.box_sec5{
	margin-bottom:20px;
}

.box_sec5 .box_left{
	float:left;
	width:495px;
}

.box_sec5 .box_left p{
	margin-bottom:20px;
}

.box_sec5 .box_right{
	float:right;
	width:435px;
	text-align:center;
}

#section1 .leftColumn,
#section2 .leftColumn{
    float: left;
    width: 495px;
    margin-right: 0;
	padding:0;
}

#section1 .rightColumn,
#section2 .rightColumn{
	width:435px;
	padding:0;
}

#section2 .rightColumn{
	position:relative;
}

.sec2box {
	float: left;
	width: 142px;
	margin-right: 4px;
}

.m0r{
	margin-right:0!important;
}

.factsImg{
	position:absolute;
}


/*========================================================

17/12/8 追記

========================================================*/
#association{
	padding-top:20px;
	text-align:center;
	font-size:12px;
}

#association p{
	margin-bottom:10px;
}

#association img{
	margin:0 10px;
}