@charset 'utf-8';
/*
@import 'default.css';
*/

/* ********************************** */
*
{
	margin:0;
	padding:0;
}
/* ********************************** */
body
{
	text-align:center;
	color:#333;
	background-color:#F5FAF9;
	background-repeat:repeat-y;
	background-position:center;
	background-image:url();
	font-family:Helvetica, Verdana, Arial, sans-serif;/* Meiryo */
	font-size:smaller;
}
/* ********************************** */
a         {text-decoration:none;}
a:link    {color:#0068b4;}/* #3399ff */
a:visited {color:#0068b4;}
a:active  {color:#9BAAB3;}
a:hover   {color:red;text-decoration:underline;}
a img     {text-decoration:none;}
/* ============== */
img
{
	border:0px;
	padding:0;
	margin:0;
}
/* ============== */
h1, h2, h3, h4, h5, h6
{
	font-weight:normal;
}
/* ============== */
strong, em, b, i, u
{
	font-style:normal;
	font-weight:bold;
}
strong
{
	color:#094631;
	font-size:130%;
}
em
{
	color:#ff0080;
	font-size:120%;
}
small
{
	font-size:80%;
}
/* ============== */
ul, ol, dl
{
	margin-left:10px;
	padding-left:10px;
}
dt
{
	font-weight:bold;
}
dd
{
	padding-left:20px;
	color:#333333;
}
/* ============== */
hr
{
	margin:1em 10px;
	padding:0px;
	border:0px none transparent;
	border-bottom:1px solid gray;
	height:0px;
}
hr.hr
{
	display:none;
}
/* ============== */
p
{
	margin-bottom:1em;
}
/* ============== */
address
{
	font-size:x-small;
	font-style:normal;
}
/* ============== */
table
{
	border-collapse:collapse;
	padding:0;
	margin:10px 2px 10px 2px;
	font-size:12px;
}
th
{
	padding:2px 8px;
	vertical-align:middle;
	font-weight:normal;
}
td
{
	padding:2px 8px;
	vertical-align:top;
}
caption
{
	caption-side:bottom;
}
table.line
{
	padding:0;
	margin:0;
	line-height:1.2em;
	border:1px solid #3399ff;
	border-width:1px 1px 0 1px;
}
table.line th
{
	padding:4px;
	text-align:center;
	font-weight:normal;
	white-space:nowrap;
	border-bottom:1px solid #3399ff;
	vertical-align:top;
}
table.line td
{
	border-bottom:1px solid #3399ff;
	padding:4px;
}
table.none,
table.none th,
table.none td
{
	text-align:left;
	border:0 none;
	padding:2px;
	margin:1px;
}
/* ============== */
form
{
	display:inline;
}
input, select, textarea
{
	border:1px solid #999999;
	background:#F9F9F2;
	margin: 0.4em 0.1em;
	padding: 0.1em 0.1em;
	border-top:1px solid #000000;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #000000;
}
input[type="text"]
{
	background-color:#FAE2CD;
}
input[type="submit"]
{
	cursor:pointer;
	font-weight:bold;
	padding-left:4px;
	padding-right:4px;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
}
input.cart
{
	cursor:pointer;
	font-size:14px;
	font-weight:bold;
	color:black;
	background:#FAE2CD url(/img/icon_cart.gif) no-repeat left center;
	padding-left:16px;
	border-top:1px solid #999;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	border-left:1px solid #999;
}
input.cart:hover
{
	background-color:#FEB396;
	color:black;
}
textarea {
	font-size:8pt;
	line-height:1em;
}

/* ********************************** */
#container
{
	background-color:white;
	line-height:130%;
	margin:0 auto 0px auto;
	text-align:left;
	width:800px;
	padding:0 10px;
	border-top:1px solid #51996A;
	border-right:1px solid #51996A;
	border-bottom:1px solid #51996A;
	border-left:1px solid #51996A;
}
/* ********************************** */
#head
{
	margin-bottom:90px;
}
	#desc
	{
		display:block;
		height:17px;
		font-size:x-small;
		color:#333;
		/*
		border-bottom:1px solid #999;
		*/
	}
/* ********************************** */
#neck
{
	text-align:center;
	position:absolute;
	top:22px;
	left:auto;
	width:800px;
}
	#help
	{
		background-color:transparent;
		height:17px;
		text-align:right;
	}
		#help ul
		{
			list-style:none;
			margin:0;
			padding:0;
		}
		#help ul li
		{
			display:inline;
			white-space:nowrap;
			margin:1px;
			padding-left:10px;
		}
		#help ul li a
		{
			font-size:12px;
			height:16px;
			padding:0 2px;
			text-decoration:none;
			border:1px solid #0068b4;
			vertical-align:top;
		}
		#help ul li a:hover
		{
			background-color:#FFFF80;
		}
	#banner
	{
		width:800px;
		height:40px;
		margin-bottom:1px;
		overflow:hidden;
		text-indent:-9999px;
		background:#fff url(/img/kanbanBanner.jpg) no-repeat center center;
	}
	#banner a
	{
		display:block;
		width:800px;
		height:40px;
	}
	#navi
	{
		width:800px;
		height:30px;
		padding-left:2px;
	}
		#navi ul
		{
			list-style:none;
			margin:0;
			padding:0;
		}
		#navi ul li
		{
			display:inline;
			margin:0;
			padding:0;
			float:left;
		}
		#navi ul li a
		{
			display:block;
			text-align:center;
			width:158px;
			height:25px;
			line-height:25px;
			font-size:14px;
			font-weight:bold;
			color:white;
			text-decoration:none;
			white-space:nowrap;
			background:#527c64;/* url(/img/neck.navi.gif) no-repeat center center */
			border:1px solid #1f3f1f;
			border-width:1px 1px 1px 0;
		}
		#navi ul li a:hover
		{
			border-bottom:4px solid red;/* #770909 */
			color:orange;
		}
/* ********************************** */
#box
{
	clear:both;
	float:none;
	padding-top:10px;
	background:white;
}
	#box h1
	{
		margin:0 0 10px 0;
		padding:0 4px 2px 4px;
		border-bottom:1px solid #D9E8E0;
		font-size:18px;
		font-weight:bold;
		color:#1D763D;
	}
	#center
	{
		float:left;
		background:white;
		width:580px;
	}
		#center h2
		{
			margin:0 0 20px 0;
			padding:0 5px;
			color:#1D763D;
			background-color:#EEF2EC;
			border-bottom:1px solid #D9E8E0;
			/*
			border-left:20px solid #56754A;
			*/
			font-weight:bold;
			font-size:18px;
			line-height:26px;
			height:26px;
		}
		#center h3
		{
			margin:36px 0 0 10px;
			padding:0 4px;
			background-color:#E7EFEB;
			border:1px solid #56754A;
			font-weight:bold;
			font-size:14px;
			line-height:20px;
			height:20px;
		}
		#content
		{
			width:560px;
			padding:5px;
			over-flow:hidden;
			background-color:#FCFCF8;
			/*
			border-top:1px solid #E0E0C2;
			border-right:1px solid #BABA9A;
			border-bottom:1px solid #BABA9A;
			border-left:1px solid #E0E0C2;
			*/
		}
		#content a
		{
			text-decoration:underline;
			background-color:#F2FBFA;
		}
		.corner560
		{
			width:560px;
		}
		.corner560 .corner560Top
		{
			height:10px;
			background:url(/img/corner560.gif) no-repeat center top;
		}
		.corner560 .corner560Middle
		{
			padding:0 1px;
			background-color:#fbfdfb;
			border-left:1px solid #b5cfb0;
			border-right:1px solid #b5cfb0;
			padding:5px 10px;
		}
		.corner560 .corner560Bottom
		{
			height:10px;
			background:url(/img/corner560.gif) no-repeat center bottom;
		}
		.corner260
		{
			width:260px;
		}
		.corner260 .corner260Top
		{
			height:10px;
			background:url(/img/corner260.gif) no-repeat center top;
		}
		.corner260 .corner260Middle
		{
			padding:0 1px;
			background-color:#fbfdfb;
			border-left:1px solid #b5cfb0;
			border-right:1px solid #b5cfb0;
			padding:5px 10px;
		}
		.corner260 .corner260Bottom
		{
			height:10px;
			background:url(/img/corner260.gif) no-repeat center bottom;
		}
	#side
	{
		float:right;
		width:192px;
		overflow:hidden;
		background-color:#F4F9F8;/* #E2F8F0 */
		border-top:1px solid #C6DAC2;
		border-right:1px solid #89B382;
		border-bottom:1px solid #89B382;
		border-left:1px solid #C6DAC2;
	}
		#side .sidetitle
		{
			width:186px;
			height:24px;
			margin:1px 0 4px 1px;
		}
		#side ul
		{
			list-style:none;
			margin-left:4px;
			padding-left:0;
		}
		#side li
		{
			white-space:nowrap;
			margin-bottom:1px;
		}
		#side li a
		{
		}

/* ********************************** */
#foot
{
	clear:both;
	float:none;
}
	#subnavi
	{
		height:320px;
		padding:10px 0;
		margin-bottom:10px;
	}
		.subPanel
		{
			/*
			background-color:#F0F0E1;
			*/
			margin:0;
			padding:0;
		}
		#subPanelLeft
		{
			width:300px;
			height:320px;
			float:left;
			background:url(/img/subPanelLeft.gif) no-repeat left top;
			border:1px solid #527b63;
		}
		#subPanelRight
		{
			width:470px;
			height:320px;
			float:right;
			background:url(/img/subPanelRight.gif) no-repeat left top;
			border:1px solid #527b63;
		}


	#textlink
	{
		clear:both;
		float:none;
		border-top:1px solid #999;/* #3399ff */
		background-color:transparent;
		color:#999;
		padding:10px 0 10px 0;
		text-align:center;
		font-size:x-small;
	}
		#textlink a
		{
			padding:0 2px;
		}
	#address
	{
		background:url(/img/footline.gif) no-repeat center bottom;
		width:800px;
		height:80px;
	}
	#address address
	{
		display:none;
	}
/* ********************************** */
.clr,
.clear
{
	clear: both;
	overflow: hidden;
	width:1px;
	height:1px;
	margin:0 -1px -1px 0;
	border:0;
	padding:0;
	font-size:0;
	line-height:0;
}

.hide
{
	display:none;
}

.left
{
	float:left;
}
.right
{
	float:right;
}
.dot
{
	font-weight:bold;
	font-size:150%;
	color:#3399ff;
	padding:0 2px;
}