@charset "UTF-8";

/*--------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

body{
	width: 100%;
	height: 100%;
	color: #333333;
	font-size: 95%;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.75em;
	background-color: #F3EFE4;
}

li{ list-style: none; }
img { border: none; }
a:link { color: #FF6600 }
a:visited { color: #D19D87 }


/*--------------------------------------------------------------*/

#whole{
	position: relative;
	width: 720px;
	padding: 300px 0 70px 0;
	margin: 0 auto 40px auto;
	border: solid 1px #AAA;
	border-top: none;
	background-color: #FFF;
}

/*----------------------------------*/

#object{
	position: absolute;
	top: 30px;
	right: 30px;
	width: 112px;
	height: 25px;
	text-indent: -9999px;
	background-image: url(../img/object.gif);
	background-repeat: no-repeat;
}

#project{
	position: absolute;
	top: 30px;
	left: 20px;
	width: 244px;
	height: 30px;
	text-indent: -9999px;
	background-image: url(../img/project.gif);
	background-repeat: no-repeat;
}

h1{
	position: absolute;
	top: 90px;
	left: -57px;
	width: 813px;
	height: 283px;
	text-indent: -9999px;
	background-image: url(../img/title.gif);
	background-repeat: no-repeat;
	z-index: 90;
}

/*----------------------------------*/

#title{
	position: relative;
	margin-bottom:25px;
	height: 270px;
}

#title h2{
	position: absolute;
	text-indent: -9999px;
}

#offer{
	position: absolute;
	top: 0;
	right: 10px;
	width: 408px;
	height: 263px;
	text-indent: -9999px;
	background-image: url(../img/offer.gif);
	background-repeat: no-repeat;
}

#makeit{
	position: absolute;
	top: 37px;
	left: -27px;
	width: 317px;
	height: 181px;
	text-indent: -9999px;
	background-image: url(../img/makeit.gif);
	background-repeat: no-repeat;
}

/*----------------------------------*/

#close{
	width: 542px;
	height: 345px;
	margin: 50px auto;
	text-indent: -9999px;
	background-image: url(../img/closed.gif);
	background-repeat: no-repeat;
}


/*----------------------------------*/

#about{
	width: 656px;
	height: 176px;
	margin: 0 0 60px 20px;
	text-indent: -9999px;
	background-image: url(../img/about.gif);
	background-repeat: no-repeat;
}

/*----------------------------------*/

#summary{
	position: relative;
	height: 1360px;
	margin-bottom: 60px;
}

#summary h2{
	position: absolute;
	top: 0;
	left: -18px;
	width: 409px;
	height: 95px;
	text-indent: -9999px;
	background-image: url(../img/summary.gif);
	background-repeat: no-repeat;
	z-index: 80;
}

#summary_1{
	position: absolute;
	left: -17px;
	top: 45px;
	width: 758px;
	height: 265px;
	text-indent: -9999px;
	background-image: url(../img/summary_1.gif);
	background-repeat: no-repeat;
}

#summary_2{
	position: absolute;
	top: 280px;
	left: -52px;
	width: 800px;
	height: 240px;
	text-indent: -9999px;
	background-image: url(../img/summary_2.gif);
	background-repeat: no-repeat;
}

#summary_3{
	position: absolute;
	top: 540px;
	width: 679px;
	height: 142px;
	text-indent: -9999px;
	background-image: url(../img/summary_3.gif);
	background-repeat: no-repeat;
}

#summary div{
	position: absolute;
	top: 740px;
	left: 32px;
	width: 655px;
	height: 618px;
	background-image: url(../img/table.gif);
	background-repeat: no-repeat;
}

#summary div a{
	display: block;
	position: absolute;
	bottom: 68px;
	_bottom: 58px;
	right: 217px;
	width: 150px;
	height: 16px;
	text-indent: -9999px;
	background-image: url(../img/inquiry_link.gif);
	background-repeat: no-repeat;
}
#summary div a:hover{
	bottom: 67px;
	_bottom: 57px;
	right: 216px;
}

#summary div table{
	display: none;
}

/*----------------------------------*/

#flow{
	position: relative;
	height: 930px;
	margin-bottom: 50px;
}

#flow h2{
	position: absolute;
	top: 0;
	left: -31px;
	width: 591px;
	height: 91px;
	text-indent: -9999px;
	background-image: url(../img/flow.gif);
	background-repeat: no-repeat;
	z-index: 70;
}

#flow_1{
	position: absolute;
	top: 91px;
	left: 30px;
	width: 657px;
	height: 156px;
	text-indent: -9999px;
	background-image: url(../img/flow_1.gif);
	background-repeat: no-repeat;
}

#flow_2{
	position: absolute;
	top: 250px;
	left: -19px;
	width: 650px;
	height: 163px;
	text-indent: -9999px;
	background-image: url(../img/flow_2.gif);
	background-repeat: no-repeat;
}

#flow_3{
	position: absolute;
	top: 420px;
	left: 60px;
	width: 636px;
	height: 147px;
	text-indent: -9999px;
	background-image: url(../img/flow_3.gif);
	background-repeat: no-repeat;
}

#flow_4{
	position: absolute;
	top: 570px;
	left: 50px;
	width: 694px;
	height: 141px;
	text-indent: -9999px;
	background-image: url(../img/flow_4.gif);
	background-repeat: no-repeat;
}

#flow_5{
	position: absolute;
	top: 715px;
	left: 26px;
	width: 703px;
	height: 211px;
	text-indent: -9999px;
	background-image: url(../img/flow_5.gif);
	background-repeat: no-repeat;
	background-position: center;
}

/*----------------------------------*/

#entry{
	margin-bottom: 40px;
	background-image: url(../img/entry_bg.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#entry h2{
	display: none;
}

#entry p{
	display: block;
	width: 499px;
	height: 193px;
	margin: 0 auto;
	text-indent: -9999px;
	background-image: url(../img/entry_close.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/*----------------------------------*/

#inquiry h2{
	display: none;
}

#inquiry a{
	display: block;
	width: 300px;
	height: 49px;
	margin: 0 auto;
	text-indent: -9999px;
	background-image: url(../img/inquiry.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#inquiry a:hover{ background-position: left bottom; }

/*--------------------------------------------------------------*/

#footer{
	position: relative;;
	width: 100%;
	height: 140px;
	padding: 15px 0 40px 0;
	background-image: url(../../img/footer_bg.png);
	font-size: 80%;
	overflow: hidden;
}

#footer div{
	position: relative;
	width: 870px;
	margin: 0 auto;
}

#footer h2{
	margin-bottom: 20px;
	border-bottom: solid 1px #FDECC6;
}

#footer dl{
	float: left;
	margin-right: 23px;
	color: #FFFFFF;
	line-height: 1.5em;
}

#footer dt{
	line-height: 1.1em;
	margin-bottom: 0.4em;
	font-weight: bold;
	border-bottom: solid 1px #FCDEAD;
}

#footer dd{
	display: list-item;
	margin-left: 1.3em;
}

#footer dt,
#footer dd{ padding-right: 1em; }

#footer ul{
	position: absolute;
	top: 85px;
	right: 5px;
	list-style: none;
	clear: both;
	
	margin: 0;
	padding: 0;
	display: block;
	border: none;
}


#footer address{
	position: absolute;
	top: 25px;
	right: 0;
}

#footer a:hover{
	color: #000000;
	font-weight: bold;
}

#footer a{
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
}
#footer a:hover{ font-weight: bold; }


#footer h2 a:hover,
#footer ul a:hover{
	position: relative;
	top: 1px;
	left: 1px;
}