@charset "utf-8";

body{
	background:#FFF100;
	margin:0;
	padding:0;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;

}


/*asset*/

.mark{
	color:red;
}

.clear{
	clear:both;
}

.small{
	font-size:11px;
	font-weight:normal;
}

.small-21px{
	font-size:20px;
	font-weight:normal;
}

.small-15px{
	font-size:18px;
	font-weight:normal;
}

.text-cnt{
	text-align:center;
}

.img-l{
float: left;
  margin-right: 2em;
  margin-bottom: 1em;
}

.img-c{
	display: block;
 margin-left: auto;
 margin-right: auto;
}

.img-r{
	float: right;
  margin-left: 2em;
  margin-bottom: 1em;
}


/*reset*/

h1,h2,h3,h4,h5{
	margin:0 0 20px 0;
}

p{
	margin:0 0 20px 0;
}

ul,li{
	list-style:none;
	margin:0;
	padding:0;
}




/*header*/

#header{
	background:#00A0E9;
	border-bottom:3px solid #FFF100;
}

#header .inner{
	width:1200px;
	margin:0 auto;
	position:relative;
	height:180px;
}

#header h1{
	position:absolute;
	top:30px;
	
}

#header ul{
	position:absolute;
	right:0;
	bottom:20px;
}

#header li{
	display:table-cell;
	padding-left:15px;
}


/*navigation*/

#navigation{
	background:#00A0E9;
	color:#fff;
	height:55px;
}

#navigation ul{
	width:1200px;
	margin:0 auto;
	border-left:1px solid #FFF100;
	display: table;
  table-layout: fixed;
}

#navigation li{
	background:#E5F5FD;
	color:#00A0E9;
	border-right:1px solid #FFF100;
	display:table-cell;
	text-align:center;
	line-height:18px;
	font-size:14px;
	margin:0;
	height:55px;
	vertical-align:middle;
}

#navigation a{
	background:#00A0E9;
	color:#fff;
	display:table-cell;
  	vertical-align:middle;
	width:171px;
	height:55px;
	text-decoration:none;
	text-align:center;
}

#navigation a:hover{
	background:#E5F5FD;
	color:#00A0E9;
}


/*top-image*/

.top-image{
	width:1200px;
	margin:0 auto;
	height:420px;
}

/*top-content*/

#content {
	width:1200px;
	margin:0 auto;
}

#content .top-wrapper{
	background: url(image/top-bg.png);
	width:1200px;
}

#content .top-content{
	float:left;
	width:640px;
	background:#fff;
	padding:50px;
	line-height:28px;
	margin:40px 0 0;
}

#content:after{
	content: "";
	clear: both;
	display: block;
}

#content .top-sub{
	float:right;
	background:#00A0E9;
	padding:50px 0 50px 55px;
	width:350px;
}

#content .top-sub .tv{
	margin-bottom:40px;
}

#content .top-sub .tv p{
	margin-top:10px;
}


#content .top-content h2{
	font-size:25px;
	line-height:35px;
}

#content .top-content h3{
	font-size:17px;
	line-height:24px;
	margin:30px 0 0 0;
}


#content .top-content .left{
	width:310px;
	float:left;
}

#content .top-content .right{
	width:310px;
	float:right;
}

#content .top-content .right p{
	padding:10px;
	font-size:11px;
	line-height:16px;
	border:1px solid #000;
}

#content .content-head{
	height:180px;
}

#content .content-head2{
	height:105px;
}

.content-head:after{
	content: "";
	clear: both;
	display: block;
}

#content .content-head h2{
	margin-top:40px;
	margin-left:40px;
	font-size:28px;
	letter-spacing:3px;
	color:#00A0E9;
	float:left;
}

#content .content-head2 h2{
	margin-top:40px;
	margin-left:40px;
	font-size:28px;
	letter-spacing:3px;
	color:#00A0E9;
	float:left;
}

#content .content-head h3{
	margin-top:40px;
	margin-right:15px;
	font-size:26px;
	font-weight:normal;
	letter-spacing:3px;
	color:#00A0E9;
	float:right;
}

.content-box{
	background:#00A0E9;
}

.bwh{
	background:#fff;
}

.content-box:after{
	content: "";
	clear: both;
	display: block;
}

.content-box .head-img{
	margin-top:-80px;
	float:left;
}

.content-box .head-text1{
	float:right;
	color:#fff;
	width:470px;
	font-size:17px;
	line-height:30px;
	margin-right:95px;
	margin-top:40px;
}

.content-box .head-text2{
	float:right;
	background:#FFF100;
	width:450px;
	font-size:14px;
	line-height:30px;
	margin-right:95px;
	margin-top:20px;
	padding:10px;
	margin-bottom:0;
}

.btm-yellow{
	margin-bottom:10px;
}

.content-box .inner{
	width:1000px;
	margin:0 auto;
	padding:40px 0;
}


.content-box .img1{
	float:left;
 	margin-right: 3em;
 	margin-bottom: 1em;
}

.content-box .text1{
	color:#fff;
	font-size:15px;
	line-height:30px;
	margin-top:30px;
}

.content-box .h3-wh{
	clear:both;
	background:#fff;
	text-align:center;
	padding:20px;
	color:#00A0E9;
}

.content-box .three{
	display: table;
  	table-layout: fixed;
	border-left:1px solid #fff;
	color:#fff;
}

.content-box .three-list{
	display:table-cell;
	border-right:1px solid #fff;
	width:32%;
	padding-right:20px;
	padding-left:20px;
}

.content-box .three-list img{
	  vertical-align: top;
}

.content-box .three-list .title{
	margin:0 10px 0 10px;
	font-size:18px;
}


.content-box .three-list li{
	margin:0 0 10px 20px;
	list-style:disc;
	font-size:14px;
	line-height:24px;
}

.news-btn{
	margin-bottom:40px;
}

/*第二階層 business*/

.content-box .head-img2{
	margin-left:100px;
	margin-top:40px;
	float:left;
}

.content-box .head-text3{
	width:500px;
	margin:40px 100px 0 0;
	float:right;
}

.content-box .head-text3 ul{
	line-height:30px;
}

.content-box .head-text3 li{
	list-style: circle;
	margin-bottom:10px;
	padding-left:20px;
	margin-left:30px;
}


.content-box .h3-blue{
	color:#00A0E9;
	border-bottom:2px solid #00A0E9;
	border-top:2px solid #00A0E9;
	font-size:24px;
	padding:10px 0;
	text-align:center;
}

.content-box .head-text4{
	border:1px solid #00A0E9;
	padding:10px;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	color:#00A0E9;
	margin-top:35px;
}

.content-box .head-text5{
	clear:both;
	margin:40px 0 0;
	text-align:center;
}

.content-box .h3-b{
	font-size:24px;
	color:#00A0E9;
}

.content-box .h3-wht{
	font-size:24px;
	color:#fff;
}

.industry{
	border-bottom:2px solid #00A0E9;
	border-top:2px solid #00A0E9;
	padding:20px 0;
	margin-bottom:20px;
}

.industry img{
	float:left;
	margin-right:4em;
}

.industry ol{
	margin-top:5px;
	margin-bottom:0;
}


.industry li{
	list-style:decimal;
	margin-bottom:10px;
}

.coating{
	border:2px solid #FFF100;
	position:relative;
}

.coating h3{
	text-align:center;
	background:#FFF100;
	margin-bottom:0;
	padding:10px 0;
	font-size:21px;
}

.coating ol{
	margin:18px 0;
	width:610px;
}


.coating li{
	list-style:decimal;
	margin-bottom:10px;
	line-height:30px;
}

.coating img{
	position:absolute;
	right:0;
	width:auto;
	height:86%;
}

.coating-cont{
	background:#fff;
	padding:15px;
	margin-bottom:15px;
}

.coating-cont h4{
	color:#00A0E9;
	background:#FFF100;
	height:35px;
}

.coating-cont .text{
	line-height:30px;
	width:400px;
	margin-left:35px;
}

.coating-cont img{
	margin-right:10px;
	float:left;
	vertical-align: use-script;
}

.coating-cont .no{
	display:inline-block;
	margin-top:6px;
}

.coating-cont .left{
	width:470px;
	float:left;
}

.coating-cont .right{
	width:470px;
	float:right;
}
	
.coating-cont:after{
	content: "";
	clear: both;
	display: block;
}

.coating-cont dl{
	margin:-10px 0 0;
}

.coating-cont dt{
	background:#00A0E9;
	color:#fff;
	padding:5px;
	margin:10px 0;
}

.coating-cont dd{
	font-size:14px;
	line-height:27px;
	margin-left:0;
}

.coating-cont h5{
	font-size:15px;
	color:#00A0E9;
}

/*personal*/


.content-box .head-img3{
	margin-top:40px;
	margin-left:100px;
	float:left;
}

.content-box .head-text6{
	width:550px;
	margin:40px 60px 0 0;
	float:right;
	text-align:center;
}

.content-box .head-text7{
	margin:35px 0 0 50px;
	font-size:27px;
	color:#00A0E9;
}

.coating .left{
	width:550px;
	float:left;
}

.coating .left ol{
	font-weight:bold;
	font-size:18px;
}

.coating .right{
	width:410px;
	float:right;
}

#content .coating .right ul{
	margin-top:18px;
	color:#00479d;
}

.coating .right li{
	list-style:none;
	line-height:24px;
}

.coating:after{
	content: "";
	clear: both;
	display: block;
}

/*education*/

#content .content-head .head-text8{
	margin-right:145px;
}

.head-text9{
	width:304px;
	margin:0 auto;
	font-size:14px;
}

.content-box .head-text10{
	float:right;
	width:495px;
	font-size:17px;
	line-height:30px;
	margin-right:115px;
	margin-top:40px;
}

.h3-g{
	background:#68AE28;
	color:#fff;
	padding:10px;
	font-size:24px;
}

.content-box .edu-list li{
	margin-bottom:10px;
	line-height:30px;
}

/*lecture*/

.h3-bt{
	background:#00A0E9;
	padding:10px;
	font-size:17px;
	color:#fff;
	margin:40px 0;
}

.head-text11{
	float:left;
	width:500px;
}

.head-text12{
	float:right;
	width:500px;
}


form#mailformpro dl dt {
	float: left;
	width: 250px;
	clear: both;
	padding: 10px 0px;
	text-align: right;
	border-top: solid 1px #CCC;
	margin: 0px;
}
form#mailformpro dl dd {
	border-top: solid 1px #CCC;
	margin: 0px;
	padding: 10px 5px 20px 290px;
	line-height: 1.5em;
	text-align: left;
}

.must {
	display: block;
	background-color: #C00;
	border: solid 2px #C00;
	text-shadow: 0px 1px 2px #933;
	padding: 2px 5px;
	font-size: 10px;
	color: #FFF;
	float: left;
	margin: 0px 5px;
}

/*footer*/

#footer{
	background:#00A0E9;
	width:100%;
	text-align:center;
	color:#fff;
	margin-top:40px;
	padding:30px 0;
}

#footer .inner{
	border-bottom:3px solid #FFF100;
	padding-bottom:30px;
}

#footer copy{
	line-height:27px;
	font-weight:bold;
}