html,body
{
	padding:0px;
	margin:0px;
}

body
{
/*	background-color:#cccccc;*/
/*	text-align:center; margin:autoが効かないIEへの仕方のない対応 */
/*font-family: "ＭＳ Ｐゴシック",sans-serif;*/
/* ↑一時的に下記のフォントセットに変える。レイアウトが崩れたりした場合は元に戻す。↓ */
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}


/*=====================================================*/
/* リンクボタン発行の共通エフェクト（透過無し正方形画像限定） */
/*=====================================================*/
a.link_img_ef
{
	background-color: #fff;
	display: block;
}
a.link_img_ef_red
{
	background-color: #f00;
	display: block;
}

/* リニューアルバナー内のリング画像用エフェクト */
a.link_img_ef:hover img,
a.link_img_ef_red:hover img
{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/*=====================================================*/
/* ページ幅＋背景 */
/*=====================================================*/
div#load_ban_bg
{
	background-image: url(../image/top_re/ssa_top_bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0px;
	min-width: 1280px;
	height: 576px;
}

/* 他のページ用メニュー部分だけ */
div#load_ban_bg_other
{
	background-image: url(../image/top_re/ssa_top_bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0px;
	min-width: 1280px;
	height: 100px;
}

/* ↑共通メニュー用の高さ固定設定 */
div#header_template
{
	height: 100px;
}

div#load_ban_bg div#re_top_box,
div#load_ban_bg_other div#re_top_box
{
	width: 1280px;
	margin: 0px auto;
}


/*=====================================================*/
/* メインコンテンツ幅（↑新ヘッダに合わせる） */
/*=====================================================*/
/* 共通のコンテンツボックス */
div#all_content_box
{
	width: 1280px;
	margin: 0px auto;
}

/*=====================================================*/
/* 旧コンテンツ幅（↑新ヘッダに合わせる） */
/*=====================================================*/
div#re_content_box
{
	width: 1280px;
	margin: 0px auto;
}



/*=====================================================*/
/* ヘッダ */
/*=====================================================*/
div#re_head
{
	width: 1280px;
	height: 48px;
	margin: 0px auto;

	position: relative;
}

div#re_head img#re_ssa_logo
{
	position: absolute;
	top: 11px;
	left: 20px;
}

div#re_head img#top_saiyo_info_bt
{
	position: absolute;
	top: 4px;
	left: 895px;
}

div#re_head img#top_kaisya_info_bt
{
	position: absolute;
	top: 4px;
	left: 638px;
}




div#re_head img#top_twitter_bt_tensenonline/* 天下統一戦極姫オンライン公式ツイッター */
{
	position: absolute;
	top: 11px;
	right: 100px;
}

div#re_head img#top_twitter_bt
{
	position: absolute;
	top: 11px;
	right: 65px;
}

div#re_head img#top_facebook_bt
{
	position: absolute;
	top: 11px;
	right: 30px;
}

div#re_head div#koushin_link
{
	position: absolute;
	top: 19px;
	right: 120px;
	font-size: 9pt;
	font-weight: 900;
}


/*=====================================================*/
/* フッタ */
/*=====================================================*/
div#footer_box
{
	width: 1280px;
	padding: 10px;
	margin: 10px auto 0px auto;

	border-top-left-radius: 100px;/* CSS3 */
	border-top-right-radius: 100px;/* CSS3 */

	border-top: 2px rgba(0,0,0,0.5) solid;
	border-left: 2px rgba(0,0,0,0.5) solid;
	border-right: 2px rgba(0,0,0,0.5) solid;
	background-color: #AAF6FF;

	text-align: center;
	font-size: 10pt;
}

div#footer_border_box
{
	border-bottom: 1px #000 solid;
}


/*=====================================================*/
/* メインメニュー */
/*=====================================================*/
ul#re_main_menu
{
	position: relative;
	left: -10px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 1305px;

	overflow: hidden;/* float喪失縦幅復帰 */
}

ul#re_main_menu li
{
	float: left;
}



/*=====================================================*/
/* ローディングバナー */
/*=====================================================*/
div#loading_ban_box
{
	position: relative;
/*	background-color: rgba(255,0,0,0.5);*/
}


/* 大バナー */
div.load_ban_main
{
	width: 1200px;
	height: 310px;
	overflow: hidden;
	margin: 15px auto 0px auto;
}

div.load_ban_main ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}


/* バナーサムネイル */
div#load_ban_thum_box
{
	position: relative;
	margin: 15px 0px 0px 0px;
}

div#load_ban_thum_box div.prev,
div#load_ban_thum_box div.next,
div#load_ban_thum_box div.load_ban_thum
{
	position: absolute;
	top: 0px;
}

div#load_ban_thum_box div.prev
{
	left: 40px;
}

div#load_ban_thum_box div.next
{
	right: 40px;
}

div#load_ban_thum_box div.load_ban_thum
{
	left: 0px;
	right: 0px;
	width: 1093px;
	height: 125px;
	margin: 0px auto;
	overflow: hidden;
}

div#load_ban_thum_box div.load_ban_thum ul
{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

div#load_ban_thum_box div.load_ban_thum ul li
{
	float: left;
	margin: 0px 8px;
}

/* 現在選択中のバナー */
img.point_banner
{
	position: absolute;
	top: -12px;
	left: 99px;

	-o-animation-name: check_ban_anim;
	-o-animation-timing-function: ease;
	-o-animation-duration: 1s;
	-o-animation-iteration-count: infinite;

	-ms-animation-name: check_ban_anim;
	-ms-animation-timing-function: ease;
	-ms-animation-duration: 1s;
	-ms-animation-iteration-count: infinite;

	-webkit-animation-name: check_ban_anim;
	-webkit-animation-timing-function: ease;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;

	-moz-animation-name: check_ban_anim;
	-moz-animation-timing-function: ease;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: infinite;

}

@-o-keyframes check_ban_anim {
	0% {-o-transform: scale( 1.0 );}
	50% {-o-transform: scale( 1.03 );}
	100% {-o-transform: scale( 1.0 );}
}
@-ms-keyframes check_ban_anim {
	0% {-ms-transform: scale( 1.0 );}
	50% {-ms-transform: scale( 1.03 );}
	100% {-ms-transform: scale( 1.0 );}
}
@-webkit-keyframes check_ban_anim {
	0% {-webkit-transform: scale( 1.0 );}
	50% {-webkit-transform: scale( 1.03 );}
	100% {-webkit-transform: scale( 1.0 );}
}
@-moz-keyframes check_ban_anim {
	0% {-moz-transform: scale( 1.0 );}
	50% {-moz-transform: scale( 1.03 );}
	100% {-moz-transform: scale( 1.0 );}
}




/*=====================================================*/
/* ローディングバナー下メニュー */
/*=====================================================*/
div#bottom_menu_list
{
	position: relative;
	overflow: hidden;
	height: 40px;
	width: 1200px;
	margin: 3px auto 0px auto;
}

div#bottom_menu_list ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

div#bottom_menu_list ul li
{
	float: left;
	margin: 0px 0px 0px 9px;
}




/*=====================================================*/
/* お知らせ　＆　ニュース */
/*=====================================================*/
div#info_news_box
{
	width: 1200px;
	height: 140px;
	margin: 8px auto 0px auto;
}

/* お知らせ */
div#information_box
{
	background-image: url(../image_re/info/info_base.png);
	background-repeat: no-repeat;
	position: relative;
	width: 594px;
	height: 140px;
	float: left;
}

div#information_box img.info_title
{
	position: absolute;
	top: 0px;
	left: 0px;
}

div#information_box div.prev_info,
div#information_box div.next_info
{
	position: absolute;
	top: 25px;
	width: 27px;
	height: 115px;
}
div#information_box div.prev_info{left: 0px;}
div#information_box div.next_info{right: 0px;}

div#information_box div.load_info_thum
{
	position: absolute;
	top: 27px;
	left: 0px;
	right: 0px;
	margin: 0px auto;
	width: 530px;
}
div#information_box div.load_info_thum ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
div#information_box div.load_info_thum ul li
{
	margin: 0px 6px;
	float: left;
}

/* ニュース */
div#news_update_box
{
	background-image: url(../image_re/news/news_base.png);
	background-repeat: no-repeat;
	position: relative;
	width: 594px;
	height: 140px;
	float: right;
}

div#news_update_box div#detail_box
{
	position: absolute;
	top: 23px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	overflow: auto;
	border-left: 1px #000 solid;
	border-right: 1px #000 solid;
	border-bottom: 1px #000 solid;
}

div#news_update_box div#detail_box p.days
{
	margin: 10px 0px 2px 5px;
	padding-left: 90px;
	font-family: "ＭＳ Ｐゴシック";
	font-size: 12pt;
	background-repeat: no-repeat;
	border-bottom: 1px #000 solid;
}

div#news_update_box div#detail_box p.news_update1{background-image: url(../image_re/news/news_icon01.png);}	/* 更新情報 */
div#news_update_box div#detail_box p.news_info{background-image: url(../image_re/news/news_icon02.png);}	/* お知らせ */
div#news_update_box div#detail_box p.news_update2{background-image: url(../image_re/news/news_icon03.png);}	/* アップデート */
div#news_update_box div#detail_box p.news_nosale{background-image: url(../image_re/news/news_icon04.png);}	/* 本日発売 */
div#news_update_box div#detail_box p.news_event{background-image: url(../image_re/news/news_icon05.png);}	/* イベント */

div#news_update_box div#detail_box ul.news_list_num
{
	padding-top: 2px;
	padding-bottom: 10px;
	margin: 0px;
	font-size: 10pt;
}

div#news_back_num
{
	position: absolute;
	top: 3px;
	right: 0px;
	font-size: 9pt;
	font-weight: 900;
}


/* その他ページ内で使用するページタイトル */
/* ======================================================= */
h2.ssa_page_title
{
	position: relative;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-size: 28pt;
	font-weight: 900;
	width: 1280px;
	height: 52px;
	margin: 20px auto;
	color: #fff;
	display: table;

	border: 1px #12A3CF solid;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#12a3cf+0,12a3cf+38,73daed+100 */
	background: #12a3cf; /* Old browsers */
	background: -moz-linear-gradient(left,  #12a3cf 0%, #12a3cf 38%, #73daed 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #12a3cf 0%,#12a3cf 38%,#73daed 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #12a3cf 0%,#12a3cf 38%,#73daed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12a3cf', endColorstr='#73daed',GradientType=1 ); /* IE6-9 */
}
h2.ssa_page_title div.square
{
	/* H1内のデザイン用 */
	position: absolute;
	top: 1px;
	left: 1px;
	width: 13px;
	height: 13px;
	background-color: #fff;
}
h2.ssa_page_title p
{
	margin: 0px;
	padding: 0px 0px 0px 20px;
	display: table-cell;
	vertical-align: middle;
}
h3.ssa_page_title
{
	border-top-left-radius: 10px;/* CSS3 */
	border-top-right-radius: 10px;/* CSS3 */
	border-bottom-left-radius: 10px;/* CSS3 */
	border-bottom-right-radius: 10px;/* CSS3 */
	border: 2px #000 solid;
	background-color: #CC3300;
	font-size: 25pt;
	color: #fff;
	text-align: center;
	padding: 10px;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

/* ======================================================= *//* END(その他ページ内で使用するページタイトル) */


/* 全ページで共通して使用できる要素 */
/* ======================================================= */

/* 基本的にな文章を掲載する場合 */
div.default_text_box
{
	width: 900px;
	margin: 0px auto;
}

/* SSAトップページに戻るリンクボタン */
a.ssa_top_page_link_btn
{
	display: block;
	width: 400px;
	padding: 10px;
	margin: 30px auto;
	font-size: 11pt;
	font-weight: 900;
	text-decoration: none;
	text-align: center;
	background-color: rgb(0,128,255);
	color: #fff;
	padding: 10px;

	border: 2px #fff solid;
}
a.ssa_top_page_link_btn:hover
{
	background-color: rgb(46,154,254)
}

/* 標準的な横並びメニュー */
div.ssa_page_menu
{
	position: relative;
	width: 1280px;
	overflow: hidden;
}
div.ssa_page_menu ul
{
	position: relative;
	left: 50%;
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
div.ssa_page_menu ul li
{
	position: relative;
	left: -50%;
	float: left;
	margin: 10px;
}
div.ssa_page_menu ul li a
{
	display: block;
	font-size: 15pt;
	font-weight: 900;
	padding: 10pt;
	text-align: center;
	text-decoration: none;
	width: 200px;
	color: #fff;

	border-top-left-radius: 5px;/* CSS3 */
	border-top-right-radius: 5px;/* CSS3 */
	border-bottom-left-radius: 5px;/* CSS3 */
	border-bottom-right-radius: 5px;/* CSS3 */
	background-color: rgb(0,128,255);
}
div.ssa_page_menu ul li a:hover
{
	background-color: rgb(46,154,254)
}

/* ======================================================= *//* END(全ページで共通して使用できる要素) */



/* 会社概要 */
/* ======================================================= */
div#kaisyagaiyou_menu_box
{
	margin: 50px 0px;
	position: relative;
	overflow: hidden;
}

div#kaisyagaiyou_menu_box ul
{
	position: relative;
	left: 50%;
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
div#kaisyagaiyou_menu_box ul li
{
	position: relative;
	left: -50%;
	float: left;
	margin: 20px;
}
/* ======================================================= *//* END(会社概要) */


/* ユーザーサポート */
/* ======================================================= */
/* サポート用のコンテンツボックス */
div#content_box_support
{
	display: flex;
}

/* 左メニュー(ボックス)(スクロール固定) */
div#content_box_support div#sidemenu
{
	display: flex;
	position: -webkit-sticky;
	position: sticky;
	top: 10px;
	height: 500px;
	color: #fff;
}

/* 右コンテンツ(ボックス) */
div#content_box_support div#maincontents
{
}

/* 左メニュー */
div#sidemenu ul
{
	list-style-type: none;
	margin: 2px;
	padding: 0px;
}

div#sidemenu ul li
{
}

div#sidemenu ul li a
{
	display:block;
	padding: 10px;
	margin: 0px 0px 3px 0px;
	width: 240px;
	border-left: 10px #ff9966 solid;
	font-weight: bold;
	color:#fff;
	text-decoration:none;
	background-color: #CC3300;
}

div#sidemenu ul li a:hover
{
	background-color: #EE6600;
}

/* 右コンテンツ */
h3.support_title
{
	font-size: 17pt;
	font-weight: 900;
	padding: 10px;
	border-left: 10px #ff6600 solid;
	border-bottom: 2px #ff6600 solid;
	color: #ff6600;
	margin: 10px 50px 0px 30px;
}

h3.yokuaru
{
	font-size: 14pt;
	font-weight: 900;
}

div.support_text_box
{
	border-left: 1px #000 solid;
	border-right: 1px #000 solid;
	padding: 20px 10px;
	font-size: 12pt;
	margin: 5px 110px 20px 70px;
	background-color: #FFEFE5;
}

div.support_text_box p
{
	margin: 0px;
}

div.support_text_box ul.support_list
{
	margin-top: 0px;
	margin-bottom: 0px;
}

/* お知らせ枠 */
div.support_oshirase_box
{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	width: 900px;
	margin: 10px auto;
	padding: 1px;
}

div.support_oshirase_box ol.support_pro_ol
{
	border: 1px #000 solid;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	
}

/* ======================================================= *//* END(ユーザーサポート) */


/* オンラインショップページ */
/* ======================================================= */
div#shop_menu
{
	width: 380px;
	margin: 0px auto;
}

div#shop_menu ul
{
	list-style:none;
	margin:0px;
	padding:0px;
}

div#shop_menu ul li
{
	margin:0px;
	padding:0px;
	float:left;
}

div#shop_menu ul li img
{
	margin:0px 3px;
}
/* ======================================================= *//* END(オンラインショップページ) */


/* パッケージ通販 */
/* ======================================================= */

/* 通販リストテーブル */
table.tuuhan_table
{
	width: 900px;
	margin: 10px auto;
	font-size:11pt;
	border-top:2px #333333 solid;
	border-left:2px #333333 solid;
	border-right:2px #333333 solid;
	border-bottom:1px #333333 solid;
	background-color:#ffffff;
}

table.tuuhan_table th
{
	background-color:#333333;
	color:#ffffff;
	font-size:10pt;
}

table.tuuhan_table th.t1,table.tuuhan_table th.t2,table.tuuhan_table th.t3,table.tuuhan_table th.t5{border-right:1px #ffffff dotted;}
table.tuuhan_table td.t1,table.tuuhan_table td.t2,table.tuuhan_table td.t3,table.tuuhan_table td.t5{border-right:1px #333333 dotted;}
table.tuuhan_table th,table.tuuhan_table td{border-bottom:1px #333333 solid;}
table.tuuhan_table td.t3,table.tuuhan_table td.t4,table.tuuhan_table td.t5{text-align: right;}

table.tuuhan_table td.t4
{
	color:#ff0000;
	font-size:12pt;
	font-weight:900;
}

table.tuuhan_table tr.line1{background-color:#ffdd77;}
table.tuuhan_table tr.line1:hover{background-color:#ffffff;}
table.tuuhan_table tr.line2{background-color:#ffcc66;}
table.tuuhan_table tr.line2:hover{background-color:#ffffff;}


/* 通販ページへのリンクボタン */
a.tuuhan_link_btn
{
	display: block;
	width: 400px;
	padding: 10px;
	margin: 30px auto;
	font-size: 20pt;
	font-weight: 900;
	text-decoration: none;
	line-height: 1.3em;
	text-align: center;
	background-color: rgb(0,128,255);
	color: #fff;
	padding: 10px;

	border-top-left-radius: 10px;/* CSS3 */
	border-top-right-radius: 10px;/* CSS3 */
	border-bottom-left-radius: 10px;/* CSS3 */
	border-bottom-right-radius: 10px;/* CSS3 */
	border: 2px #fff solid;
}

a.tuuhan_link_btn:hover
{
	background-color: rgb(46,154,254)
}

ul.tuuhan_tyuuitext
{
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}
ul.tuuhan_tyuuitext li
{
	padding-left: 1em;
	text-indent: -1em;
}
ul.tuuhan_tyuuitext li:before
{
	content: "※";
	color: red;
}

/* ======================================================= *//* END(パッケージ通販) */

/* ダウンロードページ */
/* ======================================================= */

h4.download_series_name
{
	font-size: 15pt;
	font-weight: 900;
	margin-bottom: 0px;
	padding: 5px;
	color: #fff;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+37,ffffff+100 */
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(left,  #1e5799 0%, #2989d8 37%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #1e5799 0%,#2989d8 37%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #1e5799 0%,#2989d8 37%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

}
ul.download_title_list
{
	margin-top: 0px;
	border: 1px #000 solid;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* ======================================================= *//* END(ダウンロードページ) */

/*====== 案内メールフォーム ======*/
/* ======================================================= */
form#dmail_form table
{
	text-align:left;/* ↑IE対策の後処理 */
	margin:0px auto;
	border: 1px #000 solid;
	background-color: rgb(200,255,200);
}

form#dmail_form th,form#dmail_form td
{
	white-space:nowrap;
	
}

/* ======================================================= *//* END(案内メールフォーム) */


/*====== サイトマップ ======*/
/* ======================================================= */
div.site_map_float_box
{
	posizion: relative;
	overflow: hidden;
}

div.site_map_box
{
	position: relative;
	left: 50%;
	float: left;
}

div.site_map_box div.link_box
{
	width: 350px;
	position: relative;
	left: -50%;
	float: left;
}

div.site_map_box div.link_box div.link_title
{
	font-size: 12pt;
	font-weight: 900;
	padding-bottom: 3px;
	border-bottom: 1px #000 solid;
	margin: 20px 20px 0px 0px;
}

div.site_map_box div.link_box div.link_sub_title
{
	margin: 5px;
	font-size: 11pt;
}

div.site_map_box div.link_box ul
{
	font-size: 11pt;
	margin-top: 0px;
}

/* ======================================================= *//* END(サイトマップ) */