@charset "utf-8";

body{
	background-color : #777;
	background-image : url("../img/back_all.jpg");
	font-family : "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiyro,"ＭＳ Ｐゴシック",sans-serif;
}

#container{
	width : 1200px;
	height : 675px;
	margin-left : auto;
	margin-right : auto;
	background-image : url("../img/back.png");
	position:relative;
}

h1{
	position:absolute;
	top : 150px;
	left : 50px;
	z-index : 2;
}

ul{
	position:absolute;
	top : 350px;
	left : 40px;
	line-height : 50px;
	list-style-type : none;
	font-size : 18px;
}

ul a{
	text-decoration : none;
	color : #555;
}

ul a:hover{
	color : #f00;
}

#navy{
	color : navy;
}

#orange{
	color : orange;
}

#blue{
	color : dodgerblue;
}

#yellow{
	color : gold;
}

#green{
	color : yellowgreen;
}

#pink{
	color : hotpink;
}

#red{
	color : red;
}

/* 会社概要だけ大きく強調 */
#navy + a {
  font-size: 26px;   /* 他より大きめに */
  font-weight: bold; /* 強調したい場合 */
}



.miraku{
	position: absolute;
	top: 620px;
	left: 80px;
}

.miraku img{
	width : 300px;
}

p#caption{
	position:absolute;
	top : 50px;
	left : 780px;
	z-index : 2;
}

#slide{
	position:absolute;
	top : 245px;
	left : 600px;
	z-index : 1;
}


#slideshow {
   position: relative;
   width:  465px; /* 画像の横幅に合わせて記述 */
   height: 323px; /* 画像の高さに合わせて記述 */
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}



/********************************
 footer設定
*********************************/
#footer{
	 background-image : url("../img/back_inquiry2.png");
}

footer{
	width : 1200px;
	height : 260px;
	margin : 0 auto 0 auto;
	
}