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

/* --------------------------------------------------------------------
default
-------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
    font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
    overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

input, textarea,{
	margin: 0;
	padding: 0;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse: collapse; 
    border-spacing:0;
}

caption, th{
    text-align: left;
}

a:focus {
	outline:none;
}

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

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

.both{
	clear:both;
}

/*テキストシャドウ {
	text-shadow: 1px 1px 3px #000;
}
*/

/*ボックスシャドウ {
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
*/

/*ボックスシャドウ内側 {
	-moz-box-shadow: inset 1px 1px 3px #000;
	-webkit-box-shadow: inset 1px 1px 3px #000;
	box-shadow: inset 1px 1px 3px #000;
}
*/

/*角丸 {
	border-radius: 10px; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
}
*/

/*トランジション {
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	-o-transition: 1.5s;
	transition: 1.5s;
}
*/

/*透明 {
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}
*/

/*背景のみ透明 {
	background-color:rgba(255,255,255,0.2);
}
*/

/*グラデーション {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000')";
	background-image: -moz-linear-gradient(top, #ffffff, #000000);
	background-image: -ms-linear-gradient(top, #ffffff, #000000);
	background-image: -o-linear-gradient(top, #ffffff, #000000);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#000000));
	background-image: -webkit-linear-gradient(top, #ffffff, #000000);
	background-image: linear-gradient(top, #ffffff, #000000);
}
*/

/*スマホ対応
@media screen and (max-width: 480px){
	
}
@media screen and (max-width: 320px){
	
}
*/



/* --------------------------------------------------------------------
layout
-------------------------------------------------------------------- */
#header{ border-bottom: solid 1px #CCCCCC;}
#header .header_nav{color:#fff;  background: #00F;}
#header .header_nav > p{width:950px;text-align:right;margin:0 auto; font-size:small;}
#header .header_nav > p >a{ color:#FFF;}
#header .header_content{background: #fff;color:#000;}
#header .header_content > h1{width:950px;text-align:left; margin:20px auto; font-size: x-large}
#header .header_content > h1 >a{ text-decoration:none; color: #000;}
#header .header_content > h1 >a:hover{ text-decoration: underline;color: #000;}

#gnav { border-top: solid 1px #CCCCCC; margin:0; padding:0;}
#gnav ul{ width:950px; margin:0 auto; padding:0;border-left: solid 1px #CCCCCC;}
#gnav ul li{ border-right: solid 1px #CCCCCC; font-size:small; margin:0; color:#fff; background:#000; float:left;}
#gnav ul li a{  color:#000; background:#fff; display:block; text-decoration:none;}
#gnav ul li a:hover{  color:#fff; background:#000;}
#gnav ul li span{ padding:7px 15px; display:block;}


#contener{background:#EEE; min-height:600px;}
#content{width:950px;margin:0px auto; padding:10px 0;}


#left_area{float:left; width:750px;}

#left_area #top_box00,#left_area #box00{ width:740px;}

#left_area #top_box01{width:240px; float:left;}
#left_area #top_box02{width:240px; float:left;margin:0 0 0 10px;}
#left_area #top_box03{width:240px; float:left;margin:0 0 0 10px;}

.box_default{ background:#fff; padding:0; margin:0 0 10px 0;}

.box_default_top{ background:#fff; padding:0; margin:0 10px 10px 0;}

ul.subnav{ list-style-type: square; background:#FFF; margin-bottom:10px; font-size:small; padding:0 0 0 25px;}
ul.subnav li{ float:left; margin:0 40px 0 0;}

#right_area{float:right; width:200px;}

#clear_area{ clear:both; font-size:0; line-height:0;}


#footer{color:#fff; text-align:center;background: #00F; height:100px;}
#footer > p{padding:30px;width:950px; margin:0 auto;}

/* --------------------------------------------------------------------
toppage_style
-------------------------------------------------------------------- */

#left_area #top_box00 h2,#left_area #top_box01 h2,#left_area #top_box02 h2,#left_area #top_box03 h2,#right_area h2{ background: #333; color:#FFF; padding:3px 5px; font-size:small; font-weight:bold;}
#left_area #top_box00 h3,#left_area #top_box01 h3,#left_area #top_box02 h3,#left_area #top_box03 h3{ margin:3px 5px -5px 7px; font-size:small; font-weight:bold;}
#left_area #top_box00 ul,#left_area #top_box01 ul,#left_area #top_box02 ul,#left_area #top_box03 ul{ padding:5px; font-size:small; list-style-type: square;}
#left_area #top_box00 ul li,#left_area #top_box01 ul li,#left_area #top_box02 ul li,#left_area #top_box03 ul li{ padding:0px; margin:0 0 0 20px;}

#left_area #top_box00 hr,#left_area #top_box01 hr,#left_area #top_box02 hr,#left_area #top_box03 hr{ margin:3px 7px; }

/* --------------------------------------------------------------------
otherpage_style
-------------------------------------------------------------------- */

#left_area h2.otherpage_h2{  color:#000; padding:3px 5px; font-weight:bold;}
#left_area #box00 h3{ background: #333; color:#FFF; padding:3px 5px; font-size:small; font-weight:bold;}
#left_area #box00 h4{ margin:13px 13px 7px 15px; font-size:; font-weight:bold; border-bottom: solid 1px #000000;}
#left_area #box00 h4 span{ font-size:small; font-weight:bold;}
#left_area #box00 h5{ margin: 20px 15px 0 15px; font-size:small; font-weight:bold;}
#left_area > #box00 > .box_default > .point > h5{ margin: 0px 15px 0px 15px !important; font-size:small; font-weight:bold;}

#left_area #box00 hr{ margin:3px 7px; }

#left_area #box00 p { margin:20px; font-size:small;}



/* --------------------------------------------------------------------
table_style
-------------------------------------------------------------------- */
table{border-spacing: 0;font-size:small;}


/*jyanru_table*/

table.jyanru_table{ margin:5px;}
table.jyanru_table tr,table.jyanru_table td{ border-bottom:dotted 1px #CCCCCC;}

/*table01*/
table.table01{ margin:0 15px 15px 20px;}
table.table01 th,table.table01 td{border:solid 1px #CCCCCC; padding:2px 1px;}
table.table01 th{ font-weight:bold; background:#309; color:#FFF;}

/*maimai_listleft_table*/
table.maimai_listleft_table{ float:left; width:340px; margin:0 0 15px 15px;}
table.maimai_listleft_table th,table.maimai_listleft_table td{border:solid 1px #CCCCCC; padding:4px 3px;}
table.maimai_listleft_table th{ width:23px; color:#FFF; font-weight:bold; background:#666; text-align:center;}

/*maimai_listright_table*/
table.maimai_listright_table{ float:right; width:340px; margin:0 15px 15px 0 ;}
table.maimai_listright_table th,table.maimai_listright_table td{border:solid 1px #CCCCCC; padding:4px 3px;}
table.maimai_listright_table th{ width:23px; color:#FFF; font-weight:bold; background:#666; text-align:center;}

/*hert_list_table*/
table.hert_list_table{ margin:0 15px 15px 15px ;}
table.hert_list_table th,table.hert_list_table td{border:solid 1px #CCCCCC; padding:4px 3px;}
table.hert_list_table th{ width:23px; color:#FFF; font-weight:bold; background:#666; text-align:center;}

/*masterstone_table*/
table.masterstone_table{ margin:0 15px 15px 15px ;}
table.masterstone_table th,table.masterstone_table td{border:solid 1px #CCCCCC; padding:4px 3px;}
table.masterstone_table th{color:#FFF; font-weight:bold; background:#666; text-align:center;}

/*ravioitem_table*/
table.ravioitem_table{ margin:0 15px 15px 15px ;}
table.ravioitem_table th,table.ravioitem_table td{border:solid 1px #CCCCCC; padding:4px 3px;}
table.ravioitem_table th{color:#FFF; font-weight:bold; background:#666; text-align:center;}

/*game_table*/
table.game_table{ margin:0 15px 15px 20px ;}
table.game_table th,table.game_table td{border:solid 1px #CCCCCC; padding:4px 3px;}
table.game_table th{color:#FFF; font-weight:bold; background:#666; text-align:center;}

/* --------------------------------------------------------------------
pankuzu_style
-------------------------------------------------------------------- */
ul.pankuzu{  font-size:small; margin:0 0 5px 0;}
ul.pankuzu li{display: inline; margin-right:10px;}

/* --------------------------------------------------------------------
ul_style
-------------------------------------------------------------------- */

ul.storychart_ul{ list-style-type: decimal !important; margin-left:25px !important;padding:5px; font-size:small;}
ul.storychart_ul li{ padding:0px; margin:0 0 0 20px;}

ul.list01{ margin:0px 10px 5px 15px !important;  font-size:small; padding:5px; }
ul.list01 { list-style-type:square; margin:0;padding:5px; font-size:small; }
ul.list01 li{padding:0px; margin:0 0 0 20px;}

/* --------------------------------------------------------------------
div_style
-------------------------------------------------------------------- */
div.pickup{ margin:0px 10px 5px 0px; border:solid 1px #CCCCCC; font-size:small; padding:5px; background: #E0FDFF}
div.pickup ul{ list-style-type:square; margin:0;padding:5px; font-size:small; }
div.pickup ul li{padding:0px; margin:0 0 0 20px;}


div.boss{ margin:0px 10px 5px 0px; border:solid 1px #CCCCCC; font-size:small; padding:5px; background:#FFECEE}

div.point{ margin:15px 15px 15px 15px; border:solid 1px #CCCCCC; font-size:small; padding:5px; background: #EEE;}
div.point h5{font-weight:bold;}
div.point ul{ list-style-type:square; margin:0;padding:5px; font-size:small; }
div.point ul li{padding:0px; margin:0 0 0 20px;}


/* --------------------------------------------------------------------
font_style
-------------------------------------------------------------------- */
.bold{ font-weight:bold;}
.coution{ font-weight:bold; color:#900;}
.tal{ text-align:left;}
.tar{ text-align:right;}
.tac{ text-align:center;}


/* --------------------------------------------------------------------
img
-------------------------------------------------------------------- */
.mapimage{ margin:15px;}
.dansionimage{ margin:15px;}