@charset "utf-8";

/*-------------------------------------
Header
---------------------------------------*/
div#Header-top{
	width: 100%;
	text-align: center;
	/*background: url(../images/index/index_bg01.gif) center top;	*/
	background: url(../images/index/index_bg01.jpg) center top no-repeat;	
}
div.Header-inside{
	width: 950px;
	height: 68px;
	margin: 0 auto;
}
div.Header-inside h1{
	float: left;
	padding-left: 9px;
}
div.Header-inside ul.headnavi{
	float: right;
	width: 266px;
	height: 55px;
	padding: 0 0 0 3px;
	background: url(../images/index/index_bg_headnavi.gif) 0 0 no-repeat;
}
div.Header-inside ul.headnavi li{
	float: left;
}

/* main visual
----------------------------------------*/

div.flasharea{
	position: relative;
	width: 940px;
	height: 325px;
	margin: 0 auto;
}
div.flasharea p.mainimage01{
	position: absolute;
	top: 62px;
	left: 0;
}
div.flasharea p.mainimage02{
	position: absolute;
	top: 162px;
	left: 231px;
}
div.flasharea p.mainimage03{
	position: absolute;
	top: 63px;
	left: 711px;
}



/*-------------------------------------
CONTENT
---------------------------------------*/
div#Wrapper{
	width: 100%;
	padding-top: 0;
}
div#content-top{
	clear: both;
	width: 100%;
	padding: 41px 0 0 0;
	background: url(../images/index/index_bg02.gif) top left repeat-x;
}

/*-------------------------------------
MAIN
---------------------------------------*/

div#main-top{
	width: 940px;
	margin: 0 auto;	
}

/* Merit
---------------------------------------*/
div.merit{
	float: left;
	width: 597px;
	background: url(../images/index/index_merit_bg.gif) 0 0 repeat-y;
}
div.merit div.merit-inside{
	padding: 0 22px 22px 25px;
	background: url(../images/index/index_merit_bg_btm.gif) 0 100% no-repeat;
}
div.merit h2{
	margin: 0 0 16px 0;
}

div.merit div.section{
	clear: both;
}
div.merit div.section dl{
	float: left;
	padding: 8px 0 0 0;
}

div.merit div.section dt{
	padding: 0 0 18px 0;
}
div.merit div.section ul{
	float: right;
	width: 410px;
}

div.merit div.section li{
	float:left;
	margin: 7px 0 9px 15px;
}

/* LACNE */

div.merit div.section.lacne{
	padding: 0 0 26px 0;
	background: url(../images/index/index_line01.gif) 0 100% repeat-x;
}

/* UGO-UGO */

div.merit div.section.ugougo{
	padding: 15px 0 0 0;
}



/* Infomation
---------------------------------------*/
div.infomation {
	float: right;
	width: 300px;
}

/* info-title */

div.info-title {
	height: 54px;
	padding: 0 0 0 4px;
	background: url(../images/index/index_bg03.gif) 0 0 repeat-x;
}
div.info-title h2 {
	float: left;
	padding: 12px 0 0 0;
}
div.info-title p {
	float: right;
	padding: 15px 0 0 0;
}

/* infomation dl */

div.infomation dl {
	clear: both;
	margin: 0 2px;
	padding: 10px 0 15px 0;
	letter-spacing: 0;
	background: url(../images/index/index_line01.gif) 0 100% repeat-x;
}
div.infomation dt {
	float: left;
	width: 54px;
	padding: 3px 0;
	font-size: 84%;
	text-align: center;
	background: url(../images/index/index_info_bg01.gif);
}
div.infomation dd {
	float: right;
	width: 220px;
	padding: 0 8px 0 9px;
	background: url(../images/index/index_info_arw01.gif) 0 5px no-repeat;
}
div.infomation dd a {
	color: #1195DC;
	text-decoration: underline;
}
div.infomation dd a:hover {
	text-decoration: none;
}