﻿@charset "UTF-8";

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, li,
brockquote, pre, table, caption, address, form, object, img,
span, a, strong, em, q, ins, del, site, code, dfn, abbr, acronym, 
section, header, footer, nav, aside, article, address, figure, hgroup,
menu {
  margin: 0;
  padding: 0;
}

html {
overflow-y:scroll;
}


body{
	font:14px/1.231 Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	line-height:22px;
	*font-size:small;
	*font:x-small;
	background:#170705;
}

select,input,button,textarea,button{
	font:99% arial,helvetica,clean,sans-serif;
}

table{
	font-size:inherit;
	font:100%;
}

pre,code,kbd,samp,tt{
	font-family:monospace;
	*font-size:108%;
	line-height:99%;
}

/* IE6 and IE7 Hack */
* html body {font-family: 'ＭＳ Ｐゴシック',sans-serif;}
*:first-child+html body {font-family: 'メイリオ','ＭＳ Ｐゴシック',sans-serif;}

/* 日本語が読みやすいline-height例 */
body * {
line-height:1.38em;
}

img {
   vertical-align:bottom
}


ul {
  list-style-position: outside;
  list-style-type: none;
}

li a {
  border:none;
}

ol li {
  margin-bottom: 5px;
}
  
table {
  border-collapse: collapse;
  font-size: 100%;
}

img,
a {
  border:none;
}

address,
em,
cite {
  font-style: normal;
}

a {
  color:#000;
  overflow:hidden;
  outline:none;
  text-decoration:underline;
}

a:visited {
  text-decoration:underline;
  color:#333;
}

a:hover {
  text-decoration:none;
}

.img-waku {
  margin:2px;
}

.nobr {
white-space:nowrap;	
}

/* ALL GROUND PARTS */

.clearboth {
  clear:both;
  width:0;
  height:0;
  margin:0;
  padding:0;
}

.m15 {
	margin:15px;
}

.mt10 {
	margin-right:10px;
	margin-top:10px;
}

.mr10 {
	margin-right:10px;
}

.ml10 {
  margin-left:10px;
}

.mr5 {
  margin-right:5px;
}

.mr14 {
  margin-right:14px;
}

.mt3 {
  margin-top:3px;
}

.mb5 {
  margin-bottom:5px;
}

.mb10 {
  margin-bottom:10px;
}

.mb20 {
  margin-bottom:20px;
}

.mb15 {
  margin-bottom:15px;
}

.mr3 {
  margin-right:3px;
}

.mt5 {
  margin-top:5px;
}

.mt22 {
  margin-top:22px;
}

.mt12 {
  margin-top:12px;
}

.mt15 {
  margin-top:15px;
}

.mb30 {
  margin-bottom:30px;
}

.mt30 {
  margin-top:30px;
}

.mtb10 {
  margin:10px 0;
}


.m5 {
margin:5px;
}

.mr20 {
margin-right:20px;
}

.ptb5 {
paddinb:5px 0;
}

.pb10 {
  padding-bottom:10px;
}

.pb15 {
  padding-bottom:15px;
}

.pr10 {
  padding-right:10px;
}

.pb20 {
padding-bottom:20px;
}

.mtb15 {
	margin-top:15px;
	margin-bottom:15px;
}

.mrl15 {
margin:0 15px;
}

.w100 {
	width:100px;
}

.txt-b20 {
  font-size:20px;
  font-weight:bold;
}

.txt-b16b {
  font-size:16px;
  font-weight:bold;
  color:#000;
}

.txt-10 {
  font-size:10px;
  line-height:16px;
}

.txt-12 {
  font-size:12px;
  line-height:18px;
}

.txt-center {
text-align:center;
}

.txt-blue {
  color:#0099ff;
}


.txt-red {
  color:#CC0000;
}

.txt-right {
  text-align:right;
}

.txt-mosgreen {
color:#767028;
}

.txt-orange {
  color:#b6601f;
}


.txt-gray {
color:#666;
}

.txt-yellow {
color:#aa8103;
}

.txt-pink {
  color:#e73a7f;
}

.txt-small {
font-size:11px;
line-height:15px;
}

.txt-kome {
color:#815208;
font-size:12px;
line-height:16px!important;
}

.txt-non {
display:none;
}

.no-sp {
display:none;
}

.float-right {
  float:right;
}

.float-left {
  float:left;
}

.float-right-mtr5 {
  float:right;
  margin:5px 5px 0 0;
}

.float-right-ml10 {
  float:right;
  margin-left:10px;
}

.float-left-mr5 {
  float:left;
  margin-right:5px;
}

.absmiddle {
  vertical-align:middle;
}

.pagetop-txt {
  display:none;
}

.clearfix {
clear:both;
height:auto;
}

.clearfix:after {
content: "";
display: block;
clear: both;
}

a:hover img.img-over {
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}

img.img60 {
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}

.tit-logo {
text-indent:-99999px;
height:0;
}

#top-container {
padding:10px;
}

/*SNS*/
.top-sns-block {
height:auto;
float:left;
width:auto;
padding-top:5px;
padding-bottom:10px;
}

.top-sns-block:after {
content: "";
display: block;
clear: both;
}

.head-top-fb-block {
width:120px;
float:left;
}

.head-top-twitter-block {
width:120px;
float:left;
}

.head-top-nico-block {
width:120px;
float:left;
}


.top-sns-btn {
height:auto;
float:left;
width:auto;
padding-bottom:10px;
}

.top-sns-btn:after {
content: "";
display: block;
clear: both;
}

.head-top-fb-btn {
width:50px;
float:left;
margin-right:10px;
}

.head-top-twitter-btn {
width:50px;
margin-right:10px;
float:left;
}

.head-top-nico-btn {
width:50px;
float:left;
}
.link-banner{
	text-align:center;
}
.link-banner img{
	width:80%;
	height:auto;
}

/*NEWS*/
.news-block {
clear:both;
width:90%;
background:#fff;
margin:auto;
margin-bottom:10px;
}

.tit-news {
background:#1d51a3;
color:#fff;
padding:5px;
}

.news-block-in {
padding:10px 0;
margin:auto;
}

.list-news {
padding:5px;
}

.list-news li {
padding-bottom:5px;
border-bottom:1px dashed #ccc;
margin-bottom:5px;
}

/*RIGHT*/
#top-head-right {
display:none;
}

/*MENU*/
#pc-top-menu-block {
display:none;
}

#sp-top-menu-block {
padding-bottom:10px;
height:auto;
clear:both;
}

#sp-top-menu-block:after {
content: "";
display: block;
clear: both;
}

.list-sp-top-menu li {
float:left;
width:50%;
}

/*BNR*/
#top-bnr {
width:80%;
margin:auto;
}

#top-bnr img {
margin-bottom:10px;
}

/*FOOTER*/
#footer-block {
margin:auto;
width:100%;
}

/*PAGETOP*/
#backtotop {
bottom: 25px;
height: 55px;
position: fixed !important;
position: absolute;
right:25px;  
width: 55px;
text-indent:-9999px;
}
 

#backtotop a {
background: url(../../common/img/btn_backtotop.png) no-repeat scroll 0 0 transparent;
display: block;
height: 55px;
width: 55px;
}

#backtotop a:hover {
background: url(../../common/img/btn_backtotop.png) no-repeat scroll 0 -55px transparent;
}