*{ padding: 0; margin: 0; }


h1,h2,h3,h4,h5,h6{ font-weight: normal; }

body{
	font-size: 62.5%; /* この指定により一般的なブラウザでは1px=0.1emとなる */
	width: 100%;
	font-family: "MS UI Gothic",Arial, Verdana, Osaka;
	color: #fff;
	background: url("../img/floor.gif") #000;
	background-attachment: fixed;
	
}

a img{ border: 0; }

p{ margin-bottom:10px; }

.for-table{
	margin-bottom:20px;
}

hr{
	border-style: dotted none none none;
	border-top-width: 2px;
	border-top-color: #991ae6;
	height: 2px;
	margin: 10px 0;
}


input,textarea,select,option{
	border:1px outset #b3b3ff;
	padding: 2px;
	color:#fff;
	background:#000;

}

textarea{
	font-family: "MS UI Gothic",Arial, Verdana, Osaka;
	font-size: 1em;
}

.submit_btn input{
	font-family: Arial,"MS UI Gothic", Osaka;
	border:1px outset #ff0000;
	font-size:1.4em;
	color:#fff;
	background:#000;
	margin: 3px 15px;
}

.reset_btn input{
	border:1px outset #0000ff;
	font-size:1em;
	color:#fff;
	background:#000;
	margin: 5px 15px;
}

a:link		{color: #ff4dff;text-decoration:none;}
a:visited	{color: #ff4dff;text-decoration:none;}
a:hover		{color: #e6ffe6;text-decoration:none; background:#4d0066;}
a:active 	{color: #ddbfdd;text-decoration:none; background:#4d0066;}

#container{
	font-size: 1.2em;
	width:720px;
	margin:5px auto;
	background: #000;
	
}

#header{
	height: 70px;
	width: 720px;
/* 	padding: 0; */
	background: #000;
/* 	padding-top: 10px; */
/*  color: #333;
 width: 902px;
 padding: 10px;
 height: 100px;
 margin: 10px 0px 5px 0px;
 background: #ABBEBE; */
}

#header img{ vertical-align: bottom; } /* 画像の下の隙間(ディセンダ)回避 */

#logo{
	width: 155px;
	float: left;
}

#menu{


	width: 487px;
	height: 30px;
	font-family: Verdana,"MS UI Gothic", Osaka;
	background: url("../img/menu.jpg") no-repeat #000;
	
	padding: 40px 4px 0;
	float: left;


}

#menu ul, #manu li, #menu a{
	display: block;
	margin: 0;
	padding: 0;
	
}

#menu li{
	float: left;
	list-style: none;
	white-space: nowrap;
	margin: 0 2px; /* 各項目周囲の余白 */
/* 	border: 1px gray solid; /* 項目の枠線 */
}

#menu a{
	text-decoration:none;
	background:#000;
/* 	width:50px;
	height:15px; */
	color: #fff;
	border: 1px gray solid;
/* 	margin-top: 43px; */
}

#menu a:hover{
	background: #660000;
	border: solid 1px #ff0000;
}

#menu a:active{
	background:#006600;
	border: solid 1px #00ff00;
}

#menu a, #menu a:hover, #menu a:active{
	padding: 2px 5px; /* 枠内の余白 */
}

#menu p{
	margin: 5px;
}

#menu .content-str{
	
	border: 1px #fff dashed;
	background: #000;
	padding: 2px;

	margin-left: 2px;
}

#qr{
	width: 62px;
	padding: 4px;
	float:left;
}

#title{
	margin-top: 5px;
	margin-bottom: 12px;
	
}

.title{
	font-family: Verdana, "MS UI Gothic";
	font-size: 1.5em;
	font-weight: bold;
	color: #fff;

}

.description {
	font-family: Verdana, "ヒラギノ角ゴ Pro W3", "MS UI Gothic", "Osaka‐等幅";
	font-size: 1em;
	color: #c0fb3e;
	margin-left: 6px;
}

h1{
	font-family: Verdana,"MS UI Gothic";
	font-size: 1.4em;
	color: #00e633;
	margin-bottom: 10px;

}

h2{
	font-family: Verdana,"MS UI Gothic";
	font-size: 1.2em;
	color: #ee82ee;
}


h3{
	font-family: Verdana,"MS UI Gothic";
	font-size: 1.2em;
	color: #ffff00;

}


#news-counter{
	clear: both;
/* 	height: 14px; */
/* 	line-height: 14px; */ /* heightと同じ数値にすることで縦方向中央に配置(1行のみ対応) */
	width: 716px;
	background: #000;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 2px;
/*  color: #333;
 width: 902px;
 padding: 10px;
 height: 100px;
 margin: 10px 0px 5px 0px;
 background: #ABBEBE; */
}


#counter{
/* 	text-align: right;
	white-space: nowrap; */
}

#navi{
/* 	height: 14px;
	line-height: 14px; */
	width: 710px;
	background: #000;
	padding: 2px 5px 2px 5px;
	white-space: nowrap;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}

#navi .news{
	text-align: left;
	float: left;
}


#navi .update{
	text-align: right;
	padding-left: 5px; 
}




#main{
	float: left;
	width: 500px;
	padding: 5px 10px;
	background: #000 url("../img/back.gif") no-repeat fixed 20% 80%;
	line-height: 140%;
}

#main p{
	margin-bottom: 8px;
}

#column{
	float: left;
	width: 180px;
	padding: 10px;
	background: #000;
	margin-top: 5px;
	margin-bottom: 12px;

/* 	margin: 0px 5px; */
}


#footer{
	clear: both;
	width: 716px;
	padding: 2px;
	background: #000;
	border-top: 1px solid #999;
	text-align: right;
/*  width: 902px;
 clear: both;
 color: #333;
 background: #ABBEBE;
 margin: 0px 0px 10px 0px;
 padding: 10px; */
}




#footer .copyright{
	text-align: right;

}

.kigou{
	color: #00ff00;
}

.caution{
	font-family: "MS UI Gothic",Arial,"Times New Roman",Verdana,Osaka;
	font-size: 1em;
	color: #ff7f50;
}

.caution-2{
	font-family: "MS UI Gothic",Arial,"Times New Roman",Verdana,Osaka;
	font-size: 1em;
	color: #ffff00;
}

.error{
	background: #330000;
	font-size: 1.6em;
	color: #cc4d4d;

/* 	line-height: 1.8em; */
}

.error-message{

	font-size: 1.1em;
	color: #ffff00;
}




.form table{
	width: 480px;
	/* padding: 5px; */
	border: 1px outset #0033b3;
	border-collapse: separate;
	border-spacing: 5px;
	
}

.form th{
	font-weight: bold;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	background: #222;

}

.form td{
/* 	border: outset 1px #fff; */
}

.cake-debug{
	font-size: 1.2em;
}

.cake-sql-log{
	font-size: 1.2em;
}

table{
	border: outset 1px #ccc;
	border-collapse: collapse;
}



th{
	text-align: left;
	font-weight: normal;
	border: 1px solid #ccc;
	padding: 3px;
}

th.sub{
	font-size: 1.2em;
	text-align: left;
	font-weight: bold;
	border: 1px solid #ccc;
	background: #330033;
	padding: 3px;
}

th.sub-2{

	text-align: center;
	font-weight: normal;
	border: 1px solid #ccc;
	background: #333;
	white-space: nowrap;

}

td{
	padding: 3px;
	border: 1px solid #ccc;
}

.blank{
	margin: 300px 0;

}

.update_str{
	color:#ffff00;
}

.image{

}

.str-1{
	color:#40e0d0;
}

.str-2{
	font-family: "MS UI Gothic";
	font-size: 1.2em;
	color: #fa8072;
	background: #330000;
	border: outset 1px #afeeee;
	padding: 3px;
}

.str-3{
	color:#b3cce6;
}

.str-4{
	color:#33ccff;
}

.list-confirm{
	color:#0099ff;
}

.list-cancel{
	color:#ff8080;
}

.list-reserve{
	color:#ccff4d;
}

.list-advance{
	color:#ff8080;
}

.list-suspend{
	color:#999;
}



.caution2{
	color:#ffff00;
	text-decoration: blink;
}



/* Debugging */
pre {
	color: #fff;
/* 	background: #f0f0f0; */
	padding: 1em;
	font-size: 1.4em;
}
pre.cake-debug {
/* 	background: #ffcc00; */
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	border: 4px dotted #ffcc00;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #FFFF00;
	padding: 4px;
}


.notice {
/* 	background-color: #ffcc00; */
	color: #fff;
	display: block;
/* 	font-family: Courier, monospace; */
	font-size: 1.6em;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}

.big-link a{
	font-size: 1.3em;
	text-decoration:none;
	background:#000;
	color: #fff;
	border: 1px gray solid;
}

.big-link a:hover{
	background: #660000;
	border: solid 1px #ff0000;
}

.big-link a:active{
	background:#006600;
	border: solid 1px #00ff00;
}

.big-link a, .big-link a:hover, .big-link a:active{
	padding: 5px 5px; /* 枠内の余白 */
}