@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap&subset=japanese');
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

/*全体の設定
---------------------------------------------------------------------------*/
body {
	color: #cccccc;	/*全体の文字色*/
	margin: 10px auto 0px;
	padding: 0px;
	font-size:	0.81em;
	line-height:1.5em;
	letter-spacing:0.08em;
	font-feature-settings : "palt";
font-family: 'Noto Sans JP', sans-serif;
	background: #171717;	/*全体の背景色*/
}

#contents {
	width: 700px;
	margin: 0px auto;
}

h2 {
	font-size: 100%;
	color: #CCCCCC;	/*文字色*/
	padding: 5px 10px;	/*左から、上下、左右への余白*/
	margin:0px 0px 10px 0px;
	background-color: #0d0d0d;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image:  -webkit-gradient(linear, left top, left bottom, from(#747474), to(#0d0d0d));	/*グラデーション*/
	background-image:  -webkit-linear-gradient(#747474, #444444 49%, #1a1a1a 50%, #0d0d0d);	/*同上*/
	background-image:  linear-gradient(#747474, #444444 49%, #1a1a1a 50%, #0d0d0d);			/*同上*/
　　clear: both;
	border-right: 1px solid #535353;	/*右側の線の幅、線種、色*/
	border-bottom: 1px solid #535353;	/*下側の線の幅、線種、色*/
	border-left: 1px solid #535353;		/*左側の線の幅、線種、色*/
	border-top: 4px solid #990000;		/*左側の線の幅、線種、色*/
}
h6 {
	font-size: 14px;
	color: #ff0000;		/*文字色*/
	padding: 0px 10px 0px 10px;	/*左から、上下、左右への余白*/
	margin:0px 0px 0px 0px;
	clear: both;
}
#tx1 {
	font-size: 12px;
	padding: 10px 10px 10px 10px;	/*左から、上下、左右への余白*/
	clear: both;
}
#centerbutton {
	width: 100%;	/*ブロック幅*/
	position: relative;
	margin: 0px auto;
	text-align: center;	/*文字を右寄せ*/
}
.button {
	font-size:12px;
	font-weight: bold;
	color: #ccc;
	background-color: #111;
    display: inline-block;
    width: 200px;
    height: 30px;
    text-align: center;
    text-decoration: none;
    line-height: 30px;
    outline: none;
	border: 1px solid #535353;
    border-radius: 0px;
    margin:10px 0px 20px 0px;
}
.button:hover {
	color: #fff;
    background-color: #333;
}
.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;
}

.btn {
display: inline-block;
text-align: center;
font-size: 12px;
-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
transition: 0.5s;			/*同上*/
color: #cccccc;	/*リンクテキストの色*/
width: 140px;
margin: 10px 0px 10px 0px;
padding: 5px 0;
border: 1px solid #3b3542;
text-align: center;
text-decoration: none;
background: -moz-linear-gradient(top,#27232c 0%,#131116);
background: -webkit-gradient(linear, left top, left bottom, from(#27232c), to(#131116));
/* IE 5.5-7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#27232c', endColorstr='#131116', GradientType=0);
/* IE 8+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#27232c', endColorstr='#131116', GradientType=0)"; 
/* IE 10 */
background: linear-gradient(to bottom, #27232c, #131116);
}
.btn:hover{
	color: #ffffff;	/*リンクテキストの色*/
	text-decoration:none;
}
#btnback{
	width: 700px;
	margin:0px auto 0px;	
}
#close {
	width: 100%;	/*ブロック幅*/
	position: relative;
	margin: 0px auto;
	text-align: center;	/*文字を右寄せ*/
}

/*PAGE TOP設定
---------------------------------------------------------------------------*/
#pagetop {
	clear: both;
	width: 700px;
	margin: 0px auto;
}
#pagetop a {
	color: #CCCCCC;		/*文字色*/
	font-size: 10px;	/*文字サイズ*/
	background-color: #000000;	/*背景色*/
	text-decoration: none;
	text-align: center;
	width: 10em;	/*ボックス幅*/
	display: block;
	float: right;
}
/*マウスオン時*/
#pagetop a:hover {
	background-color: #333;	/*背景色*/
	color: #FFF;			/*文字色*/
}

/*フッター設定(copyrightなどが入った最下部ブロック)
---------------------------------------------------------------------------*/
footer {
	font-size: 11px;
	clear: both;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #CCCCCC;			/*文字色*/
	background: #000000;	/*背景色*/
}
footer a {
	text-decoration: none;
	color: #CCCCCC;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
}
footer a:hover {
	color: #ffffff;
}

/*ここからスマートフォン用（480px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width : 480px){

#contents {
	width: auto;
	margin: 0px 10px 0px 10px;
}

#btnback{
	width: 100%;
	margin:0px auto 0px;	
}

/*PAGE TOP設定
---------------------------------------------------------------------------*/
#pagetop {
	clear: both;
	width: 100%;
	margin: 0px auto 0px 0px;
}
}