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

/* ===== search area ===== */

.search{
	width: 830px;
	margin: 0 0 10px 0;
	
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 1px #000000;
-webkit-box-shadow: 0px 0px 1px #000000;
box-shadow: 0px 0px 1px #000000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#dddddd', endColorstr = '#666666');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#dddddd', endColorstr = '#666666')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #dddddd, #666666);
background-image: -ms-linear-gradient(top, #dddddd, #666666);
background-image: -o-linear-gradient(top, #dddddd, #666666);
background-image: -webkit-gradient(linear, center top, center bottom, from(#dddddd), to(#666666));
background-image: -webkit-linear-gradient(top, #dddddd, #666666);
background-image: linear-gradient(top, #dddddd, #666666);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/

}
.search:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}
.search .left{
	float: left;
	padding: 8px 0 0 0;
	margin: 0 0 0 10px;
}
.search .left img{
	margin: 0 10px 0 0;
}
.search .left a{
	color: white;
	text-decoration: none;
}
.search .left a:link { color: white;}
.search .left a:visited { color: white;}
.search .left a:hover { color: white; text-decoration: underline;}
.search .left a:active { color: white;}

.search .right{
	float: right;
	margin: 0;
	padding: 0;
}
.search .right form{
	float: right;
	padding: 0 10px 0 0;
	margin: 5px 0 7px 0;
}
.search .right input{
	margin: 0;
}

/* ===== Monster area ===== */

div#monster{
}

div#monster h2.m-info{
	font-size: 18px;
	display: block; margin: 0 0 5px 0; padding: 4px 0 6px 20px; border: none;
	background: url(../images/base/back-h3midashi.jpg) center left no-repeat;
	border: 1px solid #BBB;
}

div#monster h3{
	color: #994444;
}

div#monster h4{
	font-weight: bold;
	display: block; margin: 5px 0 0 0; padding: 5px 0 6px 0; border: none;
	color: #666600;
}

ul.book-navi {
	line-height: 1.5;
	margin-bottom:  20px;
}
ul.book-navi li{
	display: inline;
}
ul.book-navi li a{
	padding: 0 10px 0 13px;
	text-decoration:none;
	background: url(../images/icon/arrow-snavi.gif) center left no-repeat;
}


#monster .box-mon0{
	margin-bottom: 20px;
}
#monster .box-mon0 .left{
	float: left;
	width: 250px;
}
#monster .box-mon0 .left img{
	margin: 0;
}

#monster .box-mon0 .right{
}

#monster .box-mon0 .right ul.list li{
	line-height: 1.4;
	padding-top: 4px;
}

#monster .box-mon1{
	margin-bottom: 20px;
}

#monster .box-mon2{
	margin-bottom: 20px;
}

#monster .box-mon2 .left{
	float: left;
	width: 515px;
}
#monster .box-mon2 .left img{
	float:left;
	margin: 0 10px 0 0;
}
#monster .box-mon2 .left .tokutyou{
	display: block;
	margin: 10px 0 10px 0;
}

#monster .box-mon2 .right{
	float: right;
	width: 300px;
}
#monster .box-mon2-foot{
	clear: both;
}

TABLE.tdesign3 TD{
}
#monster .box-mon2 TABLE.tdesign1 TD{
}
#monster .box-mon3 table td{
}

#monster .box-mon4{
}

#monster .box-mon5{
}

#monster .box-mon5 ul.list-cap-point{
	padding: 10px;
	background: #f0f8ff;
	border: #99C 1px solid;
}

#monster .box-mon5 ul.list-cap-point li{
	background-image:url(../images/base/icon-list.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0 0 0 15px;
}

#monster .box-mon6 table.tdesign1 th{
	-webkit-text-size-adjust: 100%;
}

#monster .box-mon6 table.tdesign1 td{
	-webkit-text-size-adjust: 100%;
}

#monster .box-mon-s{
	
}

#monster .box-mon-s .left{
  float: left;
	width: 450px;
}
#monster .box-mon-s .left .tokutyou{
	display: block;
	margin: 10px 0 10px 0;
}

#monster .box-mon-s .right{
  float: right;
	width: 250px;
}

#monster .box-mon-s .foot{
	clear: both;
}

#monster .box-mon-s .right ul.list li{
  line-height: 100%;
}

/* ===== itiran Area ===== */
TABLE.tdesign-m {
	border-top:1px solid #AAAAAA;
	border-left:1px solid #AAAAAA;
	border-collapse:collapse; border-spacing:0; empty-cells:show;
	width: 100%;
	font-size: 16px;
}
TABLE.tdesign-m TD {    
	border-right:1px solid #BBB; border-bottom:1px solid #BBB; text-align: center; padding: 4px 2px 4px 2px;
}
TABLE.tdesign-m TH {    
	border-right:1px solid #BBB; border-bottom:1px solid #BBB;
    color:#FFFFFF;
    background: #888888 url(../images/back_tdesign1.gif) left top no-repeat;
    padding:5px 3px 2px 3px;
    text-align:left;
}


TABLE.tdesign-m TH.doblet{
	background-color:#888888;
	color: #FFFFFF;
	text-align: center;
}

TABLE.tdesign-m.monnamet{
	background-color:#CCCCCC;
}

TABLE.tdesign-m TH.name{
	border-right:1px solid #BBB; border-bottom:1px solid #BBB; text-align: center; padding: 4px 2px 4px 4px;
	background-color:#CCC;
	color: #555;
  text-align:left;
	line-height: 130%;
}

TABLE.tdesign-m TH.name a{
	text-decoration: none;
}

TABLE.tdesign-m TH.c{ text-align: center;}
TABLE.tdesign-m TH.bg-ddd{ background:#DDDDDD none; padding: 5px 2px 2px 2px; color: #555555; text-align: center;}
TABLE.tdesign-m TH.bg-fire{	background:#FF6666 none; padding: 5px 2px 2px 2px; color: #555555; text-align: center;}
TABLE.tdesign-m TH.bg-aqua{	background:#0099FF none; padding: 5px 2px 2px 2px; color: #555555; text-align: center;}
TABLE.tdesign-m TH.bg-thunder{	background:#FFCC00 none; padding: 5px 2px 2px 2px; color: #555555; text-align: center;}
TABLE.tdesign-m TH.bg-ice{	background:#66CCFF none; padding: 5px 2px 2px 2px; color: #555555; text-align: center;}
TABLE.tdesign-m TH.bg-dragon{	background:#CCCC00 none; padding: 5px 2px 2px 2px; color: #555555; text-align: center;}
TABLE.tdesign-m TH.bg-poison{	background:#CC99CC none; padding: 5px 2px 2px 2px; color: #555555; text-align: center;}
TABLE.tdesign-m TH.bg-poison2{	background:#f2e6ff none; padding: 5px 2px 2px 2px; color: #555555; text-align: center;}
TABLE.tdesign-m TH.bg-paralysis{	background:#FFFF66 none; padding: 5px 2px 2px 2px; color: #555555; text-align: center;}
TABLE.tdesign-m TH.bg-paralysis2{	background:#FFFFC8 none; padding: 5px 2px 2px 2px; color: #555555; text-align: center;}
TABLE.tdesign-m TH.bg-sleep{	background:#66CCFF none; padding: 5px 2px 2px 2px; color: #555555; text-align: center;}
TABLE.tdesign-m TH.bg-sleep2{	background:#dce9f5 none; padding: 5px 2px 2px 2px; color: #555555; text-align: center;}
TABLE.tdesign-m TH.bg-etc{ background:#CCCC99 none; padding: 5px 2px 2px 2px; color: #555555; text-align: center;}

TABLE.tdesign-m TD.ttd-l{    
	text-align: left;
}

.z-fire{ color:#FF6666; font-weight: bold; }
.z-aqua{
	background-color:#0099FF;
}
.z-thunder{
	background-color:#FFCC00;
}
.z-ice{	color:#66CCFF; font-weight: bold; }
.z-dragon{
	background-color:#CCCC00;
}
.z-poison{
	background-color:#CC99CC;
}
.z-poison2{
	background-color:#f2e6ff;
}
.z-paralysis{
	background-color:#FFFF66;
}
.z-paralysis2{
	background-color:#FFFFC8;
}
.z-sleep{
	background-color:#66CCFF;
}
.z-sleep2{
	background-color:#dce9f5;
}
.z-etc{
	background-color:#CCCC99;
}
.z-kizetu{
	background-color:#f5deb3;
}
.z-genki{
	background-color:#b0c4de;
}
.z-nori{
	background-color:#9acd32;
}
.z-bomb{
	background-color:#ff7f50;
}


.bg-fire{
	background-color:#FF6666;
}
.bg-aqua{
	background-color:#0099FF;
}
.bg-thunder{
	background-color:#FFCC00;
}
.bg-ice{
	background-color:#66CCFF;
}
.bg-dragon{
	background-color:#CCCC00;
}
.bg-poison{
	background-color:#CC99CC;
}
.bg-poison2{
	background-color:#f2e6ff;
}
.bg-paralysis{
	background-color:#FFFF66;
}
.bg-paralysis2{
	background-color:#FFFFC8;
}
.bg-sleep{
	background-color:#66CCFF;
}
.bg-sleep2{
	background-color:#dce9f5;
}
.bg-etc{
	background-color:#CCCC99;
}
.bg-kizetu{
	background-color:#f5deb3;
}
.bg-genki{
	background-color:#b0c4de;
}
.bg-nori{
	background-color:#9acd32;
}
.bg-bomb{
	background-color:#ff7f50;
}


/* ===== Book Navigation Area ===== */
.booknavi {
	line-height: 100%;
	padding: 8px 0 8px 0;
}
.booknavi img{
	vertical-align: middle;
}
.booknavi a{
font-size:12px;
padding:0 11px 0 3px;
text-decoration:none;
}

/* ===== Book Under Navigation Area ===== */

.monster-navi {
  margin: 10px 0 0 15px;
}
.monster-navi ul {
  margin: 0; list-style-type: none;  padding:0;
}
.monster-navi li {
	display: inline;
  padding: 0 8px 0 0;
}