﻿html{
	overflow-y:scroll;
	width:100%;height:100%;
	background-image:url(images/haikei.jpg);
	background-size:cover;}

body{
	line-height:1.5;
	color:#333;
	margin:0;
	padding:0;
	text-align:center;}
	
img{height:100%;}

#header{
	width:710px;
	height:50px;
	margin:auto;
	padding-left:90px;}
	  
#header h1{
	color: #FF6699;
	text-align: center;}
	
#nav{
	width:800px;
	height:200px;
	margin:auto;
	padding-bottom:150px;}
	
#nav ul{
		margin:0;
		height:80px;
		width:800px;
		text-align: center;
		padding-top: 20px;}
		
#nav li{
         list-style-type: none;
         display:inline-block;
         height:110px;
         width:110px;
         margin:0;
         position:relative;}
         
#nav li a{
	border: 5px solid #FF6699;
	display: block;
	width: 80px;
	height: 80px;
	text-align: center;
	line-height: 80px;
	text-decoration: none;
	background-color: #FF6699;
	color: #FFF;
	border-radius: 500px;
	font-size: 16px;
	position: absolute;
	top: 10px;
	left: 15px;
	-webkit-transition: all ease 0.2s;
	-moz-transition: all ease 0.2s;
	-o-transition: all ease 0.2s;
	-ms-transition: all ease 0.2s;
	font-family: "M+ 1c bold";
	font-weight: bold;}
		
#nav li a:hover{
				background-color:#FFF;
				color:#FF6699;
				width:100px;
				height:100px;
				line-height:100px;
				top:0;
				left:0;}

#foot{
	width:567px;             
	height: 543px;        
	position:relative}
					
#foot img{position: relative;}
				
#kousin{
	text-align: center;
	position: absolute;
	top:50px;
	left: 268px;
	width: 40%;
	color: #000000;}
#textbox p{
  text-align: center;
  width: 100%;}
  
.tdftad a {
			text-align: center;
			display:inline-block;}
				
