@charset "utf-8";
/* CSS Document */

body{
	background:#991b1f;
	margin:0;
	color:#ffffff;
	font-size:16px;	
}
div,a,img,nav{
	margin:0;	

}
ul,li,nav{
	padding:0;	
}
.title{
	background:#000000;
	color:#ffffff;
	padding:5px 0;
	font-size:26px;
	text-align:center;
}
.title_s{
	background:#000000;
	color:#ffffff;
	padding:5px 0;
	font-size:13px;
	text-align:center;
}
#top_img{
	width:100%;
	text-align:center;
}
#top_text{
	padding:5px;
	line-height:1em;
}
.headline{
	background:#000000;
	color:#ffffff;
	font-size:18px;
	padding:3px;
}
.link_ul{
	margin:10px auto;
	background:#ffffff;
	width:90%;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	/*font-size:26px;*/
}
.link_ul_s{
	margin:10px auto;
	background:#ffffff;
	width:90%;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	/*font-size:13px;*/
}
.link_ul a{
	text-decoration:none;
	display:block;
	/*width:100%;*/
	color:#666666;
	height:20px;
	padding: 12px 8px;
}
.link_ul_s a{
	text-decoration:none;
	display:block;
	color:#666666;
	height:20px;
	padding: 12px 8px;
}
.list_link {
	list-style:none;
	display:block;
}
.list_link a:after{
	content:">";
	display:block;
	overflow:hidden;
	float:right;
}
.li_text{
	float:left;
}
.li_arrow {
	float:right;
	padding:0 18px 0 0;
}
.explain {
text-align: left;
padding: 10px 0;
background:#fcad85;
color:#000000;

}

.ex_area {
width: 100%;
display: table;
text-align: center;
margin: 0 auto 4px;
}

.ex_img {
display: table-cell;
width: 90%;
margin: 0 0 0 5px;
}

.text_space {
width: 75%;
padding: 6px;
margin: 0;
text-align: left;
vertical-align: top;
display: table-cell;
}
.footer{
	background:#000000;
	color:#ffffff;
	padding:10px 0;
	text-align:center;
	font-size:22px;
}

.menu {
background: #7F44B0;
background: -moz-linear-gradient(top, #C78CF8, #7F44B0);
background: -webkit-gradient(linear, left top, left bottom,from(#C78CF8),to(#7F44B0));
color: white;
width: 100%;
height: 60px;
border-top: #7F44B0 solid 1px;
border-bottom: #7F44B0 solid 1px;
text-align: center;
margin: 0 auto;
}

.menu li:nth-child(1) {
border-left: none;
}

.menu li {
font-size:26px;
float: left;
color: white;
display: block;
list-style: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
border-left: #7F44B0 solid 1px;
text-align: center;
margin: 0 auto;
width: 20%;
}
.menu li:nth-child(5){
    border-right:none;
}
.menu li:hover ,.forcus{
    float:left;
    background:#af3a5d;
    background:-moz-linear-gradient(top, #fe81a7, #af3a5d);
    background:-webkit-gradient(linear, left top, left bottom,from(#fe81a7),to(#af3a5d));
    box-shadow:-1px -1px 0 #af3a5d inset;
}
.menu li a{
    display:block;
	text-decoration: none;
	color:#ffffff;
    padding:0;
    border:none;
}
/**********************/
#canvascontainer{
	text-align:center !important;
	margin:0 auto;
}
#canvas{
	text-align:center !important;
	margin:0 auto;
}

/**********************/
#btn_img{
  text-align:center;
  margin:0 auto;
  /*display:table;*/
  /*width:100%;*/
}
#btn_img ul{
	width:100%;
	list-style:none;
	text-align:center;
	vertical-align:middle;
	padding:0 auto;
}
#btn_img li{
	vertical-align:middle;
	display:inline-block;
}
.btn_chara{
	text-indent:-9999px;
	display:block;
	border: solid 1px #000;
	background: #ccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	margin:5px 0;
	/*width:23%;*/
}
.btn_chara_s{
	text-indent:-9999px;
	display:block;
	border: solid 1px #000;
	background: #ccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	/*float:left;*/
	margin:5px 0;
	/*width:23%;*/
}
table{
  margin:15px 10px auto;
}
.detail_text{
	margin:5px auto 10px;
	background:#fcad85;
	color:#000000;
	width:90%;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	padding: 24px 10px 36px;
	/*font-size:26px;*/
}
.detail_text_s{
	margin:5px auto 10px;
	background:#fcad85;
	color:#000000;
	width:90%;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	padding: 12px 5px 28px;
	/*font-size:13px;*/
}
.Stage_BG{
	width:100%;
	background:#ffffff;
}
.img_area_other{
	text-align:center ; 
	margin:0 auto;
 	/*width:320px;
  	height:195px;*/
	position:relative;
}
.img_area{
  /*position:relative;*/
  width:320px;
  height:195px;
  text-align:center;
  margin:0 auto;
}
.img_area img{
  width:320px;
  height:195px;
}

.img_area_swfAC{
  width:320px;
  height:195px;
  display:-webkit-box;
  overflow:hidden;
  text-align:center;
  margin:0 auto;
  background:#ffffff;
  /*z-index:1;*/
}
.footer{
	background:#000000;
	color:#ffffff;
	padding:10px 0;
	text-align:center;
	font-size:22px;
}
.footer_s{
	background:#000000;
	color:#ffffff;
	padding:10px 0;
	text-align:center;
	font-size:11px;
}

.menu {
background: #7F44B0;
background: -moz-linear-gradient(top, #C78CF8, #7F44B0);
background: -webkit-gradient(linear, left top, left bottom,from(#C78CF8),to(#7F44B0));
color: white;
width: 100%;
height: 60px;
border-top: #7F44B0 solid 1px;
border-bottom: #7F44B0 solid 1px;
text-align: center;
margin: 0 auto;
}

.menu li:nth-child(1) {
border-left: none;
}

.menu li {
font-size:26px;
float: left;
color: white;
display: block;
list-style: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
border-left: #7F44B0 solid 1px;
text-align: center;
margin: 0 auto;
width: 20%;
}
.menu li:nth-child(5){
    border-right:none;
}
.menu li:hover ,.forcus{
    float:left;
    background:#af3a5d;
    background:-moz-linear-gradient(top, #fe81a7, #af3a5d);
    background:-webkit-gradient(linear, left top, left bottom,from(#fe81a7),to(#af3a5d));
    box-shadow:-1px -1px 0 #af3a5d inset;
}
.menu li a{
    display:block;
	text-decoration: none;
	color:#ffffff;
    padding:0;
    border:none;
}