﻿div#wrapper {
	width: 1020px;
	min-height: 600px;
	height: auto !important;
	height:auto;
	margin: 0 auto;
	padding:auto !important;
	padding:0 auto;
	background:   #fff;
	border:0px;
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
}
html{
	overflow: scroll;
}

body {
	padding: inherit;
	background-color:#DDDDDD;
	-webkit-text-size-adjust: none;
}
a:hover{
text-decoration:underline
}

.resize {
	width: 200px;
	max-height:50px;
}

#button{  
  margin: 0;  
  padding: 0;  
  width: 100%; 

}  
  
#button ul{  
  list-style-type: none;  
  margin: 0;  
  padding: 0;  
}  
  
#button li{  
  float: left;  
  width: 170px;
  margin: 0;  
  padding: 0;
  font-weight:bold;
}  
  
#button a{  
  text-align: center;  
  display:block;  
  padding: 0.5em 0;
  padding-top:15px;
  width:100%;  
  height:30px;
  background: url(picture/button01.png) center;  
  color:#ffffff;  
  text-decoration:none;
  vertical-align:top;
}  
  
#button a:hover{
  background: url(picture/button01-on.png) center;  
  color: #000000;
  text-decoration:none;  
}  


#button0{  
  margin: 0;  
  padding: 0;  
  width: 100%;  
}  
  
#button0 ul{  
  list-style-type: none;  
  margin: 0;  
  padding: 0;  
}  
  
#button0 li{  
  float: left;
  width: 170px; 
  margin: 0;  
  padding: 0;
  font-weight:bold; 
  font-size: 16px; 
  vertical-align:bottom;
}  
  
#button0 a{  
  text-align: center;  
  display:block;  
  padding: 0.5em 0;  
  padding-top:15px;
  width:100%;  
  height:30px;
  background: url(picture/button02.png) center 100%;  
  color:#ffffff;  
  text-decoration:none;
  vertical-align:middle
}  
  
#button0 a:hover{
  background: url(picture/button02-on.png) center 100%;  
  color: #000000;
  text-decoration:none; 
}  


#banar {
	width:250px;
}

#link {
	padding-top:7%;
	padding-right:3%;
	vertical-align:top;
	text-align:right
}


img {
	border:0
}

#shadow{ 
	width:300px;
	height:200px;
	padding-top:20px;
}


#top{
	background-color:#000000;
    padding-right:3em;
    padding-left:10px;
    color:#ffffff;
    font-size:small;
    }
#top a:hover{
	text-decoration:underline;
}


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

#bottom {
	background-color:#000000;
	font-size:small;
	text-align:center;
	color:#FFFFFF;
}


#entry {
	width:200px;
}

#copy {
	width:250px;
}

#style{
	padding:5%;
	vertical-align:top;
}
#linkpage{
	width:100%;
}
#linkpage table{
	margin-left:-50px;
}

#linkpage td{
	padding:30px 50px;
	height:70px;
	vertical-align:top;
}

#at-text{
	margin-left:-1em;
	text-indent:1em;
}

#back{
	font-size:small;
	text-align:right;
	padding-right:5%;
}
#container{
background-image:url(picture/conte.png);
	background-repeat:no-repeat;
	height:75px;
	padding-top:1%;
	border-width:0px;
	text-align:left;
	padding:0
	;margin:0
	
    
}

#container2{
	background-image:url(picture/conte2.png);
	background-repeat:repeat-y;
	padding:0;
	margin:0	
	}

#lcontainer2{
	background-image:url(picture/conte2.png);
	background-repeat:repeat-y;
	padding: 0 0px 0 50px;
	}

#ｓcontainer2{
	background-image:url(picture/conte2.png);
	background-repeat:repeat-y;
	padding: 0 10px 0 40px;
	}

#container22{
	background-image:url(picture/conte2.png);
	background-repeat:repeat-y;
	padding: 0 0px 0 0px;
	}


#container3{
	background-image:url(picture/conte3.png);
	background-repeat:no-repeat;
	height:80px;
}
.koi {
	background-color: #CCCCCC;
}
.usu {
	background-color: #F0F0F0;
}
.midasi {
	background-color: #080059;
	text-align: center;
	color:white;
}
h4{
	border-bottom:thin gray dashed;
}

