body {
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	font-size:10pt;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color:black;
	text-align:center;
	line-height:2em;
	white-space:nowrap;
	overflow-x:auto;
	overflow-y:auto;
	background:#FAF9F9 url(./img/sasimi_3-3-3.png) no-repeat;
 }

 body#calculator {
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	font-size:62.5%;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color:black;
	text-align:center;
	line-height:2em;
	white-space:nowrap;
	overflow-x:auto;
	overflow-y:auto;
	background:#FAF9F9 url(./img/background_mega-mawile2.png) no-repeat fixed left bottom;
 }

 body#index {
	margin-top:0px;
	margin-left:0px;
	font-size:10pt;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color:black;
	text-align:center;
	line-height:2em;
	white-space:nowrap;
	overflow-x:auto;
	overflow-y:auto;
	background:#FAF9F9 url(./img/sasimi_3-3-3.png) no-repeat;
 }

 img { border:0px; }
 img.twi_icon{ vertical-align: middle; }

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

 a.on { color:#f88000; text-decoration:none; }
 a.on:hover { text-decoration:underline; }

 a.lock { color:#0080f8; text-decoration:none; }
 a.lock:hover { text-decoration:underline; }

 /* a { color:#909090; } */
 /* a:visited { color:#505050; } */

.buttonA {
    background: -moz-linear-gradient(top,#FFF 0%,#EEE);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
    border: 1px solid #b0a0c0;
    color:#000;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    position:relative;
}
.buttonA:hover {
    background: #EEE;
}
.buttonA:active {
    background: #D0D0D0;
    border: 3px solid #b0a0c0;
}

 table { font-size:10pt; }

 p.sectionheader {
  
	margin:0 0 0px 0;

	padding:0 0 0 12px;

	text-align: left;

	font-size: 100%;

	position: relative;

	line-height:1.5;

	vertical-align:top;
	
color:#606060;

	border-left:9px solid #606060;
 
}



 ul {

	margin:0;
	padding:0;
 
}
 ul a {
	display: inline;
 }
 li {
	font-size:10pt;
	margin-bottom:2px;
	margin-top:5px;
	border-bottom:1px solid #dcdcdc;

	line-height:1.3;
	list-style-type:none;
 }

 div#cont {
	margin: 0 auto 0 auto;
	padding: 0 6px 0 6px;
	background-color:#FAF9F9;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#d8faf9f9,EndColorStr=#d8faf9f9);
	background-color: rgba(250, 249, 249, 0.85);
	width: 324px;

 }

 div#calc-cont {
	margin: 0 auto 0 auto;
	padding: 0 6px 0 6px;
	width:836px;
 }

 div#cont div {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity:1;
 }

 div.top {
	margin: 0px auto 5px auto;
	width:800px;
 }

 div.topline {
	margin:0 auto;
	line-height:100%;
	height:14px;
	width:800px;
	background:white;
	font-size:10pt;
	text-align:right;
	border-right:1px solid #404040;
	border-left:1px solid #404040;
 }

 div.topline a, div.topline a:visited{
	color:black;
	text-decoration:none;

 }

 div.bottomline {
	margin:0 auto;
	line-height:100%;
	height:14px;
	width:800px;
	background:white;
	font-size:10pt;
	text-align:center;
	border-right:1px solid #404040;
	border-left:1px solid #404040;
 }

 div.titleimg {
	margin-top:0px;
	margin-bottom:0px;
	padding: 0px 0px 0px 0px;
	background:black;
	width:800px;
	height:70px;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
 }

 div.dot-a {
	float:left;
	margin-bottom:1em;
 }

 div.dot-b {
	text-align:left;
	margin-left:1em;
 }

 div.bar {
	text-align: center;
	margin: 0 auto 16px auto;
	margin-left:0px;
	height:44px;
	line-height:36px;
	background-image:url(./img/bar.png);
 }

 body#index div.bar {
	text-align: center;
	margin-left:0px;
	height:44px;
	line-height:36px;
	background-image:url(./img/bar.png);
 }

 .maintable {

	text-align:left;

	background:white;

	width:100%;
	float:left;
	
}



 .main {
	
	margin:0 auto;

	background:white;

	text-align:left;
	zoom:1;
 
	width: 800px;
	line-height:1.5;


	border-left:1px solid #404040;
	border-right:1px solid #404040;
 
}


.main:after {
  display: block;
  content: "";
  clear: both;
}


 .calendar { 
	margin-right:235px;
	padding:15px 20px 0 20px;

	line-height:150%;

	text-align: right;
	font-size:120%;
 }

 .day {

	margin-right:235px;
	padding:0 15px 2em 20px;

	clear:both;
 
}



 .section {
	margin:0 0 15px 0;

	padding:0 0 0 12px;

	text-align:left;

	font-size:80%;
	position:relative;

	line-height:1.5;

	vertical-align:top;

	color: #999;

	border-left:9px solid #9994B9;

 }

 .day h2 {

	margin:0 0 10px 0;

	font-size:170%;

	font-family:"times new roman", "geogia", serif;

	padding:25px 0.5em 0.2em 0;

	line-height:100%;

	color: #808080;

	border-bottom:1px solid #808080;
 
}



 .days {
  padding-bottom:0.3em;

	overflow:hidden;
	width:100%;
	text-align:left;
 }

 h2#cont { margin-top:32px; }

 h3 {
	font-family:"times new roman", "geogia", serif;
	font-size:150%;

	margin:0.4em 0 1em 0;

 }


 h3.title {
	border-left:9px solid #808080;

	padding-left:10px;

	margin-bottom:0;

	padding-top: 5px;

	padding-bottom:0;

 }
 h3.hover {
 
	border-color:#827da4 !important;

	background: #f7f7fc;

 }



 p {
	margin:0.6em 0 0.6em 0;
	font-size:130%;
 }

.sidebar {
 
	line-height:1.5;

	width:220px;

	float:right;

	margin-left:-222px;

	_margin-left: -220px;

	*margin-left: -220px;

	border-left:1px solid #b2aecf;
	border-bottom:1px solid #b2aecf;

	overflow:hidden;
	display:block;
 
}


 .sidetitle {
	padding:1px 0.5em 1px 0.7em;
	color:#ffffff;
	font-weight:bold;
	font-size:11pt;  
	background:#909090;
	text-align:center;
	border-top:3px groove #404040;
	border-bottom:3px ridge #404040;
 }

 .sidebar .sidetitle a,
 .sidebar .sidetitle a:visited {
	color:#ffffff;
 }

 .sidebody {

	padding:7px;

	zoom:1;

 
}



.td1 {
	border-bottom:1px solid #c0c0c0;
	height:48px;
 }
.td2 {
	border-bottom:1px solid #c0c0c0;
 }
.td22 {
	border-bottom:1px solid #c0c0c0;
 }

.td23 {
	padding-left:8px;
 }

.td3 {
 }

 td a,
 td a:visited {
	color:#b840a0;
	text-decoration:none;
 }
 td a:hover {
	color:#e860c0;
	text-decoration:underline;
 }

 a.gray { 
	color:#8C73A7;
	font-size:11pt;
 }

 a.white { 
	color:#8C73A7;
	font-size:11pt;
 }

 div.dot-l-1 {
	float:left;
	width:64px;
	height:64px;
	text-align:center;
 }

 div.dot-l-2 {
	float:left;
	width:160px;
	line-height:1.4em;
	text-align:left;
 }

 div#menu {
	width:512px;
	height:272px;
	margin-top:16px;
 }

 div#menu img {
	cursor:hand;
	width:64px;
	height:64px;
 }
 div#menu img.dot-i {
	cursor:auto;
 }
 img#image {
	margin-bottom: 32px;
	border:dashed 1px #8C73A7;
	padding: 12px;
 }

 img.i1 {
	border:2px solid #FFB8B8;
 }
 img.i2 {
	border:2px solid #B8FFB8;
 }
 img.i3 {
	border:2px solid #B8B8FF;
 }

 .oya {
	margin: 0 auto 0 auto;
	text-align: center;
	width: 324px;
	overflow: hidden;
	position: relative;
	zoom: 1;
 }

 dl.oya {
	margin: 0 0 0 0;
 }

 dl.oya dt {
	text-align: left;
	float: left;
	clear: both;
	width: 160px;
 }
 dl.oya dd {
	text-align: right;
 }
 body#calculator dl.oya dt {
	text-align: left;
	float: left;
	clear: both;
	line-height: 2em;
 }

 div.hr-1 {
	margin: 0;
	padding: 0;
	background-image: url(./img/hr-1.png);
	width: 324px;
	height: 1px;
	overflow: hidden;
 }

 div.hr-2 {
	margin: 6px auto 6px auto;
	padding: 0;
	background-image: url(./img/hr-2.png);
	width: 324px;
	height: 1px;
	overflow: hidden;
 }

 div.hr-3 {
	margin: 0;
	padding: 0;
	background-image: url(./img/hr-3.png);
	width: 324px;
	height: 1px;
	overflow: hidden;
 }

 table.calc-random {
	border-top: 1px solid #b0a0c0;
	border-left: 1px solid #b0a0c0;
	border-collapse: collapse;
	border-spacing: 0;
	background-color:#ffffff;
	text-align: center;
	empty-cells: show;
	margin: 0.4em auto 0.4em auto;
	width: 456px;
 }
 table.calc-res {
	border-top: 1px solid #b0a0c0;
	border-left: 1px solid #b0a0c0;
	border-collapse: collapse;
	border-spacing: 0;
	background-color:#ffffff;
	text-align: center;
	empty-cells: show;
	margin: 0.4em auto 0.4em auto;
	width: 334px;
 }
 table.calc-res2 {
	border-top: 1px solid #b0a0c0;
	border-left: 1px solid #b0a0c0;
	border-collapse: collapse;
	border-spacing: 0;
	background-color:#ffffff;
	text-align: center;
	empty-cells: show;
	margin: 0.4em auto 0.4em auto;
	width: 360px;
 }
 table.calc-others {
	border-top: 1px solid #b0a0c0;
	border-left: 1px solid #b0a0c0;
	border-collapse: collapse;
	border-spacing: 0;
	background-color:#ffffff;
	text-align: center;
	empty-cells: show;
	margin: 0.4em auto 0.4em auto;
 }
 div#CalcRes table.calc-res {
	border-top: 1px solid #b0a0c0;
	border-left: 1px solid #b0a0c0;
	border-collapse: collapse;
	border-spacing: 0;
	background-color:#ffffff;
	text-align: center;
	empty-cells: show;
	width: 334px;
	margin: 0.4em auto 0.4em auto;
 }

 table.calc-random th, table.calc-res th, table.calc-res2 th, table.calc-others th {
	border-right: 1px solid #b0a0c0;
	border-bottom: 1px solid #b0a0c0;
	background-color: #d0c0e0;
	text-align: center;
	padding: 0.2em;
 }

 table.calc-res th.sta, table.calc-res2 th.sta {
	border-right: 1px solid #b0a0c0;
	border-bottom: 1px solid #b0a0c0;
	background-color: #d0c0e0;
	width: 54px;
	text-align: center;
	padding: 0.2em;
 }
 table.calc-res th.dmg, table.calc-res2 th.dmg {
	border-right: 1px solid #b0a0c0;
	border-bottom: 1px solid #b0a0c0;
	background-color: #d0c0e0;
	width: 72px;
	text-align: center;
	padding: 0.2em;
 }

 table#calc-exp td {
	text-align: left;
	padding: 0.4em;
 }

 div#ResHis tr.onreshis {
	cursor: pointer;
 }
 div#ResHis tr.onreshis:hover {
   background-color: #e8d8f8;
   animation: calc-his-bg 1.3s infinite;
   -webkit-animation: calc-his-bg 1.3s infinite;
 }

 div#ResHis tr.keyreshis {
   background-color: #e8d8f8;
   animation: calc-his-bg 1.3s infinite;
   -webkit-animation: calc-his-bg 1.3s infinite;
 }

@-webkit-keyframes calc-his-bg {
 0% { background-color: #e8d8f8; }
 50% { background-color: #a8b8f8; }
 100% { background-color: #e8d8f8; }
 }
@keyframes calc-his-bg {
 0% { background-color: #e8d8f8; }
 50% { background-color: #a8b8f8; }
 100% { background-color: #e8d8f8; }
 }

 div#ResHis tr.clickhis {
   cursor: pointer;
   background-color: #c8d8f8;
   animation: calc-his-click 0.2s 1;
   -webkit-animation: calc-his-click 0.2s 1;
 }

@-webkit-keyframes calc-his-click {
 0% { background-color: #fff; }
 30% { background-color: #a8b8f8; }
 60% { background-color: #fff; }
 100% { background-color: #c8d8f8; }
 }
@keyframes calc-his-click {
 0% { background-color: #fff; }
 30% { background-color: #a8b8f8; }
 60% { background-color: #fff; }
 100% { background-color: #c8d8f8; }
 }
 
 div#ResHis tr.addhis {
   background-color: #f8d8c8;
   animation: calc-add-click 0.2s 1;
   -webkit-animation: calc-add-click 0.2s 1;
 }

@-webkit-keyframes calc-add-click {
 0% { background-color: #fff; }
 30% { background-color: #f8b8a8; }
 60% { background-color: #fff; }
 100% { background-color: #f8d8c8; }
 }
@keyframes calc-add-click {
 0% { background-color: #fff; }
 30% { background-color: #f8b8a8; }
 60% { background-color: #fff; }
 100% { background-color: #f8d8c8; }
 }
 
 .blue_flash {
   background-color: #a8b8f8;
   animation: bf 0.2s 1;
   -webkit-animation: bf 0.2s 1;
 }

@-webkit-keyframes bf {
 0% { background-color: #fff; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
 30% { background-color: #a8b8f8; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
 60% { background-color: #fff; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
 100% { background-color: #a8b8f8; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
 }
@keyframes bf {
 0% { background-color: #fff; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
 30% { background-color: #a8b8f8; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
 60% { background-color: #fff; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
 100% { background-color: #a8b8f8; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
 }


 table.calc-res td, table.calc-res2 td {
	border-right: 1px solid #b0a0c0;
	border-bottom: 1px solid #b0a0c0;
	padding: 0.2em;
 }

 table.calc-random td {
	border-right: 1px solid #b0a0c0;
	border-bottom: 1px solid #b0a0c0;
	width: 26px;
	padding: 1px;
 }

 table.calc-res td.sta, table.calc-res2 td.sta {
	border-right: 1px solid #b0a0c0;
	border-bottom: 1px solid #b0a0c0;
	width: 55px;
	padding: 0.2em;
 }
 table.calc-res td.sta2, table.calc-res2 td.sta2 {
	border-right: 1px solid #b0a0c0;
	border-bottom: 1px solid #b0a0c0;
	width: 30px;
	padding: 0.2em 0 0.2em 0;
 }
 table.calc-others, td.others {
	border-right: 1px solid #b0a0c0;
	border-bottom: 1px solid #b0a0c0;

 }

 table.calc-res td.dmg, table.calc-res2 td.dmg {
	border-right: 1px solid #b0a0c0;
	border-bottom: 1px solid #b0a0c0;
	width: 72px;
	padding: 0.2em 0 0.2em 0;
 }

 td.l {
	border-right: 1px solid #b0a0c0;
	border-bottom: 1px solid #b0a0c0;
	background-color: #d0c0e0;
 }
 td.r {
	border-right: 1px solid #b0a0c0;
	border-bottom: 1px solid #b0a0c0;
	text-align: left;
	vertical-align: top;
 }
 #AddRes{
	position:absolute;
	margin: 4.5em 0 0 0;
 }

 #ModRes{
	font-size:1.2em;
	line-height:1em;
 }

 tr.nowcalc {
	background-color: #e8d8f8;
 }

 td.nowcalc {
	background-color: #e8d8f8;
 }

 table#ResHis tr{
	background-color: #ffffff;
 }

 table#ResHis tr:hover{
	background-color: #e8d8f8;
 }
 table.wcs-list {
	border-top: 1px solid #b0a0c0;
	border-left: 1px solid #b0a0c0;
	border-collapse: collapse;
	border-spacing: 0;
	background-color:#ffffff;
	text-align: center;
	empty-cells: show;
	width: 360px;
	margin: 0.4em auto 0.4em auto;
 }
 table.wcs-list th {
	border-right: 1px solid #b0a0c0;
	border-bottom: 1px solid #b0a0c0;
	background-color: #e0d0f0;
	text-align: center;
	padding: 0.2em;
	font-weight: normal;
 }
 table.wcs-list th.title {
	border-right: 1px solid #b0a0c0;
	border-bottom: 1px solid #b0a0c0;
	background-color: #c0b0d0;
	text-align: center;
	padding: 0.2em;
	font-weight: normal;
 }
 table.wcs-list td {
	border-right: 1px solid #b0a0c0;
	border-bottom: 1px solid #b0a0c0;
	padding: 0.2em;
 }