
/*//// default ////*/

h1 {text-align: center;
	}
h1 span{display: none;}

h1 a
{
display: block;
width:232px;
height:52px;
background: url(../img/rogo.png) no-repeat center center;
}
h1 a:hover {
	position: static;
	}

/*//// frame ////*/

#wrapper{
	margin:auto;
		background: url(../img/iji/topbg_haru.png) no-repeat top right ;
		position: relative;
		height:600px;
	}
#topheader{
	width:300px;
	height:100px;
	position: absolute;
	top:280px;
	left:40px;
	z-index: 20;
}
#topheader small{
	display: block;
	text-align: left;
	margin-top:20px;
	line-height: 1.2em;
	font-size:0.7em;
	clear:both;
	}
#topmenu{
	width:550px;
	height:500px;
	margin:auto;
	}
#banner{
	width:210px;
	min-height:50px;
	height:auto !important;
	height:50px;
	position: absolute;
	right:65px;
	bottom:130px;
	}
	

ul.topmenulist{
	list-style: none;
	display: block;
	width:550px;
	height:500px;
	position: relative;
	}
ul.topmenulist li{
	display: block;
	position: absolute;
	}

li.menu01{top:100px;left:0;}
li.menu02{top:150px;left:100px;}
li.menu03{top:200px;left:150px;}
li.menu04{top:250px;left:180px;}
li.menu05{top:300px;left:200px;}
li.menu06{top:350px;left:220px;}
li.menu07{top:400px;left:225px;}
li.menu08{top:450px;left:228px;}

/*//// decoration //*/

div.corner01{
	background: url(../img/topcorner.png) no-repeat top left ;
	z-index: 3;
}
div.corner02 span.corner{
	display: block;
	position: absolute;
	top:0px;
	right:0px;
	z-index: 9;
	}
	
/*/// submenu //*/
#topheader ul.submenu{
	margin-top:10px;
	font-size: 0.85em;
	}
#topheader ul.submenu li{
	display: block;
	width:auto;
	height:auto;
	padding:0 5px;
	margin:2px 0;
	border-right:1px solid silver;
	float:left;
	}
}

#footer{

height:50px;
clear:both;
}
/* clearfix */
ul:after {
	content:" ";
	display: block;
	height:0;
	clear: both;
	visibility: none;
	}
	
/*MacIE begin \*/
*html ul{height: 1%;}
ul{display: block;}
/*MacIE end*/