@charset "UTF-8";

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 0.8em;
	
}

h1 {
	color: #504B4B;
	font-size: 25px;
	text-decoration: none;

}
.back{
	z-index: 1;
	position: absolute;
	width: 100%;
	top: -50px;
}
.img{
	/*boxの重なりを指定するタグ*/
	z-index: 2;
	margin-top:10px;
	margin-bottom:-100px;
	position: absolute;
	width: 100%;
 }
.text{
	z-index: 3;
	position: absolute;
	top: 130px;
	/*マージンの設定*/
	margin-top: 0px;
	margin-left:50px;
	margin-right:auto;
	margin-bottom:0px;
	 width: 220px;
    height: 90px;
	text-underber: none;
}


h2 {
	font-size: 16px;
}
p {
	color: #39F;
	font-size: 12px;
}
.box01 {
   
    width: 220px;
    height: 90px;
    padding:10px;
    position: relative;
    top: 10px;
    left: 20%;
}
.box02 {
   
    width: 220px;
    height: 90px;
    padding:5px;
    position: relative;
    top: 26px;
    left: 20%;
}
.box03 {
   
    width: 220px;
    height: 90px;
    padding:8px;
    position: relative;
    top: 50px;
    left: 20%;
}
.box04 {
   
    width: 220px;
    height: 90px;
    padding:10px;
    position: relative;
    top: -307px;
    left: 43%;
}
.box05 {
   
    width: 220px;
    height: 90px;
    padding:10px;
    position: relative;
    top: -297px;
    left:43%;
}
.box06 {
   
    width: 220px;
    height: 90px;
    padding:10px;
    position: relative;
    top: -278px;
    left: 43%;
}
.box07 {
   
    width: 220px;
    height: 90px;
    padding:10px;
    position: relative;
    top: -638px;
    left: 66%;
}


/*黒の帯*/
#siteheader {
	z-index: 3;
	position: absolute;
	top: 150%;
	left: 0;
	width: 100%;
	height: 500px;
	background-color:rgba(163,158,153,0.70) ;
	color: #FFF;
}

#siteheader h1{
	font-weight: 100;
	margin: 80px 20px;
	font-size: 2em;
}
#siteheader nav {
	margin-left: -40px;
}
#siteheader nav ul li{
	list-style-type: none;
	
}

/*********************************リンクボタンの設定*/
/*01*/
.button01 a{
	display:block;
	width:220px;
	height:90px;
	background-image:url("ボタンf＿旅立ち.png"	);
	background-repeat:no-repeat;
}
/*未訪問のリンク*/
.button01 a:link{
}
/*訪問済みのリンク*/
.button01 a:visited{
}
/*マウスホバー時*/
.button01 a:hover{
	background-image:url("ボタン＿旅立ち.png");
}
/*選択中*/
.button01 a:active{
}
/*02*************************************************/
.button02 a{
	display:block;
	width:220px;
	height:90px;
	background-image:url("ボタンf＿日光.png");
	background-repeat:no-repeat;
}
/*未訪問のリンク*/
.button02 a:link{
}
/*訪問済みのリンク*/
.button02 a:visited{
}
/*マウスホバー時*/
.button02 a:hover{
	background-image:url("ボタン＿日光.png");
}
/*選択中*/
.button02 a:active{
}
/*03*************************************************/
.button03 a{
	display:block;
	width:220px;
	height:90px;
	background-image:url("ボタンf＿松島.png");
	background-repeat:no-repeat;
}
/*未訪問のリンク*/
.button03 a:link{
}
/*訪問済みのリンク*/
.button03 a:visited{
}
/*マウスホバー時*/
.button03 a:hover{
	background-image:url("ボタン＿松島.png");
}
/*選択中*/
.button03 a:active{
}
/*04*************************************************/
.button04 a{
	display:block;
	width:220px;
	height:90px;
	background-image:url("ボタンf＿立石寺.png");
	background-repeat:no-repeat;
}
/*未訪問のリンク*/
.button04 a:link{
}
/*訪問済みのリンク*/
.button04 a:visited{
}
/*マウスホバー時*/
.button04 a:hover{
	background-image:url("ボタン＿立石寺.png");
}
/*選択中*/
.button04 a:active{
}
/*05*************************************************/
.button05 a{
	display:block;
	width:220px;
	height:90px;
	background-image:url("ボタンf＿出羽三山.png");
	background-repeat:no-repeat;
}
/*未訪問のリンク*/
.button03 a:link{
}
/*訪問済みのリンク*/
.button05 a:visited{
}
/*マウスホバー時*/
.button05 a:hover{
	background-image:url("ボタン＿出羽三山.png");
}
/*選択中*/
.button05 a:active{
}
/*06*************************************************/
.button06 a{
	display:block;
	width:220px;
	height:90px;
	background-image:url("ボタンf＿きさがた.png");
	background-repeat:no-repeat;
}
/*未訪問のリンク*/
.button06 a:link{
}
/*訪問済みのリンク*/
.button06 a:visited{
}
/*マウスホバー時*/
.button06 a:hover{
	background-image:url("ボタン＿きさがた.png");
}
/*選択中*/
.button06 a:active{
}
/*07*************************************************/
.button07 a{
	display:block;
	width:220px;
	height:90px;
	background-image:url("ボタンf＿大垣.png");
	background-repeat:no-repeat;
}
/*未訪問のリンク*/
.button03 a:link{
}
/*訪問済みのリンク*/
.button07 a:visited{
}
/*マウスホバー時*/
.button07 a:hover{
	background-image:url("ボタン＿大垣.png");
}
/*選択中*/
.button07 a:active{
}
/*08*************************************************/
.button08 a{
	display:block;
	width:220px;
	height:90px;
	background-image:url("textBt03_d.png");
	background-repeat:no-repeat;
}
/*未訪問のリンク*/
.button08 a:link{
}
/*訪問済みのリンク*/
.button08 a:visited{
}
/*マウスホバー時*/
.button08 a:hover{
	background-image:url("textBt03_f.png");
}
/*選択中*/
.button08 a:active{
}


div.sakusya {
	float: left;
	width: 580px;
	margin: 5px;
	height:90px;
}