@charset "UTF-8";

/* -------------------------------------
  (C) Copyright 2009 NAMCO
      version 2009/12/17
------------------------------------- */
@import "flexcrollstyles.css";
@import "contents.css";

/* --- Reset ---------------- */

* {
	margin: 0;
	padding: 0;
	text-align: left;
	}

/* --- Setting -------------- */

body {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 12px;
	text-align: center;
	background: #000;
	}

div,p,h1,h2,h3,h4,h5,h6,dt,dd,li,span,strong,em,ins,del,table,tr,td,th,a {
	font-style: normal;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	line-height: 1.5em;
	}

a:link { color: #f90; text-decoration: underline; }
a:visited { color: #f90; text-decoration: underline; }
a:hover { color: #fc0; text-decoration: underline; }
a:active { color: #fc0; text-decoration: underline; }

table { border: 0px; border-collapse: collapse; }
table tr { border: 0px; vertical-align: middle; }
ul { list-style: none; }
img { border: 0px; behavior: expression(IEPNGFIX.fix(this)); }
strong { font-weight: bold; }
em { font-style: italic; }
ins { text-decoration: underline; }
del { text-decoration: line-through; }

.red { color: #d00; }
.red2 { color: #c33; }
.blue { color: #06f; }
.orange { color: #f90; }
.purple { color: #a895cf; }
.gold { color: #c93; }
.bronze { color: #963; }
.gray { color: #aaa; }

.stxt { font-size:10px; }
.ntxt { font-size:12px; }
.xtxt { font-size:14px; }
.xxtxt { font-size:16px; }
.xxxtxt { font-size:18px; }

.bold { font-weight: bold; }

.posLeft { text-align: left; }
.posRight { text-align: right; }
.posCenter { text-align: center; }


.bdr_radius {
	border-radius: 10px;
	-webkit-border-radius: 10pxpx;
	-moz-border-radius: 10pxpx;
	-o-border-radius: 10pxpx;
	-ms-border-radius: 10pxpx;
	}

.nobtmSpc { margin-bottom: 0px; padding-bottom: 0px; }
.btmSpc10 { padding-bottom: 10px; }
.btmSpc15 { padding-bottom: 15px; }
.btmSpc20 { padding-bottom: 20px; }
.btmSpc25 { padding-bottom: 25px; }
.btmSpc30 { padding-bottom: 30px; }

.icon { margin-left: 3px; vertical-align: middle; }
.clear { font-size: 1px; line-height: 1px; clear: both; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; min-height: 1%; }

/* IEバグ調整 */
* html .clearfix { height: 1% !important; }
.clearfix { display: block; }


/* --- Global --------------- */

#wrapper {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #000 url(../img/bg_header_main.jpg) repeat-x center top;
	}
#wrapper .headerBG01 { background: url(../img/img_header/bg_h01.jpg) no-repeat center top; }
#wrapper .headerBG02 { background: url(../img/img_header/bg_h02.jpg) no-repeat center top; }
#wrapper .headerBG03 { background: url(../img/img_header/bg_h03.jpg) no-repeat center top; }
#wrapper .headerBG04 { background: url(../img/img_header/bg_h04.jpg) no-repeat center top; }
#wrapper .headerBG05 { background: url(../img/img_header/bg_h05.jpg) no-repeat center top; }
#wrapper .headerBG06 { background: url(../img/img_header/bg_h06.jpg) no-repeat center top; }
#wrapper .headerBG07 { background: url(../img/img_header/bg_h07.jpg) no-repeat center top; }
#wrapper .headerBG08 { background: url(../img/img_header/bg_h08.jpg) no-repeat center top; }
#wrapper .headerBG09 { background: url(../img/img_header/bg_h09.jpg) no-repeat center top; }
#wrapper .headerBG10 { background: url(../img/img_header/bg_h10.jpg) no-repeat center top; }
#wrapper .headerBG11 { background: url(../img/img_header/bg_h11.jpg) no-repeat center top; }
#wrapper .headerBG12 { background: url(../img/img_header/bg_h12.jpg) no-repeat center top; }
#wrapper .headerBG13 { background: url(../img/img_header/bg_h13.jpg) no-repeat center top; }
#wrapper .headerBG14 { background: url(../img/img_header/bg_h14.jpg) no-repeat center top; }
#wrapper .headerBG15 { background: url(../img/img_header/bg_h15.jpg) no-repeat center top; }
#wrapper .headerBG16 { background: url(../img/img_header/bg_h16.jpg) no-repeat center top; }
#wrapper .headerBG17 { background: url(../img/img_header/bg_h17.jpg) no-repeat center top; }
#wrapper .headerBG18 { background: url(../img/img_header/bg_h18.jpg) no-repeat center top; }
#wrapper .headerBG19 { background: url(../img/img_header/bg_h19.jpg) no-repeat center top; }
#wrapper .headerBG20 { background: url(../img/img_header/bg_h20.jpg) no-repeat center top; }
#wrapper .headerBG21 { background: url(../img/img_header/bg_h21.jpg) no-repeat center top; }
#wrapper .headerBG22 { background: url(../img/img_header/bg_h22.jpg) no-repeat center top; }
#wrapper .headerBG23 { background: url(../img/img_header/bg_h23.jpg) no-repeat center top; }
#wrapper .headerBG24 { background: url(../img/img_header/bg_h24.jpg) no-repeat center top; }
#wrapper .headerBG25 { background: url(../img/img_header/bg_h25.jpg) no-repeat center top; }
#wrapper .headerBG26 { background: url(../img/img_header/bg_h26.jpg) no-repeat center top; }
#wrapper .headerBG27 { background: url(../img/img_header/bg_h27.jpg) no-repeat center top; }
#wrapper .headerBG28 { background: url(../img/img_header/bg_h28.jpg) no-repeat center top; }
#wrapper .headerBG29 { background: url(../img/img_header/bg_h29.jpg) no-repeat center top; }
#wrapper .headerBG30 { background: url(../img/img_header/bg_h30.jpg) no-repeat center top; }
#wrapper .headerBG31 { background: url(../img/img_header/bg_h31.jpg) no-repeat center top; }
#wrapper .headerBG32 { background: url(../img/img_header/bg_h32.jpg) no-repeat center top; }
#wrapper .headerBG33 { background: url(../img/img_header/bg_h33.jpg) no-repeat center top; }
#wrapper .headerBG34 { background: url(../img/img_header/bg_h34.jpg) no-repeat center top; }
#wrapper .headerBG35 { background: url(../img/img_header/bg_h35.jpg) no-repeat center top; }
#wrapper .headerBG36 { background: url(../img/img_header/bg_h36.jpg) no-repeat center top; }
#wrapper .headerBG37 { background: url(../img/img_header/bg_h37.jpg) no-repeat center top; }
#wrapper .headerBG38 { background: url(../img/img_header/bg_h38.jpg) no-repeat center top; }
#wrapper .headerBG39 { background: url(../img/img_header/bg_h39.jpg) no-repeat center top; }
#wrapper .headerBG40 { background: url(../img/img_header/bg_h40.jpg) no-repeat center top; }
#wrapper .headerBG41 { background: url(../img/img_header/bg_h41.jpg) no-repeat center top; }
#wrapper .headerBG42 { background: url(../img/img_header/bg_h42.jpg) no-repeat center top; }
#wrapper .headerBG43 { background: url(../img/img_header/bg_h43.jpg) no-repeat center top; }
#wrapper .headerBG44 { background: url(../img/img_header/bg_h44.jpg) no-repeat center top; }


/* --- Header --------------- */

#header {
	margin: 0;
	padding: 0;
	text-align: center;
	}

#header .btnHome {
	width: 800px;
	margin: 0 auto 2px;
	padding: 0;
	text-align: left;
	}

#header div {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	}

#header div h1 {
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
	}

#header div .btnOut {
	margin: 0;
	padding: 16px 0 0;
	text-align: right;
	float: right;
	}


/* --- Menu --------------- */

#menu {
	margin: 0;
	padding: 0;
	}

#menu ul {
	margin: 0;
	padding: 0 0 30px;
	}

#menu ul li {
	width: 200px;
	margin: 0;
	padding: 0;
	float: left;
	}


/* --- Contents --------------- */

#contents {
	width: 800px;
	margin: 0 auto 20px;
	padding: 0;
	}

#contents h2,
#contents h3,
#contents h4,
#contents h5,
#contents h6,
#contents div,
#contents p {
	margin: 0;
	padding: 0;
	text-align: left;
	}


/* --- Footer --------------- */

#state {
	margin: 0;
	padding: 0 0 40px;
	text-align: center;
	background: url(../img/bg_white_line_bottom.gif) repeat-x center bottom;
	clear: both;
	}

#state .boxMB {
	width: 800px;
	margin: 0 auto 20px;
	padding: 0;
	border: 1px solid #400;
	background: #300 url(../img/bg_footer_mobile.gif) repeat-x center top;
	}

#state .boxMB div {
	margin: 0;
	padding: 0;
	border: 1px solid #000;
	background: url(../img/bg_footer_mobile.gif) no-repeat center top;
	position:relative;
	left: 0px;
	top: 0px;
	}

#state .boxMB div h4 {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 55px;
	top: 20px;
	}

#state .boxMB div .mbDescription1 {
	margin: 0;
	padding: 20px 49px 10px 325px;
	}

#state .boxMB div .mbDescription1 img {
	margin: 0 0 0 20px;
	float: right;
	}

#state .boxMB div .mbDescription2 {
	margin: 0;
	padding: 0 30px 20px 315px;
	}

#state .topAnchor {
	width: 780px;
	margin: 0 auto;
	padding: 0;
	text-align: right;
	}

#state .topAnchor span {
	margin: 0;
	padding: 0 0 0 20px;
	background: url(../img/icon_arw_top.gif) no-repeat left center;
	}

#footer {
	margin: 0;
	padding: 20px 0 0;
	text-align: center;
	border-top: 2px solid #900;
	background: url(../img/bg_footer.gif) repeat-x center top;
	}

#footer ul {
	width: 800px;
	margin: 0 auto 25px;
	padding: 0;
}

#footer ul li {
	display: inline;
	padding: 0 20px;
	float: left;
	background: url(../img/icon_arw_dir.gif) no-repeat left center;
}

#footer ul li a:link { color: #eee; text-decoration: underline; }
#footer ul li a:visited { color: #eee; text-decoration: underline; }
#footer ul li a:hover { color: #eee; text-decoration: none; }
#footer ul li a:active { color: #eee; text-decoration: none; }

#footer address {
	width: 800px;
	margin: 0 auto;
	padding: 30px 0;
	text-align: center;
	font-style: normal;
	border-top: 1px solid #900;
	clear: both;
	}