/*--------------------*/
/* util.css           */
/* 2008-12-03         */
/*--------------------*/

/* オープンクローズ部(util) */
div.util{
	position:relative;
	width:80%;
	background-color:#fbfcf6;
	background-color:#e5e4cf;
	background-color:#f5f4df;
	border:#0000ff 0px solid;
	margin:0px 0px 0px 10%;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:hidden;
	border:#000000 0px solid;
}
/* IE6用上書き指定 */
* html div.util {
   width:90%;
}
	div.opcl{
		position:relative;
		width:16px;
		height:16px;
		border:#ff00ff 0px solid;
		padding:4px 1% 0px 2px;
		float:right;
	}
/* IE6用上書き指定 */
* html div.opcl {
	padding:4px 5px 0px 2px;
}
	div.util ul.util_ul{
		position:relative;
		display:block;
		width:92%;
		border:#ff0000 0px solid;
		margin:0px 0px 0px 1%;
		padding:0px 0px 0px 0px;
		list-style:none;
		float:left;
		overflow:hidden;
	}
	div.util li.util_li{
		position:relative;
		width:15%;
		height:24px;
		border:#000000 0px solid;
		background-color:transparent !important;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		float:left;
		z-index:100;
	}
/* IE6用上書き指定 */
* html li.util_li {
	overflow:hidden;
}

	div.util_html{
		position:relative;
		display:block;
		width:98%;
		height:150px;
		background-color:#ffffff;
background:url( "./../img/graph01.png" ) repeat;
		border:#ffffff 2px inset;
		margin:0px 1% 5px 1%;
		padding:0px 0px 0px 0px;
		clear:both;
		overflow:auto;
	}
/* IE6用上書き指定 */
* html div.util_html {
   width:100%;
}

/* ------------------------------------------------------------------------------------------ */
/* 注意書き表記部 */
div.notice{
	position:relative;
	font-size:12px;
	background-color:transparent;
	border:#879495 0px solid;
	color:#687d7f;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	overflow:hidden;
}
	div.notice dl{
		border:0px ridge #7f2d00;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	div.notice dt{
		border:0px ridge #879495;
		margin:0px 0px 0px 0px;
		padding:3px 5px 2px 10px;
	}
	div.notice dd{
		text-align:left;
		border:0px ridge #879495;
		border-bottom:1px #879495 dotted;
		letter-spacing:2px;
		line-height:1.4em;
		margin:0px 0px 0px 0px;
		padding:2px 5px 8px 20px;
	}

/* ------------------------------------------------------------------------------------------ */
	/* 検索用 */
	div.search{
		position:relative;
		background-color:transparent;
		border:#879495 0px solid;
		font-size:12px;
		color:#687d7f;
		margin:0px 0px 0px 0px;
		padding:5px 0px 20px 10px;
	}
		div.search form{
			width:280px;
			height:30px;
			background-color:#faf8f2;
			border:#93abad 0px solid;
			border-bottom:#93abad 1px solid;
			border-right:#93abad 1px solid;
			margin:0px 0px 0px 0px;
			padding:1px 10px 5px 2px;
		}
		div.search input{
			margin:5px 0px 0px 10px;
		}
		div.search p{
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}

/* ------------------------------------------------------------------------------------------ */
	/* カテゴリ用 */
	div.category{
		position:relative;
		background-color:transparent;
		border:#879495 0px solid;
		color:#687d7f;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		overflow:hidden;
	}
		div.category ul{
			display:block;
			width:100%;
			height:auto;
			font-size:11px;
			border:#93abad 0px solid;
			margin:0px 0px 2px 0px;
			padding:5px 2px 2px 2px;
			list-style:none;
			overflow:hidden;
		}
		div.category li{
			display:block;
			border:#7F2D00 0px dotted;
			width:120px;
			float:left;
			padding:0px 0px 3px 5px;
			overflow:hidden;
		}
			div.category strong{
				font-weight:bold;
				color:#000000;
			}

			div.category a {
				color:#687d7f !important;
				text-decoration:none;
			}
			div.category a:hover {
				color: blue !important;
				text-decoration:underline;
			}

/* ------------------------------------------------------------------------------------------ */
	/* 過去の特集 */
	div.past_banner{
		position:relative; 
		border:#879495 0px solid;
		background-color:transparent;
		font-size:12px;
		color:#687d7f;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
		div.past_banner p{
			position:relative;
			width:90%;
			height:1.3em;
			border:#000000 0px dashed;
			margin:2px 0px 0px 5px;
			padding:2px 0px 0px 5px;
		}
		div.past_banner ul{
			position:relative;
			width:90%;
			border:#000000 0px dashed;
			margin:2px 0px 0px 10px;
			padding:0px 0px 5px 0px;
			list-style:none;
			clear:both;
			overflow:auto;
		}
		div.past_banner li{
			border:#000000 0px dashed;
			width:auto;
			margin:0px 0px 0px 0px;
			padding:0px 5px 5px 0px;
			border:#000000 0px dashed;
			float:left;
		}
		div.past_banner a{
			display:block;
			border:#000000 0px dashed;
		}

/* ------------------------------------------------------------------------------------------ */
	/* マイ履歴用 */
	div.myhistory{
		position:relative;
		height:85px;
		background-color:transparent;
		border:#879495 0px solid;
		font-size:12px;
		color:#687d7f;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		overflow:auto;
	}
		div.myhistory p{
			position:relative;
			width:90%;
			height:1.3em;
			border:#000000 0px dashed;
			margin:0px 0px 0px 0px;
			padding:2px 0px 2px 10px;
		}
		div.myhistory ul{
			display:block;
			height:63px;
			border:#000000 0px dashed;
			background-color:#faf8f2;
			margin:0px 0px 0px 0px;
			padding:3px 0px 0px 0px;
			list-style:none;
			overflow:hidden;
		}
		div.myhistory li{
			display:block;
			width:18%;
			height:58px;
			border:#000000 0px dashed;
			background-color:transparent;
			font-size:9px;
			line-height:1.2em;
			margin:0px 0px 0px 0px;
			padding:0px 0px 2px 10px;
			float:left;
			overflow:hidden;
		}
			div.myhistory a{
				color:#687d7f !important;
				text-decoration:none;
			}


/* ------------------------------------------------------------------------------------------ */
	/* カートの内容確認 */
	div.check_cart{
	}

	iframe.cart_if{
		width:95%;
	}
	div.check_cart img{
		display:none;
	}