<!--
/*	===============================================================
	● COMMON CSSファイル Version 1.1.0
	---------------------------------------------------------------
	Release 2009.04.24 (Apache+MySQL+PHP)             Powerd by TDR
	=============================================================== */

	/****************************
	 *	Tag Style
	 ****************************/

	/** Body ********************/

	body
	{
		margin:0px; padding:0px;
		font-size:12px; color:#333333; line-height:170%; letter-spacing:1px;
		background:#FFFFFF;
	}


	/** Head ********************/

	h1
	{
		margin:0px; padding:0px;
	}

	h2
	{
		margin:0px; padding:0px;
	}

	h3
	{
	}

	h4
	{
	}

	h5
	{
	}

	h6
	{
	}


	/** Block *******************/

	p
	{
		margin:0px;
	}

	div
	{
		margin:0px; padding:0px;
	}

	dt
	{
		font-weight:bold;
	}

	dd
	{
		margin-left:20px;
	}


	/** Table *******************/
/*
	th
	{
		background:gray;
		color:white;
		font-weight:bold;
	}
	
	td
	{
		background:none;
	}
*/
	td
	{
		padding:3px 5px;
	}

	th
	{
		width:160px; padding:3px 3px 3px 18px;
		background:url( "../images/icon/menu_Mark1.gif" ) no-repeat 6px 8px #EAF1F6;
		border:1px solid #DDE6EC;
		color:#3D536B; text-align:left;
	}
	
	/*datepickerの場合*/
	.ui-datepicker th
	{
		width:160px; padding:3px 3px 3px 18px;
		background-image:none;
		border:1px solid #DDE6EC;
		color:#3D536B; text-align:left;
	}
	/*datepickerの場合*/

		th.Admin_Side
		{
			width:160px; padding:3px 3px 3px 18px;
			background:url( "../images/icon/menu_Mark1.gif" ) no-repeat 6px 8px #F0F9DD;
			border:1px solid #DDE6EC;
			color:#3D536B; text-align:left;
		}

	th.clear
	{
		width:170px;
		background-image:none;
		background-color:#FAFAFA;
	}
	
	th.mainTH
	{
		background-color:#E9E9E9;
	}
	/** Table List **************/

	tbody tr:hover td.HL
	{
		/* 列のハイライト色 （Blue） */
		background: #EEF7FA;
	}

	tbody tr:hover td.HL_Main
	{
		/* 主セルのハイライト色（Blue） */
		background: #E1EFF4;
	}
		td.HL_Main
		{
			/* 主セルのハイライト色 通常時（Blue） */
			background: #F9FBE6;
		}

	tbody tr:hover td.HLG
	{
		background: #E4F8D8;  /* 列のハイライト色 */
	}

	tbody tr:hover td.HLG_Main
	{
		background: #E4F8D8;  /* 目立たせたいセルのハイライト色 */
	}


		/* -------------
		 * NEW List SET
		 * -------------
		 */
		tr.NewList_Title
		{
			background:#EFF7FA;
			border-bottom:1px solid #CBE5EE;
			color:#000000; font-weight:bold; font-size:10px;
		}

		td.NewList_TitleMain
		{
			background:#E1EFF4;
		}
	
		.NewList_Table td
		{
			padding-left:8px;
		}

		.NewList_Main
		{
			padding:8px;
			background:#FBFDFF;
		}

		/* -------------
		 * SEARCH List SET
		 * -------------
		 */
		tr.SearchList_Title
		{
			background:#EEEEEE;
			border-bottom:1px solid #CBE5EE;
			color:#000000; font-weight:bold; font-size:10px;
		}

		td.SearchList_TitleMain
		{
			background:#DDDDDD;
		}
	
		.SearchList_Table td
		{
			padding-left:8px;
		}

		.SearchList_Main
		{
			padding:8px;
			background:#F4F4F4;
		}

		/* -------------
		 * EDIT List SET
		 * -------------
		 */
		tr.EditList_Title
		{
			background:#F0F7C9;
			border-bottom:1px solid #AAAAAA;
			color:#000000; font-weight:bold; font-size:10px;
		}

		td.EditList_TitleMain
		{
			background:#E7F0B5;
		}
	
		.EditList_Table td
		{
			padding-left:8px;
		}

		td.EditList_HL
		{
			padding:8px;
		}

			tbody tr:hover td.EditList_HL
			{
				background:#EEF7FA;
			}

		td.EditList_HLMain
		{
			padding:8px;
			background:#F9FBE6;
		}

			tbody tr:hover td.EditList_HLMain
			{
				background:#E1EFF4;
			}

		/* -------------
		 * NORMAL List SET
		 * -------------
		 */
		td.List_HL
		{
			padding:4px 8px;
		}

			tbody tr:hover td.List_HL
			{
				background:#EEF7FA;
			}

		td.List_HLMain
		{
			padding:4px 8px;
			background:#F9FBE6;
		}

			tbody tr:hover td.List_HLMain
			{
				background:#E1EFF4;
			}

	.List
	{
		padding:8px;
	}

	.ListEdit
	{
		padding-left:8px;
	}


	/** Form ********************/

	form
	{
		margin:0px;
	}

	input
	{
		padding:3px;
		font-size:12px;
	}

	textarea
	{
		padding:3px;
		font-size:12px;
	}

	input[type="submit"]
	{
		margin:0px; padding:2px;
	}


	/** ETC List **************/

	.clear
	{
		clear:both;
	}


	/****************************
	 *	Site Navigator Style
	 ****************************/

	#Site_NaviWrapper
	{
		height:32px;
	}

	ol#Site_Navi
	{
		margin:0px; padding:0px;
		list-style: none;
	}

	ol#Site_Navi li
	{
		padding-right:10px; padding-left:15px;
		background: url("../images/icon/siteNavi.gif") no-repeat 0 50%;
		float:left;
	}

	ol#Site_Navi li.home
	{
		padding-left:25px;
		background:none;
		background: url("../images/icon/siteNavi_Icon.png") no-repeat 0 50%;
	}


	ol#Site_Navi li a:link,
	ol#Site_Navi li a:visited
	{
		color:#3366FF;
		text-decoration:underline;
	}

	ol#Site_Navi li a:hover,
	ol#Site_Navi li a:active
	{
		color:#FF6633;
		text-decoration:underline;
	}


	/****************************
	 *	Block Style
	 ****************************/

	p.Note1
	{
		width:90%; margin:auto; padding:10px; margin-bottom:15px;
		border:2px dotted #BACDEB; background:#F0F6FF;
		text-align:left;
		line-height:150%;
	}

	p.Note2	
	{
		width:90%; margin:auto; padding:10px; margin-bottom:15px;
		border:2px dotted #F0DCBB; background:#FEFBF6;
		text-align:left;
		line-height:150%;
	}

	p.Note3
	{
		width:90%; margin:auto; padding:10px; margin-bottom:15px;
		border:2px dotted #BBBBBB; background:#FCFCFF;
		text-align:left;
		line-height:150%;
	}

	p.Note4
	{
		width:90%; margin:auto; padding:10px; margin-bottom:15px;
		border:2px dotted #BBBBBB; background:#EBEBF1;
		text-align:left;
		line-height:150%;
	}

	p.Note5
	{
		width:90%; margin:auto; padding:10px; margin-bottom:15px;
		border:2px dotted #F0DCBB; background:#FEFBF6;
		text-align:left;
		line-height:150%;
	}

	.Gray_Box
	{
		padding:10px;
		background:#FAFAFA;
		border:1px solid #BBBBBB;
	}

	.Gray_Box2
	{
		padding-left:8px;
		background:#CCCCCC;
	}

	.Blue_Block
	{
		margin:3px; padding:5px;
		background:#CCD8EB;
	}

	.Sky_Box
	{
		padding:10px;
		background:#F6FCFE;
		border:1px solid #CCCCCC;
	}


	/****************************
	 *	Page Navigator Style
	 ****************************/

	.pgNum_Link
	{
		margin-right:5px; padding:0px 5px;
		float:left; font-weight:bold; border:1px solid #BBBBBB;
		color:#8BA0DA; text-decoration:none;
	}

		.pgNum_Link:hover
		{
			background:#DADADA;
			color:#FFFFFF;
		}

	.pgNum_NoLink
	{
		margin-right:5px; padding:0px 5px;
		float:left; font-weight:bold; border:1px solid #BBBBBB;
		background:#666666; color:#FFFFFF;
	}


	/****************************
	 *	Form Style
	 ****************************/

	.NoEdit
	{
		border:0px;
	}

	.chkCheck
	{
		margin-right:5px; padding:3px;
		background-color:#FF9900;
	}

	.noCheck
	{
		margin-right:5px; padding:3px;
		background-color:#FDEBD0;
	}

	.errorForm
	{
		background:url( "../images/icon/icon_2.gif" ) no-repeat #FFFFFF 3px 3px;
		padding-left:25px;
	}

	.frmSelectStyle:hover
	{
		/*border:1px solid #FF9900;*/
		background-color:#FFF3E7;
	}

	/** Hint ********************/
	.hintTitle
	{
		margin:0px 0px 8px 0px;
		border-bottom:1px solid #CCCCCC;
		font-size:12px; color:#0066CC; font-weight:bold;
	}

	.hintFrame
	{
		margin:0px 0px 15px 0px;
		border:1px solid #DDDDDD;
		line-height:160%;
	}

	.hintBlock
	{
		margin:3px; padding:15px;
		background:#FAFAFA;
	}

	.frmSubTitle
	{
		margin:15px 0px 10px 0px; padding-bottom:3px;
		border-bottom:1px solid #999999;
		font-weight:bold;
	}

	.frmZIP
	{
		background:url( "../images/icon/yubin.gif" ) no-repeat 5px 5px;
	}

	/****************************
	 *	Font Style
	 ****************************/

	.Size_VS	{ font-size:8px; }
	.Size_S		{ font-size:10px; }
	.Size_MS	{ font-size:11px; }
	.Size_M		{ font-size:12px; }
	.Size_MM	{ font-size:14px; }
	.Size_ML	{ font-size:16px; }
	.Size_L		{ font-size:20px; }
	.Size_LL	{ font-size:24px; }
	.Font_NonP	{ font-family:monospace; }
	.Font_Let1	{ letter-spacing:1px; }
	.Font_Let2	{ letter-spacing:2px; }
	.Line_100	{ line-height:100%; }
	.Line_130	{ line-height:130%; }
	.Line_160	{ line-height:160%; }
	.Line_200	{ line-height:200%; }
	.Bold		{ font-weight:bold; }
	.Normal		{ font-weight:100; }
	.ls0		{ letter-spacing:0px; }

	/** Message  ****************/
	.Success	{ font-size:10pt; font-style:normal; color:#0066CC; font-weight:bold; }
	.Error		{ font-size:10pt; font-style:normal; color:#FF0000; font-weight:bold; }
	.Information{ font-size:10pt; font-style:normal; color:#339900; font-weight:bold; }
	.Attention	{ font-size:10pt; font-style:normal; color:#996633; font-weight:bold; }
	.Caution	{ font-size:10pt; font-style:normal; color:#FF0000; font-weight:bold; }


	/****************************
	 *	Color Style
	 ****************************/

	.Color_Black	{ color:#000000; }
	.Color_White	{ color:#FFFFFF; }
	.Color_Gray		{ color:#666666; }
	.Color_Gray2	{ color:#888888; }
	.Color_Gray3	{ color:#999999; }
	.Color_Gray4	{ color:#AAAAAA; }
	.Color_Gray5	{ color:#CCCCCC; }
	.Color_Red		{ color:#FF0000; }
	.Color_Red2		{ color:#FF3300; }
	.Color_Brown	{ color:#CC0000; }
	.Color_Brown2	{ color:#996633; }
	.Color_Brown3	{ color:#5B1E00; }
	.Color_Brown4	{ color:#AA593F; }
	.Color_Green	{ color:#00CC00; }
	.Color_Green2	{ color:#006600; }
	.Color_Green3	{ color:#339900; }
	.Color_Green4	{ color:#99A271; }
	.Color_Orange	{ color:#FF9900; }
	.Color_Blue		{ color:#0000FF; }
	.Color_Blue2	{ color:#2D496C; }
	.Color_Blue3	{ color:#39399D; }
	.Color_Sky		{ color:#0066CC; }
	.Color_Sky2		{ color:#CBEAF8; }
	.Color_Yellow	{ color:#FFFF00; }


	/****************************
	 *	Link Style
	 ****************************/

	/** String Link *************/

	a.Page_Link:link		{ color:#0066CC; text-decoration:underline; }
	a.Page_Link:visited	{ color:#0066CC; text-decoration:underline; }
	a.Page_Link:hover		{ color:#CC0000; }

	a.Page_Link2:link		{ color:#0066CC; text-decoration:none; }
	a.Page_Link2:visited	{ color:#0066CC; text-decoration:none; }
	a.Page_Link2:hover		{ color:#CC0000; text-decoration:underline; }

	a.Page_LinkNL:link		{ color:#0066CC; text-decoration:none; }
	a.Page_LinkNL:visited	{ color:#0066CC; text-decoration:none; }
	a.Page_LinkNL:hover	{ color:#CC0000; }

	a.Page_LinkG:link		{ color:#666666; text-decoration:underline; }
	a.Page_LinkG:visited	{ color:#666666; text-decoration:underline; }
	a.Page_LinkG:hover		{ color:#CCCCCC; text-decoration:none; }

	a.Page_LinkG2:link		{ color:#666666; text-decoration:none; }
	a.Page_LinkG2:visited	{ color:#666666; text-decoration:none; }
	a.Page_LinkG2:hover	{ color:#CCCCCC; text-decoration:underline; }


	/** Graphic Link ************/

	.Grp_Link:hover
	{
		opacity:0.6;
		filter: alpha(opacity=60);
	}

	.Grp_Button:hover
	{
		background-position:bottom;
	}


	/****************************
	 *	Graphic Style
	 ****************************/

	.Grp_Frame
	{
		padding:3px;
		border:1px solid #DDDDDD;
	}

	.Grp_Frame_Left
	{
		padding:2px; margin:0px 15px 10px 0px;
		border:1px solid #CDCDCD;
		float:left;
	}

		.Grp_Left
		{
			margin:0px 10px 10px 0px;
			float:left;
		}

	.Grp_Frame_Right
	{
		padding:2px; margin:0px 0px 10px 10px;
		border:1px solid #CDCDCD;
		float:right;
	}


	/****************************
	 *	Margin Style
	 ****************************/

	.Margin_Top
	{
		margin-top:8px;
	}

	.Margin_Bottom
	{
		margin-bottom:8px;
	}

	.Margin_Bottom2
	{
		margin-bottom:20px;
	}

	.Margin_Bottom3
	{
		margin-bottom:15px;
	}

	.Margin_Left
	{
		margin-left:15px;
	}

	.Margin_Right
	{
		margin-right:15px;
	}

	.Padding_Normal
	{
		padding:10px;
	}

	.PTop3
	{
		padding:3px;
	}

	img
	{
		border:0;
	}

	ul,li
	{
		list-style:none;	
	}

	.mt-10 { margin-top:10px; }
	.mt-20 { margin-top:20px; }
	.mb-10 { margin-bottom:10px; }
	.mb-20 { margin-bottom:20px; }
	.mr-40 { margin-right:40px; }
