﻿@charset "utf-8";

@font-face {
  font-family: 'typicons';
  src: url('../fonts/typicons.eot');
  src: url('../fonts/typicons.eot?#iefix') format('embedded-opentype'),
       url('../fonts/typicons.woff') format('woff'),
       url('../fonts/typicons.ttf') format('truetype'),
       url('../fonts/typicons.svg#typicons') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
	background-color: rgb(235,235,235);
	}

a {
	color: rgb(33, 117, 195);
	text-decoration: none;
	cursor: pointer;
	}
	
a:visited	{color: rgb(33, 117, 195);}
a:hover		{color: rgb(71,150,224)}
a:focus		{outline: thin dotted;}

dl { line-height: 1.6em;}

dt {font-weight: bold;
	padding: 2%;
	margin: 0px;
	}

dd {margin: 0px;
	margin-bottom: 1em;
	}

ul {padding-left: 1.5em;}
li {margin-bottom: 0.5em; line-height: 1.6em;}

strong, .errorTxt {color:#FF0000;}

/*フェード*/
.button a, #globalMenu a, #mainMenu li, #pageTop a, .linkIco, .links li a {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all  0.5s ease;
	}

/*ページトップへ戻る*/
#pageTop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
	}

/*汎用ボタン*/
.button a, #pageTop a {
	display: block;
	background-color: rgb(255,255,255);
	border: 1px solid #9daca9;
	border-radius: 4px;
	box-shadow: inset 0 1px #fff;
	box-shadow: outset rgba(0,0,0,0.20);
	font: inherit;
	letter-spacing: inherit;
	text-indent: inherit;
	color: inherit;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	color: rgb(0,0,0);
	}

#pageTop a {
	text-decoration: none;
	width: 100px;
	padding: 30px 0;
	box-shadow: rgba(0, 0, 0, 0.298039) 1px 1px 3px 0px;
	opacity: 0.9;
	}

.button a:hover, #pageTop a:hover, .hilight a {background-color: rgb(233,233,233);}

.button a:active, #pageTop a:active {
	background-color: #d2d6d6;
	border: 1px solid #9daca9;
	}


.access {display: none;}

/*記事用*/
.small	{font-size: 0.9em;}
.large	{font-size: 1.2em;}
.big	{font-weight: bold;font-size: 1.4em;}
.center	{text-align: center;}
.spaced {padding: 1em;}
.left	{float: left;}
.right	{float: right;}
.attention {color: #FF0000;}
.clear {clear: both;}
.url{color: #FF0308;font-style: italic;}
.bold{font-weight: bold;}
/*ボタン用*/
.common {margin: 2.5% 2% 2.5% 2%;}

/*記事の関連URLリンク用大型ボタン*/
.big a {
	padding: 10px;
	margin: 2.5% 2% 2.5% 2%;
	}

	
h2.hide	{display: none;}

.oldVersion {
	text-align: center;
	color: rgb(255,0,4);
	padding: 10px;
	}

/*大枠*/
.primaryContainer {
	height: auto;
	margin-left: auto;
	margin-right: auto;
	min-height: 100%;
	position: relative;
	background-color: rgb(235,235,235);
	}

#header {
	float: none;
	height: auto;
	clear: none;
	width: 1040px;
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px auto 0.39588282%;
	/*max-width: 1280px;*/
	max-width: 1040px;
	min-width: 0px;
	border-top: 4px rgb(8,96,168) solid;
	}

#header h1 {
	margin: 0px;
	padding: 0px;
	float: left;
	}

	#taitoLogo {
		padding: 0px;
		width: 115px;
		height: 37px;
		max-width: none;
		margin: 3px 0px 0px 5px;
		clear: none;
		color: rgb(0, 0, 0);
		}

	#globalMenu {
		float: none;
		height: 44px;
		margin: 0px auto;
		clear: none;
		width: auto;
		padding: 0px;
		list-style-type: none;
		}
/*変更*/
		#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8 {
			float: left;
			font-size: 0.9em;
			width: auto;
			height: auto;
			text-align: center;
			font-weight: normal;
			line-height: 1em;
			margin: 15px 1px 0px 0px;
			clear: none;
			min-height: 0px;
			padding: 0.5% 0.6% 0.5% 1.1%;
			}
/*変更*/
		#menu1, #menu8 {display: none;}

		#globalMenu li:before {
			font-family: "typicons";
			content: '\e0b0';
			color: rgb(8,96,168);
			font-size: 1.0em;
			margin-right: 2px;
			}

	#globalMenu a { color: rgb(0,0,0);}
	#globalMenu a:visited { color: rgb(0,0,0);}
	#globalMenu a:hover { color: rgb(20,20,20); background-color: rgb(255, 255, 255);}
	#globalMenu a:active {background-color: #d2d6d6;}

	#mainMenu {
		float: none;
		height: auto;
		margin: 0px auto;
		padding: 0px;
		width: 100%;
		list-style-type: none;
		/*box-shadow: rgba(0, 0, 0, 0.298039) 0px 2px 3px 0px;*/
		/*border-top: 1px #bbc2c1 solid;*/
		}

	#mainMenu li{
		margin-bottom: 0px;
		}

		#menuGc, #menuAc, #menuCt, #menuMb {
			float: left;
			height: 43px;
			margin-left: 0%;
			margin-top: 0px;
			clear: none;
			width: 24.9%;
			margin-right: 0.1%;
			border-top: 1px #ffffff solid;
			border-bottom-width: 6px;
			border-bottom-style: solid;
			background-color: rgb(255,255,255);
			background-repeat: no-repeat;
			background-position: left bottom;
			background-size: contain;
			}

		#menuGc {
			background-image: url(../images/cat_ico_gc00.png);
			border-bottom-color: rgb(230, 0, 0);
			color: rgb(230, 0, 0);}
			
		#menuCt {
			background-image: url(../images/cat_ico_prize00.png);
			border-bottom-color: rgb(255, 119, 190);
			color: rgb(230, 88, 162);}

		#menuAc {
			background-image: url(../images/cat_ico_arc00.png);
			border-bottom-color: rgb(69, 211, 0);
			color: rgb(56, 172, 0);}

		#menuMb {
			background-image: url(../images/cat_ico_mob00.png);
			border-bottom-color: rgb(255, 172, 0);
			color: rgb(242, 145, 0);}
	

			#mainMenu li p {
				font-size: 1em;
				width: 95%;
				height: auto;
				text-align: right;
				font-weight: bold;
				line-height: 1.5em;
				margin-top: 10px;
				clear: none;
				}

		#mainMenu li:active {
			opacity: 0.7;
			background-color: #d2d6d6;
			}

		.gc #menuGc, #menuGc:hover, .prize #menuCt, #menuCt:hover, .goods #menuCt, #menuCt:hover, .arc #menuAc, #menuAc:hover, .mob #menuMb, #menuMb:hover {
			text-shadow: rgba(0, 0, 0, 0.207843) 0px 3px 3px;
			color: #FFFFFF;
			border-bottom-color: #FFFFFF;
			}

		.gc #menuGc, #menuGc:hover {
			background-image: url(../images/cat_ico_gc01.png);
			background-color: rgb(230, 0, 0);}

		.prize #menuCt, #menuCt:hover, .goods #menuCt, #menuCt:hover {
			background-image: url(../images/cat_ico_prize01.png);
			background-color: rgb(255, 119, 190);}

		.arc #menuAc, #menuAc:hover	{
			background-image: url(../images/cat_ico_arc01.png);
			background-color: rgb(69, 211, 0);}

		.mob #menuMb, #menuMb:hover	{
			background-image: url(../images/cat_ico_mob01.png);
			background-color: rgb(255, 172, 0);}

	/*サイト検索のBOX*/
	#searchBox {
		height: auto;
		clear: none;
		width: 25.033936%;
		position: absolute;
		top: 10px;
		left: auto;
		right: 0px;
		bottom: auto;
		}

		#searchTextBox, #tenpoFreeText {
			float: left;
			height: 27px;
			margin-left: 0%;
			margin-top: 0%;
			width: 75.509579%;
			}

	/*プライズナビの検索BOX*/
	#naviSearch {
		height: auto;
		width: 72.0%;
		margin: 1.1% 0% 1.1% 1.1%;
		}

		#naviSearchBox {
			float: left;
			height: 27px;
			width: 77%;
			}

	/*フォームパーツ*/
		#searchTextBox input, #tenpoFreeText input, #naviSearchBox input{
			width: 100%;
			height: auto;
			}

		#searchBtn, #tenpoFreeBtn, #naviSearchBtn {
			float: right;
			height: 27px;
			margin-left: 2.307507%;
			margin-top: 0%;
			clear: none;
			width: 19.923605%;
			}

		#searchBtn input, #tenpoFreeBtn input, #naviSearchBtn input {
			width: 100%;
			height: 25px;
			padding-left: 0px;
			padding-right: 0px;
			font-size: 0.8em;
			}

		.regionSelect:before {
			font-family: "typicons";
			content: '\e0b0';
			font-size: 0.9em;
			color: rgb(136,136,136);
			}

#contentPath {
	font-size: 0.8em;
	width: 1000px;
	max-width: 1040px;
	height: auto;
	margin: 0px auto;
	text-align: left;
	font-weight: normal;
	clear: none;
	padding: 0%;
	list-style-position: inside;
	list-style-type: none;
	}

	.nocat #contentPath {display: none;}

	#contentPath li {
		float: left;
		margin-right: 1em;
		line-height: 2.0em;
		}

	#contentPath li:before {
		font-family: "typicons";
		content: '\e0b0';
		font-size: 0.9em;
		color: rgb(136,136,136);
		}

	#contentPath li a {margin-left: 0.5em;}

#funClubBox {
    float: none;
    height: auto;
    margin: 0px auto 3px;
    clear: none;
    width: 1040px;
    max-width: 1040px;
	}

#tfcWrap {
	width: 55%;
	float: right;
	}

	.tfcMessage {
		display: inline-block;
		height: auto;
		width: 52.5%;
		padding: 0%;
		text-align: left;
		font-weight: normal;
		line-height: 1.6em;
		margin: 0%;
		text-align: right;
		font-weight: bold;
		}

	.tfcMessage a:before {
		font-family: "typicons";
		content: '\e0b0';
		font-weight: normal;
		}

	.fcButton {
		display: inline-block;
		height: auto;
		font-size: 1em;
		margin: 0%;
		margin-left: 1%;
		width: 21.0%;
		}

#tfcInfo {padding: 1%;}

.tenpoSubImae {display: none;}


	.flexslider {
		background-color: transparent;
		margin-bottom: 0px;
		}

	.flexslider li {margin-bottom: 0px;}
	.flexslider .flex-control-nav {z-index: 999;bottom: 5px;}
	.flexslider .flex-direction-nav li {line-height: inherit;}



/*コンテンツ全体をラップ*/
#contentWrap {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 1040px;
    display: block;
    margin-right: auto;
	border-top: 4px #363636 solid;
	}

	.gc #contentWrap	{border-top-color: rgb(230, 0, 0);}
	.prize #contentWrap	{border-top-color: rgb(255, 119, 190);}
	.goods #contentWrap	{border-top-color: rgb(103, 205, 235);}
	.mob #contentWrap	{border-top-color: rgb(255, 172, 0);}
	.arc #contentWrap	{border-top-color: rgb(69, 211, 0);}
	.tfc #contentWrap	{border-top-color: #06f;}



h3 {
    float: none;
    font-size: 1.2em;
    line-height: 1.2em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: bold;
    margin: 0px;
    clear: none;
    padding: 10px 2%;
    color: rgb(255, 255, 255);
	/*background-color: rgb(64, 64, 64);*/
	background-color: rgb(8,96,168);
	position: relative;
	}

h4 {
	padding: 5% 2% 2%;
	margin: 0px;
    line-height: 1em;
	font-weight: bold;
    text-align: left;
	}

p {line-height: 1.6em;}

p.text {padding: 2%;}

p.small {font-size: 0.8em;}

p.marquee{
	width: 100%;
	line-height: 2.0em;
	height: 2.0em;
	overflow: hidden;
	}



/*SNSシェアボタン*/
.shareBox {
	float: none;
	width: auto;
	height: auto;
	margin: 0px;
	clear: both;
	padding: 1.933739%;
	border-bottom: 1px rgb(202, 202, 202) solid;
	text-align: center;
	}

.shareButtons {
		width: auto;
		height: auto;
		margin: 0px auto;
		clear: none;
		display: inline-block;
		}

.shareButtons div {
		line-height: 1;
		margin-right: 20px;
		margin-bottom: 10px;
		}

.shareButtons div:last-child {
		margin-right: 0;
		}

		.fb-like {
			float: left;
			}

		.googleBtn {
			float: left;
			width: 52px;
			overflow: hidden;
			}

/*オリジナルボタン化*/
		.tweetBtn, .lineBtn {
			float: left;
			border-radius: 2px;
			}

		.tweetBtn {
			background: url(/Content/images/ico_sns_twitter.png) left top no-repeat #1b95e0;
			background-size: contain;
			}

		.lineBtn {
			background: url(/Content/images/ico_sns_line.png) left top no-repeat #00C300;
			background-size: contain;
			display: none;
			}

		.tweetBtn a, .lineBtn a {
				display: inline-block;
				color: #fff;
				line-height: 20px;
				text-align: right;
				vertical-align: middle;
				}

		.tweetBtn a {
				width: 57px;
				padding: 0 5px 0 5px;
				font-size: 0.6em;
				}

		.lineBtn a {
			width: 67px;
			padding: 0 5px 0 5px;
			font-size: 0.55em;
			}

#copyrightsBox {
    float: none;
    font-size: 0.6em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1.6em;
    margin: 0px;
    clear: both;
    min-height: 0px;
    padding: 1.933739%;
	border-bottom: 1px rgb(202, 202, 202) solid;
	}

#footer {
	float: none;
	height: auto;
	margin: 0px auto;
	clear: none;
	width: auto;
	min-width: 1040px;
	background-color: #000;
	}

#footContWrap {
    float: none;
    height: auto;
    width: 1040px;
    margin: 0px auto;
    clear: none;
	}

#taitoKanaLogo {
    float: left;
    height: auto;
    width: 169px;
    margin: 1.93056% 0% 1.93056% 1.182468%;
    clear: none;
    color: rgb(0, 0, 0);
	}

#siteMap {
    float: right;
    height: auto;
	margin: 0px;
    clear: none;
    width: 74.975114%;
	}

.siteMap1, .siteMap2, .siteMap3 {
	float: left;
	font-size: 0.8em;
	width: 30.309193%;
	height: auto;
	margin: 0px;
	text-align: left;
	font-weight: normal;
	line-height: 2em;
	color: rgb(255, 255, 255);
	padding: 3% 0px 10px 3%;
	}

	#siteMap a {color: rgb(203,203,203);}
	#siteMap a:hover {color: rgb(255,255,255);}
	#siteMap a:active {color: rgb(215,215,215);}

#siteCopyright {
    float: none;
    font-size: 0.8em;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    margin: 0px;
    clear: both;
    min-height: 0px;
    color: rgb(159, 159, 159);
    padding: 1.93056%;
	border-top: 1px rgb(114, 114, 114) solid
	}

#subSearchBox {display: none;}




/*ラヂオとチェックボックス*/
input[type="radio"], input[type="checkbox"] {
	display: inline;
	width: auto;
	height: auto;
	vertical-align: baseline;
	font-size: 1.8em;
	margin-right: 0.2em;
	}


/*Chrome対策*/
.modalBG:after {content: "";}
.modalBG:hover, .modalClose:hover, .modalBody:hover {cursor: pointer;}



/*旧サイトから移植するページ用の定義*/
#article {
	margin-top: 20px;
	}

#article.legacy {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	font-size: 0.8em;
	line-height: 1.8;
	}

#article.legacy, #article.legacy div, #article.legacy img, #article.legacy p {
	box-sizing: content-box;
	}

.legacy h2, .legacy h3, .legacy h4, .legacy h5 {padding: 0; margin: 0;}
.legacy h2 {overflow: hidden;}
.legacy th, .legacy td {padding: 5px;}
.legacy a {font-weight: normal;}
.legacy dt {padding: 0; margin: 0;}