@charset "utf-8";
/*----------------------------
	resetCSS
----------------------------*/
*{
	margin:0;
	padding:0;	
}
main{
	display:block;
}
img{
	vertical-align:bottom;
	border:none;
}
ul,ol{
	list-style:none;
}
h1,h2,h3{
	font-weight:normal;	
}
html{
	font-size:62.5%;
}
body{
	background:#FFF;
	font:1.3em /1.7 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#4d4d4d;
	line-height:2.00;
}
a{
	text-decoration:none;
	color:#4d4d4d;
}
/*----------------------------
	common
----------------------------*/
.wrap{
	width:900px;
	margin:0 auto;
}
#logo{
	float:left;
	margin:12px 0;
}
header{
	border-top:solid 3px #07a7df;
}
#knav{
	float:right;
	overflow:hidden;
	margin-top:12px;
}
#knav li{
	float:left;
}
#knav li a{
	padding:1px 3px;
	color:#07a7df;
	text-decoration:underline;
}
#knav li a:hover{
	color:#07628e;
}
a:hover{
	color:#666;
}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
#kv{
	margin-bottom:30px;
}
#slider{
	overflow:hidden;
	width:900px;
	margin:0 auto;
}
#kv ul{
	width:2700px;
	padding:20px 0;	
}
#kv li{
	float:left;
}
/*dropMenu*/
nav{
	clear:both;
	height:40px; /*ie fall back*/
	height:calc(26px + 1.1em);
	background:#07a7df;
    border: 1px solid #ffffff;
}
nav li{
	float:left;
	overflow:hidden;
}
nav li a{
	line-height:1;
	display:block;
	width:178px;
	padding:13px 0;
	border-right:1px solid #ddd;
	text-align:center;
	text-decoration:none;
	font-size:1.1em;
	color:#FFF;
}
.firstDMenu a{
	border-left:1px solid #ddd;
}
.dropMenu:hover{
	background: #ccc;
}
nav li:hover{
	overflow:visible;
}
.dropMenu{
	position:relative;	
}
.dropMenu ul{
	position:absolute;
}
.dropMenu li{
	background:#FFF;
	border:1px solid #ddd;
}
.dropMenu li > a{
	padding:9px 0;
	padding-left:17px;
	width:159px;
	background:url("../img/arrow.png") no-repeat 6px 10px;
	color:#4d4d4d;
	font-weight:normal;
	text-align:left;
	font-size:0.85em;	
}
.dropMenu li > a:hover{
	color:#08c;
}
.dropMenu li:hover{
	background-color:#fff;
	}
aside{
	overflow:hidden;
	width:200px;
	float:left;
	margin-bottom:100px;
	margin-right:20px;
}
.bn{
	float:left;	
}
.bn li{
	margin:0 20px 10px 0;	
}
main{
	overflow:hidden;
}
section h2{
	margin-bottom:30px;
	font-size:1.4em;
	border-bottom:3px solid #07a7df;
}
section h3{
	margin:15px 0 15px 0;
	font-size:1.2em;
	background-color:#f8f8f8;
	font-weight:normal;
	padding:3px 10px;
	border-left:3px solid #07a7df;
	
}
.contents{
	margin-top:30px;
}
footer{
	clear:both;
	margin-top:100px;
	overflow:hidden;
	border-top:1px solid #888;
}
footer h4{
	margin-bottom:2px;
	font-weight:normal;
	text-decoration:underline;
}
footer #adress{
	float:left;
	margin:30px 0 18px;
	color:#07628e;
	width:250px;
}
footer #adress p{
	margin-top:20px;
}
.footerLink a{
	color:#4d4d4d;
}
.footerLink a:hover{
	color:#07a7df;
}
.footerLink li a{
	font-size:0.9em;
}
.footerCol{
	width:200px;
	float:left;
	margin:40px 0 30px;
}
.colShort{
	width:120px;
}
.copy{
	clear:both;
	overflow:hidden;
	background-color:#888;
	padding:3px;
	font-size:1.1em;
	color:#ffffff;
}
#sideNav{
	float:left;
	margin:0 20px 20px 0;
	width:200px;
	line-height:1;
}
#sideNavTitle{
	padding:10px 0 10px 25px;
	background:#07a7df url("../img/arrowWhite.png") no-repeat 10px 12px;
	color:#FFF;
	font-size:1.0em;
}
#sideNav ul{
	border:1px solid #ddd;
}
#sideNav li a{
	display:block;
	background:url("../img/arrow.png") no-repeat 10px 8px;
	padding:8px 0 8px 25px;	
	border-top:1px solid #ddd;
	color:#4d4d4d;
	text-decoration:none;
	font-size:0.85em;
}
#sideNav li a:hover{
	color:#07a7df;
}
/*----------------------------
	#home
----------------------------*/
#home #prooducts li{
	float:left;
	margin: 0 13px 13px 0;
	}
#home #prooducts .lastImg{
	margin-right:0;
	}
#home #prooducts{
	overflow:hidden;
}
/*----------------------------
	infomation
----------------------------*/
/*#greeting*/
#president{
	float:left;
	text-align:center;
	margin-right:30px;
	width:230px;		
}
#president img{
	width:230px;
	margin-bottom:12px;
}
#message{
	overflow:hidden;	
}
#message p{
	margin-bottom:15px;
}
#message span{
	text-align:right;
}
#message span p{
	margin-top:40px;
}
/*#history*/
#history #date dl{
	margin-bottom:18px;		
}
#history #date dt{
	float:left;
	width:165px;		
}
#history #date dd{
	overflow:hidden;	
}
/*----------------------------
	products
----------------------------*/
.overFlowH{
	overflow:hidden;
}
.itemImg li{
	float:left;
	margin: 0 13px 13px 0;
	}
.itemImg .lastImg{
	margin-right:0;
	}
.textBox{
	margin-bottom:14px;
}
.itemText{
	border:1px solid #07a7df;
	padding:10px;
	margin-bottom:10px;
}
.products span a{
	color:#07a7df;
	text-decoration:underline;
}
.products span a:hover{
	color:#07628e;
}
/*#item01*/
#item01 .itemImg li{
	margin-bottom:4px;
	}
/*#item03*/
.products .leftImg{
	width:333px;
	float:left;
}
.products .rightText{
	width:310px;
	float:right;
}
.products .h3Section{
	overflow:hidden;
	margin-bottom:18px;
}
.lastTextB{
	margin-bottom:18px;
}
/*----------------------------
	network
----------------------------*/
#network .addInfo{
	width:330px;
	float:left;
}
#network .locator{
	width:350px;
	float:right;
}
#network .nwDetails{
	overflow:hidden;
	clear:both;
	margin-bottom:30px;
}
#network .addInfo span p{
	margin-bottom:30px;
}
#network .nwDetails h4{
	padding:2px 10px;
	background-color:#f8f8f8;
	margin-bottom:10px;
}
/*----------------------------
	contact
----------------------------*/
.frame{
	width:300px;
	padding:14px 0 14px 70px;
	font-size:14px;
	color:#07628e;
	margin-bottom:10px;
}
.frame span{
	font-size:12px;
}
.frame a{
	color:#07628e;
}
.frame a:hover{
	color:#07a7df;
}
.contactInfo{
	margin:2px 0 32px;
}
.telFrame{
	border:2px solid #07628e;
	background:url("../img/contactTel_r3.png") no-repeat 25px 20px;
}
.mailFrame{
	border:2px solid #07628e;
	background:url("../img/contactMail_r3.png") no-repeat 25px 20px;
}
#contact .contactInfo h4{
	padding:2px 10px;
	background-color:#f8f8f8;
	margin-bottom:10px;
	}