/*ポイントカラー var(--my-cool-point) */:root {
--my-cool-point: #73a4f4;
--my-font-mintyo:"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
}
/*明朝体フォント指定 var(--my-font-mintyo) */



body{
	/*media all*/
    font-family: ":ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0px;padding:0px;
	font-size:1.1em;
	color:#171717;
	line-height:1.4em;
	background:url('../images/common/body_bg_texture01.png') repeat-x fixed center top;
}


.wrap {overflow: hidden;}
#open02 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
}
#open01 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
}
.close_overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 150%;
    display: block;
    text-indent: -9999px;
    position: fixed;
    background: #000;
    opacity: 0.5;
    z-index: 5;
}
 
.modal_window {
    top: 50%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 200px;
    height: 200px;
    text-align: center;
    display: block;
    background: #fff;
    position: fixed;
    z-index: 10;
    }
.modal_window p {
    padding: 0 15px 15px 15px;
    font-size: 12px;
    line-height: 160%;
    text-align: left;
}
 
 
/* CSS3 ModalWindow SET
-------------------------- */
@-webkit-keyframes modalFadeIn {
    0% {opacity:0;display:block;}
    100% {opacity:1;}
}
div#modal div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}

div#main_content{
/*	background-image:	url(../common/images/top2.png);
	background-attachment:	scroll;
	background-position:	top;
	background-repeat:	no-repeat;
	
	clear:both;
	width:800px;
	height:600px;
	margin:0px auto 0px auto ;
	padding:0px;
	background-color:#000;
*/}
div#main_content2{
/*	background-image:	url(../common/images/a_top.png);
	background-attachment:	scroll;
	background-position:	top;
	background-repeat:	no-repeat;
	
	clear:both;
	width:800px;
	height:250px;
	margin:0px auto 0px auto ;
	padding:0px;
	background-color:#FFF;
*/}
div#sub_content{
/*	font-family:Arial, Helvetica, sans-serif;
	clear:both;
	width:800px;
	height:auto;
	margin:0px auto 0px auto ;
	padding:0px;
	background-color:#000;
*/}
div#white_content{
/*	font-family:Arial, Helvetica, sans-serif;
	clear:both;
	width:800px;
	height:auto;
	margin:0px auto 0px auto ;
	padding:0px;
	background-color:#fff;
*/}
div#movie{
/*	 clear:both;
	 width:240px;
	 height:135px;
	 position:relative;
*/}
div.mainTableEnqueteRoot
{	
/*	width:	720px;
	margin-left:	auto;
	margin-right:	auto;
*/}
div#mainTableEnquete{
/*	background-image:	url('../images/sub_bg.png');
	background-attachment:	fixed;
	background-position: top;
	background-repeat: repeat-y;

	width:	720px;
	margin-left:	auto;
	margin-right:	auto;
*/}
div#StudioButton{
/*	margin:0px  auto 0px auto;
	position:relative;
*/}
div#PrevButton{
/*	position:relative;
	width: 41px; height: 163px;
*/}
div#NextButton{
/*	width: 41px; height: 163px;
	position:relative;
*/}
div#BackButton{
/*	position:relative;
	width: 120px; height: 40px;
*/
}

.ImgCenter{
	display:block;
	margin:3px auto;
}
.ImgRight{
	display:block;
	margin: auto 0px auto auto;
}
.innerbox{ padding:10px;}		

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=70)";
}
.MinchouFont{
		font-family :var(--my-font-mintyo) ;
}
h5{
			font-family :"UD デジタル 教科書体 NP-R","Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;

}
h4{
			font-family :"UD デジタル 教科書体 NP-R","Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;

}
h3{
			font-family :"UD デジタル 教科書体 NP-R","Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;

}
h2{
			font-family :"UD デジタル 教科書体 NP-R","Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;

}
h2 {
  position: relative;
  border-bottom: 2px solid #d3d6db;
  padding: 0.3em;
  font-size:2.3em;
  line-height:0.9em;
  background:url('../images/common/h2_point_goishi.gif') no-repeat right bottom ;
}
h2::after {
  position: absolute;
  bottom: -2px;
  left: 0;
  content: '';
  width: 20%;
  border-bottom: 2px solid #e82e33;
}
h3{
	font-size:1.5em;
}
h4 {
  font-size:1.4em;

}

a{
	color:#000;
}
a:active{color: #333333;}
a:hover{
	color:#CC0000;
}

.Content{
	/*width:800px;*/
	width:960px;
	height:auto;
	margin:0px auto;
}
div.Main{
	background:#fff;
	padding:10px;
	
	}
div.SSJlogo{ padding:10px 0px 10px 0px;}

.ImageCenter{
	display:block;
	margin:0px auto;}
.ImageMargin{
	margin-bottom:10px;
	margin-top:10px;
	}
div.HeadBanner{
	/*background:url('../images/header_banner01.gif') no-repeat center top ;
*/
	background:url('../images/header_banner06.png') no-repeat center top ;
	background-size: cover;
	display:table;
	width:980px;
	height:250px;
	margin:0 auto 5px auto;
	padding: 0;
	
}


div.TopBanner{
/*	background:#fff url('../images/top.jpg') no-repeat scroll center top;
	display:table;
	width:778px;
	height:437px;
	margin:0 auto;
*/}

.List_Style li{ list-style:disc outside; margin:5px 15px;}


div.foot{ background-color:#000; padding-top:20px;}
table.Products { margin:10px auto;border-collapse: collapse;}
td{ padding:5px 10px;vertical-align:middle; border: 1px #CCCCCC solid;}
.Products th{ padding:5px 10px;vertical-align:middle; border: 1px #CCCCCC solid;}
.Products th{ background-color: #F0F0F0; white-space:nowrap;}
.Products img{ display:block; margin:5px auto;}

.InnerBOX{
	width:100%;margin:5px auto;;overflow: hidden;  height: auto;
}
.FloatBOX {
	display:block;float:left; height: auto;
}
.SizeHalf {
	width:50%;
	}
.Size60 {
	width:60%;
	
}


div.HeadContent{
	/*width:100%;*/
	height:300px;
	margin:0px;
	padding:0;
	background:#3a4750 url('../images/common/header_bg_black.jpg') repeat-x;
	border-bottom:6px #B89756 double;
	background-color: #333333;
}
div.SsjLogo{
	position: relative;
	top:0;
	right:0;
	width:980px;
	margin:0px auto;
	margin-top:-85px;
	text-align:right;	
}

div.SsjLogo2{
	position: relative;
	top:0;
	right:0;
	width:980px;
	margin:0px auto;
	text-align:left;	
}

/*ナビ*/
div.list-nav{


	margin: 0px auto 0px auto;
	padding-bottom:10px;
	color:#d3d6db;
	font-weight:bold;
	font-size:1.2em;
	/*
	top: 0;
	left: 0;
	z-index: 2;
	transition: .3s;
	*/
	width: 980px;
	margin:0px auto;
	height:220px;
	
	
}
.list-nav ul{
  width:100%;
  margin:0px auto 20px auto ;
  display:table;
  /*transition: .3s;*/
  padding-left:0px;
}
.list-nav li{
  display:table-cell;
  vertical-align:middle;
}
.list-nav li a{
  height:80px;
  width:180px;
  display:table-cell;
  text-align:center;
  vertical-align:middle;
  background:;
  /*color:#d3d6db;*/
  color:#fff;
  border-right:0.8px #fff dotted;
  text-decoration:none;
 }
.list-nav li:first-child a{
  border-left: 0.8px #fff dotted;
}
.list-nav li a:hover{

  color: #ffd700;
  
/*  opacity: 0.3;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
*/  /*border-bottom:4px #990000 solid;*/
}
.list-nav span{
	display: block;
	font-size:0.9em;
	/*color: #710000;*/
	color: #A82200;
	display:none;
	
}
.is-animation {
  height: 100px;
}
.is-animation h1 {
  color: #000;
}


/*@media screen and (max-width: 768px){
.list-nav{
  width:100%;
  margin:0 auto;
  display:block;
}
.list-nav li{
  display:table;
  width:100%;
}
.list-nav a{
  height:70px;
  width:100%;
  display:table-cell;
  text-align:center;
  vertical-align:middle;
  background:;
  color:;
  border-right:none;
  border-bottom:;
}
.list-nav li:first-child a{
  border-left:none;
  border-top:;
}
}*/

.BtnShousai a{
padding:5px;
background-color:#e82e33;
color:#fff;
font-size:0.9em;
text-decoration:none;
}

.BtnShousai a:hover{
	text-decoration:underline;
}

/*TOP戻るボタン*/



.page_top {
	position:fixed;
	bottom:10px;
	right:10px;
	width:67px;
	height:67px;
	background: url('../common/image/li001.png');
	opacity: 0.8;
}
.page_top:hover {}

.NewsBox p{
	margin:0px;
}
dt{
	margin-left:0px;

}
.NewsBox dd{
	margin-left:0px;

}
.NewsDate{
	color:#be3144; text-decoration:none;
}
.PointColor{
	color:#be3144;
}

div.BtnBuy{
	border:2px #3a4750 solid;
	width:650px;
	margin:10px 0px;;
	padding:0px;
}
.BtnBuy a{
	color:#3a4750 ;
	font-weight:bold;
	font-size:1.5em;
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	padding:20px 0px;
	margin:0px;
	text-decoration:none;
}
.BtnBuy a:hover{
	background-color:#3a4750 ;
	color:#fff;
}
.StyleUnder {
	text-decoration: underline;
}