@charset "utf-8";



* {

	margin: 0;

	padding: 0;

	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

}



img {

	border:none;

}



#wrap {

	background-attachment: scroll;

	background-color: #E5E5DC;

	background-image: url(../img/big_logo.jpg);

	background-repeat: no-repeat;

	background-position: 600px 140px;	

}

#wrap2 {

	background-color: #E5E5DC;

	background-position: 600px 140px;	

}

body {

	/* IE6対策（スクロール時の表示ブレ防止） */

	background-image : url("#");	

    background-attachment: fixed;		

}



div#header {

	position: fixed;

	top: 0px;

	left: 0px;

	width: 100%;

	/* IE6対策（位置固定） */

    _position: absolute;

    _top: expression(eval(document.documentElement.scrollTop+0)+'px');

	background-repeat: repeat-x;

	z-index: 999;

	background-image: url(../img/header_bg.png);

}



.h-in {

	text-align: center;

	height: 100px;

	width: 100%;

	margin-right: auto;

	margin-left: auto;

	border-top-width: 5px;

	border-top-style: solid;

	border-top-color: #FF0099;	

}



.h-in h1 {

	background-image: url(../img/wilmo_logo.png);

	background-repeat: no-repeat;

	text-indent: -9999em;

	height: 65px;

	width: 210px;

	float: left;

	margin-top: 20px;

	margin-left: 30px;

}

.h-in h1 a {

	height: 65px;

	width: 210px;

	display: block;

}



ul.header-button {

	float: right;

	margin-top: 25px;

	margin-right: 20px;

	width: 410px;	

}



.header-button li {

	float: left;

	list-style-type: none;

}



.header-button li a {

	height: 40px;

	width: 100px;

	background-repeat: no-repeat;

	text-indent: -9999em;

	display: block;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #CCCCCC;	

}



.header-button li a.h-home {

	background-image: url(../img/he_home.png);

	background-position: center;

}

.header-button li a.h-about {

	background-image: url(../img/he_about.png);

	background-position: center;

}

.header-button li a.h-service {

	background-image: url(../img/he_service.png);

	background-position: center;

}

.header-button li a.h-contact {

	background-image: url(../img/he_contact.png);

	background-position: center;

}



.header-button li a:hover.h-home {

	background-image: url(../img/he_home_on.png);

}

.header-button li a:hover.h-about {

	background-image: url(../img/he_about_on.png);

}

.header-button li a:hover.h-service {

	background-image: url(../img/he_service_on.png);

}

.header-button li a:hover.h-contact {

	background-image: url(../img/he_contact_on.png);

}



.section1-topimg {

	width: 100%;

	height: 360px;	

	margin-bottom:20px;	

}

.section1-box {

	width: 900px;

	margin-right: auto;

	margin-left: auto;

	position: relative;

	padding-bottom: 400px;

}

.section1-l {

	float: left;

	width: 390px;

	margin-bottom: 100px;

	margin-top: 100px;

}

.section1-l h3 {

	background-image: url(../img/wilmo_lead.jpg);

	background-repeat: no-repeat;

	text-indent: -9999em;

	height: 35px;

	width: 275px;

	margin-bottom: 15px;

}

.section1-l p {

	font-size: 12px;

	line-height: 170%;

}



.section1-r {

	width: 390px;

	background-image: url(../img/border.gif);

	background-repeat: repeat-x;

	background-position: left 15px;

	float: left;

	clear: left;

}

.section1-r h3 {

	background-image: url(../img/title_info.jpg);

	background-repeat: no-repeat;

	text-indent: -9999em;

	height: 15px;

	width: 100px;

}

.section1-r dl {

	font-size: 14px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #CCCCCC;

	position: relative;

	padding-top: 10px;

	padding-bottom: 10px;

}

.section1-r dl dt {

	width: 100px;

	float: left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	line-height: 150%;

}

.section1-r dl dd {

	width: 290px;

	float: right;

	font-size: 12px;

	line-height: 150%;

}





.section2-box {

	width: 900px;

	margin-right: auto;

	margin-left: auto;

	position: relative;

	background-image: url(../img/border.gif);

	background-repeat: repeat-x;

	background-position: left 50px;

}



.section2-box h3 {

	background-image: url(../img/title_about.jpg);

	background-repeat: no-repeat;

	text-indent: -9999em;

	height: 45px;

	width: 250px;

	padding-bottom: 50px;

}



.section2-l {

	float: left;

	width: 380px;	

}



.section2-l dl {

	font-size: 12px;

	line-height: 150%;	

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #CCCCCC;

	position: relative;

	padding-top: 10px;

	padding-bottom: 10px;

}

.section2-l dl dt {

	width: 90px;

	float: left;

	font-weight: bold;

}

.section2-l dl dd {

	width: 290px;

	float: right;

}

.section2-l dl dd em {

	font-size: 12px;

	font-style: normal;

	padding-right: 10px;

}



.section2-r {

	float: right;

	width: 500px;	

}

.section2-r h3 {

	background-image: url(../img/title_access.jpg);

	background-repeat: no-repeat;

	text-indent: -9999em;

	height: 15px;

	width: 100px;

	padding-bottom: 0px;	

}





.section3-box {

	width: 900px;

	margin-right: auto;

	margin-left: auto;

	position: relative;

	background-image: url(../img/border.gif);

	background-repeat: repeat-x;

	background-position: left 50px;

	height: 900px;

}



.section3-box h3 {

	background-image: url(../img/title_service.jpg);

	background-repeat: no-repeat;

	text-indent: -9999em;

	height: 45px;

	width: 250px;

	padding-bottom: 50px;

}





.section4-box {

	width: 900px;

	margin-right: auto;

	margin-left: auto;

	position: relative;

	background-image: url(../img/border.gif);

	background-repeat: repeat-x;

	background-position: left 50px;

}



div.form-top,div.form-bottom {

	width: 600px;

	position: relative;

	margin-right: auto;

	margin-left: auto;

}

.section4-box-l span, .section4-box-r span, .form-bottom span {

	color:#CC3333;

	font-size: 12px;



}



.section4-box-l {

	float:left;

	width: 200px;

}

.section4-box-r {

	float:right;

	width: 350px;

}



.section4-box h3 {

	background-image: url(../img/title_contact.jpg);

	background-repeat: no-repeat;

	text-indent: -9999em;

	height: 45px;

	width: 250px;

	padding-bottom: 50px;

}

.section4-box p {

	padding-bottom: 20px;

	font-size: 12px;

}

.section4-box-l dl {

	width: 220px;

	margin-right: auto;

	margin-left: auto;

	font-size: 14px;

}

.section4-box-l dt, .section4-box-r dt {

	padding-bottom: 5px;

}

.section4-box-l dd {

	padding-bottom: 10px;

}

.section4-box-l dd input {

	width: 200px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	background-color: #FFFFFF;

	padding-top: 3px;

	padding-right: 3px;

	padding-bottom: 3px;

	padding-left: 20px;

}



.form-1 {background-image: url(../img/form_1.png);}

.form-2 {background-image: url(../img/form_2.png);}

.form-3 {background-image: url(../img/form_3.png);}

.form-4 {background-image: url(../img/form_4.png);}



.form-1, .form-2, .form-3, .form-4 {

	background-repeat: no-repeat;

	background-position: 3px 3px;

}



.section4-box-r dd textarea {

	padding: 3px;

	width: 300px;	

	height: 200px;

	font-size: 14px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}





div.form-bottom {

	text-align: center;

}

div.form-bottom p {

	text-align: left;

	font-size: 12px;

	padding-bottom: 10px;	

}





div.section {

	width: 100%;

	height: auto;

	margin-right: auto;

	margin-left: auto;

}



div.section-body {

}



div.section-body a:hover {

	text-decoration: none;

}



div#section1 {

	padding-top: 70px;

	padding-bottom: 250px;	

}



div#section2 {

	padding-top: 120px;

	padding-bottom: 100px;		

}



div#section3 {

	padding-top: 120px;

	padding-bottom: 100px;		

}



div#section4 {

	padding-top: 120px;

	padding-bottom: 500px;		

}



div#footer {

	position: fixed;

	bottom: 0px;

	left: 0px;

	width: 100%;

	height: 100px;

	filter: alpha(Opacity=90);/*IE透過設定*/



	-moz-opacity:0.9;/*firefox透過設定*/

	opacity:0.9;/*safari、opera透過設定*/

	/* IE6対策（位置固定） */

    _position: absolute;



    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-100)+'px');

	background-image: url(../img/footer_bg.png);

	background-repeat: repeat-x;

	color: #FFFFFF;

	padding-left: 20px;

}



#footer h5 {

	font-size: 16px;

	font-weight: normal;

	margin-bottom: 5px;

	margin-top: 20px;

}

#footer address {

	font-size: 12px;

	font-style: normal;

	margin-bottom: 5px;

}

#footer p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

}



/* clearfix */

.clearfix:after {

	height:0;

	visibility:hidden;

	content:".";

	display:block;

	clear:both;

	line-height:0;

}



.clearfix {

	_height:1px;

	min-height:1px;

	/*￥*//*/

	height:auto;

	overflow:hidden;

	/**/

}

	


