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

html{
	height:100%;
	}
	
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	font-style:normal;
	color:#666666;
	line-height:1.5em;
	height:100%;
	min-width:1000px;
	-webkit-text-size-adjust:none;
	}

li{
	list-style:none;
	}

a{
	color:#ffffff;
	text-decoration:underline;
	outline:none;
	}

a:hover{
	text-decoration:none;
	}
	
#wrapper{
	width:100%;
	height:100%;
	}

/*--------------------
メイン
--------------------*/
#main{
	position:relative;
	height:100%;
	padding-bottom:120px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	}
	
	#main h1{
		position:absolute;
		left:50%;
		top:50%;
		margin:-200px 0 0 -185px;
		z-index:1;
		}
		
	#main nav{
		position:absolute;
		left:50%;
		top:50%;
        font-size:0;
        line-height:0;
        text-align: center;
        width:600px;
		margin-left:-300px;
		z-index:1;
		}
		
		#main nav li{
			display:inline-block;
            margin-bottom:30px;
			}
			
		#main nav li:nth-child(odd){
			margin-right:60px;
			}
		
			#main nav li a{
				display:block;
				}
			
			#main nav li a{
				background-position:left top;
				background-repeat:no-repeat;
				}
				
			#main nav li a:hover{
				background-position:left -50px;
				}
			
			#main nav li.honten a{ background-image:url(../images/btn_honten.png);}
			#main nav li.aichi a{ background-image:url(../images/btn_aichi.png);}
			#main nav li.miyagi a{ background-image:url(../images/btn_miyagi.png);}
			#main nav li.fukuoka a{ background-image:url(../images/btn_fukuoka.png);}
			
				#main nav li a img{
					display:block;
					}
	
	#main ul{
		width:100%;
		height:100%;
		}
	
		#main ul.images li{
			display:none;
			position:absolute;
			left:0;
			top:0;
			background-position:50% 50%;
			background-repeat:no-repeat;
			background-size:cover;
			width:100%;
			height:100%;
			min-width:1000px;
			overflow:hidden;
			z-index:0;
			}
		
		#main ul.images li:nth-of-type(1){ background-image:url(../images/photo_01.jpg);}
		#main ul.images li:nth-of-type(2){ background-image:url(../images/photo_02.jpg);}
		#main ul.images li:nth-of-type(3){ background-image:url(../images/photo_03.jpg);}
		#main ul.images li:nth-of-type(4){ background-image:url(../images/photo_04.jpg);}
		#main ul.images li:nth-of-type(5){ background-image:url(../images/photo_05.jpg);}
		#main ul.images li:nth-of-type(6){ background-image:url(../images/photo_06.jpg);}
        #main ul.images li:nth-of-type(7){ background-image:url(../images/photo_07.jpg);}
        #main ul.images li:nth-of-type(8){ background-image:url(../images/photo_08.jpg);}

/*--------------------
フッター
--------------------*/
footer{
	position:absolute;
	left:0;
	bottom:0;
	background-color:#000000;
	color:#ffffff;
	font-size:10px;
	line-height:1.5em;
	width:100%;
	min-width:1000px;
	height:120px;
	}

	footer .innr{
		position:relative;
		width:960px;
		margin:0 auto;
		padding:20px 20px 0;
		}

		footer .innr ul.nav{
			font-size:0;
			margin-bottom:30px;
			}
	
			footer .innr ul.nav li{
				display:inline;
				font-size:12px;
				margin-right:4px;
				}
				
			footer .innr ul.nav li::after{
				content:"｜";
				color:#aaaaaa;
				padding-left:5px;
				}
	
			footer .innr ul.nav li:last-child::after{
				content:"";
				}

		footer .innr ul.social{
			position:absolute;
			right:20px;
			top:20px;
			}

			footer .innr ul.social li{
				float:right;
				width:120px;
				}