@charset "UTF-8";

/* **************************************************

　基本スタイル

************************************************** */

/* --------------------------------------------------
　リセット
-------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, a,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size:100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
section, nav, article, aside, hgourp, header, footer,
figure, figcaption, menu {
	display: block;
}
ol, ul {
	list-style: none;
}
img {
	vertical-align: top;
	font-size: 0;
	line-height: 0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: block;
	margin: 1em 0;
	padding: 0;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
}
input, select {
	vertical-align: middle;
}


/* --------------------------------------------------
　汎用スタイル
-------------------------------------------------- */

/* clearfix */
.clearfix:after {
	content: '';
	display: block;
	clear: both;
}

/* レイアウト */
.blockC {margin: 0 auto;}
.blockL {margin-right: auto;}
.blockR {margin-left: auto;}
.hide {display: none;}
.flL  {float: left;}
.flR {float: right;}
.clear {clear:both;}
img.left  {margin: 0 20px 10px 0;}
img.right {margin: 0 0 10px 20px;}

/* 余白指定 */
.mt5  {margin-top: 5px;}
.mr5  {margin-right: 5px;}
.mb5  {margin-bottom: 5px;}
.ml5  {margin-left: 5px;}
.mt10 {margin-top: 10px;}
.mr10 {margin-right: 10px;}
.mb10 {margin-bottom: 10px;}
.ml10 {margin-left: 10px;}
.mt15 {margin-top: 15px;}
.mr15 {margin-right: 15px;}
.mb15 {margin-bottom: 15px;}
.ml15 {margin-left: 15px;}
.mt20 {margin-top: 20px;}
.mr20 {margin-right: 20px;}
.mb20 {margin-bottom: 20px;}
.ml20 {margin-left: 20px;}

.pt10 {padding-top: 10px;}
.pr10 {padding-right: 10px;}
.pb10 {padding-bottom: 10px;}
.pl10 {padding-left: 10px;}

/* 横幅指定 */
.w20 {width: 50px;}
.w50 {width: 50px;}
.w100 {width: 100px;}
.w150 {width: 150px;}
.w200 {width: 200px;}
.w300 {width: 300px;}

/* 文字 */
.taR {text-align: right;}
.taL {text-align: left;}
.taC {text-align: center;}
.fzS {font-size: 0.92em;}
.fzL {font-size: 1.08em;}
.fwN {font-weight: normal;}
.fwB {font-weight: bold;}
.fcR {color: #f00;}

/* jQuery ui tabs */
.ui-tabs .ui-tabs-hide {
	display: none !important;
}

/* ツイッターAPI */
.twtr-hd, .twtr-ft{
	display: none;
}




/* --------------------------------------------------
　サイトで共通するスタイル
-------------------------------------------------- */

/* 文字
-------------------------------------------------- */
body,
input,
textarea {
	color: #fff;
	font-size: 13px;
	line-height: 1.5;
}
a {
	color:#eee;
}

/* 背景
-------------------------------------------------- */
body {
	background:#000;
}


/* レイアウト
-------------------------------------------------- */
.scrollContet {
	position:relative;
	margin-top:50px;
}


#wrapper {
	margin:0 auto;
	width:320px;
}



/* エリア別
-------------------------------------------------- */

/* ナビ */
nav {
	position:fixed;
	top:0px;
	display:none;
	background-color:rgba(0,0,0,0.8);
	z-index:100;
}
nav li {
	padding:1px 0;
}
nav li:first-child {
	padding-top:15px;
}
nav li:last-child {
	padding-bottom:80px;
}


/* フッター */
footer {
	position:fixed;
	bottom:0;
	z-index:200;
}
.footerInner {
	position:absolute;
	bottom:0;
	width:320px;
	height:120px;
	background:url(../img/bg_footer.png) no-repeat;
}
#naviButton {
	position:absolute;
	bottom:30px;
	right:0px;
}

#pageTitle {
}
#pageTitle li {
	position:absolute;
	bottom:40px;
	left:0px;
	display:none;
}
#pageTitle li.link-active {
	display:block !important;
}

.copyright {
	position:absolute;
	bottom:3px;
	text-align:center;
	font-size:9px;
	line-height:1.2;
	color:#646464;
}