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

/* CSS Document */
html, body {height: 100%;}  /*高さ100%に指定*/
body {
	margin: 0;
	padding: 0;
	position: relative;
	min-width: 980px;  /*中央配置するボックスの横幅*/
	min-height: 660px;
	color: #6D7778;
}
.clear {
	clear: both;
}
a {
	outline: none;
	text-decoration: none;
	color: #15A6BF;
}
p {
	line-height: 15px;
}
.text, textarea, input{
	border:1px solid #DADADA;
	font-size: 12px;
	padding: 3px;
	color: #6D7778;
	background: #fff;
	border-radius: 3px;
	/* Webkit */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#eee),
        to(#fff)
        );
	-webkit-border-radius: 2px;
	/* Firefox */
    background: -moz-linear-gradient(
        top,
        #EBEBEB,
        #fff
        );
	-moz-border-radius: 2px;
     
    /* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ffeeeeee,endColorstr=#ffffffff);
	zoom: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.submit {
	font-weight: bold;
	margin-top: 5px;
	margin-right: 5px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	color: #6D7778;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 6px;
}

.hightlight {
	color: #15A6BF;
}
.mainFrame {
	position: absolute;  /*上端を中央に*/
	left: 50%;  /*左端を中央に*/
	width: 980px;  /*横幅*/
	height: 660px;
	margin-bottom: 0;
	margin-left: -490px;
	z-index: 1;
}
.background-box {
	position: absolute;  /*左端を中央に*/
	width: 1180px;
	height: 700px;
	z-index: 2;
	background-image: url(img/logo-s.jpg);
	background-attachment:fixed;
	background-repeat: no-repeat;
	background-position: center top;
	margin-left: -200px;
}
.right-box {
	width: 440px;
	min-height: 625px;
	position: absolute;
	z-index: 3;
	text-align: right;
	margin-top: 20px;
	margin-right: 25px;
	top: 0px;
	right: -1px;
}
.top-menu-box {
	float: right;
}
.top-menu-li {
	list-style-type: none;
}
.top-menu-home {
	background-image: url(img/menuB-home2.png);
	background-repeat: no-repeat;
	display: block;
	height: 38px;
	width: 229px;
}
.top-menu-about {
	background-image: url(img/menuB-about2.png);
	background-repeat: no-repeat;
	display: block;
	height: 39px;
	width: 229x;
}
.top-menu-service {
	background-image: url(img/menuB-services2.png);
	background-repeat: no-repeat;
	height: 38px;
	width: 229px;
	display: block;
}
.top-menu-contact {
	background-image: url(img/menuB-contact2.png);
	background-repeat: no-repeat;
	height: 39px;
	width: 229px;
	display: block;
}
.top-menu-home:HOVER {
	background-image: url(img/menuB-home.png);
	background-repeat: no-repeat;
}
.top-menu-about:HOVER {
	background-image: url(img/menuB-about.png);
	background-repeat: no-repeat;
}
.top-menu-service:HOVER {
	background-image: url(img/menuB-services.png);
	background-repeat: no-repeat;
}
.top-menu-contact:HOVER {
	background-image: url(img/menuB-contact.png);
	background-repeat: no-repeat;
}
.page-title {
	margin-top: 70px;
	margin-bottom: 40px;
}
.page-title-home {
	margin-top: 251px;
	margin-bottom: 25px;
	background-image: url(img/home-slogan.png);
	background-repeat: no-repeat;
	height: 80px;
	position: relative;
}
.page-title-about {
	margin-top: 46px;
	margin-bottom: 40px;
	background-image: url(img/p-about.png);
	background-repeat: no-repeat;
	height: 47px;
}
.page-title-services {
	margin-top: 46px;
	margin-bottom: 40px;
	background-image: url(img/p-services.png);
	background-repeat: no-repeat;
	height: 47px;
}
.page-title-contact {
	margin-top: 46px;
	margin-bottom: 35px;
	background-image: url(img/p-contact.png);
	background-repeat: no-repeat;
	height: 47px;
}
.main-content-box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6D7778;
	line-height: 16px;
	text-align: justify;
	margin-bottom: 20px;
}
.contact-name {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #15A6BF;
	line-height: 18px;
}
.contact-tytle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #828282;
}
.bottom-copyright-box {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: right;
	text-transform: uppercase;
	margin-top: 5px;
	margin-bottom: 25px;
}
.bottom-menu-link {
	font-size: 10px;
	text-transform: uppercase;
	color: #15A6BF;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: none;
	font-weight: normal;
}
.bottom-menu-link:HOVER {
	color: #252525;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}
.contact-form-box {
	margin-top: 17px;
}
dl {
	margin: 0px;
}
dt {
	text-align: right;
	width: 120px;
	margin-right: 10px;
	float: left;
	clear: both;
	margin-bottom: 5px;
	vertical-align: middle;
	margin-top: 4px;
	font-size: 11px;
	text-transform: uppercase;
}
dd {
	margin-bottom: 5px;
	margin-left: 130px;
}
.contact-textbox {
	width: 290px;
}
.form {
	color: #DADADA;
}
.service-category {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #15A6BF;
	line-height: 18px;
}