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

/* 基本 */
*{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	word-break: break-all;
	margin: 0;
	padding: 0;}
img{
	border: none;}

/* ヘッダー */
header #head-top{
	background: #3fa9f5;
	min-width: 1020px;}
header #head-top #head-top-inner{
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;
	padding: 3px 0;}
header h1{
	float: left;
	color: #fff;
	font-size: 12px;}
header #head-top-text{
	float: right;
	color: #fff;
	font-size: 12px;}
header #head-cont{
	overflow: hidden;
	width: 1000px;
	margin: auto;
	padding: 5px 0;}
header #head-logo{
	float: left;
	position: relative;
	width: 330px;}
header #head-logo:hover{
	opacity: 0.6;}
header #head-logo #head-logo-text{
	position: absolute;
	top: 0;
	left: 70px;
	color: #666;
	font-size: 12px;}
header #head-logo #head-logo-img{
	line-height: 0;}
header #head-contact{
	float: right;
	line-height: 0;
	width: 600px;
	height: 80px;}
header #head-contact a:hover{
	opacity: 0.6;}

/* ヘッドメニュー */
#head-menu{
	background: #82ceff;
	border-top: 3px solid #3fa9f5;
	border-bottom: 3px solid #3fa9f5;
	min-width: 1020px;}
#head-menu ul{
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;}
#head-menu ul li{
	float: left;
	list-style: none;}
#head-menu ul li a{
	display: block;
	text-indent: -9999px;
	background: url(../images/head_menu_off_01.png) no-repeat;
	width: 200px;
	height: 60px;}
#head-menu ul li#head-menu-01 a{
	background: url(../images/head_menu_off_01.png) no-repeat;}
#head-menu ul li#head-menu-02 a{
	background: url(../images/head_menu_off_02.png) no-repeat;}
#head-menu ul li#head-menu-03 a{
	background: url(../images/head_menu_off_03.png) no-repeat;}
#head-menu ul li#head-menu-04 a{
	background: url(../images/head_menu_off_04.png) no-repeat;}
#head-menu ul li#head-menu-05 a{
	background: url(../images/head_menu_off_05.png) no-repeat;}
#head-menu ul li#head-menu-01 a:hover{
	background: url(../images/head_menu_on_01.png) no-repeat;}
#head-menu ul li#head-menu-02 a:hover{
	background: url(../images/head_menu_on_02.png) no-repeat;}
#head-menu ul li#head-menu-03 a:hover{
	background: url(../images/head_menu_on_03.png) no-repeat;}
#head-menu ul li#head-menu-04 a:hover{
	background: url(../images/head_menu_on_04.png) no-repeat;}
#head-menu ul li#head-menu-05 a:hover{
	background: url(../images/head_menu_on_05.png) no-repeat;}

/* コンテンツ */
#cont{
	width: 1000px;
	margin: 0 auto;
	padding: 30px 10px;}
#cont #main-cont{
	float: left;
	width: 700px;
	margin-bottom: 100px;}
#cont #side-bar{
	float: right;
	width: 250px;}
	
/* サイドバー */
#side-bar ul li{
	line-height: 1;
	list-style-type: none;
	margin-bottom: 20px;}
#side-bar ul li a:hover{
	opacity: 0.6;}
#side-bar ul li p{
	font-size: 12px;
	margin-top: 3px;}

/* フッター */
footer{
	clear: both;
	background: #3fa9f5;
	border-top: 2px solid #ccc;
	min-width: 1020px;
	padding: 30px 0 30px;}
footer #foot-inner{
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;}
footer #foot-info{
	float: left;
	width: 450px;}
footer #foot-info #foot-logo{
	float: left;
	margin-right: 10px;}
footer #foot-info #foot-add{
	margin-top: -2px;}
footer #foot-info #foot-add p{
	color: #fff;
	line-height: 1.5;}
footer #foot-info #foot-add p#foot-add-name{
	font-size: 18px;
	font-weight: bold;}
footer #foot-info #foot-add p#foot-add-tel{
	font-size: 14px;}
footer #foot-info #foot-add p#foot-add-add{
	font-size: 14px;}
footer #foot-info #foot-add p#foot-add-text{
	font-size: 12px;}
footer address{
	clear: both;
	color: #fff;
	text-align: right;}

/* フッターメニュー */
footer #foot-menu{
	float: right;
	width: 500px;}
footer #foot-menu ul{
	list-style-type: none;}
footer #foot-menu ul li{
	float: left;
	line-height: 1;
	border-left: 1px solid #fff;
	padding: 2px 17px;}
footer #foot-menu ul li#foot-menu-05{
	border-right: 1px solid #fff;}
footer #foot-menu ul li a{
	color: #fff;
	text-decoration: none;}
footer #foot-menu ul li a:hover{
	text-decoration: underline;}

/* サービスエリア */
footer #foot-area{
	clear: both;
	color: #fff;
	font-size: 16px;
	padding: 20px 0;}
footer #foot-area #foot-area-title{
	font-weight: bold;}
footer #foot-area #foot-area-text{
	font-size: 13px;}
footer #foot-area ul{
	overflow: hidden;}
footer #foot-area ul li{
	float: left;
	font-size: 12px;
	list-style-type: none;
	margin-right: 15px;}

/* 工事中 */
.koujichu{
	background: url(../images/koujichu.png) no-repeat 110px center;
	padding: 40px 0 40px 310px;}
.koujichu p{
	font-size: 20px;
	line-height: 2;}
.koujichu p a{
	color: #00c;}