@charset "UTF-8";
/* CSS Document /* 

/* -------------------------------------
   Body
---------------------------------------- */
body{
	margin: 0;
	padding: 0;
	color:#666;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	background-color:#fff;
	border-top:5px solid #CCC;
	background-color:#003366;
/*	background: -webkit-linear-gradient(#006699, #000033);
  	background: -moz-linear-gradient(#006699, #000033);
  	background: linear-gradient(#006699, #000033);  */
	}
	

#header{
	height:445px;
	background:url(img/topbg.jpg) repeat-x;
	margin:0;
	padding:0;
}

#header .inner{
	margin:0 auto;
	width:900px;
}



#content {
  background: #ffffff;
  margin:0;
  padding:0;
}

#content .inner {
  margin: 0 auto;
  padding: 15px 35px 50px;
  width: 900px;
}

#content .inner:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#main {
  float: left;
  width: 590px;
  margin:0;
  padding:0;
}

#sub {
  float: right;
  width: 300px;
}

#footer {
  min-height: 80px;
  background-image:url(img/logo-skl.png);
  background-repeat:no-repeat;
  background-position:center;
}

#footer  .inner {
  margin: 0 auto;
  width: 900px;
}

/* -------------------------------------
   Image & Link
---------------------------------------- */
img{
	border:none
}

a{
	text-decoration:none;
	color:#006699;
}

a:hover{
	text-decoration:underline;
}

/* -------------------------------------
   Topicpath
---------------------------------------- */
#topicpath {
	font-size: 11px;
	margin:0;
	padding:0 0 0 10px;
	font-weight:normal;
}

/* -------------------------------------
   Header
---------------------------------------- */
#header .inner{
	position:relative;
	height:445px;
}

#logo{
	position:absolute;
	top:0;
	left:0;
}

#topimg{
	position:absolute;
	top:142px;
	left:0;
}

#photodiv{
	position:absolute;
	top:142px;
	left:0;
	width:900px;
	height:303px;
	background-repeat:no-repeat;
}

#address{
	width:300px;
	position: absolute;
  	top: 5px;
  	right: 0;
	
}

#address h1{
	margin:0 0 3px 0;
	padding:0;
	font-size:15px;
	font-weight:bold;
	border-bottom:1px solid #036;
}

#address p{
	font-size:14px;
	font-weight:normal;
	margin:3px 0 0 0;
	padding:0 0 0 0;
	border-bottom:1px solid #036;
}

#mainnavi{
	width:900px;
	height:42px;
	background-image:url(img/navibg.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:100px;
}

#header ul{
	margin:1px 0 0 0;
	padding:0;
}


ul#globalnavi{
	list-style-type:none;
}

ul#globalnavi li{
	position:absolute;
	display:block;
}

ul#globalnavi li a{
	display:block;
}

.item01{left:286px;}
.item02{left:413px;}
.item03{left:540px;}
.item04{left:667px;}
.item05{left:794px;}

.item01 a{background:url(img/navi-home-hov.jpg) no-repeat;}
.item02 a{background:url(img/navi-business-hov.jpg) no-repeat;}
.item03 a{background:url(img/navi-about-hov.jpg) no-repeat;}
.item04 a{background:url(img/navi-recruit-hov.jpg) no-repeat;}
.item05 a{background:url(img/navi-contact-hov.jpg) no-repeat;}
ul#globalnavi li a:hover img{visibility:hidden;}


/* -------------------------------------
   Main
---------------------------------------- */
#concept{
	width:563px;
	padding:0px 10px 20px 0px;
	line-height:1.8;
}

#topnews{
	width:563px;
	padding:0px 10px 50px 0px;
	line-height:1.8;
}

#main h1 {
	width:563px;
	height:33px;
	padding:15px 0 0 10px;
  	line-height: 1.0;
  	font-size: 14px;
	background-image:url(img/categorybg.gif);
	background-repeat:no-repeat;
}

#main h2 {
	width:563px;
	height:25px;
	padding:15px 0 0 10px;
  	line-height: 1.0;
  	font-size: 14px;
	font-weight:bold;
	background-color:#003366;
/*	background: -webkit-linear-gradient(#006699, #000033);
  	background: -moz-linear-gradient(#006699, #000033);
  	background: linear-gradient(#006699, #000033);
	text-shadow:2px 2px 4px #333333; */
	text-shadow:2px 2px 4px #333333;
	color:#FFFFFF;
}

#main h3 {
	width:563px;
	height:25px;
	padding:15px 0 0 10px;
  	line-height: 1.0;
  	font-size: 14px;
	font-weight:bold;
	border-bottom:solid 1px #CC0000;
	color:#666;
}

#main h4 {
	width:563px;
	height:25px;
	padding:0 0 0 10px;
  	line-height: 1.0;
  	font-size: 14px;
	font-weight:bold;
	border-bottom:solid 1px #CCCCCC;
	color:#666;
}


#main h5 {
	font-size: 14px;
	font-weight:bold;
	color:#3399CC;
}


#main p{
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:0;
}


#concept table tr th {
	font-size:12px;
	text-align: left;
}

#concept table td {
	font-size:12px;
	font-weight:normal;
}

#leftimg{
	float:left;
	margin:0 10px 2px 0;
}

#topnews table tr th {
	padding:12px;
	text-align: left;
}

#topnews th, td{
	padding: 4px 6px;
	font-size:12px;
}

#topnews th{
	color:#333;
}


#tile{
	margin-bottom:20px;
}

#tile th{
	padding-left:5px;
}

#tile table td {
	text-align:center;
}



#works{
	width:563px;
	float:left;
}

#pomp{
	width:563px;
	height:260px;
	float:left;
}

#case{
	width:276px;
	height:280px;
	border:#CCC solid 1px;
	float:left;
	margin:0 3px 3px 0;
}

#case .inner{
	width:276px;
	margin:0;
	padding:4px 0 0 4px;
}

#case h4{
	margin:0;
	padding:0;
	width:267px;
	border-bottom:#003366 solid 1px;
	font-size:12px;
}

#case .inner p{
	margin:0;
	padding:4px 0 0 0;
	width:267px;
	font-size:12px;
	line-height:1.4;
	font-weight:normal;
}


#yjcase{
	width:276px;
	height:210px;
	border:#CCC solid 1px;
	float:left;
	margin:0 3px 3px 0;
}

#yjcase .inner{
	width:276px;
	margin:0;
	padding:4px 0 0 4px;
}

#yjcase .inner p{
	margin:0;
	padding:4px 0 0 0;
	width:267px;
	font-size:12px;
	line-height:1.4;
	font-weight:bold;
	text-align:center;
}

#title{
	height:auto;
	border:1px solid #CCC;
	padding:0 20px 20px 20px;
	margin:0 0 10px 0;
}


#koutaku{
	height:350px;
	margin:10px 0 0 0;
}

#k-photo{
	width:266px;
	float:right;
	text-align:center;
	padding:20px 0 0 0;
}

#k-text{
	width:260px;
	float:left;
	padding:20px 0 0 20px;
}

/* -------------------------------------
   List
---------------------------------------- */
#ul-2{
	margin:5px 0 5px 0;
}

#ul-1 .li-1{
	list-style-type:decimal;
}

#ul-1 .li-2{
	list-style-type:decimal;
}

#ul-1 .li-3{
	list-style-type:decimal;
}

#ul-1 .li-4{
	list-style-type:decimal;
}

#ul-1 .li-5{
	list-style-type:decimal;
}

#ul-1 .li-6{
	list-style-type:decimal;
}

#ul-1 .li-7{
	list-style-type:decimal;
}


#ul-2 .li-1{
	list-style-type:upper-roman;
}

#ul-2 .li-2{
	list-style-type:upper-roman;
}

#ul-2 .li-3{
	list-style-type:upper-roman;
}

/* -------------------------------------
   Side menu
---------------------------------------- */
#sidemenu{
	width:285px;
	margin-top:10px;
	padding-left:10px;
	line-height:1.8;
	border:solid 1px #CCCCCC;
	float:left;
}

#sidemenu h1 {
	width:275px;
	height:30px;
  	font-size: 12px;
	background-color:#003366;
	padding:5px 0 0 0;
	margin:10px 0 10px 0;
/*	background: -webkit-linear-gradient(#006699, #000033);
  	background: -moz-linear-gradient(#006699, #000033);
  	background: linear-gradient(#006699, #000033);
	text-shadow:2px 2px 4px #333333; */
	color:#FFFFFF;
	text-align:center;
}

#sidemenu h2 {
	width:275px;
	font-size: 14px;
	border-bottom: solid 2px #003366;
	margin:0;
	padding:0;
}


#localnav li{
	font-size:12px;
	list-style:none;
	line-height:1.7;
	color:#F90;
	list-style-type:square;
	margin:0;
	padding:0;
	font-weight:normal;
}

/* -------------------------------------
   Footer
---------------------------------------- */
#footer {
  padding-top: 15px;
  line-height: 1.0;
  font-size: 10px;
}
#footer a {
  color: #ffffff; 
}

ul#footnav {
  margin: 0;
  padding: 0;
}
ul#footnav li {
  float: left;
  display: block;
  padding: 0 10px;
  border-left: 1px solid #ffffff;
}
ul#footnav > li:first-child {
  padding-left: 0;
  border-left: none;
}

p#copyright {
  margin: 0;
  color: #ffffff; 
  text-align: right;
}