/* CSS Document */
html{
	height:100%;
}

body{
	padding:0px;
	margin:0px;
	color:#333333;
	line-height:120%;
	font-size:12px;
	background-image:url(../img/img-back1.gif);
	text-align:center;
	height:100%;
}

.clear{
	clear:both;
}

li{
list-style-type:none;
}

table{
font-size:12px;
}

a{
	font-weight:normal;
	color:#069;
	text-decoration:none;
}
a:active {
	color:#096;
}
a:hover {
	color:#096;
}
img{
	border:none;
}

.main{
	padding:0px;
	margin:0px auto;
	width:814px;
	position:relative;
}


.header{
	height:85px;
}

.parts-1{
	z-index:2;
	top:0px;
	left:0px;
	position:absolute;
}
.parts-2{
	z-index:5;
	top:10px;
	left:120px;
	position:absolute;
	font-size:10px;
	letter-spacing:-0.7px;
}
.parts-3{
	z-index:4;
	top:28px;
	left:115px;
	position:absolute;
	width: 700px;
}
.parts-4{
	z-index:3;
	top:60px;
	left:110px;
	position:absolute;
}

.parts-5{
	z-index:6;
	top:60px;
	left:600px;
	position:absolute;
}

.content{
	padding:0px;
	margin:0px 0px 25px 0px;
	z-index:7;
	top:88px;
	left:2px;
	position:absolute;

}

.top{
	padding:0px;
	margin:0px;
	float:left;
	width:585px;
}
.top-content{
	padding:10px 10px 10px 15px;
	text-align:left;
}
.right {
	padding:0px 15px 0px 0px;
	margin:0px;
	float:left;
	width:200px;
}

.right li{
list-style-image:url(../img/official_ico.gif);
margin:5px 0px 5px 20px;

}

.footer {
	width:800px;
	background-image:url(../img/footer.gif);
	background-repeat:no-repeat;
	height:25px;
	color:#FFFFFF;
	padding-top:7px;
	z-index:8;
	top:1400px;
	left:0px;
	position:absolute;
}
.back {
	min-height:1500px;
	height:1500px;
	width:800px;
	/*
	width:812px;
	background-image:url(../img/img-back2.gif);*/
	background-color:#FFFFFF;
	z-index:1;
	top:0px;
	left:0px;
	position:absolute;
}

.img-title{
position:absolute;
left:12px;
top:-8px;
}

/*index*/

.i-content1{
margin:10px 0px;
width:560px;
float:left;
}

.i-content1-1{
float:left;
width:180px;
border:1px solid #ccc;
}

.i-content1-2{
padding:5px;
font-size:100%;
line-height:16px;
min-height:160px;
}

.i-content2-1{
margin:0px;
text-align:left;
width:560px;
float:left;
}

.i-content2-2{
border:1px solid #ccc;
background-color:#FFFFFF;
width:260px;
padding:3px;
margin:3px 3px;
float:left;
}

.i-content2-3{
width:150px;
font-size:90%;
line-height:16px;
}

.i-content2-4{
width:150px;
font-size:90%;
line-height:16px;
}


/*access*/

.a-title{
position:absolute;
left:150px;
top:50px;
width:400px;
font-size:140%;
color:green;
font-weight:bold;
text-align:left;
line-height:18px;
}
.a-content{
position:absolute;
left:20px;
top:160px;
width:560px;
text-align:left;
}

/*business*/

.b-text-title{
font-size:140%;
line-height:120%;
font-weight:bold;
margin-bottom:20px;
color:#663366;
}

.b-content1{
position:absolute;
top:370px;
left:17px;
width:540px;
}

.b-content2{
text-indent:1em;
margin-bottom:20px;
}

.b-content3{
position:absolute;
top:500px;
left:17px;
width:540px;
line-height:180%;
}

.b-content4{
position:absolute;
top:134px;
left:12px;
width:560px;
}


/*business-1*/

.b-1-text-title{
font-size:140%;
line-height:120%;
font-weight:bold;
margin-bottom:20px;
color:#663366;
}

.b-1-content1{
position:absolute;
top:255px;
left:12px;
width:550px;
}

.b-1-content2{
text-indent:1em;
margin-bottom:20px;
}

.b-1-content3-1{
background-image:url(../img/business/1/img-content1.gif);
background-repeat:no-repeat;
width:277px;
height:73px;
padding:20px 0px 0px 70px;
}

.b-1-content3-2{
font-size:120%;
color:#6C51A4;
font-weight:bold;
}

.b-1-content4{
background-image:url(../img/business/1/img-content3.gif);
background-repeat:no-repeat;
width:263px;
height:163px;
padding:40px 0px 0px 2px;
float:right;
}

.b-1-content5{
background-image:url(../img/business/1/img-content4.gif);
background-repeat:no-repeat;
width:550px;
height:212px;
padding:40px 0px 0px 10px;
float:left;
}

.b-1-content5-1{
padding:0px 6px 0px 0px;
width:250px;
float:left;
line-height:16px;
}

.b-1-content5-2{
width:260px;
float:left;
line-height:16px;
}


/*business-2*/

.b-2-text-title{
position:absolute;
top:20px;
left:150px;
font-size:140%;
color:#99CC00;
font-weight:bold;
}

.b-2-text{
position:absolute;
top:50px;
left:160px;
width:400px;
}

.b-2-content1{
position:absolute;
top:140px;
left:12px;
}

.b-2-content2{
position:absolute;
top:360px;
left:12px;
width:560px;
}

.b-2-content3{
position:absolute;
top:30px;
left:25px;
}

.b-2-content4{
position:absolute;
top:170px;
left:25px;
}

.b-2-content5{
position:absolute;
top:300px;
left:25px;
}

/*business-3*/

.b-3-text-title{
font-size:140%;
line-height:120%;
font-weight:bold;
color:#3399FF;
margin:10px 0px;
}

.b-3-title{
float:left;
background-image:url(../img/business/3/img-main.jpg);
background-repeat:no-repeat;
width:255px;
height:800px;
position:absolute;
left: 12px;
top: -8px;
}

.b-3-content1{
width:300px;
position:absolute;
left:270px;
top:10px;
text-align:left;
line-height:18px;
}

.b-3-content2{
width:330px;
position:absolute;
left:240px;
top:185px;
text-align:left;
line-height:18px;
}

.b-3-content3{
position:absolute;
top:460px;
left:230px;
background-image:url(../img/business/3/img-content2.gif);
background-repeat:no-repeat;
width:330px;
height:150px;
padding:30px 10px 10px 20px;
font-size:90%;
}

.b-3-content4{
position:absolute;
top:620px;
left:180px;
}

/*works*/

.w-img{
position:absolute;
left: 270px;
top: 0px;
}
.w-text-title{
position:absolute;
left:25px;
top:150px;
font-size:120%;
font-weight:bold;
color:#FF6600;
width: 220px;
}
.w-content1{
position:absolute;
left:22px;
top:320px;
text-align:center;
background-image:url(../img/works/img-content.gif);
width:550px;
padding:10px 0px 0px 10px;
text-align:left;
}

/*greeting*/

.g-img1{
position:absolute;
top:46px;
left:20px;
}

.g-content1{
position:absolute;
top:290px;
left:20px;
width:550px;
}

.g-content2{
padding:3px;
width:48%;
float:left;
text-indent:1em;
line-height:170%;
}
.g-content3{
position:absolute;
top:570px;
left:20px;
width:550px;
}

.g-text-title{
font-size:140%;
color:#FF6600;
font-weight:bold;
line-height:120%;
margin:5px 0px 10px 0px;
}

.g-img2{
	position:absolute;
	top:690px;
	left:20px;
	height:187px;
	width: 550px;
	background-image:url(../img/greeting/img-content.gif);
	padding:20px 0px;
	text-align:center;
}

.g-text{
float:right;
line-height:120%;
font-size:110%;
font-family:'�l�r �o����', '�ז�����', '�q���M�m���� Pro W3';
}

/*inquiry*/

.i-tel{
position:absolute;
top:30px;
left:150px;
width:380px;
border:1px solid #ccc;
line-height:120%;
padding:15px;
background:#eef;
font-size:140%;
}

.i-form{
position:absolute;
top:130px;
left:30px;
}