/* =========
下層ページ
========= */
.mainContentAreaUnder {
	background:url(../img/bg/bg_maincontentarea2.jpg) center bottom repeat-y;
	line-height:1.6;
}
.spaceLink {
	position:absolute;
	top:0;
	left:0;
}
.pageTitleImg {
	padding:10px 0;
}

.small_title {
	border-left:5px solid #f7931e;
	padding:0 0 0 8px;
	margin:20px 0 5px;
	color:#f7931e;
	font-weight:bold;
}

.pTxt {
	line-height:1.6;
}

.yellow {
	color:#FF0;
  word-break: break-all;
}

.bg_black_opa {
	width:440px;
	background:#1a1a1a;
	background:#1a1a1a;
	xbackground-color:rgba(26,26,26,0.8);
	border:1px solid #808080;
	padding:10px;
	margin:0 auto;
}
.line_gradient {
	border:none;
	height:1px;
	background-image:-webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:-moz-linear-gradient(left, rgba(0,0,0,0), rgba(255,0,0,0.75), rgba(0,0,0,0));
	background-image:-ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:-o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

/* =========
ストーリー
========= */
.mainContentAreaUnder {
	background:url(../img/bg/bg_maincontentarea2.jpg) center bottom repeat-y;
	padding:0 0 10px 0;
}

.storyList {
	word-spacing:-0.4em;
}

.storyList li {
	display:inline-block;
	word-spacing:normal;
	margin:8px 5px;
}

.storyList img {
	-webkit-box-shadow:1px 2px 5px #000;
	-moz-box-shadow:1px 2px 5px #000;
	-o-box-shadow:1px 2px 5px #000;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=145, Strength=5);
	box-shadow:1px 2px 5px #000;
}

/* =========
バトル
========= */
/* 武器紹介 */
.weapon1 {
	width:420px;
	height:223px;
	background:url(../img/bg/bg_weapon_blade.png) no-repeat;
}

.weapon2 {
	width:420px;
	height:303px;
	background:url(../img/bg/bg_weapon_blaster.png) no-repeat;
}

.weapon3 {
	width:420px;
	height:293px;
	background:url(../img/bg/bg_weapon_sphere.png) no-repeat;
}

.weapon_txt_right {
	padding:102px 0 0 180px;
	line-height:1.6;
}

.weapon_txt_left {
	padding:135px 0 0 15px;
	line-height:1.6;
}

/* 戦闘操作 */
.contentArea ul {
	text-align:center;
	word-spacing:-0.4em;
	padding:0 0 15px 0;
}

.contentArea li {
	display:inline-block;
	word-spacing:normal;
	margin:0 4px;
}

/* =========
スクリーンショット
========= */
.ssList img {
	-webkit-box-shadow:1px 2px 5px #000;
	-moz-box-shadow:1px 2px 5px #000;
	-o-box-shadow:1px 2px 5px #000;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=145, Strength=5);
	box-shadow:1px 2px 5px #000;
	margin:0 0 15px 0;
	width:450px;
}

.ssList li:last-child img {
	margin:0;
}

/* =========
ゲームガイド
========= */
/* 基本操作 */
.stellaTable {
	margin:0 0 40px 0;
}

.statusGraph {
	width:100%;
}

.statusGraph td {
	padding:8px 5px;
	border:1px solid #999;
}

td.statusCate {
	text-align:left;
	font-weight:bold;
}

/* 育成 */
.skillArea {
	margin:10px 0 0 0;
	background:url(../img/ss/guideSS/chara1.png) no-repeat;
	background-size:130px;
}

.skillAreaIn {
	width:250px;
	padding:0 0 30px 160px;
}

.skillArea li {
	margin:0 5px;
}

.statusGraph {
	margin:10px 0 0 0;
}

.statusGraph td {
	padding:8px 5px;
	border:1px solid #999;
}

td.statusCate {
	text-align:left;
	font-weight:bold;
}

/* =========
生産
========= */
.creation_start {
	padding:0 0 20px 0;
}

.creation_start  img {
	-webkit-box-shadow:1px 2px 5px #000;
	-moz-box-shadow:1px 2px 5px #000;
	-o-box-shadow:1px 2px 5px #000;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=145, Strength=5);
	box-shadow:1px 2px 5px #000;
}

#creation img {
	margin:0 0 5px 0;
}

#creation li {
	margin:0 0 15px 0;
}

#creation li:last-child {
	margin:0;
}

/* =========
最新情報
========= */
.news_border {
	border-bottom:1px dotted #CCC;
	margin:20px 0 0 0;
	background:url(../img/bg/bg_arrow_small.png) 98% center no-repeat;
}
.news_border a {
	text-decoration:none;
	display:block;
}
.news_border:first-child {
	margin:0;
}
.news_border:last-child {
	border-bottom:none;
}
time {
	color:#cc0000;
}
.news_title {
	font-weight:bold;
	color:#bac544;
}
/* pager */
.pager {
	padding:30px 0 0 0;
}
.pager li,
.pager2 li {
	margin:0 2px;
}
.pager2 li.first_page,
.pager2 li.last_page {
	margin:0 50px;
}
.pager a,
.pager2 a {
	display:block;
	color:#000;
	border:1px solid #ccc;
	text-decoration:none;
	padding:5px 11px;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;

    text-shadow:1px 1px 1px #fff;

	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
.pager a:hover,
.pager2 a:hover {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #8e8e8e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#8e8e8e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#8e8e8e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#8e8e8e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#8e8e8e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#8e8e8e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#8e8e8e',GradientType=0 ); /* IE6-9 */
}
a.current {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #8e8e8e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#8e8e8e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#8e8e8e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#8e8e8e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#8e8e8e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#8e8e8e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#8e8e8e',GradientType=0 ); /* IE6-9 */
}
/* =========
お問い合わせ
========= */
/* contact */
.common_list li {
	padding:0 0 15px 0;
}
.common_list li:last-child {
	padding:0;
}
.common_list dt {
	border-left:5px solid #f7931e;
	padding:0 0 0 8px;
	margin:15px 0 5px;
	color:#f7931e;
	font-weight:bold;
}
.common_list dt.contact {
	background-image:none;
	padding:0;
	color:#fff;
	margin:0 0 10px 0;
	border-bottom:none;
}
.input_txt {
	background:#555;
	border:1px solid #000;
	-webkit-border-radius:5px;
	-mozborder-radius:5px;
	border-radius:5px;
	color:#fff;
}
.contact_list dt {
	border:none;
	padding:0;
}
.contact_form_area select {
	padding:8px;
}
.contact_form_area textarea {
	min-height:180px;
	line-height:1.6;
}
.input_txt {
	padding:8px;
	width:96%;
}
.err_txt {
	color:#fff;
	background:#BC0C0A;
	padding:0 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.btn_submit_area,
.btn_repair_area {
	margin:20px 10px 0;
	text-align:center;
}
.btn_submit,
.btn_repair {
	padding:10px 15px;
	width:100%;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	font-weight:bold;
}
.btn_submit {
	border:1px solid #bb0000;
	color:#fff;

	background: rgb(255,77,67); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,77,67,1) 0%, rgba(176,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,77,67,1)), color-stop(100%,rgba(176,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,77,67,1) 0%,rgba(176,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,77,67,1) 0%,rgba(176,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,77,67,1) 0%,rgba(176,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(255,77,67,1) 0%,rgba(176,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4d43', endColorstr='#b00000',GradientType=0 ); /* IE6-9 */
}
.btn_repair {
	border:1px solid #000;
	color:#fff;

	background: rgb(85,85,85); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(85,85,85,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(85,85,85,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(85,85,85,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(85,85,85,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(85,85,85,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(85,85,85,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
/* =========
開発者募集
========= */
.recruitList {
	word-spacing:-0.4em;
	padding:0 0 15px 0;
	margin:0 0 30px 0;
}

.recruitList li {
	word-spacing:normal;
	display:inline-block;
	margin:0 2px;
}

.recruitList a {
	color:#000;
	padding:4px 5px;
	border:1px solid #909637;
	display:block;
	font-weight:bold;
	text-decoration:none;

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;

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

.link_txt1 {
	padding:5px;
	font-weight:bold;
	text-decoration:none;

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;

	background: #b6f263; /* Old browsers */
	background: -moz-linear-gradient(top,  #b6f263 0%, #bcc648 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6f263), color-stop(100%,#bcc648)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b6f263 0%,#bcc648 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b6f263 0%,#bcc648 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b6f263 0%,#bcc648 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b6f263 0%,#bcc648 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6f263', endColorstr='#bcc648',GradientType=0 ); /* IE6-9 */
}
.link_txt1 a {
	text-decoration:none;
	color:#000;
}
/* =========
よくある質問
========= */
.faqArea {
	width:440px;
	margin:0 auto 30px auto;
}

/* faq */
.search_form input {
	vertical-align:middle;
}
.txt_search {
	padding:12px 8px;
	width:60%;
	margin:0 10px 0 0;
	background:#333;
	border:1px solid #000;
	color:#fff;

	-moz-box-shadow:1px 1px 4px #999;
	-webkit-box-shadow:1px 1px 4px #999;
	box-shadow:1px 1px 4px #999;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.txt_search:focus {
	-moz-box-shadow:inset 1px 1px 2px #999;
	-webkit-box-shadow:inset 1px 1px 2px #999;
	box-shadow:inset 1px 1px 2px #999;
}
/* faq_category */
.faq_category_area {
	padding:0 10px;
}
.faq_category_list li {
	background:#333;
	padding:10px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	border:1px solid #808080;
	margin:15px 0 0 0;
}
.faq_category_list li:first-child {
	margin:20px 0 0 0;
}
.faq_category_list li a {
	display:block;
	text-decoration:none;

	background:url(../img/img_icon_01.png) left center no-repeat;
	-webkit-background-size:25px;
	-moz-background-size:25px;
	background-size:25px;
	padding:2px 0 2px 30px;
	color:#fff;
}
.faq_category_area span {
	display:block;
	background:url(../img/bg/bg_arrow_big.png) right center no-repeat;
	padding:2px 0;
}
/* faq_category_detail */
.faq_category_title {
	background:url(../img/img_icon_01.png) 2% center no-repeat;
	-webkit-background-size:25px;
	-moz-background-size:25px;
	background-size:25px;
	padding:8px 0 8px 35px;
	margin:0 0 5px 0;
	font-weight:bold;

	background-color:#333;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	border:1px solid #ccc;
}
.faq_category_link_list {
	padding:10px 0 20px;
}
.faq_category_link_list a {
	color:#ff0;
}
.faq_category_detail_list {
}
.detail_list_title {
	font-weight:bold;
	border-bottom:3px double #333;
	margin:0 0 8px 0;
}
.faq_question {
	background:url(../img/bg/icon_question.png) left top no-repeat;
	padding:5px 0 5px 35px;
	color:#637AB6;
}
.faq_answer {
	background:url(../img/bg/icon_answer.png) left top no-repeat;
	padding:0 0 30px 35px;
	margin:0 0 30px 0;
	color:#F99E36;
}

/* device */
.device_area {
	margin:15px 0 0;
}
.device_area_in {
	padding:5px 10px 10px;
}
.device_area td {
	padding:2px 8px;
	border:1px solid #333;
}
.docomo_area {
	border:1px solid #D7414D;
}
.softbank_area {
	border:1px solid #949496;
}
.au_area {
	border:1px solid #F57B38;
}
.name_docomo {
	color:#D7414D;
	padding:0 0 5px;
}
.name_softbank {
	color:#949496;
	padding:0 0 5px;
}
.name_au {
	color:#F57B38;
	padding:0 0 5px;
}
.name_sb {
	color:#949496;
}
.name_au {
	color:#F57B38;
}
.name_docomo:before,
.name_softbank:before,
.name_au:before {
	content:"▼";
}
.mold_number {
	width:15%;
}
.device_name {
	width:85%;
}


/* =========
under page common guide
========= */
.guide_content_area {
	width:460px;
	margin:0 auto;
}
.toggle_content_area {
	background-color:#222;
	border:1px solid #111;
	padding:10px;
	border-radius:5px;
	margin:10px 0;
}
.guide_img {
	padding:5px 0;
}
.guide_table {
	margin:5px 0;
}
.guide_table td {
	border:1px solid #555;
	padding:4px 8px;
	font-size:12px;
}
.guide_table_name {
	background-color:#111;
	width:15%;
	text-align:center;}

/* accordion */
.accordion_head {
	margin:0 0 10px;
	padding:4px 10px;
	border-radius:5px;
	border:1px solid #111;
	background:url(../img/bg/icon_open.png) 98% center no-repeat;
	background-size:24px;
	color:#ccc;
	background-color:#222;
}
p.active {
	background:url(../img/bg/icon_close.png) 98% center no-repeat;
	background-size:24px;
	background-color:#1A4582;
	color:#fff;
}