/* =========
共通
========= */
#wrapper {
	width:480px;
	margin:0 auto;
	background:url(../img/bg/bg_repeat_wrapper.jpg) repeat-y;
	position:relative;
}

/* =========
トップページ
========= */
#top {
	width:480px;
	height:264px;
	background:url(../img/logo_stella_top.jpg) center top no-repeat;
}

#gnavArea {
	padding:195px 0 0 0;
}

ul#gnavList {
	letter-spacing:-0.4em;
}

ul#gnavList li {
	display:inline-block;
	margin:0 2px;
}

.ssAreaIn {
	height:131px;
	background:url(../img/bg/bg_header_area.jpg) repeat-x;
}

/* カルーセル（Tiny Carousel） */
#slider { 
	xheight: 1%;
	overflow:hidden;
	position:relative;
	xz-index:0;
}

#slider .viewport {
	width: 480px;
	height:96px;
	overflow:hidden;
	position: relative;
	margin:0 auto;
	padding:9px 0 0 0;
}

#slider .pager {
	clear:both;
	text-align:center;
	padding:1px 0 0 0;
}

#slider .pager li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	letter-spacing:normal;
	margin:0 2px;
}

#slider .pager p {
	width:4px;
	height:4px;
	background-color: #555555;
	display: block;
}

#slider .pager .active {
	background-color: #555555;
	border:1px solid #FF0;
	display:block;
	width:2px;
	height:2px;
}


#slider .overview {
	position: absolute;
	width: 480px;
	letter-spacing:-0.4em;
	text-align:center;
}

#slider .overview li{
	display:inline-block;
	letter-spacing:normal;
	xmargin: 0 2px 0 0;
	height: 96px;
	width: 160px;
}

/* =========
メインコンテンツ
========= */
.mainContentArea {
	background:url(../img/bg/bg_maincontentarea2.jpg) center bottom repeat-y;
}

.mainContentAreaIn {
	background:url(../img/bg/bg_maincontent_chara.png) right bottom no-repeat;
}

.dlArea {
	padding:5px 0;
}

.newsArea,
.guideArea {
	width:309px;
	margin:0 0 0 5px;
}

ul#newsList,
ul#guideList {
	margin:0 0 0 10px;
}
ul#important_list {
	margin:0 0 10px 10px;
}
ul#newsList li:first-child,
ul#guideList li:first-child {
	border-top:1px solid #808080;
}
ul#important_list li:first-child {
	border-top:1px solid #9e0000;
}
/* 重要告知 */
ul#important_list li {
	border:1px solid #9e0000;
	border-top:none;
	
	background: #fcccc4; /* Old browsers */
	background: -moz-linear-gradient(top,  #fcccc4 0%, #fca89e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcccc4), color-stop(100%,#fca89e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fcccc4 0%,#fca89e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fcccc4 0%,#fca89e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fcccc4 0%,#fca89e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fcccc4 0%,#fca89e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcccc4', endColorstr='#fca89e',GradientType=0 ); /* IE6-9 */
}
/* 最新情報 */
ul#newsList li {
	border:1px solid #808080;
	border-top:none;

	background: -moz-linear-gradient(top, #ffffff 0%, #d1d1d1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d1d1d1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#d1d1d1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#d1d1d1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#d1d1d1 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#d1d1d1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1d1d1',GradientType=0 ); /* IE6-8 */
}
ul#important_list li:hover {
	background: #fca89e; /* Old browsers */
	background: -moz-linear-gradient(top,  #fca89e 0%, #fcccc4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fca89e), color-stop(100%,#fcccc4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fca89e 0%,#fcccc4 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #fca89e 0%,#fcccc4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fca89e 0%,#fcccc4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fca89e 0%,#fcccc4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fca89e', endColorstr='#fcccc4',GradientType=0 ); /* IE6-9 */
}

ul#newsList li:hover {
	background: -moz-linear-gradient(top, #d1d1d1 1%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d1d1d1), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d1d1d1 1%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d1d1d1 1%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #d1d1d1 1%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(top, #d1d1d1 1%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

ul#guideList li {
	border:1px solid #808080;
	border-top:none;
	line-height:1;

	background: -moz-linear-gradient(top, #4d4d4d 0%, #1a1a1a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4d4d), color-stop(100%,#1a1a1a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4d4d4d 0%,#1a1a1a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #4d4d4d 0%,#1a1a1a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #4d4d4d 0%,#1a1a1a 100%); /* IE10+ */
	background: linear-gradient(top, #4d4d4d 0%,#1a1a1a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#1a1a1a',GradientType=0 ); /* IE6-8 */
	
}

ul#guideList li:hover {
	background: -moz-linear-gradient(top, #1a1a1a 1%, #4d4d4d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#1a1a1a), color-stop(100%,#4d4d4d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1a1a1a 1%,#4d4d4d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1a1a1a 1%,#4d4d4d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #1a1a1a 1%,#4d4d4d 100%); /* IE10+ */
	background: linear-gradient(top, #1a1a1a 1%,#4d4d4d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#4d4d4d',GradientType=0 ); /* IE6-8 */
}
ul#important_list li a {
	display:block;
	padding:8px 30px 8px 8px;
	background:url(../img/bg/bg_arrow_small_03.png) 98% center no-repeat;
	text-decoration:none;
}
ul#newsList li a {
	display:block;
	padding:8px 30px 8px 8px;
	background:url(../img/bg/bg_arrow_small.png) 98% center no-repeat;
	text-decoration:none;
}

.btn_pastnews {
	padding:5px 0;
}

/* ゲーム概要 */
.guideArea {
	padding:0 0 10px 0;
}

ul#guideList li a {
	display:block;
	padding:4px;
	background:url(../img/bg/bg_arrow_big.png) right center no-repeat;
	text-decoration:none;
}

ul#guideList img {
	float:left;
	margin:0 4px 0 0;
}

.orange1 {
	color:#e4b64f;
}

.orange2 {
	color:#f3dfb0;
}

.orange1_img {
	border:1px solid #e4b64f;
}

.blue1 {
	color:#6ec4e1;
}

.blue2 {
	color:#bfe1f3;
}

.blue1_img {
	border:1px solid #6ec4e1;
}

.green1 {
	color:#3afd62;
}

.green2 {
	color:#c0fecd;
}

.green1_img {
	border:1px solid #3afd62;
}

.orange2,.blue2,.green2 {
	font-size:10px;
	line-height:1;
}
/* ミッション */
.mission_table {
	width:100%;
	margin:0 auto 25px auto;
}
.mission_table td {
	border:1px solid #A89381;
	padding:5px;
	color:#A89381;
}
td.category {
	font-weight:bold;
}
.green {
	color:#A89381;
}

/* =========
フッター
========= */
#bottom {
	margin:10px 0 0 0;
	padding:0 0 10px 0;
	background:url(../img/bg/bg_footer.jpg) bottom center no-repeat;
}

#fnavList li {
	margin:0 0 8px 0;
}

small {
	color:#FFFFFF;
}

/* =========
キャンペーンバナー
========= */
.cam_banner_list {
	text-align:center;
}
.cam_banner_list li {
	padding:0 0 8px;
}
.cam_banner_list:last-child {
	padding:0;
}

/* =========
キャンペーンページ
========= */
.btn_submit_alink {
	border:1px solid #720202;
	color:#fff;
	display:block;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	text-decoration:none;
	text-align:center;
	box-shadow:inset 0 0 1px #fff;
	padding:8px;
	box-shadow:inset 0 1px 1px #fff;

	background: #e64f47; /* Old browsers */
	background: -moz-linear-gradient(top,  #e64f47 0%, #a60202 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e64f47), color-stop(100%,#a60202)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e64f47 0%,#a60202 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e64f47 0%,#a60202 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e64f47 0%,#a60202 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e64f47 0%,#a60202 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e64f47', endColorstr='#a60202',GradientType=0 ); /* IE6-9 */
}
.btn_history_back_alink {
	border:1px solid #222;
	color:#222;
	display:block;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	text-decoration:none;
	box-shadow:inset 0 0 1px #fff;
	padding:8px;
	box-shadow:inset 0 1px 1px #fff;

	background: #ededed; /* Old browsers */
	background: -moz-linear-gradient(top,  #ededed 0%, #aaaaaa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#aaaaaa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ededed 0%,#aaaaaa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ededed 0%,#aaaaaa 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ededed 0%,#aaaaaa 100%); /* IE10+ */
	background: linear-gradient(top,  #ededed 0%,#aaaaaa 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#aaaaaa',GradientType=0 ); /* IE6-9 */
}
#campaign_area .btn_history_back_alink{
	text-align:center;
}
/*.btn_submit_area,
.btn_repair_area,
.btn_history_back_area {
	width:100%;
	text-align:center;
}
/* =========
campaign
========= */
/* pre_register */
.txt_input {
	width:100%;
	margin:0;
}
.txt_input_area {
	width:100%;
}
.txt_input {
	text-align:center;
	display:block;
	padding:14px 0;
	border:1px solid #999;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:inset 0 3px 15px #999;
	-moz-box-shadow:inset 0 3px 15px #999;
	box-shadow:inset 0 3px 15px #999;
}
#campaign_area .figure_campaign {
	width:460px !important;
}

/* ソーシャルボタン */

.snsBox{
 margin:0 auto;
 text-align:center;
}
.snsBox ul{
 margin:10px auto 0;
 padding:0 0;
 font-size: 0;
}
.snsBox ul li{
 display:inline-block;
 *display:inline;
 *zoom:1;
}
.sns_twitter a{
 background:url(../img/btn_sns_twitter.png) no-repeat;
 display:block;
 width:180px;
 height:43px;
 background-size:cover;
 font: 0/0 a;
 text-shadow: none;
 color: transparent;
 margin-right:10px;
}
.sns_facebook a{
 background:url(../img/btn_sns_facebook.png) no-repeat;
 display:block;
 width:180px;
 height:43px;
 background-size:cover;
 font: 0/0 a;
 text-shadow: none;
 color: transparent;
 margin-left:10px;
}

.barBg{
 width:440px;
 height:57px;
 background:url(../img/bar/bar_bg.png) no-repeat;
 background-size:440px 57px;
 line-height:57px;
 color:#f7931e;
}
.barBg span{
 font-weight: bold;
 padding-left:10px;
}