@charset "utf-8";
/* CSS Document */


/* -- general set -- */
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.6;
	font-size:14px;
	color: #e2e2e2;
	background:url(../img/common/bg_body.gif) top center;
	height:auto;
/*	height:9059px; */
}

input, textarea {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	line-height:1.7;
}

a{
	color: #8fcbc0;
	text-decoration:underline;
}
a:hover {
	color: #8fcbc0;
	text-decoration:none;
}

p {
	margin-bottom:10px;
}

/*--- module ---*/
.clearfix:after{
content:"";
clear:both;
display:block;
height:0;
}

.clearfix{
    min-height:1%;  /* for IE 7*/
}
.both {
	clear: both;
}
.clear {
	clear: both;
}
.clear hr {
	display: none;
}


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

.fbold{
	font-weight:bold;
}
.mb0 {
	margin-bottom:0 !Important;
}
.mb5 {
	margin-bottom: 5px !Important;
}
.mb10 {
	margin-bottom: 10px !Important;
}


/*--- ### common ### ---*/
/* parts */
h2 {
}
h3 {
}
h4 {
}
h5 {
}
.attention {
	text-indent:-1em;
	padding-left:1em;
	color:#ff7b65;
	margin-bottom:5px;
}
.indent {
	padding-left:1em;
}
table {
	margin:0 0 12px;
	width:100%;
}
table th, table td {
	border:1px solid #7595b3;
	padding:4px;
}
table th {
	background:#083e70;
	color:#fff;
	/*font-weight:bold;*/
	text-align:center;
}
table td {
}

/*---  ---*/

/*--- gungho ---*/
#gungho{
    background:url(../img/gungho/header_line.gif) repeat-x scroll 0 0 #fff;
    height: 36px;
    vertical-align: bottom;
    width: 100%;
}

#gungho p#ragnarok{
    background:url(../img/gungho/header_bg.gif) no-repeat scroll 100% 0 #FFFFFF;
    height: 30px;
    text-align: left;
    width: 100%;
}


/* --- sns area ---*/
#snsArea{
	background:url(../img/home/bg_snstop.png) bottom center no-repeat;
	float: right;
	height: 32px;
	margin-right:10px;
	padding-top: 8px;
	width: 430px;
}
#snsArea ul#socialNetwork {
	float:right;
	width:auto;
}
#snsArea ul#socialNetwork li{
	float:left;
	margin:0 4px;
}


/* --- contents common ---*/
.section {
	z-index:1000;
	position:relative;
}

.contentsInBox {
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 50px;
	padding-left: 15px;
}

.contentsInBox .twoColumn , .contentsInBox .threeColumn{
	padding:10px 15px 10px 15px;
}

h3 {
	font-size: 18px;
	line-height: 1.7;
	font-weight: bold;
	text-decoration: none;
	background-image:url(../img/common/bg_h3.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 55px;
	clear: both;
	margin: 0;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 83px;
}



.contentsInBox p {
	margin-bottom:10px;
}

#secContainer  .contentsInBox .indentRed {
	color:#ff6565;
	text-indent:-1em;
	padding-left:1em;
}

#secContainer  table{
    margin: 0 0 12px;
    width: 100%;
}
#secContainer table img{
	border:none;
	padding:0;
	background:none;
}

#secContainer th,
#secContainer td {
	border:1px solid #a1c5e4;
    padding: 4px;
    background: #fff;	
}
#secContainer .tableTitle th{
    background: #65a9e3;
    color: #fff;
    text-align: center;
}
#secContainer th {
    background:#eee;
    color: #195D88;
    font-weight: bold;
    text-align: center;
}
#secContainer td{
	color:#195D88;
	text-align:center;
}

#secContainer .tableTitle th.dataTitle {
    text-align: left;
}
#secContainer .databookTable .itemImage {
    text-align: center;
}
#secContainer .databookTable td {
	text-align:left;
}

#secContainer  td p {
    margin: 0 0 1em;
}



.contentsInBox img.noborder{
	border:none;
	padding:0;
}
.contentsInBox img.ttl{
	border:none;
}

/*
.threeColumn .threeLeft{
	width:260px;
	margin-right:10px;
	float:left;
}
.threeColumn .threeCenter{
	width:260px;
	margin-right:10px;
	float:left;
}
.threeColumn .threeRight{
	width:260px;
	float:left;
}
.threeColumn img{
	margin-bottom:5px;
}
*/

.twoColumn .leftTextBox{
	width:350px;
	float:left;
}
.twoColumn .rightImgBox{
	width:350px;
	float:right;
}
.twoColumn .leftImgBox{
	width:350px;
	float:left;
}
.twoColumn .rightTextBox{
	width:350px;
	float:right;
}
.twoColumn .rightImgBox img,.twoColumn .leftImgBox img,.threeColumn img{
	border: 5px solid #302d29;
	padding:2px;
}


.contentsInBox strong {
	font-weight: bold;
	color: #D271A0;
	padding-right: 3px;
	padding-left: 3px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


#secContainer .contentsInBox .leftTextBox p {
	margin-bottom: 10px;
}







/*--- ### home ### ---*/
/* --- div height settings --- */
#home #container,
#home #bgimage1,
#home #bgimage2,
#home #bgimage3,
#home #bgimage4,
#home #mainImage,
#home #bgfooter,
#home #bgfooterShadow,
#home #sprits1,
#home #sprits2,
#home #chara1,
#home #chara2,
#home #chara3,
#home #chara4,
#home #imgPartsArea,
#home #contents,
#home #nav{
	height:auto;
} 


/* --- contents layout ---*/
#home #contents {
	margin:0 auto;
	width:990px;
}
#home #nav {
	float:left;
	position:relative;
	width:160px;
}
#home #main {
	float:right;
	height:auto;
	position:relative;
	width:790px;
}

/* ---- visual are --- */
#home #visualArea {
	height:1410px;
}

/* ---- nav area --- */
/*
#home #menuBox {
	background:url(../img/home/bg_navi.png) top center no-repeat;
	height:270px;
	position:relative;
	left:0;
	width:160px;
}
#home #menuBox img{
	margin:126px 0 0 18px;
}
*/

#home #menuBox {
	position:relative;
	left:0;
	width: 160px;
}
/* --- home contents Navi ---*/
#home #gNavi {
	width: 200px;
	float: left;
	height: 100%;
}
#home #gNavi #gNaviTop {
	background-image: url(../img/sec/gnavi_top.png);
	background-repeat: no-repeat;
	background-position: 10px top;
	width: 200px;
	height: 275px;
	position: relative;
}
#home #gNavi #gNaviMid {
	background-image: url(../img/sec/gnavi_mid.png);
	background-repeat: repeat-y;
	background-position: 10px top;
	text-align: center;
	padding-right: 10px;
}
#home #gNavi #gNaviMid #gameData {
	padding-top: 16px;
	background-image: url(../img/sec/kizu.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#home #gNavi #gNaviBtm {
	background-image: url(../img/sec/gnavi_bottom.png);
	background-repeat: no-repeat;
	background-position: 10px top;
	height: 144px;
	width: 200px;
	position: relative;
}
#home #gNavi #gNaviTop #gNaviAccess {
	position: absolute;
	height: 29px;
	width: 130px;
	left: 32px;
	top: 230px;
}
#home #gNavi #gNaviBtm #gNaviWalkGuide {
	position: absolute;
	height: 29px;
	width: 130px;
	left: 32px;
	top: 43px;
}
#home #gNavi .gNaviBNarea {
	margin-top: 10px;
	width: 175px;
	padding-left: 10px;
}

#gNavi #gNavi02,
#gNavi #gNavi03,
#gNavi #gNavi04,
#gNavi #gNavi05,
#gNavi #gNavi06,
#gNavi #gNavi07,
#gNavi #gNavi08,
#gNavi #gNavi09,
#gNavi #gNavi10,
#gNavi #gNavi11,
#gNavi #gNavi12,
#gNavi #gNavi13
{
	background-image:url(../img/sec/gnavi_btns.png);
	text-indent:-9999px;
	margin-left:30px;
}

#gNavi #gNavi01 {
	background-image:url(../img/sec/gnavi_btns.png);
	background-position:center top;
	background-repeat:no-repeat;
	display:block;
	height:29px;
	text-indent:-9999px;
	width:130px;
}
#gNavi #gNavi02 {
	background-repeat:no-repeat;
	background-position:center -58px;
	display:block;
	height:25px;
	margin-left:30px;
	width:130px;
}
#gNavi #gNavi03 {
	background-repeat:no-repeat;
	background-position:center -108px;
	display:block;
	height:21px;
	width:130px;
}
#gNavi #gNavi04 {
	background-repeat:no-repeat;
	background-position:center -150px;
	display:block;
	height:39px;
	width:130px;
}
#gNavi #gNavi05 {
	background-repeat:no-repeat;
	background-position:center -228px;
	display:block;
	height:25px;
	width:130px;
}
#gNavi #gNavi06 {
	background-repeat:no-repeat;
	background-position:center -278px;
	display:block;
	height:23px;
	width:130px;
}
#gNavi #gNavi07 {
	background-repeat:no-repeat;
	background-position:center -324px;
	display:block;
	height:38px;
	width:130px;
}
#gNavi #gNavi08 {
	background-repeat:no-repeat;
	background-position:center -400px;
	display:block;
	height:23px;
	width:130px;
}
#gNavi #gNavi09 {
	background-repeat:no-repeat;
	background-position:center -446px;
	display:block;
	height:25px;
	width:130px;
}
#gNavi #gNavi10 {
	background-repeat:no-repeat;
	background-position:center -496px;
	display:block;
	height:29px;
	width:130px;
}
#gNavi #gNavi11 {
	background-repeat:no-repeat;
	background-position:center -554px;
	display:block;
	height:21px;
	width:130px;
}
#gNavi #gNavi12 {
	background-repeat:no-repeat;
	background-position:center -596px;
	display:block;
	height:21px;
	width:130px;
}
#gNavi #gNavi13 {
	background-repeat:no-repeat;
	background-position:center -638px;
	display:block;
	height:21px;
	width:130px;
}
#gNavi #gNavi14 {
	background-image:url(../img/sec/gnavi_btns.png);
	background-repeat:no-repeat;
	background-position:center -680px;
	display:block;
	height:29px;
	text-indent:-9999px;
	width:130px;
}
#gNavi #gNavi01:hover { background-position:center -29px ; }
#gNavi #gNavi02:hover { background-position:center -83px ; }
#gNavi #gNavi03:hover { background-position:center -129px ; }
#gNavi #gNavi04:hover { background-position:center -189px ; }
#gNavi #gNavi05:hover { background-position:center -253px ; }
#gNavi #gNavi06:hover { background-position:center -301px ; }
#gNavi #gNavi07:hover { background-position:center -362px ; }
#gNavi #gNavi08:hover { background-position:center -423px ; }
#gNavi #gNavi09:hover { background-position:center -471px ; }
#gNavi #gNavi10:hover { background-position:center -525px ; }
#gNavi #gNavi11:hover { background-position:center -575px ; }
#gNavi #gNavi12:hover { background-position:center -617px ; }
#gNavi #gNavi13:hover { background-position:center -659px; }
#gNavi #gNavi14:hover { background-position:center -709px ; }


/* --- subnavi area --- */
#home #subnavi {
	display:block;
	height:56px;
	left:50%;
	margin-left:-169px;
	position:absolute;
	top:570px;
	width:489px;
	z-index:1100;
}
#home #subnavi ul li {
	float:left;
	width:auto;
}
#home #subarrow {
	left:367px;
	position:absolute;
	top:600px;
}

/* --- top btn --- */
#home #topBtnArea {
	bottom:30px;
	display:block;
	height:62px;
	position:fixed;
	left:50%;
	margin-left:490px;
	width:62px;
}
#home #topBtn {
	display:none;
}

/* --- home h1 title ---*/
#home h1 {
	text-indent:-9999px;
}

/* --- home h2 title ---*/
#home #ttlAbout {
	display:block;
	left:50%;
	margin-left:-48px;
	position:absolute;
	top:1310px;
}
#home #ttlStory {
	display:block;
	left:50%;
	margin-left:18px;
	position:absolute;
	top:4080px;
}
#home #ttlEnjoy {
	display:block;
	left:50%;
	margin-left:-161px;
	position:absolute;
	top:5320px;
}


/* --- home h3 title ---*/
#home h3 {
	background-image:none;
	height: 154px;
	margin: 0;
	padding: 0;
}

/* --- home about --- */
#home #aboutSection {
	margin-bottom:200px;
	padding-top:50px;
}


/* --- home story ---*/
#home #storySection {
		margin-bottom:350px;
}
#home #storyImage {
	background:url(../img/home/img_story.png) top center no-repeat;
	height:920px;
	widows:760px;
	text-indent:-9999px;
}

/* --- home enjoy ---*/
#home #enjoySection {
	margin-bottom:200px;
	padding-top:70px;
}
#home .enjoyBox {
	background:url(../img/home/bg_link.png) ;
	border:1px solid #555;
	padding:12px;
}
#home .enjoyBox li {
	background:url(../img/home/point_list.png) left 2px no-repeat;
	margin-bottom:10px;
	padding-left:17px;
}
#home .enjoyBox .last {
	margin-bottom:0;
}

/* --- bottom sns area --- */
#home #btmsnsSection {
	background:url(../img/home/bg_btmsns.jpg) top center no-repeat;
	height:236px;
	margin-bottom:200px!Important;
	position:relative;
}
#home #btmsnsSection ul {
	padding:77px 0 0 152px;

}
#home #btmsnsSection li {
	float:left;
	margin-right:60px;
	width:70px;
}

/* --- btn area --- */
#home #btnArea {
	position:relative;
	height:400px;
}
#home #btnArea ul {
	display:block;
	height:109px;
	position:absolute;
	top:270px;
	width:584px;
}
#home #btnArea li{
	display:block;
	float:left;
	width:292px;
}

/* --- footer --- */

#home #copyRight {
	height:77px;
	margin:70px 0 0 10px;
	padding-top: 5px;
}

#home #copyRight #akibarally{
	float:left;
	padding-right: 10px;
}


/*#home #copyRight {
	height:77px;
	margin:70px 0 0 130px;
	padding-top: 5px;
}*/
#home #copyRight #footerLogo{
	float:left;
	padding-right: 10px;
}
#home #copyRight #footerCopy {
	font-size: 10px;
	font-weight: normal;
	color: #fff;
}

.accordion_head img {
	cursor:pointer;
}