@charset "UTF-8";
/* CSS Document */


* {	
	justify;text-justify:inter-ideograph;/* テキストの両端を揃える */
	margin:0; padding:0; /* リセット */
	}
	
body{
	font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック",sans-serif;
	background:#f9f9f9 fixed repeat-x;
	color: #333333;
	line-height:1.4;
	font-size:75%;
	}

/**************************************************

  layout

**************************************************/

#wrap{
	width:800px;
	margin:50px auto 30px auto;
	}

#small_header{
	height:20px;
	}
	
#header{
	height:114px;
	margin:5px auto 0 auto;
	}	
	
#main{
	min-height:500px;
	padding-top:30px;
	}

#footer{
	width:800px;
	}


/**************************************************

  Fonts

**************************************************/


h1{
	font-weight:normal;
	font-size:80%;
	text-align:center;
	}


p{
	font-weight:normal;
	font-size:80%;
	}

/**************************************************

  Link

**************************************************/

a{
	color:#003366;
	zoom: 1;
	text-decoration:none;
	}

a:hover{
	color:#cc0000;
	}


/**************************************************

  Slider

**************************************************/

#index_slideshow{
	position:relative;
	width:1000px;
	height:570px;
	}

#index_slideshow img{
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	}

#index_slideshow img.active{
	z-index:10;
	}

#index_slideshow img.last-active{
	z-index:9;
	}

#slideshow{
	position:relative;
	width:800px;
	height:500px;
	}

#slideshow img{
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	}

#slideshow img.active{
	z-index:10;
	}

#slideshow img.last-active{
	z-index:9;
	}


/**************************************************

  img

**************************************************/

img{
	border-style:none; /* IEその他用 */
	}

a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	}


/**************************************************

　gnavi用のli

**************************************************/	


.slash{
	margin:0 10px 0 10px;
	}	

#gnavi{
	width:680px;
	height:20px;
	margin:10px auto 0 auto;
	background:url(../images/navi/navi_over_re.gif);
	}

/* メインメニュー */

#gnavi ul {
	display:block;
	font-weight:bold;
	list-style-type: none;
	padding:0;
	}

/* サブメニュー1段目 */
#gnavi ul ul{
	display:none;
	position:absolute;
	top:100%;
	left:10px;
	}

/* リスト */
#gnavi li {
	font-size:11px;
	color:#333;
	float:left;
	}

#gnavi li li {
   clear:both;
	}

#gnavi li:hover {
   position:relative;
	}

#gnavi li:hover > ul {
   display: block
	}

/* IE6用 */
* html #gnavi li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column1'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );
	}

* html #gnavi li li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column2'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );
	}

* html #gnavi li li li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column3'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );
	}

#gnavi .column1 {position:relative;}
#gnavi .column1 ul {display:block;}
#gnavi .column1 * ul {display:none;}

#gnavi .column2 {position:relative;}
#gnavi .column2 ul {display:block;}
#gnavi .column2 * ul {display:none;}

#gnavi .column3 {position:relative;}
#gnavi .column3 ul {display:block;}
#gnavi .column3 * ul {display:none;}