@charset "utf-8";

/*
	=====================================================================
	田野畑労務管理事務所　KICS
	共通用
	=====================================================================
*/

	/* base
	------------------------------------------------------------ */
	* {
		margin: 0;
		padding: 0;
		}

	/* img
	------------------------------------------------------------ */
	img {
		border: none;
		}

	/* text link
	------------------------------------------------------------ */
	a:link,
	a:visited,
	a:active {
			color: #330000;
			}
	
	a:hover {
			color: #CC0000;
			}

	/* clearfix
	------------------------------------------------------------ */
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
		}
	
	.clearfix {
		display: inline-block;
		}
	
	/* exlude MacIE5 \*/
	*html .clearfix {
		height: 1%;
		}
	.clearfix {
		display:block;
		}
	/* end MacIE5 */

	/* number
	------------------------------------------------------------ */
	#header .number {
			float:right;
			margin:19px 0 20px 0;			
			}

	/* pick-up
	------------------------------------------------------------ */
	.pick-up {
			background: url(../../img/theme/side-body.jpg) top left repeat-y;
			margin-left:6px;
			}
	
	.pick-up-head {
			width:888px;
			background: url(../../img/theme/side-head.jpg) top left no-repeat;
			}
		
	.pick-up-body {
			padding:36px 36px 20px 18px;
			background: url(../../img/theme/side-foot.jpg) bottom left no-repeat;
			}

	/* h3
	------------------------------------------------------------ */
	.pick-up-body h3 {
		color:#C00;
		font-size:150%;
		margin-bottom:12px;
		padding-left:15px;
		}

	/* party_number 
	------------------------------------------------------------ */
	.party_number {
		color:#9966CC;
		font-size:120%;
		font-weight: bold;
		padding-left:15px;		
		}

	.pick-up-left {
			float: left;
			width: 400px;
			}

	.pick-up-left p {
			padding-left:15px;
			}

	.pick-up-left .attention {
			padding-left:15px;
			color:#C00;
			}

	/* online
	------------------------------------------------------------ */
	.online {
			float:left;
			width:206px;
			background: url(../../img/theme/online_f2.jpg) no-repeat;
			}

				.online a {
						display: block;
						}

				.online a:hover {
						background-color: transparent;
						}

				.online a:hover img {
						visibility: hidden;
						}

	/* tel
	------------------------------------------------------------ */
	.tel {
		background: url(../../img/theme/tel_f2.jpg) no-repeat;
		width:150px;
		float:left;
		}

				.tel a {
						display: block;
						}

				.tel a:hover {
						background-color: transparent;
						}

				.tel a:hover img {
						visibility: hidden;
						}

			
	.pick-up-right {
			float: right;
			text-align:center;

			}

	.pick-up-right .date {
			text-align:right;
			}

	/* .pick-up-right table
	-------------------------------------------------- */
	.pick-up-right table {
						_font-size:100%;
						border-top:1px solid #E2D287;
						border-right:0;
						border-left:1px solid #E2D287;
						border-bottom:0;
						width:400px;
						}

	/* .pick-up-right .table
	-------------------------------------------------- */
	.pick-up-right table th,
	.pick-up-right table td {
						border-top:0;
						border-right:1px solid #E2D287;
						border-left:0;
						border-bottom:1px solid #E2D287;
						padding:8px;
						}

	.pick-up-right table th {
						background-color:#F5F0DA;
						font-weight:normal;
						}

	td.men {
			background-color:#D6EBEB;
			}

	td.women {
			background-color:#FFEBEB;
			}

	.amount {
			text-align:center;
			}


	.pick-up-right .member {
			text-align:left;
			}

	/* 空き
	 */
	.pick-up-right .becoming {
			color:#003399;
			font-weight: bold;
			text-align:center;
			}

	/* 満
	 */
	.pick-up-right .crowded {
			color:#FF0000;
			font-weight: bold;
			text-align:center;
			}

	/* 残り僅か
	 */
	.pick-up-right .slightly {
			color:#9C0;
			font-weight: bold;
			text-align:center;
			}

	/* ほぼ満
	 */
	.pick-up-right .almost {
			color:#FF9900;
			font-weight: bold;
			text-align:center;
			}

	/* price
	------------------------------------------------------------ */
	.price {
		color:#C00;
		font-size:120%;
		font-weight: bold;
		text-align:center;
		}

	/* details
	------------------------------------------------------------ */
	.details {
			width:425px;
			text-align:left;
			}


	/* page-top
	------------------------------------------------------------ */
	.page-top {
				float:right;
				font-size:12px;
				height:11px;
				margin-bottom:45px;
				}


	/* reservation
	------------------------------------------------------------ */
	.reservation {
			width:356px;
			}

	/* mark
	------------------------------------------------------------ */
	.mark {
			color:#C00;
			}

	/* kome
	------------------------------------------------------------ */
	.kome {
			float:left;
			color:#C00;
			}

	/* footer
	------------------------------------------------------------ */
	#footer {
			float:left;
			width:100%;
			height:100px;
			background:url(../../img/theme/foot_line.jpg) repeat-x top left;
			}

	#footer .foot {
					color: #FFF;
					padding-top:21px;
					}

	#footer .foot a,
	#footer .foot a:link,
	#footer .foot a:visited,
	#footer .foot a:active {
							color: #996600;
							text-decoration:none;
							}

	#footer .foot a:hover {
							color: #330000;
							text-decoration:underline;
							}

	/* copy
	------------------------------------------------------------ */
	#footer .copy {
					font-size: 95%;
					color: #FFF;
					font-family: verdana;
					}