html {
    background: rgb(255,255,255);
    background-image: -webkit-gradient(radial, center bottom, 0, center bottom, 800, from(white), to(rgba(255, 255 ,255, 0)));
    background-image: -moz-radial-gradient(bottom, circle, white 0px, rgba(255, 255, 255, 0) 800px); /* Radial gradient for Mozilla browsers */
    
    min-height: 100%; /* make the background gradient span the entire viewport in Firefox */
}

body {
    margin: 8px 8px;
    font-size: 16 pt;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Thonburi, sans-serif;
    line-height: 1em;
}

a {
    color:EE00FF;
    font-style: normal;
    text-decoration: none;
}


table {
  margin-top: 0.2em;
  margin-bottom: 1em;
  border-collapse: collapse;
  border: solid 1px #999;
  font-size: 100%;
}

table .odd {
	background-color: #EEEEF8;
	border-top: 0px;
	border-bottom: 0px;
	border: solid 1px #999;
}

table .even {
	background-color: #FFFFFF;
	border-top: 0px;
	border-bottom: 0px;
	border: solid 1px #999;
}

tr {
	height: 32px;
}

td {
    padding: 0px 4px;
	border: 0px;
}


/* カスタム */

.button {
	background-color : #B5B5B5;
	display : inline-block;
	margin : 3px 3px;
	padding : 8px 8px;
	border : 1px solid rgba(0, 0, 0, .6);

	font-size: 14 pt;
	text-decoration: none;
	text-shadow : rgba(255, 255, 255, .4) 0 1px;
	color: #000;
	-webkit-border-radius : 8px;
	-moz-border-radius : 8px;
	border-radius : 4px;
	-webkit-box-shadow : rgba(255, 255, 255, .4) 0 1px, inset 0 20px 20px -10px white;
	-moz-box-shadow : rgba(255, 255, 255, .4) 0 1px, inset 0 20px 20px -10px white;
	box-shadow : rgba(255, 255, 255, .4) 0 1px, inset 0 20px 20px -10px white; 
}

.popupmenu {
	margin : 3px 3px;
	padding : 8px 8px;
	border : 1px solid rgba(0, 0, 0, .6);

	font-size: 14 pt;
	text-decoration: none;
	text-shadow : rgba(255, 255, 255, .4) 0 1px;
	color: #000;
	-webkit-box-shadow : rgba(255, 255, 255, .4) 0 1px, inset 0 20px 20px -10px white;
	-moz-box-shadow : rgba(255, 255, 255, .4) 0 1px, inset 0 20px 20px -10px white;
	box-shadow : rgba(255, 255, 255, .4) 0 1px, inset 0 20px 20px -10px white; 
}


.ilisttitle {
	background-color : #EEEEEE;
	padding : 8px 0px;
	width: 100%;
	border: 1px solid #999;
	font-size: 18 pt;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-shadow : rgba(255, 255, 255, .4) 0 1px;
	color: #666;
}

.ilisttop {
	width: 224px;
	background-color : #F8F8FF;
	padding : 8px 8px;
	border: 1px solid #999;
	border-bottom: 1px dotted #DDD;
	font-size: 18 pt;
	text-decoration: none;
	text-shadow : rgba(255, 255, 255, .4) 0 1px;
	color: #000;
}
.ilistmiddle {
	background-color : #F8F8FF;
	padding : 8px 8px;
	width: 100%;
	border: 1px solid #999;
	border-top: 0px;
	border-bottom: 1px dotted #DDD;
	font-size: 18 pt;
	text-decoration: none;
	text-shadow : rgba(255, 255, 255, .4) 0 1px;
	color: #000;
}
.ilistbottom {
	background-color : #F8F8FF;
	padding : 8px 8px;
	width: 100%;
	border: 1px solid #999;
	border-top: 0px;
	font-size: 18 pt;
	text-decoration: none;
	text-shadow : rgba(255, 255, 255, .4) 0 1px;
	color: #000;
}

.iTABLE {
	width: 100%;
	border-collapse: collapse;
	border: solid 1px #999;
	font-size: 18 pt;
	text-decoration: none;
	text-shadow : rgba(255, 255, 255, .4) 0 1px;
	color: #000;
    padding: 4px 0px;
}

.iTABLEcap {
	border: solid 1px #999;
	border-bottom: 0px;
	background-color : #EEEEEE;
	padding : 8px 0px;
	font-size: 18 pt;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-shadow : rgba(255, 255, 255, .4) 0 1px;
	color: #666;
}

.iTR {
	background-color : #F8F8FF;
	border-bottom: 1px dotted #DDD;
}

.iTRselect {
	background-color : #889;
	border-bottom: 1px dotted #DDD;
}
.iTRdisable {
	color: #99C;
	background-color : #F8F8FF;
	border-bottom: 1px dotted #DDD;
}

.iTRheader {
	background-color : #EEEEEE;
	border-bottom: 1px dotted #CCC;
	font-size: 18 pt;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	color: #666;
}

.iTD {
}

.iTDr {
    text-align: right;
    padding: 0px 4px;
}

.iTDleftcolumn {
	width: 6em;
	background-color: #EEE;
    text-align: center;
}

ul {
	margin : 10px 0;
	padding : 10px;
	background : #969696;
	-webkit-box-shadow : inset 0 25px 27px -5px #BDBDBD;
	-moz-box-shadow : inset 0 25px 27px -5px #BDBDBD;
	box-shadow : inset 0 25px 27px -5px #BDBDBD;
	border-bottom : 1px solid #424242; 
}
ul li {
	display : inline-block;
	margin : 0 3px;
	padding : 3px 6px;
	border : 1px solid rgba(0, 0, 0, .6);
	text-shadow : rgba(255, 255, 255, .4) 0 1px;
	-webkit-border-radius : 3px;
	-moz-border-radius : 3px;
	border-radius : 3px;
	-webkit-box-shadow : rgba(255, 255, 255, .4) 0 1px, inset 0 20px 20px -10px white;
	-moz-box-shadow : rgba(255, 255, 255, .4) 0 1px, inset 0 20px 20px -10px white;
	box-shadow : rgba(255, 255, 255, .4) 0 1px, inset 0 20px 20px -10px white;
	}

ul li#save {
	background : #B5B5B5;
	-webkit-box-shadow : inset rgba(0, 0, 0, .4) 0 -5px 12px, inset rgba(0, 0, 0, 1) 0 1px 3px, rgba(255, 255, 255, 0.4) 0 1px;
	-moz-box-shadow : inset rgba(0, 0, 0, .4) 0 -5px 12px, inset rgba(0, 0, 0, 1) 0 1px 3px, rgba(255, 255, 255, 0.4) 0 1px;
	box-shadow　: inset rgba(0, 0, 0, .4) 0 -5px 12px, inset rgba(0, 0, 0, 1) 0 1px 3px, rgba(255, 255, 255, .4) 0 1px;
}

.content {
    position: relative;
    padding-top: 3em;

    min-width: 1024px;

    z-index: 1;
}

.content p {
    position: relative;
    margin-left: auto;
    margin-right: auto;

    width: 45%;
    min-width: 400px;
    max-width: 800px;

    background-color: rgba(222, 222, 233, 0.5);
    text-indent: 1em;

    padding: 20px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    
    -webkit-box-shadow: inset 0 2px 5px rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0 2px 5px rgba(255, 255, 255, 0.2);

    font-size: 13pt;
}

.content h1 {
    font-size: 34pt;
    font-family: "Lobster1.1Regular", Impact, cursive;
    text-align: center;
    line-height: 1.3em;
    margin: 0.2em auto 0.2em auto;

    text-shadow: white 0 0 20px;
}