@charset "utf-8";
* {
    margin: 0;
    padding: 0;
}

#wrapper {
	height: 100%;
}

#cont{
display:block;
margin-top:56px;
}
#cont2{
display:block;
margin-top:150px;
}

#cont_top{
display:block;
margin-top: 149px
}

#cont3{
display:block;
margin-top:159px;
}

#cont4{
display:block;
margin-top:160px;
}

#cont5{
display:block;
margin-top:160px;
}

#contents {
    width: 1030px;
    margin: 0px auto;
	padding-top: 149px;
}

#contents_top{
display:block;
}


/* ローカルナビ */

/* 6列 */

nav.local-nav6{
display:block;
background-color: #777777;
}

nav.local-nav6 ul{
width:655px;
margin:0 auto;
padding-left: 5px;
background-color: #ffffff;
}

nav.local-nav6 ul li{
display:inline-block;
float:left;
width:158.3px;
height:40px;
margin-right:5px;
font-size:14px;
text-align:center;
line-height:3.2;
}

nav.local-nav6 ul li.lnav-current{
display:inline-block;
background-color:#ffffff;
color:#666666;
}

nav.local-nav6 ul li a{
display:inline-block;
background-color:#777777;
color:#FFFFFF;
width:158.3px;
height:40px;
}

nav.local-nav6 ul li a:hover{
background-color:#00FFFF;
}

nav.local-nav6 ul li.attentionnotic a{
display:inline-block;
background-color:#ffff00;
color:#660066;
width:320px;
height:40px;
}

nav.local-nav6 ul li.attentionnotic a:hover{
background-color:#00FFFF;
}

nav.local-nav6 ul li.lnav-current-tky{
display:inline-block;
background-color:#ffffff;
color:#666666;
width:320px;
height:40px;
}




/* 5列 */

nav.local-nav5{
display:block;
background-color: #777777;
}

nav.local-nav5 ul{
width:980px;
margin:0 auto;
padding-left: 5px;
background-color: #ffffff;
}

nav.local-nav5 ul li{
display:inline-block;
float:left;
width:191px;
height:40px;
margin-right:5px;
font-size:14px;
text-align:center;
line-height:3.2;
}

nav.local-nav5 ul li.lnav-current{
display:inline-block;
background-color:#ffffff;
color:#666666;
}

nav.local-nav5 ul li a{
display:inline-block;
background-color:#777777;
color:#FFFFFF;
width:191px;
height:40px;
}

nav.local-nav5 ul li a:hover{
background-color:#00FFFF;
}

/* 4列 */

nav.local-nav4{
display:block;
}

nav.local-nav4 ul{
width:980px;
margin:0 auto;
}

nav.local-nav4 ul li{
display:inline-block;
float:left;
width:240px;
height:60px;
margin-right:5px;
font-size:14px;
text-align:center;
line-height:4.2;
}

nav.local-nav4 ul li.lnav-current{
display:inline-block;
background-color:#ffffff;
color:#666666;
}

nav.local-nav4 ul li a{
display:inline-block;
background-color:#000000;
color:#FFFFFF;
width:240px;
height:60px;
}

nav.local-nav4 ul li a:hover{
background-color:#00FFFF;
}



nav.local-nav5_2{
display:block;
}

nav.local-nav5_2 ul{
width:980px;
margin:0 auto;
}

nav.local-nav5_2 ul li{
display:inline-block;
float:left;
width:191px;
height:60px;
margin-right:5px;
font-size:14px;
text-align:center;
line-height:4.2;
}

nav.local-nav5_2 ul li.lnav-current{
display:inline-block;
background-color:#ffffff;
color:#666666;
}

nav.local-nav5_2 ul li a{
display:inline-block;
background-color:#000000;
color:#FFFFFF;
width:191px;
height:60px;
}

nav.local-nav5_2 ul li a:hover{
background-color:#00FFFF;
}


/* 6列　東京会場日程 */

nav.local-nav6_2{
display:block;
}

nav.local-nav6_2 ul{
width:820px;
margin:0 auto;
}

nav.local-nav6_2 ul li{
display:inline-block;
float:left;
width:158.3px;
height:40px;
margin-right:5px;
font-size:14px;
text-align:center;
line-height:3.2;
}

nav.local-nav6_2 ul li.lnav-current{
display:inline-block;
background-color:#ffffff;
color:#666666;
}

nav.local-nav6_2 ul li a{
display:inline-block;
background-color:#000000;
color:#FFFFFF;
width:158.3px;
height:40px;
}

nav.local-nav6_2 ul li a:hover{
background-color:#00FFFF;
}


/* 下側 */


nav.lnav-under{
border-bottom:solid 5px #000000;
margin-top:50px;
}


/* 8列 */

nav.local-nav4 ul.lnav8{
margin-top:5px;
}
nav.local-nav4 ul.lnav8 li span.lnav-font1{
font-size:13px;
}


/* 3列 */

nav.local-nav3{
display:block;
}

nav.local-nav3 ul{
width:980px;
margin:0 auto;
}

nav.local-nav3 ul li{
display:inline-block;
float:left;
width:320px;
height:60px;
margin-right:5px;
font-size:14px;
text-align:center;
line-height:4.2;
}

nav.local-nav3 ul li.lnav-current{
display:inline-block;
background-color:#ffffff;
color:#666666;
}

nav.local-nav3 ul li a{
display:inline-block;
background-color:#000000;
color:#FFFFFF;
width:320px;
height:60px;
}

nav.local-nav3 ul li a:hover{
background-color:#00FFFF;
}


/******************************
 新ローカルナビ
 ******************************/

nav.localnav_about{
	width: 1020px;
	margin: 0px auto;
	padding: 20px 0;
}

nav.localnav_about ul li {
	display:inline-block;
	float:left;
	width:80px;
	height:80px;
	margin-right:10px;
	border: 1px solid #666;
	text-align:center;
	font-size:12px;
}
nav.localnav_about ul li p.current{
	background-color: #bbb;
	color: #000;
	display: table-cell;
    vertical-align: middle;
    width:80px;
	height:80px;
}
nav.localnav_about ul li a{
	display: table-cell;
	width:80px;
	height:80px;
	color: #000;
	vertical-align: middle;
}
nav.localnav_about ul li a:hover{
	color: #00FFFF;
	background-color: #000;
}
 nav.localnav_about ul li.longtext{
 	width: 500px;
 	border: none;
 	text-align: left;
 	font-size: 15px;
 	float: right;
 }





/* ページタイトル */

#headline1{
width:976px;
padding-right:5px;
margin:20px auto 0;
}

#headline1 #headline-title{
display:inline-block;
float:left;
width:450px;
height:340px;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
behavior: url(../js/PIE.htc);
position:relative;
}

#headline1 #headline-title span.english{
position:absolute;
top:20px;
left:30px;
font-size:80px;
color:#FFFFFF;
}

#headline1 #headline-title span.english2{
position:absolute;
top:20px;
left:30px;
font-size:70px;
color:#FFFFFF;
}

#headline1 #headline-title span.japanese{
position:absolute;
bottom:20px;
right:30px;
font-size:20px;
color:#FFFFFF;
}


#headline1 #headline-photo{
display:inline-block;
float:right;
width:450px;
height:340px;
}

/* 新ページタイトル　*/

.headline_about{
width:976px;
padding-right:5px;
margin:20px auto 0;
}

.headline_about .headline_title{
display:inline-block;
float:left;
width:450px;
height:340px;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
behavior: url(../js/PIE.htc);
position:relative;
}

.headline_about .headline_title span.english{
position:absolute;
top:20px;
left:30px;
font-size:80px;
color:#FFFFFF;
}

.headline_about .headline_title span.english2{
position:absolute;
top:20px;
left:30px;
font-size:70px;
color:#FFFFFF;
}

.headline_about .headline_title span.japanese{
position:absolute;
bottom:20px;
right:30px;
font-size:20px;
color:#FFFFFF;
}


.headline_about .headline_photo{
display:inline-block;
float:right;
width:450px;
height:340px;
}


/* ページタイトルの色 */

.headline_about .bgcolor_imagine{
background-color:#A97B50;
}
.headline_about .bgcolor_concept{
background-color:#FFCC66;
}

#headline1 .bgcolor1{
background-color:#FFCC66;
}

#headline1 .bgcolor2{
background-color:#7A95B9;
}

#headline1 .bgcolor3{
background-color:#5E940B;
}

#headline1 .bgcolor4{
background-color:#000000;
text-shadow:
0px 0px 1px #fff,
0px 0px 10px #3FC,
0px 0px 20px #3FC,
0px 0px 30px #3FC,
0px 0px 40px #3FC;
}

#headline1 .bgcolor5{
background-color:#CCCCCC;
}

#headline1 .bgcolor6{
background-color:#CC99FF;
}

#headline1 .bgcolor7{
background-color:#00FFCC;
}

#headline1 .bgcolor8{
background-color:#CCCC66;
}

#headline1 .bgcolor9{
background-color:#FF9999;
}

#headline1 .bgcolor10{
background-color:#FFCC00;
}

#headline1 .bgcolor11{
background-color:#87B821;
}

#headline1 .bgcolor12{
background-color:#996633;
}

#headline1 .bgcolor13{
background-color:#66CCCC;
}

#headline1 .bgcolor14{
background-color:#CC9999;
}

#headline1 .bgcolor15{
background-color:#CCCC66;
}

#headline1 .bgcolor16{
background-color:#FFCC33;
}

#headline1 .bgcolor17{
background-color:#FF9999;
}

#headline1 .bgcolor18{
background-color:#CCCC66;
}

#headline1 .bgcolor19{
background-color:#6699CC;
}


#headline1 .bgcolor20{
background-color:#87CB26;
}

#headline1 .bgcolor21{
background-color:#FF9900;
}

#headline1 .bgcolor22{
background-color:#ABCF00;
}


/* futuro */

#headline1 #headline-title span.futuroe{
position:absolute;
top:90px;
left:25px;
font-size:80px;
color:#FFFFFF;
}

#headline1 #headline-title span.japanese{
position:absolute;
bottom:20px;
right:30px;
font-size:20px;
color:#FFFFFF;
text-align:right;
}




/* 段落 */

section.paragraph1{
width:920px;
margin:70px auto 0;
color:#996633;
position:relative;
}


section.paragraph1 h1{
font-size:18px;
font-weight:normal;
border-bottom:solid 1px #996633;
}


section.paragraph1 h1 span.cursive{
position:absolute;
top:-8px;
right:20px;
font-size:60px;
font-family:fantasy;
}

section.paragraph1 h1 span.cursive2{
position:absolute;
top:-18px;
right:20px;
font-size:60px;
font-family:fantasy;
}

section.paragraph1 h1 span.cursive3{
position:absolute;
top:-28px;
right:20px;
font-size:60px;
font-family:fantasy;
}

section.paragraph1 p{
font-size:22px;
line-height:1.7;
display:block;
margin-top:50px;
text-align: left;
}

section.paragraph1 p.center{
font-size:22px;
line-height:1.7;
display:block;
margin-top:50px;
text-align:center;
}

section.paragraph1 p a {
	color: #C19D7D;
}

section.paragraph1 p a:hover{
	color: #00ffff;
}



section.paragraph2{
width:980px;
margin:70px auto 0;
color:#666666;
position:relative;
}

section.paragraph3{
width:920px;
margin:70px auto 0;
color:#666666;
position:relative;
}

section.paragraph3 h1{
margin-top:150px;
font-size:18px;
font-weight:normal;
border-bottom:solid 1px #666666;
}

section.paragraph3 p{
font-size:16px;
line-height:1.7;
display:block;
margin-top:50px;
text-align: left;
}



/* 横並び写真リスト */


.photo-list1{
display:block;
margin-top:50px;
}

.photo-list1 ul{
width:100%;
display:table;
}

.photo-list1 ul li{
display:table-cell;
border:solid 2px #FFFFFF;
background-clip:padding-box;
}

.photo-list1 ul li img{
width:100%;
height:auto;
}




/* ページトップリンク */

.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
}
.pagetop a {
	display: block;
	width: 60px;
	height: 60px;
	background-color: #333;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 60px;
}


/* アコーディオン */

/* accordion.js */

.accordion{
margin-top:60px;
}

.acMenu{
	width:912px;
	margin:30px auto;
}

.acMenu dt{
    display:block;
    width:910px;
    height:70px;
    line-height:75px;
    text-align:left;
    cursor:pointer;
    background:url(../img/000_common/i_swich.png) 880px -45px no-repeat;
	padding-left:30px;
	border-top:dashed 1px #996633;
	margin-top:10px;
	font-size:22px;
	color:#996633;
    }

.acMenu dt.active{
    background:url(../img/000_common/i_swich.png) 880px 30px no-repeat;
    }

.acMenu dd{
	display:none;
	color:#996633;
    width:890px;
	height:auto;
	margin:2px;
	padding:0 10px 20px 30px;
	font-size:18px;
	line-height:1.5;
    }

.acMenu dd p a{
	color: #996633;
    }

.acMenu dd p a:hover{
	color: #00ffff;
    }


/* イラスト */

.ilust{
text-align:center;
margin-top:60px;
}


/* ページトップ */

p.pagetop a:hover{
background-color:#00FFFF;
color:#000000;
}

/* 資料請求ボタン */

.crs_pmph{
	margin: 40px auto 10px;
	width: 460px;
	height: 74px;

}

.btn_crs_pmph{
	margin: 10px auto 10px;
	width: 460px;
	height: 74px;
}

a .btn_crs_pmph{
	background-image: url("../img/000_course/btn_crs_pmph.gif");
}


a:hover .btn_crs_pmph {
	background-image: url("../img/000_course/btn_crs_pmph_on.gif");
}

.btn_crs_pmph p{
	display: table-cell;
	vertical-align: middle;
	width: 460px;
	height: 74px;
	text-align: center;
	line-height: 74px;
	color: #333333;
}


/* ページ右端タブバナー */
#tab_bnr {
    position: fixed;
    top: 369px;
    text-align: center;
    width: 40px;
    right: 0px;
    z-index: 9999;
    padding: 0;
    overflow: hidden;
    text-align: right;
    margin: 0;
}

#tab_bnr ul {
	outline: 0;
	vertical-align: baseline;
}

#tab_bnr ul li {
	height: 42px;
}

#tab_bnr a {
	outline: 0;
	overflow: hidden;
}

#tab_bnr a img {
	opacity: 1.0;
	filter: alpha(opacity=100);
}

#tab_bnr a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.tab_ban {
	width: 40px;/* 最初に表示されるバナーの幅 */
	height: 100px;/* バナーの高さ */
	position: fixed !important;/* バナーを固定します */
	position: absolute;
	right: 0;/* 右から0pxの位置に指定 */

	/* 以下アニメーションの設定 */
	-webkit-transition: width ease-in-out 0.5s;
	-moz-transition: width ease-in-out 0.5s;
	-ms-transition: width ease-in-out 0.5s;
	-o-transition: width ease-in-out 0.5s;
	transition: width ease-in-out 0.5s;
}
.tab_ban a {/* リンクするエリアをバナー全体に広げる設定 */
	display: block;
	width: 100%;
	height: 100%;
}
.tab_ban:hover {/* カーソルが乗った時の動きを指定 */
	width: 200px;/* バナーが伸びた時の幅 */
}
.tab_ban a:hover {
	/* IE9用 */
	width: 200px\9;
}
#tab01 {
	background: url(../img/000_common/tab01.png) 0 0 no-repeat;
	top: 165px;
}
#tab02 {
	background: url(../img/000_common/tab02.png) 0 0 no-repeat;
	top: 267px;

.tab_ban2 {
	width: 40px;/* 最初に表示されるバナーの幅 */
	height: 40px;/* バナーの高さ */
	position: fixed !important;/* バナーを固定します */
	position: absolute;
	left: 0;/* 右から0pxの位置に指定 */

.tab_ban2 a {/* リンクするエリアをバナー全体に広げる設定 */
	display: block;
	width: 100%;
	height: 100%;
}

#tab03 {
	top: 356px;