@charset"utf-8";
/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td{maragin:0;padding:0;}
ul li{list-style-type:none;}
img{margin:0;padding:0;border:none;vertical-align:bottom;}

/*Basicレイアウト*/
#body{background-color:#fff;background-image:url("water3.jpg");background-position:right center;background-repeat:repeat-y;background-attachment:fixed;}
#wrapper{margin:0 auto 0 auto;width:940px;}
#main{float:left;margin:0 0px 40px 0;width:680px;}
#sidebar{float:left;margin:0 20px 0 0;width:260px;}
footer{clear:both;}
/*header*/
header h1{
margin:10px auto 20px;
padding:0;
width:500px;
height:59px;
text-indent:0px;
background:#000 ;}

header nav ul{overflow:hidden;margin:0 0 30px 0;}
header nav ul li{float:left;width:156px;}

.button {
	display: inline-block;
	width: 156px;
	height: 40px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button {
	position: relative;
	z-index: 2;
	background-color: #fff;
	border: 1.5px solid #333;
	color: #333;
	line-height: 38px;
	overflow: hidden;
}
.button:hover {
	color: #fff;}
.button::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.button:hover::after {
	-webkit-transform: scale(2) rotate(180deg);
	transform: scale(2) rotate(180deg);
	background: #D1D1D1;
}

/*#main*/
#main{padding-right:20px;width:640px;}

#iframe {
	border: 0;
}


/*#sidebar*/
#sidebar ul li{border-top:1px dotted #3E1314;}
#sidebar ul li:last-child {border-bottom:1px dotted #3E1314;}
#sidebar ul li a{
padding:10px 0 10px 5px;
display:block;
color:#000;
text-decoration:none;}
#sidebar ul li a:hover{color:#fff;background-color:#3E1314;}

/*footer*/
footer{
margin:20px 0 20px 0;
border-top:1px solid #fff;
padding-top:10px;
text-align:center;
color:#c0c0c0;}
#pageTop{
	background:#DDD;
	border-radius:5px;
	color:#FFF;
	padding:20px;
	position:fixed;
	bottom:20px;
	right:20px;
	}
#pageTop:hover{
	background:#EEE;
	}
/*見出し本文*/
h2{
margin:0 0 20px 0;
padding-bottom:5px;
border-bottom:3px solid #cc2128;
}
h3{
margin:0 0 15px 0;
padding-bottom:5px;
border-bottom:1px solid #cc2128;
}
p{
margin:0 0 20px 0;
font-size:15px;
line-height:2;}
/*table*/