/* universal reset
============================================== */
* {
margin:0;
padding:0;
font-weight:normal;
font-style:normal;
}

/* body and base setting
============================================== */
html ,body {
height:100%;
}

body {
	font:11px/2.2 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",osaka,"ＭＳ Ｐゴシック",sans-serif,"メイリオ",Meiryo;
	background-image: url("../../img/bg.jpg");
	text-align:center;
}


/* link
============================================== */
a:link,a:visited {
color:#4c4743;
text-decoration:none;
}

a:hover {
color:#1c1a18;
text-decoration:none;
}


/* Layout
============================================== */

div#main {
height:50%;
margin-bottom:-275px;
width:1px;
}

div#container {
width:620px;
margin:0 auto;
position:relative;
clear:left;
height:550px;
}


.text_no {
	text-indent:-9999px;
}


#main_img {
	margin: 0;
}

#logo {
	margin: 11px 0 21px 0;
}

#navi {
	width:550px;
	margin: 14px auto 44px auto ;
	padding:0;
	height:14px;
	_text-align: center; 
	
}


#navi li{
	float:left;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	height:14px;
}


#navi01 a{
	display: block; 
	float:left;
	background: url("../../img/top/navi_01.gif") no-repeat;
	margin-right: 26px;
	width:41px;
	height:0px;
	display:block;
	overflow:hidden;
	padding-top:14px;
	_height: 14px;
	_display: inline;
}





#navi01 a:hover{
	display: block; 
	background: url("../../img/top/navi_01_ov.gif") no-repeat;
	_display: inline;
}


#navi02 a{
	float:left;
	background: url("../../img/top/navi_02.gif") no-repeat;
	margin-right: 27px;
	width:23px;
	height:0px;
	display:block;
	overflow:hidden;
	padding-top:14px;
	_height: 14px;
	_display: inline;
}


#navi02 a:hover{
	display: block; 
	background: url("../../img/top/navi_02_ov.gif") no-repeat;
	_display: inline;
}



#navi03 a{
	float:left;
	background: url("../../img/top/navi_03.gif") no-repeat;
	margin-right: 27px;
	width:49px;
	height:0px;
	display:block;
	overflow:hidden;
	padding-top:14px;
	_height: 14px;
	_display: inline;
	
}




#navi03 a:hover{
	display: block; 
	background: url("../../img/top/navi_03_ov.gif") no-repeat;
	_display: inline;
}



#navi04 a{
	float:left;
	background: url("../../img/top/navi_04.gif") no-repeat;
	margin-right:27px;
	width:25px;
	height:0px;
	display:block;
	overflow:hidden;
	padding-top:14px;
	_height: 14px;
	_display: inline;
}


#navi04 a:hover{
	display: block; 
	background: url("../../img/top/navi_04_ov.gif") no-repeat;
	_display: inline;
}



#navi05 a{
	float:left;
	background: url("../../img/top/navi_05.gif") no-repeat;
	margin-right: 44px;
	width:69px;
	height:0px;
	display:block;
	overflow:hidden;
	padding-top:14px;
	_height: 14px;
	_display: inline;
}



#navi05 a:hover{
	display: block; 
	background: url("../../img/top/navi_05_ov.gif") no-repeat;
	_display: inline;
}



#navi06 a{
	float:left;
	background: url("../../img/top/navi_06.gif") no-repeat;
	width:191px;
	height:0px;
	display:block;
	overflow:hidden;
	padding-top:14px;
	_height: 14px;
}



#navi06 a:hover{
	display: block; 
	background: url("../../img/top/navi_06_ov.gif") no-repeat;
	_display: inline;
}