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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
	}
body {
	line-height: 1;
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
a:hover img{
	opacity:0.7;
	}

/*------------------------------
	header
------------------------------*/

header{
	border-bottom:10px #036 solid;
	}
	#header{
		width:900px;
		height:90px;
		position: relative;
		margin:0px auto;
		}
		#headline{
			width:650px;
			font-size:12px;
			color:#999;
			margin:10px 0px;
			}
		#logo{
			float:left;
			}
			#logo img{
				float:left;
				}
			#logo h1{
				float:left;
				font-size:18px;
				font-weight:800;
				letter-spacing:0.8em;
				color:#036;
				margin:17px 0px 0px 20px;
				}
		.header_info{
				float:right;
			}
			.header_info img{
					margin:0px 8px 0px 0px;
					float:left;
					}
			.header_info p{
					font-size:13px;
					font-weight:800;
					color:#FFF;
					margin:0px 0px 0px 3px;
					float:left;
				}
			.header_info a{
				padding:12px 20px;
				border-radius:7px;
				-webkit-border-radius:7px;
				-moz-border-radius:7px;
				background-color:#036;
				float:left;
				}
			.header_info a:hover{
				border-radius:7px;
				-webkit-border-radius:7px;
				-moz-border-radius:7px;
				background-color:#8EA7FF;
				float:left;
				}
			.menu{
				margin:12px 0px 0px 0px;
				width:auto;
				float:right;
				}
				.menu ul{
					margin:10px 0px 0px 0px;
					padding:0;
					}
				.menu ul li {
					list-style:none;
					margin:0;
					padding:0;
					font-size:12px;
					float: left;
					position:relative;
					width:140px;/*親メニューの幅*/
					height: 30px;/*親メニューの高さ*/
					line-height: 30px;
					color:#fff;/*親メニューの文字色*/
					text-align:center;
					font-weight:bold;
					border-right:2px #036 dotted;
					}
				.menu ul li a {
					color:#000;
					display:block;
					text-decoration: none;
					}
				.menu ul li:hover, .menu ul li a:hover {
					background:#036;/*ホバー時の親メニューの背景色*/
					color:#fff;/*ホバー時の親メニューの文字色*/
					}
				.menu ul li ul {
					position: absolute;
					top:30px;/*親メニューの高さと同じにする*/
					width:140px;
					z-index:100;
					}
				.menu ul li ul li {
					visibility: hidden;
					overflow: hidden;
					width: 140px;/*サブメニューの幅*/
					height: 0;
					background:#E5E5E5;/*サブメニューの背景色*/
					border-right:none;
					border-bottom:2px #CCC solid;
					}
				.menu ul li ul li:hover, .menu ul li ul li a:hover {
					background:#8EA7FF;/*ホバー時のサブメニューの背景色*/
					}
				.menu ul li:hover ul li, .menu ul li a:hover ul li{
					visibility: visible;
					overflow: visible;
					height:30px;/*サブメニューの高さ*/
					z-index: 10;
					}
				.menu * {
					-webkit-transition: 0.5s;
					-moz-transition: 0.5s;
					-ms-transition: 0.5s;
					-o-transition: 0.5s;
					transition: 0.5s;
					}
#pan_bgc{
	width:100%;
	background-color:#f0f8ff;
	overflow:hidden;
	}
#pan{
	width:900px;
	margin:0px auto;
	}
	#pan p{
		font-size:11px;
		padding:12px 0px 12px 5px;
		color:#666;
		}
		#pan a{
			color:#666;
			text-decoration:none;
			}
p{
	color:#333;
	}

/*------------------------------
	footer
------------------------------*/
	#footer_top{
		width:100%;
		height:auto;
		float:left;
		overflow:hidden;
		}
		#footer_bnr{
			width:900px;
			height:80px;
			margin:20px auto 0px ;
			}
			#footer_bnr ul li{
				float:left;
				margin:0px 0px 0px 37px;
				}
		#page_top{
			width:150px;
			text-align:right;
			float:right;
			margin:10px 0px ;
			}
			#page_top a{
				font-size:12px;
				font-weight:400;
				text-decoration:none;
				color:#003366;
				text-align:right;
				float:right;
			}
footer{
    bottom: 0;
    width: 100%;
	height:75px;
	background-color:#036;
	float: left;
	overflow:hidden;
	}
	#footer{
		width:900px;
		height:75px;
		margin:0px auto;
		}
		#footer ul li a{
			width:120px;
			font-size:12px;
			font-weight:800;
			text-decoration:none;
			text-align:center;
			color:#FFF;
			padding:7px 0px 7px ;
			float:left;
			}
			#footer ul li a:hover{
				background:#8EA7FF;
				border-radius:0px 0px 7px 7px / 0px 0px 7px 7px;
				}
		#copy_right{
			width:890px;
			font-size:12px;
			font-weight:lighter;
			letter-spacing:0.1em;
			color:#FFF;
			text-align:right;
			float:left;
			margin:23px 0px 0px 0px;
			}

/*------------------------------
	contents
------------------------------*/
#contents_bg{
	width:100%;
	height:auto;
	float:left;
	overflow:hidden;
	}
#contents{
	width:900px;
	max-height:auto;
	min-height:100px;
	margin:20px auto 0px;
	padding:0px 0px 20px;
	}
	#content_sidebar{
		width:255px;
		float:left;
		}
		.reservationn{
			width:230px;
			height:240px;
			margin:0px 0px 10px 5px;
			border:3px #666 solid;
			border-radius:5px;
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			text-align:center;
			float:left;
			}
			.reservationn img{
				margin:10px 0px 15px;
				}
			.reservationn p{
				font-size:12px;
				font-weight:500;
				color:#666;
				line-height:1.5em;
				}
			.reservationn span{
				font-size:20px;
				font-weight:900;
				color:#000;
				}
				.reservationn_read{
					width:208px;
					margin:20px 10px 5px;
					padding:15px 0px;
					border-top:2px #CCC solid;
					color:#666;
					font-size:12px;
					font-weight:500;
					line-height:1.2em;
					}
				.reservationn_info{
					margin:0px 0px 0px 6px;
					}
				.reservationn_info a{
					font-size:16px;
					font-weight:800;
					color:#666;
					text-decoration:none;
					border:2px #9b9b9b solid;
					padding:12px 40px;
					border-radius:4px;
					-webkit-border-radius:4px;
					-moz-border-radius:4px;
					background-color:#d6d6d6;
					float:left;
					}
				.reservationn_info a:hover{
					color:#fff;
					border:2px #666 solid;
					border-radius:4px;
					-webkit-border-radius:4px;
					-moz-border-radius:4px;
					background-color:#666;
					float:left;
					}
			h2{
				font-size:12px;
				font-weight:600;
				color:#999;
				margin:15px 0px 5px;
				}
		.reservation{
			width:230px;
			height:240px;
			margin:0px 0px 10px 17px;
			border:3px #666 solid;
			border-radius:5px;
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			text-align:center;
			float:left;
			}
			.reservation img{
				margin:10px 0px 15px;
				}
			.reservation p{
				font-size:12px;
				font-weight:500;
				color:#666;
				line-height:1.5em;
				}
			.reservation span{
				font-size:20px;
				font-weight:900;
				color:#000;
				}
				.reservation_read{
					width:208px;
					margin:20px 10px 5px;
					padding:15px 0px;
					border-top:2px #CCC solid;
					color:#666;
					font-size:12px;
					font-weight:500;
					line-height:1.2em;
					}
				.reservation_info{
					margin:0px 0px 0px 6px;
					}
				.reservation_info a{
					font-size:16px;
					font-weight:800;
					color:#666;
					text-decoration:none;
					border:2px #9b9b9b solid;
					padding:12px 40px;
					border-radius:4px;
					-webkit-border-radius:4px;
					-moz-border-radius:4px;
					background-color:#d6d6d6;
					float:left;
					}
				.reservation_info a:hover{
					color:#fff;
					border:2px #666 solid;
					border-radius:4px;
					-webkit-border-radius:4px;
					-moz-border-radius:4px;
					background-color:#666;
					float:left;
					}
				
				
	#content_main{
		width:625px;
		float:left;
		margin:0px 0px 0px 20px;
		}
		#content_main .sub_imgg{
			width:900px;
			height:180px;
			float:left;
			background-color:#666;
			}
		.page_text{
			width:625px;
			height:120px;
			color:#666;
			float:left;
			font-size:14px;
			margin:25px 0px 0px 0px;
			word-wrap:break-word;
			}
		.page_textt{
			width:625px;
			height:700px;
			color:#666;
			float:left;
			font-size:14px;
			margin:5px 0px 0px 0px;
			word-wrap:break-word;
			}
			.page_text p{
				color:#666;
				line-height:18px;
				}
			.page_text_name{
				width:120px;
				font-size:14px;
				float:left;
				color:#666;
				margin:10px 0px;
				}
				.page_text_namee{
				width:220px;
				font-size:14px;
				float:left;
				color:#666;
				margin:10px 0px;
				}
				.right_img{
					width:493px;
					float:right;
					margin:10px 0px 0px;
					}
					.right_imgg{
					width:350px;
					float:right;
					margin:10px 0px 0px;
					}
	#info_box{
		position:relative;
		width:613px;
		height:auto;
		float:left;
		margin:20px 0px 0px 0px;
		}
		
/*------------------------------
	ホーム
------------------------------*/
#home_cont{
	width:100%;
	height:auto;
	float:left;
	overflow:hidden;
	z-index:50;
	}
	#home_img_bg{
		width:100%;
		height:520px;
		background-color:#f0f8ff;
		float:left;
		overflow:hidden;
		}
		#home_img{
			width:900px;
			height:auto;
			margin:15px auto;
			z-index:100;
			}
			#main_img{
				width:900px;
				height:480px;
				margin:auto 0px;
				background-color:#333;
				}
		#home_nav{
			width:900px;
			margin:0px auto;
			}
			#home_about{
				float:left;
				width:100%;
				margin:15px 270px 20px;
				}
			.home_category_bg{
				float:left;
				width:100%;
				margin:0px 0px 20px 0px;
				}
			.home_category_bgg{
				float:left;
				width:100%;
				margin:30px 0px 20px 0px;
				}

			.home_category_bg a{
				color:#FFF;
				}
				.home_category_bg a:hover{
					background-color:#FFF;
					opacity;
					}
				.home_category{
					float:left;
					width:264px;
					height:328px;
					margin:0px 18px;
					}
					.home_categoryy{
					float:left;
					width:264px;
					height:145px;
					margin:0px 18px;
					}
					.home_category_imgg{
						float:left;
						width:264px;
						height:328px;
						background-color:#666666;
						}
					.home_category_img{
						float:left;
						width:264px;
						height:111px;
						background-color:#666666;
						}
					.home_category_name{
						float:left;
						font-size:14px;
						margin:8px 0px 0px 10px;
						font-weight:bold;
						color:#666;
						}
						.home_category_name_img{
							float:right;
							margin:7px 0px 0px;
							}
#topic{
	float:left;
		}
		#topic_name{
			width:120px;
			font-size:15px;
			font-weight:800;
			color:#999999;
			float:left;
			margin:10px 0px;
			}
			#right_img{
				width:493px;
				float:left;
				margin:10px 0px 0px;
				}
		#topic dl{
			width:610px;
			border-bottom:2px #999 dotted;
			float:left;
			}
			#topic dt{
				width:100px;
				font-size:13px;
				color:#036;
				padding:12px 0px 8px 20px;
				float:left;
				}
			#topic dd{
				font-size:12px;
				padding:12px 0px 8px;
				float:left;
				word-wrap:break-word;
				}
				
			.box	{
				/*box-shadow*/
				box-shadow: 3.5px 3.5px 2px #000;
				-webkit-box-shadow: 3.5px 3.5px 2px #000;
				-moz-box-shadow: 3.5px 3.5px 2px #000;
			}
			
			.boxx	{
				/*box-shadow*/
				box-shadow: 3.7px 7.5px 2px #000;
				-webkit-box-shadow: 3.7px 7.5px 2px #000;
				-moz-box-shadow: 3.7px 7.5px 2px #000;
			}


/*------------------------------
	事業内容
------------------------------*/

/*------------------------------
	会社概要
------------------------------*/
	#president_box{
			width:625px;
			height:auto;
			float:left;
			margin:35px 0px 0px 0px;
			}
			#president_text{
				position:relative;
				width:500px;
				height:154px;
				float:left;
				clear:both;
				font-size:14px;
				line-height:18px;
				word-wrap:break-word;
				}
				#president_text p{color:#666;}
			#president_img{
				width:112px;
				height:154px;
				float:right;
				background-color:#666;
				}
			#president_name{
				position:absolute;
				float:right;
				clear:left;
				right:0;
				bottom:0;
				width:100px;
				height:50px;
				margin:5px 0px 0px 5px;
				background-color:#666;
				}
#company{
	float:left;
	margin:40px 0px 0px;
		}
		#company_name{
			font-size:15px;
			font-weight:800;
			color:#036;
			float:left;
			margin:8px 0px 30px;
			}
		#company table{
			width:625px;
			float:left;
			border-top:2px #999 dotted;
			}
		#company tr{
			border-bottom:2px #999 dotted;
			}
		#company th{
			width:90px;
			font-size:13px;
			font-weight:600;
			color:#036;
			text-align:left;
			display: table-cell;
			vertical-align: middle;
			padding:12px 0px 15px 10px;
			}
		#company td{
			width:525px;
			font-size:12px;
			line-height:18px;
			color:#666;
			padding:12px 0px 15px;
			}
/*------------------------------
	事業内容
------------------------------*/
#menu ul{ 
margin: 0; 
padding: 0; 
list-style-type: none; 
}
#menu li{ 
display: inline; 
padding: 0; 
margin: 0; 
}
#menu li a{
display: block; 
border-left: 8px solid #00CCFF;
border-top: 1px solid #00CCFF;
border-right: 1px solid #00CCFF;
border-bottom: 1px solid #00CCFF;
background-color: #fff;
padding: 3px 10px;
text-decoration: none;
color: #333;
width: 150px; 
margin: 1px 0px;
text-align: left;
font-size: 16px;
font-weight:bold;
}
#menu li a:hover{
border-left: 8px solid #0000FF;
border-top: 1px solid #0000FF;
border-right: 1px solid #0000FF;
border-bottom: 1px solid #0000FF;
background-color: #87CEFA;
}
#project_box{
	width:625px;
	height:auto;
	float:left;
	margin:35px 0px 0px;
	}
	.project_line{
		width:625px;
		height:200px;
		float:left;
		margin:0px 0px 15px;
		}
		.project_line a{
			color:#666;
			}
			.project_line a:hover{
				background-color:#FFF;
				opacity:0.5;
				}
			.project_line a:hover img{
				opacity:1;
				}
		.project{
			position:relative;
			width:195px;
			height:198px;
			float:left;
			margin:0px 	11px 0px 0px;
			border:1px #000 solid;
			background-image:url(../img/project.png);
			background-repeat:no-repeat; 
			background-position: bottom right;
			}
		.project_new{
			position:absolute;
			}
		.project_img{
			width:185px;
			height:114px;
			margin:5px 5px 0px 5px;
			background-color:#666;
			float:left;
			}
		.project_name{
			width:160px;
			float:left;
			margin:0px 5px;
			padding:5px 10px;
			font-size:14px;
			font-weight:600;
			border-bottom:2px #999 dotted;
			}
		.project_text{
			width:160px;
			float:left;
			margin:0px 5px;
			padding:5px 10px;
			font-size:12px;
			}
			
		.projectt{
			position:relative;
			width:290px;
			height:276px;
			float:left;
			margin:0px 	11px 0px 6px;
			border:1px #000 solid;
			background-image:url(../img/project.png);
			background-repeat:no-repeat; 
			background-position: bottom right;
			}
		.projectt_new{
			position:absolute;
			}
		.projectt_img{
			width:280px;
			height:188px;
			margin:5px 5px 0px 5px;
			background-color:#666;
			float:left;
			}
		.projectt_name{
			width:220px;
			float:left;
			margin:0px 5px;
			padding:5px 10px;
			font-size:14px;
			font-weight:600;
			border-bottom:2px #999 dotted;
			color:#666666;
			}
		.projectt_text{
			width:220px;
			float:left;
			margin:0px 5px;
			padding:5px 10px;
			font-size:12px;
			color:#666666;
			}
			
			.projectt_line a:hover{
				background-color:#FFF;
				opacity:0.5;
				}
			.projectt_line a:hover img{
				opacity:1;
				}