/*
 * スマートフォン用CSS
 */

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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,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-style: normal;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	vertical-align: bottom;
	background: transparent;
	-webkit-text-size-adjust: none;
}

/** サイト全体 **/
body {
	font-size: 1.0em;
	background: #ffffff;
	color: #000000;
	margin: 0px 0px 20px 0px;
}

a {
	display: inline;
	font-size: 1.2em;
	line-height: 155%;
}

/* ヘッダー用 */
#logoHeader {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 14;
}
#logoHeaderSpace {
	top: 0;
	width: 100%;
	height: 40px;
}
.topLogoImg {
	position: absolute;
	float: left;
	padding: 5px;
}
.topMenuSideLogo {
	height: 40px;
	overflow: hidden;
	background: #000000;
}

/* フッター用 */
div.Copyright {
	background: -webkit-gradient(linear, left top, left bottom, from(#6e6e6e), to(#000000));
	color: #ffffff;
	font-size: 11px;
	height: 22px;
	line-height: 22px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
}
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	div.Copyright {
		background: -webkit-gradient(linear, left top, left bottom, from(#6e6e6e), to(#000000));
		-webkit-background-size: 38px 43px;
	}
}

/* コーナータイトル */
div.CornerTitle {
	background: #000000;;
	color: #ffffff;
	font-size: 14px;
	min-height: 40px;
	line-height: 40px;
	text-align: center;
}
@media only screen and  (-webkit-device-pixel-ratio: 2) {
	div.CornerTitle {
		background: #000000;
		-webkit-background-size: 38px 43px;
	}
}

/* フッターリンク */
.tabLinkListFooter {
	background: #ffffff;
	padding-top: 5px;
}
.tabLinkListFooter .table {
	display: table;
	width: 100%;
	border: none;
	border-collapse: separate;
}
.tabLinkListFooter .tr {
	display: table-row;
}
.tabLinkListFooter .td {
	display: table-cell;
}

/* 汎用　黒ボタン(サイズは画面で指定) */
.btn_black_area { margin: 0 4px; }
.btn_black {
	display: inline-block;
	overflow: hidden;
	height: 50px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	vertical-align: middle;
}
.btn_black a {
	margin: 4px;
	border-radius: 5px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	display: block;
	position: relative;
	border: solid 1px #808080;
	text-align:center;
	background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#000000));
	background: -o-linear-gradient(#333333, #333333 50%, #000000 50%, #000000);
	background: linear-gradient(#333333, #333333 50%, #000000 50%, #000000);
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	line-height: 40px;
	text-decoration:none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.btn_arrow a p { margin: 0 0 0 -0.5em !important; }
.btn_arrow a:after {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 9px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#000000));
	background: -o-linear-gradient(-90deg, #333333, #333333 50%, #000000 50%, #000000);
	background: linear-gradient(135deg, #333333, #333333 50%, #000000 50%, #000000);
}
.btn_arrow a:before {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 6px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background: #fff;
}
.tabLinkList {
	background: #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
}
.tabLinkList .table {
	display: table;
	width: 100%;
	border: none;
	border-collapse: separate;
}
.tabLinkList .tr {
	display: table-row;
}
.tabLinkList .td {
	display: table-cell;
}

/** 表示用タイトル **/
div.DispSiteTitle {
	text-align: center;
	font-size: inherit;
	color: inherit;
}

/** デバッグ用文言 **/
div.DebugTitle {
	text-align: center;
	font-size: 70%;
	color: #999999;
	line-height: inherit;
	margin: 0px 0px 10px 0px;
}

div.CopyrightHTML {
	text-align: center;
	color: #FFFFFF;
	background-color: #0000FF;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


/** 全ての回り込み解除 **/
.clear {
	clear: both;
}

/** PHP側独自 **/
div.centerMsg {
	text-align: center;
}

div.submitButton {
	text-align: center;
}

div.errorMsg {
	color: #ff0000;
}

div.attentionMsg {
	color: #0000ff;
}

/* ------------------------------------------------
	wrapper
------------------------------------------------ */
#wrapper {
	background: #ffffff;
	/* padding: 10px 10px 0px 10px */
	padding: 0 10px;;
}

ul, ol {
	list-style-type: none;
}

.listSiteBottom li a:not(.noListLink) {
	position: relative;
	display: block;
	width: 100%;
	height: 44px;
	padding: 10px;
	color: #000000;
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#dcdcdc));
	text-decoration: none;
	text-align: center;
	-webkit-box-sizing: border-box;
}
.listSiteBottom.listSiteBottom1 li a:not(.noListLink):after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	display: block;
	width: 6px;
	height: 6px;
	margin-top: -4px;
	border-top: solid 2px #979797;
	border-right: solid 2px #979797;
	-webkit-transform: rotate(45deg);
}

.listSiteBottom2 li a:not(.noListLink) {
	font-size: 30px;
	position: relative;
	display: block;
	width: 100%;
	padding: 5px 0 5px 0;
	color: #000000;
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#dcdcdc));
	text-decoration: none;
	text-align: center;
	-webkit-box-sizing: border-box;
}

.regist a {
	font-size: 30px;
	color: #ffffff;
	text-align: center;
	border: 1px solid #ffffff;
	display: inline-block;
	width: 90%;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff3019), to(#cf0404));
	text-decoration: none;
	padding: 5px 0 5px 0;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 0 2px #BBBAB0;
}

.selectPayment li a:not(.noListLink) {
	position: relative;
	display: block;
	width: 100%;
	min-height: 44px;
	padding: 10px;
	color: #000000;
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#dcdcdc));
	text-decoration: none;
	text-align: center;
	-webkit-box-sizing: border-box;
	margin-bottom:15px;
	-webkit-border-radius: 5px;
}
.selectPayment li a:not(.noListLink):after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	display: block;
	width: 6px;
	height: 6px;
	margin-top: -4px;
	border-top: solid 2px #979797;
	border-right: solid 2px #979797;
	-webkit-transform: rotate(45deg);
}

/* ----------------------------------------------------
	ツイッタータイムラインサイズ
---------------------------------------------------- */
#twitter-widget-0 {width:100%;}
#twitter-widget-1 {width:100%;}
/* ツイートボタンの幅を強制的に変更(右に余白が出来てしまう為) */
iframe.twitter-share-button {
	width: 80px!important;
}

/* テキスト揃え
------------------------------------------------ */

/* 右揃え */
.alR { text-align: right !important; }

/* 中央揃え */
.alC { text-align: center !important; }

/* 左揃え */
.alL { text-align: left !important; }

/* 余白
------------------------------------------------ */

/* トップ */
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }

/* ボトム */
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }

/* マージン
------------------------------------------------ */

/* トップ */
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }

/* ライト */
.mr-1 { margin-right: -1px !important; }
.mr-3 { margin-right: -3px !important; }
.mr2 { margin-right: 2px !important; }
.mr3 { margin-right: 3px !important; }

/* ボトム */
.mb3 { margin-bottom: 3px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb7 { margin-bottom: 7px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }

/** 水色帯 **/
.lightBlueBand {
	color: #ffffff;
	background: #00aced;
	min-height: 30px;
	line-height: 30px;
	padding-left:3px;
}
.DarkScreen{
	background:#444;
}
/** 青色帯 **/
.BlueBand {
	color: #ffffff;
	background: #305097;
	min-height: 30px;
	line-height: 30px;
	padding-left:3px;
}
.registMember {
	font-size: 14px;
}
.registMember a {
	color: #ffffff;
	border: 1px solid #ffffff;
	display: inline-block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff3019), to(#cf0404));
	text-decoration: none;
	padding: 5px 0 5px 0;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 0 2px #BBBAB0;
}