/*
@import url("jump_link.css");
*/

/*----------------------------------------------------
	for android bug
----------------------------------------------------*/
* { background-image:url(image); }/*hxやpの横幅がおかしい*/
* { max-height: 999999px; }/*勝手に文字がデカくなる*/

/*----------------------------------------------------
	for iOS bug
----------------------------------------------------*/
html{ -webkit-text-size-adjust: none; }/*縦横位置での文字サイズ自動調整しない*/
* { letter-spacing: -0.001em; }/*フォントが両揃えにならない*/

/* re-edit 2013 ------------------------------------------------------------------------------------------------------------------------------------------------------*/
html{ }
body{ background-color:#000; background-image:url(../img/bg.jpg); background-repeat:repeat-y; background-position:center top; /*background-attachment:fixed;*/ font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Arial,sans-serif; font-size: 12pt; color:#eee; min-width: 990px; }


/* recommended-program ------------------------------------------------------------------------------------------------------------------------------------------------------*/
#recommended-program{ display:none; }

/* a ------------------------------------------------------------------------------------------------------------------------------------------------------*/
a { color:#3187f6; outline:none; }
a:hover, section a:active { color:#3187f6; }
a:visited { color:#3187f6; }
/* background:none; text-shadow: 0 0 10px #8e8, 0 0 20px #8e8, 0 0 30px #8e8, 0 0 40px #8e8, 0 0 5px #8e8, 0 0 5px #8e8, 0 0 5px #8e8, 0 0 5px #8e8; margin: 0 0 5px 0;*/

/*a over ------------------------------------------------------------------------------------------------------------------------------------------------------*/
a.mover{ outline:none; }
a.mover img{
	opacity: 1.0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
}
a.mover:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}

/* etc */
strong{ font-weight:bold; }
.size70{ font-size:70%; }
.size80{ font-size:80%; }
.size90{ font-size:90%; }
.size100{ font-size:100%; }
.size110{ font-size:110%; }
.size120{ font-size:120%; }
.size130{ font-size:130%; }

/* header
------------------------------------------------------------------------------------------------------------------------------------------------------*/
#logo{ height:162px; }
#logo .siteTitleImg{ text-align:center; width:100%; height:162px; overflow:hidden; }
#logo .siteTitleData{ text-indent:100%; white-space: nowrap; overflow: hidden; }

/* sns 
------------------------------------------------------------------------------------------------------------------------------------------------------*/
div#sns{ margin-bottom:15px; }

/* site-bnr 
------------------------------------------------------------------------------------------------------------------------------------------------------*/
div#site-bnr{ display:none !important; }

/* scroll2top 
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.scroll2top { display: table-cell; text-decoration: none; position: fixed; bottom: 30px; right: 30px; overflow: hidden; width: 50px; height: 50px; border: medium none; text-indent: 100%; background-color:#960053; background-image: url(../img/backtotop.png); background-repeat: repeat; background-position: 0px 0px; border-radius: 5px 5px 5px 5px; transition: all 0.4s ease 0s; z-index: 10000; }
.scroll2top:hover { background-color:#e4007f; background-image: url(../img/backtotop.png); background-position: 0px -50px; }
.scroll2top:active, .scroll2top:focus { summary: medium none; }

/* layout
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.container{ width:990px; padding-top:20px; }
#contBox{ width:990px; height:auto; margin:0; padding:0; display:block; position:relative; }/* border:1px solid #f00; */

/* content box
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.contsBox{ margin-bottom:20px; }

/* txtBox
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.txtBox{
	border-radius: 15px;       
	-webkit-border-radius: 15px;    
	-moz-border-radius: 15px;  
	border:4px solid #cc0;
	margin:0;
	padding:1.4em;
	font-size:110%;
	color:#eee;
	line-height:2em;
}
.txtBox strong.progName{ font-weight:bold; color:#fff900; }
.txtBox a { color:#fff900; }

/* h
------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*
h2.txtCatch{ line-height:1.6em; font-weight:bold; padding-bottom:1em; color:#e4007f; text-shadow: 0px 2px 1px #fff, 2px 2px 1px #fff, 2px 0px 1px #fff, 2px -2px 1px #fff, 0px -2px 1px #fff, -2px -2px 1px #fff, -2px 0px 1px #fff, -2px 2px 1px #fff; }
*/
h2.txtCatch{ font-size:110%; letter-spacing:0.1em; line-height:1.6em; font-weight:bold; padding-bottom:1em; color:#fff100; text-shadow:0px 2px 2px #000000; }

/* a btn
------------------------------------------------------------------------------------------------------------------------------------------------------*/
a.btn {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1e82f4), color-stop(100%, #0064d6));
  background-image: -webkit-linear-gradient(top, #1e82f4, #0064d6);
  background-image: -moz-linear-gradient(top, #1e82f4, #0064d6);
  background-image: -o-linear-gradient(top, #1e82f4, #0064d6);
  background-image: linear-gradient(top, #1e82f4, #0064d6);
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
  display: block;
  padding: 5px 0 3px 0;
  background-color: #0064d6;
  color: #FFF !important;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -2px 0 #000072;
  /*font-weight: bold;*/
  font-size: 90%;
}
a.btn:hover {
  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
  color: #FFF;
  margin-top: 1px;
  margin-bottom: -1px;
}

/* common link btn 
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.link-btn {
font-size:16px;
font-weight:normal;
border:1px solid #dcdcdc;
padding:9px 18px;
text-decoration:none;
display:inline-block;
-webkit-border-radius:8px;
border-radius: 8px;
zoom: 1;
border:1px solid #dcdcdc;
color:#777 !important;
text-shadow:1px 1px 1px #ffffff;
-webkit-box-shadow:inset 1px 1px 0px 1px #ffffff;
box-shadow:inset 1px 1px 0px 1px #ffffff;
background-color:#ededed;
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(10%, #ededed), color-stop(90%, #dfdfdf) );
background-image: -webkit-linear-gradient(top, #ededed 10%, #dfdfdf 90%);
background-image: -moz-linear-gradient(top, #ededed 10%, #dfdfdf 90%);
background-image: -ms-linear-gradient(top, #ededed 10%, #dfdfdf 90%);
background-image: -o-linear-gradient(top, #ededed 10%, #dfdfdf 90%);
background-image: linear-gradient(top, #ededed 10%, #dfdfdf 90%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
}
.link-btn:hover {
zoom: 1;
color:#333 !important;
background-color:#dfdfdf;
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(10%, #dfdfdf), color-stop(100%, #ededed) );
background-image: -webkit-linear-gradient(top, #dfdfdf 10%, #ededed 90%);
background-image: -moz-linear-gradient(top, #dfdfdf 10%, #ededed 90%);
background-image: -ms-linear-gradient(top, #dfdfdf 10%, #ededed 90%);
background-image: -o-linear-gradient(top, #dfdfdf 10%, #ededed 90%);
background-image: linear-gradient(top, #dfdfdf 10%, #ededed 90%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
}
.link-btn:active {
position:relative;
top:1px; }