﻿#container{display:none;}
#loading{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom: 0;
	margin:auto;
	width:200px;/*任意の値*/
	height: 200px;/*任意の値*/
}
table {
	
	border-collapse: collapse;
	border-spacing: 1px;
}

body {
	background-color: #FFFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 12px;
	font-family: 'Verdana';
	color: #000000;
	line-height: 140%;
}

#Wrapper {
 	width:900px;
	height:auto;
}
#Header {
	width: 100%;
	height: 24px;
	background: #2B97D6;
	color: #ffffff;
}
#Entry {
	margin: 10px auto;
	width: 600px;
	height: auto;
}

#Entry #Form {
	width: 100%;
	border: 1px solid #FFFFFF;
	text-align: center;
}
.Header td {
	width: 10%;
	background: #2B97D6;
	color: #FFFFFF;
}
.Header th {
	width: 80%;
	background: #2B97D6;
	color: #FFFFFF;
}
.Entry_Form th 	{
	width: 30%;
	padding: 0.4em 1em;
	vertical-align: top;
	background: #2B97D6;
	color: #FFFFFF;
}
.Entry_Form td {
	width: 70%;
	padding: 0.4em 1em;
	text-align: left;
}
.Submit td 	{
	width: 100%;
	padding: 0.4em 1em;
	text-align: center;
}
.Footer td {
	width: 100%;
	padding: 0.4em 1em;
	text-align: right;
}

/* col
------------------------------- */
.colW05 { width: 5%;}
.colW08 { width: 8%;}
.colW10 { width: 10%;}
.colW12 { width: 12%;}
.colW14 { width: 14%;}
.colW15 { width: 15%;}
.colW18 { width: 18%;}
.colW20 { width: 20%;}
.colW25 { width: 25%;}
.colW30 { width: 30%;}
.colW35 { width: 35%;}
.colW40 { width: 40%;}
.colW45 { width: 45%;}
.colW50 { width: 50%;}
.colW60 { width: 60%;}
.colW70 { width: 70%;}


	
.solid {
	border: 1px #2B97D6 solid;
	border-padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

input, select, textarea {
	font-size: 12px;
}



a:link {
	color: #000000;
	text-decoration: underline;
}

a:visited {
	color: #000000;
	text-decoration: underline;
}

a:hover {
	color: red;
	text-decoration: underline;
}

a.footer:link {
 	color: #ffffff;
	text-decoration: none;
}

a.footer:visited {
	color: #ffffff;
	text-decoration: none;
	
}

a.footer:hover {
 	color: #333333;
 	text-decoration: none;

}
a.header:link {
 	color: #000000;
	text-decoration: none;
}

a.header:visited {
	color: #000000;
	text-decoration: none;
	
}

a.header:hover {
 	color: #A00000;
 	text-decoration: none;

}

h1,h2,h3,h4 {
	margin: 0px;
	padding: 0px;
}

p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
.px10 {
	font-family: 'Verdana';
	font-size: 10px;
	font-weight: normal;
	line-height:142%;
	color: #000000;
}
.px12 {
	font-family: 'Verdana';
	font-size: 12px;
	font-weight: normal;
	line-height:142%;
	color: #000000;
}
.px14 {
	font-family: 'Verdana';
	font-size: 14px;
	font-weight: normal;
	line-height:142%;
	color: #000000;
}
.px16 {
	font-family: 'Verdana';
	font-size: 16px;
	font-weight: normal;
	line-height:142%;
	color: #000000;
}
.px18 {
	font-family: 'Verdana';
	font-size: 18px;
	font-weight: normal;
	line-height:142%;
	color: #000000;
}
.px24 {
	font-family: 'Verdana';
	font-size: 24px;
	font-weight: normal;
	line-height:142%;
	color: #000000;
}
.px36 {
	font-family: 'Verdana';
	font-size: 36px;
	font-weight: normal;
	color: #000000;
}

.px40 {
	font-family: 'Verdana';
	font-size: 40px;
	font-weight: normal;
	color: #000000;
}


.px48 {
	font-family: 'Verdana';
	font-size: 48px;
	font-weight: normal;
	line-height:142%;
	color: #333333;
}
.kdays {
	font-family: 'verdana';
	font-size: 13px;
	line-height:142%;
	color: #2B97D6;
}

.r {
	font-family: 'Verdana';
	font-size: 12px;
	font-weight: normal;
	line-height:142%;
	color: #ffffff;
}
/* Emphasis of form button */
.bot_b input {
    padding: 2px;
	background-color: #FFFFFF;
	background-image: url(../_img/bot_bg.gif);
	color: #FFFFFF;
}
H1 {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
}
h2 {
	page-break-before: always;
}

#state {
  font-size:10px;
  color:#0000cc;
  
}
.err {
font-size: 10px;
	font-weight: normal;
	line-height:142%;
	color: #FF0000;
}
#content {
	margin:0px;
	width:200px;
}
a.menu:link {
	text-decoration:none;
}
a.menu:visited {
	text-decoration:none;
}
a.menu:hover {
	text-decoration:none;
}
ul#menu, ul.sub_menu{
	list-style:none;
	margin:0;
	padding:0;
}
#menu{
	width:200px;
	margin:10px;
	border:1px solid #800019;
	/* border-bottom:none; */ 
}
.main_menu{
	background:#800019;
	color:#ffffff;
	font-size:13px;
	/*font-weight:bold;*/
	letter-spacing: 0.2em;
	padding:10px 10px 0;
	margin:-1px 0 0 -1px;
	cursor:pointer;
	width:180px;
	height:18px;
	border:1px solid #800019;
}
.sub_menu li{
	background:#f0f0f0;
	padding:10px 10px 0;
	border:1px solid #ffffff;
	font-size:12px;
	letter-spacing: 0.2em;
	width:179px;
	height:18px;
	margin:-1px 0 0 -1px;
}
.sub_menu li a{
	color:#333333;
	font-size:12px;
	display:block;
}
.menubutton {
margin: 0 10px 10px 0;
}
button {
    width: auto;
    padding:0;
    margin:0;
    background:none;
    border:0;
    font-size:0;
    line-height:0;
    overflow:visible;
    cursor: hand;
}




/* Material icons*/
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
 
  /* WebKit*/
  -webkit-font-smoothing: antialiased;
  /* ChromeASafari*/
  text-rendering: optimizeLegibility;
 
  /* Firefox*/
  -moz-osx-font-smoothing: grayscale;
 
  /* IET|[g */
  font-feature-settings: 'liga';
}
/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }
/
.material-icons.orange600 { color: #FB8C00; }
.material-icons.blue { color: #2B97D6; }
.material-icons.white { color: #FFFFFF; }

