/*
-----------a -----------
*/

a:link { text-decoration: none; }
a.a_text:focus,
a.a_text:hover,
a.a_text:active { text-decoration: underline; }
a .block{
	display:inline;
}
a img{
	border-style:none;
}
/*
----------- elements -----------
*/
body{
	width:100%;
	background:#fff;
	color:#000;
	font-size:14px;
	margin:0px auto;
	padding:0px 0px;
	line-height:140%;
	#font-family: Arial,'ＭＳ Ｐゴシック',sans-serif ;
	font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
}

header{
	width:100%;
	margin:0 auto;
	position:fixed;
	top:0;
	left:0;
	opacity:1.0;
	background:#fff;
	text-align:center;
	z-index:20;
}

header .elements{
	width:900px;
	margin:0 auto;
	background-color:#fff;
	padding:15px 40px;
	height:50px;
	overflow:hidden;
	z-index:21;
}


header .elements .logo{
	width:250px;
	float:left;
}

header .elements p{
	float:left;
	width:300px;
	margin-left:25px;
}


header .elements a.button-register{
	font-size:16px;
	font-weight:700;
	color:#fff;
	background-color:#e63349;
	width:300px;
	display:block;
	text-align:center;
	margin:0;
	padding:13px 0;
	float:right;
}

clear-both{
	clear:both;
}

main{
	width:100%;
	margin:80px 0 45px 0;
	background:#fff;
	display:block;
}

.geometric{
	width:100%;
	background:#fff;
}

.geometric-matsushita{
	width:900px;
	text-align:left;
	margin:0 auto;
}

.top-image{
	width:900px;
	height:239px;
	margin:0px auto 20px auto;
	padding:5px 0 10px 0;
	position:relative;
}

.top-image .title-text{
	width:55%;
	position:absolute;
	top:10px;
	left:0;
	z-index:10;

}

.copy{
	font-size:38px;
	font-weight:bold;
	line-height:140%;
	text-align:center;
	margin:0 0 25px 0;
}

.lead{
	width:100%;
	background:#000;
	margin:60px 0 0 0;
}

.lead .geometric{
	position:relative;
	width:900px;
	height:350px;
	margin:0 auto;
}

.lead h1, .lead h2{
	line-height:140%;
	letter-spacing: 0.05em;
	display:block;
	color:#fff;
	margin:0;
	padding:0;
	position:absolute;
	z-index:5;
}

.lead h1{
	left:5px;
	top:40px;
}
.lead h1 img{
	width:600px;
}


.lead h2{
	font-size:40px;
	top:180px;
	left:15px;
}

.lead img{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

.maincontents{
	margin:0;
	padding:0;
	overflow:hidden;
}

.maincontents .image-list, .maincontents .contents-list{
	float:left;
	width:450px;
}

.maincontents .image-list{
	box-sizing:border-box;
	padding:0;
}

.maincontents .image-list article{
	width:100%;
	height:310px;
}

.maincontents .image-list article img{
	width:100%;
}

.maincontents .contents-list{
	box-sizing:border-box;
	padding:0 0 0 30px;
}

.maincontents .contents-list dl{
	margin:0 0 60px 0;
}

.maincontents .contents-list dl dt{
	margin:5px 0 20px 0;
	font-size:24px;
	font-weight:bold;
	line-hight:120%;
}

.maincontents .contents-list dl dd{
	margin:6px 0;
	font-size:14px;
	font-weight:normal;
}

section.introduce{
	margin:5px auto 0 auto;
	padding-top:20px;
	font-size:15px;
	line-height:150%;
	width:900px;
}

.label{
	padding:0;
	margin:0 0 5px 0;
	font-size:34px;
	color:#000;
	font-weight:700;
	letter-spacing: 0.05em;
	line-height:170%;
}

.text{
	padding:0;
	margin:0 0 35px 0;
	font-size:18px;
	line-height:1.7;
}


.lecture-list{
	width:900px;
	font-size:20px;
	line-height:160%;
	margin:0 auto 25px auto;
}

.lecture-list li{
	margin:0 0 0 40px;
}

.top-image .map-image{
	background:#000;
	width:443px;
	height:auto;
	position:absolute;
	top:0;
	right:0;
	z-index:1;
}

.top-image .title-text h1{
	margin:15px 0 0 0;
	padding:0;
	font-size:50px;
	color:#fff;
	line-height:1.4;
	width:700px;
	z-index:10;
}

.top-image .title-text ul{
	margin:20px 20px;
	padding:0;
	#font-weight:bold;
	font-size:22px;
	color:#fff;
	list-style:none;
	line-height:1.5;
}

.top-image .title-text ul li:before{
	content:"―";
	margin:0 10px;

}

.about-lecturer-box{
	width:900px;
	margin:25px auto 20px auto;
	padding:0;
}

.connect{
	text-align:center;
}

.connect img{
	width:20%;
}

.connect p{
	font-size:34px;
	font-weight:bold;
	margin:40px 0;
}


.strong-point{
	background-color:
}

.about-lecturer-box p{
	font-size:18px;
	line-height:170%;
}


.about-lecturer-box ul.point{
	padding:0 0 0 10px;
}

.about-lecturer-box ul.point li{
	position: relative;
	font-size:24px;
	line-height:170%;
	list-style-type:none;
	font-weight:bold;
}

.about-lecturer-box ul.point li img{
	width:20px;
	margin-right:20px;
}

.about-lecturer-box h2{
	margin:0;
	padding:0;
	font-size:30px;
	line-height:1.5;
}

.about-lecturer-box .lecturer-info{
	margin:25px 0 0 0;
	overflow:hidden;
}

.about-lecturer-box .lecturer-info .lecturer-photo{
	float:left;
	width:20%;
	margin-right:3%;
}

.about-lecturer-box .lecturer-info .name{
	float:left;
	width:75%;
}

.about-lecturer-box .lecturer-info .name .lecturer-name{
	font-size:24px;
	margin:0 15px 0 0;
	float:left;
	line-height:1.6;
}

.about-lecturer-box .lecturer-info .name .lecturer-title{
	font-size:19px;
	line-height:1.6;
	padding:0;
	margin:4px 0 0 0;
}


.about-lecturer-box .lecturer-info .lecturer-history{
	clear:both;
	padding:20px 0 10px 0;
	margin:0;
	font-size:15px;
	line-height:1.7;
}

.lesson{

}

.section-title{
	width:900px;
	margin:0px auto;
	padding:6px 10px 3px 10px;
	overflow:hidden;
	background-color:#53260B;
}

.section-title .pointing{
	width:5%;
	height:auto;
	margin:0;
	padding:0;
	float:left;
}

.section-title .pointing img{
	width:100%;
}


.section-title h2{
	width:90%;
	font-size:28px;
	margin:0;
	padding:18px 0;
	float:left;
	color:#fff;
}

.video-section{
	overflow:hidden;
	width:900px;
	margin:0 auto 0 auto;
	padding:10px 0 35px 0;
}

.video-section .introduction{
	margin:0 40px 0 0;
	padding:0;
	width:450px;
	#float:left;
}

.video-section .introduction h3{
	margin:10px 0 0 0;
	padding:0;
	font-size:35px;
	line-height:1.4;
}

.video-section .introduction p{
	padding:0;
	font-size:20px;
	line-height:1.7;
	width:870px;
	margin:20px 25px 25px 25px;
}



.video-section .introduction ul{
	font-size:18px;
	line-height:2.0;
	margin:20px 0 0;
}

.video-section .video{
	width:100%;
	text-align:center;
}

.video-section .video video{
	width:100%;
	border:1px solid #ccc;
	background-color:#000;
	padding:0;
	margin:0;
	width:702px;
	height:396px;
}

.video-section .video video:hover{
	cursor:pointer;
}

.background-head{
	width:100%;
	background:#53260B;
}
.background-gray{
	width:100%;
	background:#f5f5f5;
}
.lecture-section{
	width:900px;
	height:280px;
	margin:0 auto 2px auto;
	position:relative;
	overflow:hidden;
	height:235px;
}

.lecture-section .introduction{
	padding:0;
	width:90%;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}


.lecture-section .introduction h3{
	margin:35px 0 18px 0;
	padding:0;
	font-size:35px;
	line-height:1.4;
}

.lecture-section .introduction ul{
	font-size:18px;
	line-height:2.0;
}

.lecture-section .back-image, .lecture-section .back-image-gray{
	position:absolute;
	top:0;
	right:0;
	width:410px;
	height:277px;
	background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255,255,255,0)));
	background: linear-gradient(to left, rgba(255,255,255, 0), rgba(255,255,255, 255));
	z-index:5;
}


.lecture-section .back-image-gray{
	background: -webkit-gradient(linear, left top, right top, from(#f5f5f5), to(rgba(245,245,245,0)));
	background: linear-gradient(to left, rgba(242,242,242, 0), rgba(242,242,242, 255));
	z-index:50; 
}

.lecture-section img{
	width:410px;
	height:auto;
	position:absolute;
	top:0;
	right:0;
	z-index:0;
}

.lesson-button-gray{
	padding:10px;
	background:#53260B;
}

.other-lecture{
	width:900px;
	margin:0 auto;
	text-align:right;
}

.other{
	color:#000;
	margin-left:50px;
}

.lesson .lesson-button{
	width:900px;
	margin:0 auto;
}

section.about{
	padding-top:30px;
	#height:570px;
	width:900px;
	margin:0 auto;
	overflow:hidden;
}

.logo-image{
	float:left;
	width:485px;
	margin-right:15px;
}

.multi-image{
	float:left;
	width:400px;

}

.multi-image img{
	width:100%;
}

section.about .logo{
	padding:0 0 0 30px;
	width:350px;
}


section.about .title{
	padding:10px 0 0 40px;
	font-size:16px;
	color:#3f3f3f;
	line-height:130%;
	margin:0 0 20px 0;
	font-weight:700;
}

section.about .action{
	padding:10px 0 0 40px;
	font-size:24px;
	font-weight:700;
	line-height:160%;
}

.red{
	color:#e63349;
}

.orange{
	color:#f78e3b;
}

.blue{
	color:#003399;
}

section.about .explain{
	padding:20px 0 30px 40px;
	margin:10px 0 10px 5px;
	font-size:15px;
	width:800px;
	line-height:165%;
	letter-spacing: 0.1em;
	font-weight: normal;
	#font-weight:700;
	clear:both;
	text-align:left;
}

.notice-volume{
	background-color:#a5976a;
	width:100%;
	padding:10px 0 5px 0;
	text-align:center;
	color:#fff;
	font-weight:700;
	line-height:170%;
	font-size:30px;
}

.notice-volume .highlight{
	font-size:38px;
}



.volume{
	font-size:28px;
	color:#000;
	line-height:150%;
	text-align:center;
	width:100%;
	font-weight:700;
	margin:5px 0 0 0;
}

.copyright{
	color:#000;
}

.hidden{
	display:none;
}


.clear-both{
	clear:both;
}

section.register{
	text-align:center;
	padding-bottom:0px;
}

section.register a.button-register, .lesson .lesson-button .button{
	font-size:24px;
	font-weight:700;
	color:#fff;
	background-color:#e63349;
	width:900px;
	display:block;
	text-align:center;
	margin:12px auto 20px auto;
	padding:22px 0;
}

 .lesson .lesson-button{
 	margin:50px auto;
 }

section.register a.button-register:after, .lesson .lesson-button .button:after{
	width:20px;
	height:20px;
	content:" ";
	display:inline-block;
	background:url("../img/ito/arrow-30-128.png")no-repeat;
	background-size:cover;
	vertical-align:-10%;
	margin:0 0 0 30px;
}


.guide .logo{
	width:250px;
	#height:38px;
	vertical-align:-10%;
	margin:0 5px 8px 5px;
}

.introduction p{
	width:450px;
	font-size:18px;
	line-height:1.7;
}


.sale{
	font-size:28px;
	color:#f00;
	line-height:150%;
	text-align:center;
	width:100%;
	font-weight:700;
	margin:5px 0 0 0;
}
.guide{
	width:900px;
	margin:0px auto 0px auto;
}

.guide p{
	font-size:32px;
	font-weight:bold;
	line-height:140%;
	margin:0 0 auto 0;
	text-align:center;
}


.footer-gray{
	width:100%;
	color:#fff;
	background:#53260B;
	padding:0;
	position:static;
}

.footer-gray .footer-box{
	width:980px;
	margin:0 auto;
	height:50px;
	position:relative;
}


.footer-gray .gfooter{
	position:absolute;
	top:20px;
	left:20px;
}

.footer-gray .gfooter .gnavi{
	overflow:hidden;
}

.footer-gray .gfooter .gnavi li a{
	color:#fff;
}

.footer-gray .copyright{
	text-align:right;
	position:absolute;
	top:20px;
	right:5px;
	color:#fff;
}.container{
	width:100%;
	margin:0 auto;
	background-color:#fff;
	/*
	box-shadow: 0px 0px 5px #888888;
	-moz-box-shadow: 0px 0px 5px #888888;
	-webkit-box-shadow: 0px 0px 5px #888888;
	*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#888888,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=6)";
	filter: progid:DXImageTransform.Microsoft.Glow(color=#888888,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=6);
}