@charset "shift_jis";



/* css format */

/* --HTML-- */
html {
 }


/* html5 tag css format */

article,aside,dialog,figure,footer,header,hgroup,menu,nav,section {display: block;}

section,nav,article,aside,hgroup,header,footer,address {
  margin:0;
  padding:0;
  font-style:normal;
  font-weight:normal;
}

div,dl,ul,ol,section { overflow:hidden; }


/* --OTHER TAGS-- */
a {
  overflow:hidden;
  outline: none !important;
}

a img, img {
  border:0;

}
  
abbr, acronym {
  border:0;
}
  
address, caption, cite, code, dfn, em, th, strong, var {
  font-style:normal;
  font-weight:normal;
}
  
body,blockquote, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, p, pre, span, td, th, ul {
  margin:0;
  padding:0;
}
  
caption, th {
  text-align:left;
}
  
code, kbd, pre, samp, tt {
  font-family:monospace;
  line-height:100%;
}

    /* for IE7 */
    *+html code, kbd, pre, samp, tt {
      font-size:108%;
    }
  
  
q:before, q:after {
  content:'';
}
  
/* form */
button, fieldset, form, input, label, legend, select, textarea {
  font-family:inherit;
  font-size:100%;
  font-style:inherit;
  font-weight:inherit;
  margin:0;
  padding:0;
  vertical-align:baseline;
}
  
/* tables still need 'cellspacing="0"' */
table {
  border-collapse:collapse;
  border-spacing:0;
  font-size:100%;
}

/* --BODY-- */
body {
  font-size:14px;
  line-height:1.4;
  color:#333333;
  margin:0;
  padding:10px 0 0 0 ;
  background-color:#000000;
  border-top:4px solid #90703c;
}
  
    /* for IE7 */
    *+html body {
      font-family:'メイリオ', 'ＭＳ Ｐゴシック';
      font-size:100%;
    }
  
    /* for IE6 */
    * html body {
      font-family:'ＭＳ Ｐゴシック';
      font-size:100%%;
      text-align:center;
    }

/* css format end */


.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

li { list-style:none; }

a:link { color:#0066ff; }
a:visited { color:#660066; }
a:hover { color:#3399ff; }


/* color */

.skyBlue {
  color:#00ccff;
}

.fBlueB2 {
  font-size:16px;
  color:#001199;
  font-weight:bold;
}

.imfl { float:left; margin:0 10px 10px 0; border:1px solid #666666; }
.imfr { float:right; margin:0 0px 10px 10px; border:1px solid #666666; }
.cl { clear:both; }


/* header */

header { margin:0 auto; width:782px; padding-bottom:10px; background:transparent url(../images/navbg.png) repeat-x left top; }


header h1 { text-indent:-9999px; background:transparent url(../images/header.jpg) no-repeat left top; width:782px; line-height:255px; margin:0 auto; 
	position: relative;
}
header h1 a { display:block; width:782px; line-height:255px; }
header h1::after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 240px;
	height: 108px;
	background-size: contain;
	background-repeat: none;
}
.top-3ban::after{
	background-image: url(../images/logo-3ban.png);
}
.top-4ban::after{
	background-image: url(../images/logo-4ban.png);
}
.top-5ban::after{
	background-image: url(../images/logo-5ban.png);
}
.top-6ban::after{
	background-image: url(../images/logo-6ban.png);
}
.top-7ban::after{
	background-image: url(../images/logo-7ban.png);
}
.top-8ban::after{
	background-image: url(../images/logo-8ban.png);
}
/* nav */

header nav{height:64px;}
header nav ul {  margin:0 auto; padding-top:4px; }
header nav ul li { text-indent:-9999px; float:left; line-height:31px; margin-right:56px; }
	.nav1 a { background:transparent url(../images/nav01.png) no-repeat left top; display:block; width:160px; line-height:31px; }
	.nav1 a:hover { background:transparent url(../images/nav01.png) no-repeat left -31px; }

	.nav2 a { background:transparent url(../images/nav02.png) no-repeat left top; display:block; width:200px; line-height:31px; }
	.nav2 a:hover { background:transparent url(../images/nav02.png) no-repeat left -31px; }

	.nav3 a { background:transparent url(../images/nav03.png) no-repeat left top; display:block; width:124px; line-height:31px; }
	.nav3 a:hover { background:transparent url(../images/nav03.png) no-repeat left -31px; }

	.nav4   { margin-right:0 !important; }
	.nav4 a { background:transparent url(../images/nav04.png) no-repeat left top; display:block; width:130px; line-height:31px; }
	.nav4 a:hover { background:transparent url(../images/nav04.png) no-repeat left -31px; }

	



/* mainButton */
#mainBox { width:782px; margin:0 auto; padding-top:28px; }

#indEntryBoxS { float:left; width:377px;  background:transparent url(../images/entrys.jpg) no-repeat center top; text-indent:-9999px; padding:420px 0 24px;  }
	#indEntryBoxS .button { width:327px; margin:0 auto; }
	#indEntryBoxS .button a { display:block; width:327px; line-height:80px; background:transparent url(../images/sbutton.png) no-repeat center top; }
	#indEntryBoxS .button a:hover { background:transparent url(../images/sbutton.png) no-repeat center -80px; }

#indEntryBoxM { float:right; width:377px;  background:transparent url(../images/entrym.jpg) no-repeat center top; text-indent:-9999px; padding:420px 0 24px;  margin-bottom:28px; }
	#indEntryBoxM .button { width:327px; margin:0 auto; }
	#indEntryBoxM .button a { display:block; width:327px; line-height:80px; background:transparent url(../images/mbutton.png) no-repeat center top; }
	#indEntryBoxM .button a:hover { background:transparent url(../images/mbutton.png) no-repeat center -80px; }

#qrBox { clear:both; width:782px; height:201px; background:transparent url(../images/footer.jpg) no-repeat center top;  }
#qrBox img { margin:49px 0  0 690px; }



/* footer */
footer { text-align:center; }

footer address { text-align:center; line-height:50px; color:#ffffff; }


/* mother bar */
#mother{width:100%; height:40px; position:fixed; top:0; left:0; background:url(../images/mother_bg.png) repeat-x 0 0; border-bottom:1px solid #000;}
#mother h1{display:block; width:782px; margin:0 auto; color:#fff; line-height:40px; text-indent:-9999px;}


#campaign_btn,
#campaign_btn_entry {
	position: absolute;
	top: 10px;
	right: 10px; 
}
#campaign_btn a,
#campaign_btn_entry a {
	width: 100px;
	height: 100px;
	display: block;
	background: url(../images/cam_btn.png) no-repeat 0 0;
	text-indent: 120%;
	overflow: hidden;
	white-space: nowrap;
	background-size: contain;
}