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

@import url("reset.css");
@import url("fonts.css");

body {
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Osaka,sans-serif;
	font-size: 16px;
	line-height:190%;
	color: #303030;
	background:#000000;
}

a:hover img {
	opacity:0.8;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

input:hover {
    opacity: 0.8;
 
    /* IE */
    filter: alpha(opacity=8);
}

.clear {
	clear:both;
}

div#timer_banner {
	width:100%;
	margin:0px auto;
	padding:10px 0px 10px 0px;
	background:#000000;
	text-align:center;
	color: #a60000; 
	font-weight:bold; 
	font-size:24px; 
}

div#timer {
	margin:20px auto 20px auto; 
	padding:0px;
	color: #a60000; 
	font-weight:bold; 
	font-size:24px; 
	text-align:center;
}


div#headline {
	width:100%;
	margin:0px auto;
	padding:0px;
	background:url(../image/bg.jpg) no-repeat center top;
}

div#headline h1 {
	margin:0px auto 40px auto;
	padding:40px 0px 0px 0px;
	text-align:center;
}

div#headline h2 {
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
}



div#wrapper {
	width:900px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	background:#FFFFFF;
box-shadow:rgba(0, 0, 0, 0.298039) 0px 0px 5px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.298039) 0px 0px 5px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.298039) 0px 0px 5px 1px;
}

div#wrapper .wrapper_top {
	margin:0px auto 50px auto;
	padding:20px 0px 0px 0px;
	background:url(../image/wrapper_top.jpg) no-repeat center top;
}

div#wrapper h1 {
	margin:0px auto 50px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
}

div#wrapper h2 {
	margin:20px auto 30px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
}
div#wrapper h3 {
	margin:0px auto 15px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
}

div#wrapper .box01 {
	width:700px;
	margin:0px auto 50px auto;
	padding:0px;
	text-align:left;

}

div#wrapper .box01 p {
	margin:0px 0px 18px 0px;
	padding:0px;
}

div#wrapper .mailform {
	margin:0px auto 50px auto;
	padding:40px 0px 20px 0px;
	background: url(../image/wrapper_top.jpg) repeat-y top center;
}


div#wrapper .mailform h2 {
	margin:0px auto 15px auto;
	padding:0px;
	text-align:center;
}

div#wrapper .mailform_ttl {
	margin:0px auto 30px auto;
	padding:0px;
	text-align:center;
}

div#wrapper .formtxt {
	width:596px;
	margin:0px auto 7px auto;
	padding:20px 10px 20px 65px;
	font-size:21px;
	border:5px solid #626262;
	background:#ffffcc url(../image/mail_bg.png) no-repeat 3px 12px;
	box-sizing: border-box;
}


div#wrapper .frame01 {
	width:799px;
	margin:0px auto 50px auto;
	padding:0px;
	outline:#c9c9c9 1px solid;
	border:#f2f1f1 8px solid;
	text-align:left;
	box-sizing: border-box;
}

div#wrapper .frame01_ttl {
	margin:0px auto 30px auto;
	padding:15px 20px 20px 40px;
	color:#FFFFFF;
	font-size:24px;
	text-align:left;
	background:url(../image/frame01_ttl_bg.png) no-repeat top center;
}



div#wrapper ul.ul01  {
	width:700px;
	margin:0px auto 18px auto;
	padding:0px;
}

div#wrapper ul.ul01 li {
	width:670px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style: disc;
	list-style-position:inside;
}

div#wrapper ul.ul02  {
	width:700px;
	margin:0px auto 18px auto;
	padding:0px;
}

div#wrapper ul.ul02 li {
	width:670px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style: disc;
	font-weight:bold;
	list-style-position:inside;
}


div#wrapper .img_right{
	float:right;
	margin:0px 0px 18px 20px;
	padding:0px;
}

div#wrapper .img_left{
	float:left;
	margin:20px 10px 18px 0px;
	padding:0px;
}




div#footer_links{
	width:100%;
	padding:20px 0px 15px 0px; 
	text-align:center; 
	margin:0px auto 0px auto; 
	font-size:12px;
	border-bottom:1px solid #111;
}

div#footer_links a{
	color:#333;
}

div#footer {
	width:100%;
	margin:0px auto;
	padding:20px 0px;
	text-align:center;
	font-size:12px;
}



@media screen and (max-width: 768px) {
/* タブレット用のスタイル記述 */

img.miniimg { display: block; }  /* mini\ */
img.bigimg  { display: none; } /* big\ */
img.frame01tab  { display: block; } /* frame01tab\ */
img {
    max-width:100%;
    width /***/:auto; 
    height:auto;
    vertical-align:bottom;
}

body{
	background:#000000 url(../image/headline_bg_sp.jpg) no-repeat center top;
	background-size:100% auto;
}
div#timer_banner {
	font-size:16px; 
	padding:5px 0px 5px 0px;
}

div#timer {
	font-size:16px; 
}


div#headline .headline_banner{
	width:100%;
	margin:0px auto 20px auto;
	padding:0px;
}

div#headline {
	width:100%;
	margin:0px auto 20px auto;
	padding:30px 0px 0px 0px;
	text-align:center;
}


div#headline h1 {
	width:95%;
	margin:0px auto 20px auto;
	padding:0px;
	text-align:center;
}

div#headline h2 {
	width:95%;
	margin:0px auto 10px auto;
	padding:0px 0px 10px 0px;
	text-align:center;
}


div#wrapper {
	width:100%;
	margin:0px auto;
	padding:0px 0px 0px 0px;
	box-shadow:none;
}

div#wrapper h1 {
	width:95%;
	margin:0px auto 30px auto;
	padding:0px;
	text-align:center;
}
div#wrapper h2 {
	width:95%;
	margin:10px auto 30px auto;
	padding:0px;
	text-align:center;
}

div#wrapper h3 {
	width:95%;
	margin:0px auto 15px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
}

div#wrapper .box01 {
	width:95%;
	margin:0px auto 30px auto;
	padding:0px;
	color:#333;
	font-size:14px;
	text-align:left;

}

div#wrapper .mailform h2 {
	width:95%;
	margin:0px auto 10px auto;
	padding:0px;
	text-align:center;
}

div#wrapper .formbox01 {
	width:100%;
	margin:0px auto 50px auto;
	padding:60px 0px 0px 0px;
	background:url(../image/formbox01_bg.png) no-repeat top center;
}

div#wrapper .formbox01_ttl {
	width:90%;
	margin:0px auto 20px auto;
	padding:0px;
	text-align:center;
}





div#wrapper .img_right{
	float:none;
	margin:0px auto 18px auto;
	padding:0px;
	text-align:center;
}

div#wrapper .img_left{
	float:none;
	margin:0px auto 18px auto;
	padding:0px;
	text-align:center;
}

iframe {
	width:95%;
}

div#footer {
	width:100%;
	margin:0px auto;
	padding:15px 0px;
	text-align:center;
	font-size:12px;
}

div#wrapper ul.ul01{
	width:100%;
	margin:0px auto 20px auto;
	padding:0px;
}

div#wrapper ul.ul01 li {
	width:95%;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	list-style: disc;
	list-style-position:inside;
}

div#wrapper ul.ul02 {
	width:100%;
	margin:0px auto 20px auto;
	padding:0px;
}

div#wrapper ul.ul02 li {
	width:95%;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	list-style: disc;
	list-style-position:inside;
}


div#wrapper .mailform {
	width:100%;
	margin:0px auto 50px auto;
	padding:40px 0px 20px 0px;
	background: url(../image/wrapper_top.jpg) no-repeat top center;
}

div#wrapper .mailform p {
	width:90%;
	margin:0px auto 5px auto;
	padding:0px 0px 0px 0px;
}

div#wrapper .formtxt {
	width:95%;
	padding:3% 1% 3% 1%;
	background-image:none;
	text-align:center;
	font-size:15px;
}
div#wrapper input {
	width:95%;
	text-align:center;
}

div#wrapper .frame01 {
	width:95%;
	margin:0px auto 30px auto;
	padding:0px;
	outline:#c9c9c9 0.2% solid;
	border:#f2f1f1 1% solid;
	text-align:left;
	box-sizing: border-box;
}

div#wrapper .frame01_ttl {
	margin:0px auto 20px auto;
	padding:3% 0 2% 3%;
	color:#FFFFFF;
	font-size:18px;
	text-align:left;
	background:url(../image/frame01_ttl_bg.png) no-repeat top center;
}

div#footer_links{
	width:100%;
	padding:5% 0px 3% 0px; 
	text-align:center; 
}

}