@charset "UTF-8";
@import url('normalize.css');

/* CSS Document */
/*---------------共通レイアウト-----------------*/
body{　　　　　　　　　/*一部変更しました*/
	width:100%;
	min-width:1000px;
	margin:auto;
	color:#000000;
	/*letter-spacing: 2px;*/
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a{
	color:#fff;
}
a:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
.wrap{
	overflow:hidden;
}
.con_box{
	width:1000px;
	margin:auto;
	padding:80px 0;
	position:relative;
}
.con_table tr > th{
	width:245px;
	vertical-align:text-bottom;
}
.con_table tr > th h2{
	margin:3px 0 0 115px;
	line-height:1;
}
.con_table tr > td{
	border-left:1px solid #8BB03F;
	padding-left:35px;
	line-height:2.6;
}

/*header*/
header{
	left: 0;
    min-width: 1000px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
	height:80px;
	background: url("../img/bg_w.png");
}
header .header{
	width:1000px;
	margin:auto;
}
header .header:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
h1.logo{
	float:left;
	margin:0 30px 0 0;
	padding:0;
	line-height:1;
}
.navi{
	list-style: none;
    margin: 0 auto;
    padding: 0;
}
.navi li{
	float: left;
    margin: 0;
    overflow: hidden;
    padding: 0 20px;
	list-style: none;
	display:block;
	background: url("../img/menu_line.png") no-repeat right 33px;
}
.navi li:last-child{
	background:none;
}
.navi li a{
	display:block;
	height:80px;
	width:80px;
	text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
}
.navi li a:hover {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.navi li.n01 a{
	background: url("../img/munu01_off.png") no-repeat center center;
}
.navi li.n02 a{
	background: url("../img/munu02_off.png") no-repeat center center;
}
.navi li.n03 a{
	background: url("../img/munu03_off.png") no-repeat center center;
}
.navi li.n04 a{
	background: url("../img/munu04_off.png") no-repeat center center;
}
.navi li.n05 a{
	background: url("../img/munu05_off.png") no-repeat center center;
}
.navi li.n01 a:hover,
.navi li.n01 a.current{
	background: url("../img/munu01_on.png") no-repeat center center;
}
.navi li.n02 a:hover,
.navi li.n02 a.current{
	background: url("../img/munu02_on.png") no-repeat center center;
}
.navi li.n03 a:hover,
.navi li.n03 a.current{
	background: url("../img/munu03_on.png") no-repeat center center;
}
.navi li.n04 a:hover,
.navi li.n04 a.current{
	background: url("../img/munu04_on.png") no-repeat center center;
}
.navi li.n05 a:hover,
.navi li.n05 a.current{
	background: url("../img/munu05_on.png") no-repeat center center;
}
.sns{
	list-style: none;
    margin: 0 auto;
    padding: 0;
}
.sns li{
	float: left;
    margin: 0;
    overflow: hidden;
    padding:28px 10px;
	list-style: none;
	display:block;
}

/* footer */
footer{
	background: url("../img/bg_tec.jpg") no-repeat center center;
}
footer .con_box{
	font-size:12px;
	text-align:center;
	padding:20px 0 0;
	vertical-align:middle;
}
footer .con_box:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
footer img{
	float:right;
	margin:-20px 0 0 -178px;
}
footer .pagetop:hover{
	cursor:pointer;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

/* top */
.top .con_box {
	height:450px;
}
.flexslider{
	position:absolute;
	top:0;
	left:-500px;
	z-index:0;
}
.top .con_box .main{
	position:absolute;
	top:220px;
	left:375px;
	text-align: center;
	z-index:999;
}

/* news */
.top_news{
	background: url("../img/bg_tec.jpg") repeat-y center center;
	text-align:center;
}
.top_news h2{
	margin-bottom:30px;
}

/* concept */
.top_concept .con_box .img{
	left: -210px;
    position: absolute;
    top: 70px;
    z-index: 0;
}

/* profile */
.top_profile{
	background: url("../img/profile_bg.jpg") no-repeat center center;
}
.top_profile h3{
	margin:0 0 10px;
	font-size:16px;
}
.top_profile .con_table td{
	text-shadow: 0 0 3px rgba(255, 255, 255, 1),  0 0 3px rgba(255, 255, 255, 1),  0 0 3px rgba(255, 255, 255, 1);  
	-moz-box-shadow: 0 0 3px rgba(255, 255, 255, 1), 0 0 3px rgba(255, 255, 255, 1),  0 0 3px rgba(255, 255, 255, 1);  　/* Firefox用 */  
	-webkit-box-shadow: 0 0 3px rgba(255, 255, 255, 1), 0 0 3px rgba(255, 255, 255, 1),  0 0 3px rgba(255, 255, 255, 1);  　/* Safari,Google Chrome用 */ 
}

/* lesson */
.top_lesson .con_box .img{
	position: absolute;
    right: -270px;
    top: 70px;
    z-index: 0;
}
.top_lesson .con_table tr > td th{
	width:auto;
	white-space:nowrap;
}
.top_lesson .con_table tr > td td{
	border:none;
	max-height: 100%;
	-webkit-text-size-adjust: 100%;
}
.top_lesson .con_table ol{
	padding:0 0 0 20px;
	margin:0;
	line-height:2;
}

/* works */
.top_works{
	background: url("../img/works_bg.jpg") no-repeat center center;
}
.top_works .con_box{
	padding-top:300px;
}
.top_works .con_table tr > td{
	border-left:1px solid #fff;
}
.top_works .con_table ul{
	padding:0;
	margin:0;
	color:#fff;
	list-style:none;
}
.top_works .con_table ul li{
	padding:0 0 0 20px;
	background: url("../img/arr_w.png") no-repeat left 10px;
}
.oil{
	background: url("../img/bg_w.png");
	padding:20px 30px;
	margin-top:30px;
}
.oil .img{
	float:right;
	margin-left:20px;
}
.oil h3{
	margin:5px 0 25px;
	line-height:1;
}
.oil p{
	background: url("../img/arr_g.png") no-repeat left 8px; 
	font-size:12px;
	white-space:nowrap;
	padding:0 0 0 20px;
	width: 515px;
}

/* contact*/
.top_contact{
	background:#000;
	color:#fff;
}
.top_contact h3{
	margin:15px 0 5px;
	line-height:1;
}
.top_contact .con_table tr > td{
	border-left:1px solid #fff;
}
.top_contact span{
	background: url("../img/arr_w.png") no-repeat right center;
	padding-right:20px;
	margin-right:15px;
}
.top_contact a{
	text-decoration:none;
}