﻿@charset "utf-8";
/* CSS Document */
body {
	　　background-color: #000000;
	　　color: #000;
	
}
#outer {
	　　color: #000;
	　　margin: 0 auto;
	　　padding: 0;
	　　border: solid 1px #000;
	　　width: 800px;
	width: 1300px;
	margin-right: auto;
	margin-left: auto;
	
}
#title {
	　　padding:15px;
	　　border-bottom:solid 1px #000;
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
}

#main {
	margin: 0 0 0 outo;
	　　padding: 10px;
	　　width: 580px;
	font-size: 14px;
	text-align: center;

}
#footer {
	text-align: center;
	　　clear: both;
	　　margin: 0;
	　　padding: 0;
	　　border-top: solid 1px #000;
	background-image: url(images/top_shita.png);
	background-repeat: no-repeat;
	background-position : center ;
}

#outer #main p span a {
	color: #F90;
	text-decoration: none;
}


/*オンマウスで画像をフェードイン*/
a:hover img {
	opacity: .5;
	-webkit-opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	text-align: center;
}
 
a img {
-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-ms-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
}
/*オンマウスで画像をフェードイン*/


/*ボタン四角*/
.button {
  display: inline-block;
  width: 200px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  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 {
  background-color: transparent;
  border: 2px solid #fff;
  color: #e1a549;
  line-height: 50px;
}
.button:hover {
  background-color: #f7adba;
}
/*ボタン四角*/




/*ドラッグで背景色変化*/
::selection
{
    background: #76d1e3;
    color: #27aee3;
}

/* for Firefox */
::-moz-selection
{
    background: #76d1e3;
    color: #27aee3;
}
/*ドラッグで背景色変化*/




/*リンクのテキスト　色*/
a {

  }
/*リンクのテキスト　色*/




/*ボタン丸*/
.btn-circle-border-simple {
  display: inline-block;
  text-decoration: none;
  color: #e1a54;
  width: 120px;
  height: 120px;
  line-height: 120px;
  border-radius: 50%;
  border: solid 2px #fff;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  font-weight: bold;
  transition: .4s;
}

.btn-circle-border-simple:hover {
  background: #f7adba;
}
/*ボタン丸*/




/*スクロールバーを常に表示（ページずれ防止ページ固定のため）*/
html{ overflow-y:scroll; }
/*スクロールバーを常に表示（ページずれ防止ページ固定のため）*/
