g @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: #000;
	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; }
fvd
/* 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/topmainbg.jpg) top center no-repeat;
}

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

/*-- header --*/
#header {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
	
#home #header {
	height: 559px;
	text-align:left;
}

#lower #header {
	height: 241px;
/*	background: url(../img/common/secheader.png) top center no-repeat;*/
}
#lower #header p {margin:0; padding:0 }

/*-- メニュー --*/
#home #gnaviWrap {
	position: absolute;
	bottom:0;
	height: 74px;
	width: 1000px;
}

#lower #gnaviWrap {
	position: absolute;
	bottom:0;
	height: 74px;
	width: 1000px;
}

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

#tubTop a{
	background: url(../img/common/tub_top.png) 0 0 no-repeat;
	width:162px;
	height:74px;
	position:absolute;
	z-index : 120;
}

#tubItemcon a{
	left:140px;
	background: url(../img/common/tub_itemcon.png) 0 0 no-repeat;
	width:493px;
	height:74px;
	position:absolute;
	z-index : 110;
}

#tubIllustcon a{
	left:610px;
	position:absolute;
	background: url(../img/common/tub_illustcon.png) 0 0 no-repeat;
	width:390px;
	height:74px;
	z-index : 100;
}

.item #tubItemcon a,
.illust #tubIllustcon a{
	z-index : 200;
}

#tubTop a:hover,
#tubItemcon a:hover,
#tubIllustcon a:hover{
	z-index : 300;
}

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


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

#home #container { background: url(../img/home/topconbg.jpg) 0 0 no-repeat; }

.item #container { background: #ffc19b url(../img/item/conbg.gif) top center no-repeat; }
.illust #container { background: #c3e6f0 url(../img/illust/conbg.gif) top center no-repeat; }

#main {
	margin: 0 auto;
}

#home #main {
	width:960px;
	height:1305px;
}

#lower #main {
	background-color:#fff;
	width:960px;
	margin: 0px auto;
}

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

/*-- フッター --*/
#footerWrap {
	background-color:#fec2a3;
	margin-top:10px;
}

#footerWrap #footer {
	width: 970px;
	margin: 0 auto;
	padding: 25px 15px 0px 15px;
	text-align: left;
}

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

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

#footerWrap ul li a {
	color: #b74e05;
	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/miniarrow.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:93%
}

#footerWrap #aboutroWrap ul.arrow li {
	background: url(../img/common/icon.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-color:#ffd6bc;
	padding: 10px;
	text-align: center;
	color: #0f0f0f;
	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 h1 {}
#home #header p {
	margin:0;
	padding:0;
}

#recommend {
	position: absolute;
	left:569px;
	top: 319px;
	z-index: 400;
}


#home .conBox {
	margin-bottom: 20px;
}

#home .contest {
	width: 470px;
}

#home .illustcon {
	height:70px;
	padding-top:265px;
	text-align: center;
	background: url(../img/home/btnbgillustcon.png) 0 0 no-repeat;
}

#home .itemcon {
	height:70px;
	padding-top:265px;
	text-align: center;
	background: url(../img/home/btnbgitemcon.png) 0 0 no-repeat;
}

#home .introduction {
	width:907px;
	background-color:#fff;
	margin:0 auto;
	padding:15px 10px;
}
#home .introduction p{text-align:left;}

#home .aboutoro{width:440px;}

#home .character {
	background: url(../img/home/characterbg.jpg) 0 0 no-repeat;
	height:110px;
	width:283px;
	padding:30px 150px 20px 20px;
}


.character ul li {
	background: url(../img/common/arrow.png) 0 0 no-repeat;
	padding-left: 18px;
	margin-bottom: 8px;
	float:left;
	margin-left:10px;
}

.character ul li a {
	color: #b74e05;
}

.character ul li a:hover {
	color: #327400;
}

#home .historyBox {
	background: url(../img/home/history.png) 0 0 no-repeat;
	float: left;
	width: 600px;
	height: 260px;
	padding: 62px 15px 0;
}

#home .historyBox img {
	float: left;
	margin: 5px;
}

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


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

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

#lower h1 { margin-bottom: 0px; }
#lower h2 { margin-bottom: 15px; padding:0 20px; }
#lower h3 { font-weight: bold; font-size: 108%; margin-top: 15px; }
#lower h3.non { margin-top: 0 !important; }
.item h3 { color: #ff7f2f; }
.illust h3 { color: #38badf; }

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

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

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

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

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

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

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

/* 賞品 */

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

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

#lower ul.supplementary {
	width: 330px;
	padding: 30px 0 10px;
	background: #FFF url(../img/common/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_question.jpg) 0 0 no-repeat;
/*	margin-bottom: 5px;*/
}
	
#lower dl.qa dd {
	padding: 7px 0 10px 40px;
	background: url(../img/common/icon_answer.jpg) 0 0 no-repeat;
	margin-bottom: 15px;
}
	

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

/*----------------------------------------------------------
　all
----------------------------------------------------------*/
ul.all li {
	width: 156px;
	height: 180px;
	padding: 0 !important;
	margin: 0 10px!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 {
	color: #666;
	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: #e5fdff;
	border: #caf3f6 3px double;
}

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

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

div.prize {
	width: 445px;
}

div.prize3 {
	width: 293px;
	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: #F68B8B;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

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

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