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

#container > section h2{
	border:1px solid #ccc;
	background:url(../img/tit_content01.png) 0 0 no-repeat,-moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%);
	background:url(../img/tit_content01.png) 0 0 no-repeat,-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
	background:url(../img/tit_content01.png) 0 0 no-repeat,-webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
	background:url(../img/tit_content01.png) 0 0 no-repeat,-o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
	background:url(../img/tit_content01.png) 0 0 no-repeat,-ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
	background:url(../img/tit_content01.png) 0 0 no-repeat,linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%);
	background-repeat:no-repeat,no-repeat;
	background-position:0 0,0 0;
	background-size:2px auto,auto auto;
	margin-bottom:15px;
	margin-top: 5px;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 2%;
}
#container > section h2 span{
	color:#7f7f7f;
	font-size:84%;
	margin-left:2%;
}

#container section p.more{
	border:2px solid #002866;
	border-radius:2px;
	margin:0 auto;
	width:50%;
	text-align:center;
	}
#container section p.more a{
	display:block;
	background:url(../img/ico_arrow_btn_more.gif) 10px center no-repeat;
	background-size:10px auto;
	padding:10px 10px 10px 25px;
	margin:0;
	color:#002866;
}

#container section#service ul li{
	float:left;
	width:31.6%;
	margin:0 2.6% 15px 0;
	text-align:center;
}
#container section#service ul li:nth-child(3n){ margin-right:0;}
#container section#service ul li a{
	display:block;
	vertical-align:top;
	color:#333;
	height:100%;
}


#container section#service ul:after{
	content:"";
	display:table;
	clear:both;
}

#container section#company ul li{margin-bottom:10px;}
#container section#news a{
	display:block;
	margin-bottom:15px;
}

table{
	width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	font-size: 14px;
	margin-top: 20px;
	}
table th{
	background-color: #EEE;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	text-align: left;
	padding-left: 5px;
	vertical-align: middle;
	}	
table td{
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding-left: 5px;
	vertical-align: middle;
	}	

.b20{
	font-size: 20px;
	font-weight: bold;
	}	
.cel1{
	background-color: #89AA3E;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	}
		
.cel2{
	background-color: #006B9F;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	}
.cel3{
	background-color: #EA7500;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	}
		
.cel4{
	text-align: left;
	text-align: center;
	}
/* サムネイルつき矢印リスト２列 */
.list1 {
 margin: 10px;
 }
 .list1:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 }
 .list1 ul{
 border-top: 1px solid #ccc;
 }
 .list1 ul li{
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
	background: linear-gradient(#fff, #f0f0f0);
	border-top: none;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	height: 35px;
	margin: 0px;
 }
 .list1 ul li:nth-child(odd) {
 float: left;
 width: 50%;
 }
 .list1 ul li a{
 color: #666;
 display: block;
 height: 35px;
 margin: 0px;
 padding: 0 20px 0 0;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 text-decoration: none;
 }
 .list1 ul li a strong{
	color: #000;
	display: block;
	font-weight: bold;
	padding-top: 5px;
	font-size: 14px;
 }
 .list1 ul li img{
	float: left;
	height: 35px;
	width: 35px;
	margin-right: 5px;
 }