@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;
}

body#home { text-align: center; }

a {
	color: #327400;
	text-decoration: none;
}

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

img{ border: none; outline: none; vertical-align: bottom; }
p { margin-bottom: 10px; }
p.non { margin-bottom: 0 !important; }

/* 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;
	/**/

}
strong { font-weight: bold; }

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

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

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

/*-- header --*/
#header {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
	
#home #header {
	height: 435px;
	background: #fff url(../img/home/bg_home_header.jpg) top center no-repeat;
}

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

/*-- メニュー --*/
#home #gnaviWrap {
	position: absolute;
	top: 389px;
	height: 46px;
	width: 958px;
}

#lower #gnaviWrap {
	position: absolute;
	top: 164px;
	height: 46px;
	width: 958px;
}

#gnavi li {
	float: left;
	margin: 0;
	padding: 0;
	display: block;
}


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


/*-- コンテンツ --*/
#container {
	width: 1000px;
	margin: 0 auto;
	background: #fff;
}

.item #container { background: #fff url(../img/item/bg_item.png) 0 0 no-repeat; }
.illust #container { background: #fff url(../img/illust/bg_illust.png) 0 0 no-repeat; }

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

#home #main {
	margin: 0 auto;
	padding: 0 30px;
}

#pagetop { text-align: right; margin-bottom: 20px; }

/*-- フッター --*/
#footerWrap {
}

#footerWrap #footer {
	width: 970px;
	margin: 0 auto;
	background: #e9f8ab url(../img/common/bg_footer.gif) 0	0 no-repeat;
	padding: 15px;
	text-align: left;
}

#footerWrap #footer img.ttl { margin-bottom: 10px; }

#footerWrap ul li {
	background: url(../img/common/arrow01.png) 0 0 no-repeat;
	padding-left: 18px;
	margin-bottom: 8px;
}

#footerWrap ul li a {
	color: #327400;
	text-decoration: none;
}

#footerWrap ul li a:hover {
	color: #327400;
	text-decoration: none;
}

/* サイトマップ */
#footerWrap #naviWrap  {
	width: 348px;
	float: left;
}

#footerWrap #naviWrap ul.navi {
	width: 170px;
	float: left;
}

#footerWrap #naviWrap ul.sub {
	padding-left: 15px;
}


#footerWrap #naviWrap ul.sub li {
	background: url(../img/common/arrow02.png) 0 0 no-repeat;
	padding-left: 12px;
	line-height: 1.2 !important;
	margin-top: 5px;
}


/* 登録導線 */
#footerWrap #aboutroWrap {
	width: 595px;
	float: right;
	padding-left: 15px;
	border-left: #FFF 1px solid;	
}

#footerWrap #aboutroWrap #txtarea {
	float: right;
	width: 355px;
/*	font-size:12px;*/
	font-size:93%
}

#footerWrap #aboutroWrap ul.arrow li {
	background: url(../img/common/arrow03.png) 0 0 no-repeat;
	padding-left: 18px;
	margin-bottom: 5px;
}

#footerWrap #aboutroWrap #btnRoarea {
	width: 300px;
	margin: 0 auto;
}

#footerWrap #aboutroWrap #btnRoarea img {
	margin: 10px 0;
}

#footerWrap #aboutroWrap #btnWrap {
	text-align: center;
}

/* コピーライト */
#footerWrap #copy {
	background: #000;
	padding: 10px;
	text-align: center;
	color: #fff;
	font-size: 77%;
}


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

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

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

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

p.attention { color: #c00; }


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

#home .contest {
	width: 470px;
	text-align: center;
}

#home .pastBox {
	background: url(../img/home/past_bg.png) 0 0 no-repeat;
	float: left;
	width: 626px;
	height: 190px;
	padding: 57px 7px 0;
}

#home .pastBox img {
	float: left;
	margin: 10px;
}

#home .bnBox {
	float: right;
	width: 280px;
}


/*----------------------------------------------------------
　lower
----------------------------------------------------------*/
#lower .Wrap {
	padding: 0 20px;
}

#lower .conBox {
	padding: 0 20px;
	margin-bottom: 30px;
}

#lower h1 { margin-bottom: 30px; }
#lower h2 { margin-bottom: 15px; }
#lower h3 { font-weight: bold; font-size: 108%; margin-top: 15px; }
#lower h3.non { margin-top: 0 !important; }
.item h3 { color: #930bb5; }
.illust h3 { color: #0071e4; }

#lower .style01L {
	float: left;
	width: 550px;
}

#lower .style01R {
	float: right;
	width: 350px;
}

#lower .style02L {
	float: left;
	width: 450px;
}

#lower .style02R {
	float: right;
	width: 450px;
}

#lower .conBox ul li {
	margin-left: 1em;
	text-indent: -1em;
	margin-bottom: 5px;
}

/* メニュー　*/
#lower #nemuWrap {
	width: 760px;
	margin: 0 auto;
	padding: 25px 0 0;
}

#lower #nemuWrap ul li {
	float: left;
	margin: 0 5px;
}

/* 賞品 */

#lower ul.prize {
	width: 360px;
	padding: 10px 0 0;
}

#lower ul.prize span {
	font-size: 116%;
	font-weight: bold;
}

.item ul.supplementary {
	width: 360px;
	padding: 30px 0 10px;
	background: #FFF url(../img/item/supplementary.jpg) 0 0 no-repeat;
}

.illust ul.supplementary {
	width: 360px;
	padding: 30px 0 10px;
	background: #FFF url(../img/illust/supplementary.jpg) 0 0 no-repeat;
}


/*----------------------------------------------------------
　scrollBox
----------------------------------------------------------*/
#lower .scrollBox{
	overflow: auto;
	height: 180px;
	width: 880px;
	padding: 20px;
	border:1px solid #999;
	text-align:left;
}

#lower .scrollBox ul ul{
	margin: 15px 0 15px 10px;
}
	
/*----------------------------------------------------------
　Q&A
----------------------------------------------------------*/
#lower dl.qa dt {
	padding: 7px 0 10px 40px;
	background: url(../img/common/icon_q.png) 0 0 no-repeat;
/*	margin-bottom: 5px;*/
}
	
#lower dl.qa dd {
	padding: 7px 0 10px 40px;
	background: url(../img/common/icon_a.png) 0 0 no-repeat;
	margin-bottom: 15px;
}
	

#lower dl.qa dd .copyrightBox{
border:#ccc solid 1px;
padding:20px;
}

/*----------------------------------------------------------
　all
----------------------------------------------------------*/
ul.all li {
	width: 150px;
	padding: 0 !important;
	margin: 0 3px 10px 0 !important;
	text-indent: 0 !important;
	float: left;
	display:block;
}

ul.all li img {
	padding: 0 !important;
	margin: 0 0 5px 0 !important;
	border: #ccc 1px solid;
}

ul.all li p {
	padding: 0 2px;
	font-size: 93%;
	line-height: 1;
}

ul.all li p.ttl {
	margin-bottom: 3px;
	font-weight: bold;
}

/*----------------------------------------------------------
　prize
----------------------------------------------------------*/
div.prizelist {
	width: 600px;
	margin: 0 auto 10px;
	text-align: center;
	padding: 10px;
}

.illust div.prizelist {
	background: #e6f5ff;
	border: #badbff 3px double;
}

.illust div.prizelist ul.prize02 {
	font-weight: bold;
	border-bottom: #badbff 1px dotted;
}

.item div.prizelist {
	background: #f7e3ff;
	border: #e7bcf7 3px double;
}

.item div.prizelist ul.prize02 {
	font-weight: bold;
	border-bottom: #e7bcf7 1px dotted;
}

div.prizelist ul.supplementary02 {
	font-size:85%;
	margin-top: 5px;
}

div.prize {
	width: 460px;
}

div.prize3 {
	width: 300px;
	margin-bottom: 20px;
}

div.prize p.small,
div.prize3 p.small {
	font-size:77%;
	padding: 0;
	margin: 0;
}

div.prize dl,
div.prize3 dl {
	padding: 20px 10px 0;
}
	
div.prize dl dt,
div.prize3 dl dt  {
	background: #7bcaff;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

div.prize dl dt.manage,
div.prize3 dl dt.manage {
	background: #b3d84a;
}

div.prize dl dd,
div.prize3 dl dd {
	padding: 3px 5px;
}