html,body{
	margin:0;
	padding:0;
	min-height:100%;
	background-color:#000;
	overflow-x : hidden;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}

ul, li{margin:0;padding:0; list-style:none;}
body{
  -webkit-text-size-adjust : none;
  color:#000;
  
}
.clear{clear:both;}

a{text-decoration:none;}
img{border:none;max-width: 100%;height: auto;width: auto\9; /* ie8 */}
a:hover img
{opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

.sub{ float:left;  width:627px;}
.text{ margin:1% 5% auto; line-height:1.4em; }
.text p{ text-align: center; line-height: 1em; font-size: 150%; margin: 0; color: #840C00; font-weight: bold; }
.image{float:right; width:34%;}


 .question{color:#6B1D1D; margin-top:2em;}
 .question-smart{color:#6B1D1D; margin:0.2em;}
.wrapper{
	width:960px;
	margin:0 auto;}

.back {margin:0 auto; text-align:center; display:block;}
.footer,.kenri{ font-size:small; margin-top:1em;  }
.kenri{ margin-left:1em; color:#6C1D1D;}
.footer{ text-align:center; padding:1em auto;}
.image_smart{ display:none;}
.spec{ margin:1em;}
.spec_smart{display:none;
width:80%; margin:0 auto; background-color:#F9ECD9; border:solid; border-color:#B9A98F; border-width:thin;
padding:1em; margin:1em;
}
.spec{display:block;}

	
.wrapper .body{
	background-image:url(images/bg.jpg); background-repeat:repeat-y;
	text-align:left;}

@media screen and (max-width: 640px) {
	.br-sp { display:none; }
	.pc{ display:none;}	
	.wrapper .body{ background-size:100%;}	
	.wrapper{width:100%;}
	body{font-size:18px;}
	.sub{ width:100%}
	.image{ display:none;}
	.image_smart{ display:block; width:50%; margin:auto;}
	
	.text{ margin:1em; line-height:1.2em; }
	.spec_smart{display:block;}
	.spec{display:none;}
}

@media screen and (max-width: 640px) {
#acMenu dt{
    display:block;
    width:100%;
    height:auto;
    line-height:1.2em;
    text-align:left;
    border:#860A0A 1px solid;
	padding:0.2em;
	border-radius:4px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ffe2e3 59%, #e9d4b3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(59%,#ffe2e3), color-stop(100%,#e9d4b3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ffe2e3 59%,#e9d4b3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#ffe2e3 59%,#e9d4b3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#ffe2e3 59%,#e9d4b3 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#ffe2e3 59%,#e9d4b3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9d4b3',GradientType=0 ); /* IE6-9 */
	}

#acMenu dd{
    background:#f2f2f2;
    width:100%;
    height:auto;
    line-height:1.2em;
    text-align:left;
    border:#666 1px left;
	padding:0.2em;
    display:none;
    }	
}

#marquee{
    overflow:hidden;
}
#marquee div{
    width:100%;
    text-align:center;
    display:inline-block;
    white-space:nowrap;

    -moz-animation-duration: 20s;
    -moz-animation-name: marquee;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;

    -webkit-animation-duration: 20s;
    -webkit-animation-name: marquee;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;

    -ms-animation-duration: 20s;
    -ms-animation-name: marquee;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;

    -o-animation-duration: 20s;
    -o-animation-name: marquee;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}
@-webkit-keyframes marquee {
    from {margin-left: 100%; width: 100%; }
    to { margin-left: -100%; width: 100%; }
}
@-moz-keyframes marquee {
    from {margin-left: 100%; width: 100%; }
    to { margin-left: -100%; width: 100%; }
}
@-ms-keyframes marquee {
    from {margin-left: 100%; width: 100%; }
    to { margin-left: -100%; width: 100%; }
}
@-o-keyframes marquee {
    from {margin-left: 100%; width: 100%; }
    to { margin-left: -100%; width: 100%; }
}

#topic{ border-radius:4px; width:80%; font-size:smaller; padding:0.5em; margin:0 auto; text-align:center; background-color:#FFF9EA; border:1px solid #F06;}

hr{ border:0; height:1px; background-color:#6C1D1D; margin:1em 0;}

.bunkatsu,.ikkatsu{background-image:url(images/bg_alpha.png);
		  padding:20px;
		  -webkit-border-radius: 10px;
		  -moz-border-radius: 10px;
		  border-radius: 10px;
		  border:1px solid #BBB;
		  width:397px;
		
		  float:left;		 
		  font-size:0.9em;
		  }
.bunkatsu{margin-right:3px;}		  

@media screen and (max-width: 640px) {
		.bunkatsu,.ikkatsu{
		width:80%; background-color:#F9ECD9; border:solid; border-color:#B9A98F; border-width:1px;
		padding:1em; margin:1em;
		}
		}		  
		
.qr{display:inline; width:110px;}
@media screen and (max-width: 640px) {
.qr{display:none;}
}
.os{float:left;}
.bunkatsu img{margin-bottom: 0.8em;}
.ikkatsu img{margin-bottom: 0.8em;}

.center{ width:93%; margin:0 auto;}

@media screen and (max-width: 640px) {
.center{ width:auto; margin-left:auto;}
}