@charset "utf-8";

body{
	width: 100%;
	text-align: left;
	background-color: #FFF;
	font-family:  "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
	line-height:1.8;
	font-size:13px;
	color:#000;
	-webkit-text-size-adjust: 100%;
}

a:link{
	color:#000; text-decoration: none;
}
a:visited{
	color: #000; text-decoration: none;
}
a:hover .fade{ opacity: .7;	-webkit-opacity: .7; -moz-opacity: .7; filter: alpha(opacity=70); /* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */	-webkit-transition: opacity 1s ease-out; -moz-transition: opacity 1s ease-out;
	-ms-transition: opacity 1s ease-out; transition: opacity 1s ease-out;}

.inner{
	width : 1070px; margin:0 auto; overflow: hidden;
}
.contents{
	margin-top:40px;
}
.content-block{
	margin-bottom:40px; padding:0 10px; overflow:hidden;
}

/****************************************

  header 

*****************************************/

#header{
	background : url(../img/common/header_bg.png) 0% 0% / auto auto repeat scroll padding-box border-box transparent; border-top:15px solid #00693E;
}
#header h1{
	padding-bottom:5px;
}

#nav{
	height: 30px; padding:3px 0; margin-bottom:15px; font-size:110%; background-color:#00693E;
}

#dropmenu{
	margin: 0 auto 300px;
}
#dropmenu > li{
	position: relative; width:106px; height: 30px; list-style-type: none; float: left; border-right: 1px dotted #FFFFFF;
}
#dropmenu > li:first-child{
	width:102px; border-left: 1px dotted #FFFFFF;
}
#dropmenu li > a{
	display: block; color: #FFFFFF; text-decoration: none; line-height: 30px; font-size: 110%; text-align:center;
}

#dropmenu li:hover ul{
	list-style-type: none;
	list-style-position: outside;
	position: absolute;
	top: 100%;
	left: 0px;
	background-color: transparent;
	background-image : url(../img/common/bg_nav.jpg);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-size: auto auto;
	background-origin: padding-box;
	background-clip: border-box;
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
	width: 200%;
}
#dropmenu li:last-child ul{
	left: -100%; width: 100%;
}
#dropmenu li ul li{
	overflow: hidden; height: 0; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s; transition: .2s;
}
#dropmenu li ul li a{
	margin:0 5px;padding: 0 15px; text-align: left; font-size: 13px; color: #000; border-bottom : 1px solid #d9d200; -webkit-box-shadow: 0 1px 0 #FFF; -moz-box-shadow: 0 1px 0 #FFF; box-shadow: 0 1px 0 #FFF;
}
#dropmenu li ul li:last-child a #dropmenu li:hover > a{
	background-color: #009966;
}
#dropmenu li:hover li > a:hover{
	background-color: #fff8d4;
}
#dropmenu li:hover ul li{
	overflow: visible; height: 31px;
}

/****************************************

  footer 

*****************************************/

#footer{
	font-size:12px;
}
#page_top{
	text-align: right; height: 30px;
}

#ft-menu{
	background-color:#00693E; padding:20px 0;
}
#ft-menu li{
	display:inline-block; *display: inline; *zoom: 1; margin:1em 0; border-right: 1px dotted #FFFFFF; padding:0 15px;
}
#ft-menu li a{
	color:#FFF; text-decoration:none; font-weight:bold;
}
#ft-menu li a:hover{
	text-decoration:underline;
}
#ft-menu li:first-child{
	border-left: 1px dotted #FFFFFF;
}

#ft-address ul{
	display:table; width:100%; padding:20px 0;
}
#ft-address li{
	display:table-cell; *display: inline; *zoom: 1; vertical-align:bottom; text-align:right;
}
#ft-address li:first-child{
	text-align:left; margin-right:5px;
}

/****************************************

  TOP 

*****************************************/

#top{}
.picklist ul{
	width:935px; margin:20px auto; overflow:hidden;
}
.picklist li{
	width:230px; float:left; margin-left:5px; text-align:center; font-weight:bold;
} 
.picklist li:first-child{
	margin-left:0;
} 

.pagelist ul{}
.pagelist ul li{
	width:310px; float:left; margin:0 15px 15px 0;
}
.pagelist ul > *:first-child + * + *{
	margin-right:0;
}
.pagelist ul > *:first-child + * + * + * + * + *{
	margin-right:0;
}

/****************************************

  COMPANY 

*****************************************/

#company dt{
	float:left; clear:left; width : 100px;
}	
#company dd{
	float:left; margin-right:10px;
}

/****************************************

  SERVICE 

*****************************************/

#service .rightBox01{
	width:450px; float:right;
}
#service .rightBox02{
	width:400px; float:right;
}
#service .rightBox03{
	width:260px; float:right;
}
#service li{
	float:left; margin-right:15px;
}
#service li:last-child{
	margin-right:0;
}
#service .txtinner{
	display:block; padding-left:10px;
}


/*title*/
h2{
	background : url(../img/common/bg_tit.png) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent; width : 960px; height:25px; color : #ffffff; font-weight:bold; font-size:18px; line-height:1.3; letter-spacing:3px; padding:2px 10px; margin-bottom:20px;
}
h3.section_tit{
	background-color:#bad87e; width:920px; padding:3px 10px; letter-spacing:3px; margin-bottom:20px; font-weight:bold; font-size:16px; clear:both;
}
h3.case_tit{
	padding:3px 0; margin-bottom:20px; font-weight:bold; font-size:13px; border-bottom:1px solid #000;
}
h4{
	background-color:#00693e; color:#FFF; padding:0 10px; margin:10px 0; font-weight:bold; font-size:15px; clear:both;
}

/*table*/
.table{}
.table td, .table th{
	padding:5px;
}
.table th{
	width:120px; background-color:#00693e; color:#FFF; font-weight:bold; text-align:center; vertical-align:middle; border-right:5px solid #FFF; border-bottom:5px solid #FFF;
}
.table td{
	border-top:1px solid #00693e; border-bottom:1px solid #00693e;
}

.table02{}
.table02 td, .table02 th{
	padding:5px;
}
.table02 th.listtit01{
	color:#00693e; font-weight:bold; text-align:center; vertical-align:middle; border:1px solid #00693e;
}
.table02 th.listtit02{
	width:120px; background-color:#00693e; color:#FFF; font-weight:bold; text-align:center; vertical-align:middle; border:5px solid #FFF;
}
.table02 td{
	border-top:1px solid #00693e; border-bottom:1px solid #00693e;
}

.table03{}
.table03 th{
	width:120px; vertical-align:top;
}
.table03 td.cell01{
	width:400px;
}
.table03 td.tblother{
	text-align:right;
}

/*comingsoon*/
.coming{
	display:block; color:#CCC; font-weight:bold; font-size:50px;
}

/*width*/
.w100{
	width:100%; !important
}

/*margin*/
.mt20{
	margin-top: 20px !important ;
}
.mb20{
	margin-bottom: 20px !important ;
}
.mb40{
	margin-bottom: 40px !important ;
}
.mr20{
	margin-right: 20px !important ;
}

/*float */
.fl_L{
	float: left !important ;
}
.fl_R{
	float: right !important ;
}

/*txt */
.tx_C{
	text-align: center !important ;
}
.tx_R{
	text-align: right !important ;
}