/********
★★色★★
●gray (濃->薄) ※RBGが同じ値
	666666、BFBFBF


*********/
/**********************************************************/
/* タグデフォルト設定                                     */
/**********************************************************/

*{
	font-size:10pt;
	margin: 0px;
	padding: 0px;

}

body {
	color:#000000;
	background-color:#FFFFFF;
	width: 100%;
	text-align: center;

}

div
{
	background-color:#FFFFFF;
	width:100%;
	vertical-align:top;
	text-align: left;
}

img
{
	border:0px none #000000;
	margin:	0 0 0 0;
	padding:0 0 0 0;

}


input
{
	font-family: "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック";
	ime-mode: disabled;
	padding:0 0 0 2px;
	
}

table
{
	margin:	0 0 0 0;
	padding:0 0 0 0;
/*	border-spacing:0px;*/
	border-collapse:collapse;
/*	width:100%;*/

}

td
{
	margin:	0 0 0 0;
	padding:0 0 0 0;
	border:	0px none #FF0000;
/*	vertical-align:top;
	float:left;
*/
}

li
{
	margin:0 0 0 20;
	list-style-type:disc;
	list-style-position:outside;
}

A:link		{	color:#000000;text-decoration:underline; }
A:visited	{	color:#000000;text-decoration:underline; }
A:hover		{	color:#666666;text-decoration:underline; }
A:active	{	color:#666666;text-decoration:underline; }

/**********************************************************/
/* 個別スタイル                                           */
/**********************************************************/

/* ページレイアウト ***************************************/
table.PageFrame
{
	width: 800px;
	height:100%;
	border-width:thin;
	border-style:none;
}

td.PageHeader
{
	width: 800px;
	height:75px;
}

td.PageMain
{
	padding: 10px 10px 0px 0px;
	width: 800px;
	height:100%;
	vertical-align:top;
}

td.PageFooter
{
	height:50px;
	vertical-align:bottom;
}

div.PageHeader
{
	background-color:#000000;
	padding: 10px 10px 5px 5px;
	height:80;
}

div.PageMain
{
	background-color:#FFFFFF;
	text-align: left;
}


div.PageFooter
{
	height:50;
}

.LogoGif
{
	top:100px;
	left:10px;

}

td.FooterLink
{
	text-align:right;
	padding-right:5px;
}

A.FooterLink			{ font-size:7pt;}
A.FooterLink:link		{ color:#000000;text-decoration:underline;font-weight:normal;}
A.FooterLink:visited	{ color:#000000;text-decoration:underline;font-weight:normal;}
A.FooterLink:hover		{ color:#666666;text-decoration:underline;font-weight:normal;}
A.FooterLink:active		{ color:#666666;text-decoration:underline;font-weight:normal;}

.CopyRight
{
	font-family:"Arial","ＭＳ ゴシック";
	color:#202020;
	font-size:9pt;
	text-align:right;
	width:100%;
}
.InterTable		/* テーブルのセル内のレイアウト */
{
	font-size:10pt;
	width:100%;
	height:100%;
}


/* タブボックス ***************************************/
div.TabBox
{
	background-color:#FFFFFF;
	padding:10px 10px 10px 10px;
}

/* 入力ボックス *******************************************/
.label
{
	color:Black;
	font-size:10pt;
}
.bold
{
	font-weight:bold;
	color:Black;
	font-size:10pt;
}
.textbox
{
	color:Black;
	font-size:10pt;
}
.list
{
	color:Black;
	font-size:10pt;
}

/* 入力ボックス *******************************************/
table.InputBox
{
	background-color:#EEEEEE;
	border:	1px solid #333333;
	font-size: 10pt;
	width:100%;
}

td.InputBox
{
	border:	1px solid #333333;
	padding:3px 0px 0px 3px;
	text-align:center;
	vertical-align:middle;
	height:27px;
	font-size: 10pt;
}
td.InputBoxTall
{
	border:	1px solid #333333;
	padding:3px 0px 0px 3px;
	text-align:center;
	vertical-align:middle;
	height:40px;
}

td.InputBoxTitle
{
	color:#FFFFFF;
	border:	1px solid #333333;
	background-color:#666666;
	padding:3px 0px 0px 3px;
	text-align:center;
	height:20px;
}

td.InputBoxTitleLeft
{
	color:#FFFFFF;
	border:	1px solid #333333;
	background-color:#666666;
	padding:3px 0px 0px 3px;
	text-align:left;
	height:20px;
}

td.InputBox_S
{
	border:	1px solid #333333;
	text-align:center;
	vertical-align:middle;
	font-size: 10pt;
}

td.InputBoxTitle_S
{
	color:#FFFFFF;
	border:	1px solid #333333;
	background-color:#666666;
	text-align:center;
}

td.InputBoxLeft
{
	background-color:#EEEEEE;
	border:	1px solid #333333;
	padding:3px 0px 0px 3px;
	text-align:left;
	vertical-align:middle;
	height:27px;
}

/* 発券承認機能対応 2015/10/13 kamei START */
td.InputBoxLeftMail
{
	background-color:#EEEEEE;
	border:	1px solid #333333;
	padding:3px 0px 0px 3px;
	text-align:center;
    font-weight:bold;
	vertical-align:middle;
	height:27px;
}

td.InputBoxMail
{
	border:	1px solid #333333;
	background:#ffffff;
	padding:3px 0px 0px 3px;
	text-align:left;
	vertical-align:middle;
	height:27px;
	font-size: 10pt;
}
/* 発券承認機能対応 2015/10/13 kamei END */

tr.InputBox
{
	background-color:#F0F0F0;
}

tr.InputBoxAlter
{
	background-color:#D0D0D0;
}

tr.InputBoxSelected
{
	background-color:#FFFFFF;
}

tr.InputBoxTitle
{
	color:#FFFFFF;
	background-color:#999999;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;	
}	

tr.InputBoxTitleLeft
{
	color:#FFFFFF;
	background-color:#999999;
	text-align:left;
	vertical-align:middle;
	font-weight:bold;	
}	


/* メッセージ表示 *****************************************/
/* エラー、警告、情報 *************************************/

table.Error
{
	color:#aa0000;
	border:	1px solid #aa0000;
	margin:10px 10px 0px 0px;
}

td.ErrorTitle
{
	color:#aa0000;
	border:	1px solid #aa0000;
	background-color:#ffeeee;
	padding:5px 5px 5px 5px;
}

td.Error
{
	font-weight:bold;
	color:#aa0000;
	border:	1px solid #aa0000;
	padding:5px 5px 5px 5px;
}

table.Warn
{
	color:#aa0000;
	border:	1px solid #aa0000;
	margin:10px 10px 0px 0px;
}

td.WarnTitle
{
	color:#aa0000;
	border:	1px solid #aa0000;
	background-color:#ffffff;
	padding:5px 5px 5px 5px;	
}

td.Warn
{
	color:#aa0000;
	border:	1px solid #aa0000;
	padding:5px 5px 5px 5px;
}

table.Info
{
	color:#000000;
	border:	1px solid #ffffff;
	margin:10px 10px 0px 0px;
	font-size:10pt;
}

td.InfoTitle
{
	color:#aaaaaa;
	border:	1px solid #ffffff;
	background-color:#ffffff;
	padding:5px 5px 5px 5px;
}


table.Guide
{
	color:#666666;
	border:	1px solid #aaaaaa;
	margin:10px 10px 0px 0px;
	font-size:10pt;
}

td.GuideTitle
{
	color:#666666;
	border:	1px solid #aaaaaa;
	background-color:#ffffff;
	padding:5px 5px 5px 5px;
}

td.Guide
{
	color:#666666;
	border:	1px solid #aaaaaa;
	margin:5px 5px 5px 5px;
	padding:5px 5px 5px 5px;
}

/* ｶﾚﾝﾀﾞｰ *****************************************/
table.MonthTitle
{
	background-color:#999999;
	color:#FFFFFF;
	padding:0px 0px 0px 0px; 
	height:15;
}

td.Holiday
{
/*	padding:3px, 3px, 3px, 3px;*/
	background-color:#FFE4E1;	
}

td.Sat
{
	background-color:#CEE1FF;
}

table.Calendar
{
	font-size:10pt;
	width:180;
	height:180;
}

.linkbutton A {
	line-height:1.5em;
	display:block;
	width:120px;
	height:18px;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	margin:3px;
	text-decoration:none;
	border-top:2px solid #DDDDDD;
	border-left:2px solid #DDDDDD;
	border-right:3px solid #333333;
	border-bottom:3px solid #333333;
	background-color:#777777;
	color:#FFFFFF;
}
.linkbutton A:link
{
	background-color:#777777;
	color:#FFFFFF;	
	text-decoration:none;
}

.linkbutton A:visited 
{
	background-color:#777777;
	color:#FFFFFF;	
	text-decoration:none;
}

.linkbutton A:hover 
{
	background-color:#777777;
	color:#FFFFFF;	
	text-decoration:none;
}

.linkbutton A:active 
{
	background-color:#777777;
	color:#FFFFFF;	
	text-decoration:none;
}

/* ﾎﾞﾀﾝ *****************************************/
#btn_area a:link, #btn_area a:visited,#btn_area a:hover, #btn_area a:active,#btn_area_mini a:link, #btn_area_mini a:visited,#btn_area_mini a:hover, #btn_area_mini a:active  {
	color: rgb(255, 255, 255); 
	padding: 8px; 
	border: 6px outset rgb(153, 153, 153); 
	text-decoration: none;
}

#btn_area a:link, #btn_area a:visited,#btn_area a:hover, #btn_area a:active  {
	font-size: 24px;
}

#btn_area_mini a:link, #btn_area_mini a:visited,#btn_area_mini a:hover, #btn_area_mini a:active  {
	font-size: 12px;
	width: 100%;
}

#btn_area a:link, #btn_area a:visited, #btn_area_mini a:link, #btn_area_mini a:visited {
	background: rgb(102, 102, 102); 
}

#btn_area a:hover, #btn_area a:active, #btn_area_mini a:hover, #btn_area_mini a:active {
	background: grey;
}