/* mainintroarea----------------------------------*/
#mainintroarea{
	width: 492px;
	float: left;
}

#mainintroarea .ttlarea{
	width: 492px;
}

#mainintroarea .ttlbgbox{
	width: 492px;
	height:97px;
	background-image:url(../introduction/image/bg_ttl.gif);
	background-repeat:no-repeat;
}

#mainintroarea .ttltextbox{
	width: 470px;
}

#mainintroarea .ttlarea .textttl{
	font-size:12px;
	line-height:22px;
	padding: 6px 0 0 30px;
}

#mainintroarea .introarea{
	width: 492px;
	height:1001px;
	background-image:url(../introduction/image/bg_main.gif);
	background-repeat:no-repeat;
}

#mainintroarea .introarea .introareainner{
	padding: 25px 0 0 51px;
}

#mainintroarea .introbox{
	width: 441px;
}

#mainintroarea .introtextbox{
	width: 420px;
}

#mainintroarea .introtextbox .textttl{
	font-size:15px;
	font-weight:bold;
	padding: 12px 0 8px 0;
	color: #6a3906;
}

#mainintroarea .introtextbox .textmain{
	font-size: 12px;
	line-height:22px;
	padding-bottom: 41px;
}

/* introimagearea----------------------------------*/
#introimagearea{
	width: 376px;
	float: left;
}

#introimagearea .proarea{
	width: 376px;
	height:577px;
	background-image:url(../introduction/image/bg_pro.gif);
	background-repeat:no-repeat;
}

#introimagearea .proarea a:link {color:#59422c;text-decoration: underline;}
#introimagearea .proarea a:visited {color:#59422c; text-decoration: underline;}
#introimagearea .proarea a:hover {color:#0b650b;text-decoration: underline;}
#introimagearea .proarea a:active {color:#0b650b;text-decoration: underline;}

#introimagearea .proareainner{
	padding: 16px 0 0 40px;
}

#introimagearea .itembox1{
	width: 336px;
}

#introimagearea .itembox1 .imgitem{
	float: left;
}

#introimagearea .itembox1 .itemtextbox{
	width: 107px;
	float: left;
}

#introimagearea .itembox1 .textttl{
	font-weight:bold;
	padding: 25px 0 8px 0;
}

#introimagearea .imgline{
	clear: left;
}

#introimagearea .itembox1{
	font-size:11px;
	line-height:15px;
}

#introimagearea .itembox2{
	width: 336px;
}

#introimagearea .itembox2 .itemtextbox{
	width: 278px;
}

#introimagearea .itembox2 .textttl{
	font-size:11px;
	font-weight:bold;
	padding: 4px 0 9px 24px;
	color: #59422c;
}

#introimagearea .itembox2 .textmain{
	font-size:11px;
	line-height:15px;
	padding: 0 0 28px 24px;
}

#introimagearea .itemlinkbox{
	width: 336px;
}

#introimagearea .itemlinkboxinner{
	padding-left: 21px;
}

#introimagearea .itemlinkaroundbox{
	width: 315px;
	height:121px;
	background-image:url(../introduction/image/bg_itemlink.gif);
	background-repeat:no-repeat;
}

#introimagearea .companyinfobox{
	width: 315px;
}

#introimagearea .imglogo{
	float: left;
}

#introimagearea .textcompany{
	font-size:13px;
	line-height:16px;
	font-weight:bold;
	color: #0b650b;
	padding-top: 4px;
}

#introimagearea .btnofficial{
	clear: left;
}

#introimagearea .btnofficial a:hover img{
	opacity: 0.40;
	filter: alpha(opacity=40);
}
