@charset "utf-8";
/* CSS Document */
/*setup
----------------------------------------------------------*/
/*common
----------------------------------------------------------*/
html { height: 100%; }
body {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	line-height: 1.4;
	font-size: 13px;
	color: #666;
	background-color: #fff;
	text-align: left;
}

a {
	color: #7426c5;
	text-decoration: none;
}

a:hover {
	color: #7426c5;
	text-decoration: underline;
}

img{ border: none; outline: none; vertical-align: bottom; }

/* for IE6 */
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	line-height: 1.6;
}
* html input,
* html textarea {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	line-height: 1.6;
}

/*--- module ---*/
.clearfix:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
}
.clearfix {
	min-height: 1%;
	/* for IE 7*/

}

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

}

/*--------------------------------------------------------*/
/*gungho-common
----------------------------------------------------------*/
#gungho {
	background: #fff url(../img/common/header_line.gif) repeat-x scroll 0 0;
	height: 36px;
	vertical-align: bottom;
	width: 100%;
}
#gungho p#ragnarok {
	background: #fff url(../img/common/header_bg.gif) no-repeat scroll 100% 0;
	height: 30px;
	text-align: left;
	width: 100%;
}

/*layout
----------------------------------------------------------*/
body#home {
	background: #d4ccff url(../img/home/bg_home.jpg) top center no-repeat;
}

body#lower {
	background: #d4ccff url(../img/lower/bg_lower.jpg) top center no-repeat;
}

#contents {
	width: 1000px;
	margin: 0 auto;
	background-color: #fff;
}

#home #contents {
	background: #fff url(../img/home/bg_home02.jpg) top center no-repeat;
}

/*-- header --*/
#header {
	position: relative;
}
	
#home #header {
	height: 418px;
	background: #fff url(../img/home/header_home.jpg) top center no-repeat;
}

#lower #header {
	height: 164px;
	background: #fff url(../img/lower/header_lower.jpg) top center no-repeat;
}

/*-- グローバルnavi --*/
#lower #gnaviWrap {
	background: #a48cff url(../img/common/gnavi_bg.jpg) top center no-repeat;
	height: 50px;
}

#lower ul.gnavi {
	padding-left: 95px;
}

#lower ul.gnavi li {
	float: left;
	margin: 0;
	padding: 0;
}

/*-- コンテンツ --*/
#container {
}

#main {
	margin: 0 auto;
	padding: 20px;
}

/*-- ページTOP --*/
#pagetop { text-align: right; }

/*-- フッター --*/
#footerWrap  {
	width: 1000px;
	margin: 0 auto;
	background: #000 url(../img/common/bg_footer.gif) ;
	padding: 10px 0;
	text-align: center;
}

/* コピーライト */
#footerWrap #copy {
	color: #aaa;
	font-size: 77%;
}


/*SNS
----------------------------------------------------------*/
#sns {
	position: absolute;
	right: 0;
	top: 20px;
	z-index: 500;
}
#sns ul li {
	float: left;
}


/* 共通
----------------------------------------------------------*/

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mt30 { margin-top: 30px; }
.ml20 { margin-left: 20px; }

.floatL { float: left; }
.floatR { float: right; }

.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

.Wrap { padding: 0 20px; }

h2 { margin-bottom: 20px; }
h3 { font-weight: bold; font-size: 108%; margin-top: 15px; color:#373775; }
h3.non { margin-top: 0 !important; }

#lower h1 { margin-bottom: 20px; }
#lower h2.item {
	margin-bottom: 10px;
	border: #d4ccff 3px double;
	background: #9680ff;
	font-weight:bold;
	padding: 3px 6px;
	color: #fff;
}


strong { font-weight: bold; }

.btnBox { 
	margin: 30px 0;
	text-align: center; 
}

.btnBox img{ margin: 0 10px; }

.conBox { 	padding: 0 20px 30px; }

ul li { text-indent: -1em; margin-left: 1em; }

/*----------------------------------------------------------
　home
----------------------------------------------------------*/
#home #cpBox {
	margin-bottom: 30px;
}

#home #cpBox .styleL {
	position: relative;
	width: 470px;
	height: 250px;
	float:left;
}

#home #cpBox .styleR {
	position: relative;
	width: 470px;
	height: 250px;
	float:right;
}

#home #cpBox img.shop {
	z-index: 100;
}

#home #cpBox .btnDetail {
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 200;
}

#home #about .imgBox {
	width: 230px;
	float:left;
	text-align: center;
}

#home #about .txtBox {
	width: 670px;
	float:right;
}



/*----------------------------------------------------------
　lower
----------------------------------------------------------*/
#lower #titleImg {
	position: absolute;
	left: 215px;
	top: 0;
	z-index: 400;
}

#lower #regulation p,
#lower #regulation ul{
	margin-left: 10px;
}

table {
	margin-bottom:1em;
	width:100%;
	border-left:#ccc 1px solid;
	border-top:#ccc 1px solid;
}

table tr th,
table tr td {
	padding:4px 6px;
	border-bottom:#ccc 1px solid;
	border-right:#ccc 1px solid;
}

table tr th {
	font-weight:bold;
	background:#e5e0ff;
	width: 120px;
}

table caption {
	padding:3px 6px;
	border:#ccc 1px solid;
	border-bottom:none;
	font-weight:bold;
}

table tr td.item {
	width: 16%;
	text-align: center;
	vertical-align: middle;
}

table tr .cel01,
table tr td.cel {
	width: 14%;
}