@charset "euc-jp";

/*-------------------------------------

screen.css

author: グリーンショップいのたに（infol@inotani.com）
info: pc設定
-------------------------------------*/

/* 背景デザイン
-------------------------------------*/
body{
	text-align: center;
	margin:0;
	padding:0;
	background:#9a9a9a url(../img/common/bg.jpg) repeat-y center 0;
}
*html body{
	background-image:url(../img/common/IEbg.jpg);
}
#set{
	width:100%;
	background:url(../img/common/set_bg.jpg) repeat-x 0 top;
}
#bg-set{
	position:relative;
	width:926px;
	margin:0 auto;
	background:url(../img/common/bg-set_bg.jpg) no-repeat 0 top;
}

/* ヘッダー
-------------------------------------*/
#header{
	width:844px;
	height:510px;
	background:#fff url(../img/common/header_bg.jpg) no-repeat right top;
	position:relative;
	text-align:left;
	margin:0 auto;
}
#description{
	font-size:12px;
	height:22px;
	line-height:1.7;
	color:#bfbfbf;
	text-align:right;
	padding-right:5px;
	background:#333 url(../img/common/description_bg.gif) repeat-x 0 top;
}
#h-button{
	position:absolute;
	z-index:100;
	top:11px;
	left:5px;
}
	#h-button li{
		float:left;
		padding:0;
	}
	#h-button .h-button01 a{
		display:block;
		background:url(../img/common/h-button01.gif) no-repeat 0 0;
		width:117px;
		height:32px;
	}
	#h-button .h-button02 a{
		display:block;
		background:url(../img/common/h-button02.gif) no-repeat 0 0;
		width:118px;
		height:32px;
	}
	#h-button .h-button03 a{
		display:block;
		background:url(../img/common/h-button03.gif) no-repeat 0 0;
		width:120px;
		height:32px;
	}
	#h-button .h-button01 a:hover,
	#h-button .h-button02 a:hover,
	#h-button .h-button03 a:hover{
		background-position:0 -32px;
	}
	#h-button .h-button04-text{
		padding:2px 0 0 16px;
		width:297px;
		height:22px;
		color:#e06;
		font-weight:bold;
		font-size:12px;
		top:12px;
		right:-305px;
		position:absolute;
		z-index:110;
	}
	*html #h-button .h-button04-text{
		right:-290px;
	}

#cart-bt{
	top:18px;
	right:10px;
	position:absolute;
	z-index:800;
	width:144px;
	height:32px;
	background:red;
}


#h-navi{
	position:absolute;
	z-index:110;
	top:50px;
	left:0;
	width:844px;
	height:38px;
	background:url(../img/common/h-navi_bg.gif) no-repeat 0 top;
}
	#h-navi li{
		float:right;
		padding:0;
	}
	#h-navi .link-text{
		display:none;
	}
	#h-navi .page_item1 a,
	#h-navi .page_item2 a,
	#h-navi .page_item3 a,
	#h-navi .page_item4 a,
	#h-navi .page_item5 a{
		display:block;
		width:100px;
		height:36px;
		margin:2px 10px 0 0;
	}
	#h-navi .page_item1 a{
		background:url(../img/common/h-navi01.gif) no-repeat 0 0;
	}
	#h-navi .page_item2 a{
		background:url(../img/common/h-navi02.gif) no-repeat 0 0;
	}
	#h-navi .page_item3 a{
		background:url(../img/common/h-navi03.gif) no-repeat 0 0;
	}
	#h-navi .page_item4 a{
		background:url(../img/common/h-navi04.gif) no-repeat 0 0;
	}
	#h-navi .page_item5 a{
		background:url(../img/common/h-navi05.gif) no-repeat 0 0;
	}
	#h-navi .page_item1 a:hover,
	#h-navi .page_item2 a:hover,
	#h-navi .page_item3 a:hover,
	#h-navi .page_item4 a:hover,
	#h-navi .page_item5 a:hover{
		background-position:0 -38px;
	}
#title{
	position:absolute;
	top:74px;
	left:25px;
	z-index:120;
}
#sub-title{
	position:absolute;
	top:145px;
	left:40px;
	font-family:"平成明朝","HGP明朝E",serif;
	color:#333;
	font-size:14px;
	z-index:130;
}
.h-col-left{
		position:absolute;
		top:287px;
		left:10px;
		width:402px;
		z-index:300;
		background:url(../img/common/box01_bg.gif) repeat-y 0 0;
}
	.h-col-left-body{
			top:5px;
			left:10px;
			border-bottom:dotted 1px #ccc;
			padding:0 0 0 20px;
			position:relative;
			min-height:150px;
			width:352px;
			z-index:320;
			background:url(../img/common/b-col-right_bar.gif) no-repeat 0 top;
	}
	*html.h-col-left-body{
		min-height:150px;
	}
		.h-col-left h3{
			color:blue;
			font-size:13px;
			margin-top:2px;
			margin-bottom:8px;
		}
		.h-col-left p{
			font-size:12px;
		}
.h-topics{
	position:absolute;
	top:339px;
	left:447px;
	width:385px;
	z-index:300;
	background:url(../img/common/box04_bg.gif) repeat-y 0 0;
}
	.h-topics-body{
		top:2px;
		left:10px;
		padding:5px 0 0 20px;
		position:relative;
		min-height:94px;
		z-index:320;
		background:url(../img/common/b-col-left_bar.gif) no-repeat 0 center;
	}
	*html .h-topics-body{
		height:99px;
	}
		.h-topics-body h3{
			width:357px;
			color:blue;
			font-size:13px;
			margin:2px 0 5px 0;
		}
		.h-topics-box{
			border:solid 1px #ccc;
			border-width:1px 0 0 1px;
			background:#f5f5f5;
			width:340px;
			padding:4px 0 0 7px;
			height:65px;
			overflow-y:scroll;
			font-size:12px;
		}
		*html .h-topics-box{
			width:347px;
		}
		.h-topics-box dl{
			float:left;
			margin:0;
			padding:0;
			border-bottom:dotted 1px #ccc;
			margin-bottom:8px;
			padding-bottom:8px;
			line-height:1.2;
		}
		*html .h-topics-box dl{
			margin-bottom:4px;
			padding-bottom:4px;
		}
		.h-topics-box dt{
			width:66px;
			float:left;
		}
		.h-topics-box dd{
			width:251px;
			float:left;
		}

/* ボディー
-------------------------------------*/
#body{
	top:-5px;
	left:0;
	width:844px;
	position:relative;
	text-align:left;
	margin:0 auto;
	z-index:300;
	background:url(../img/common/body_bg.jpg) repeat-x 0 0;
}
	#col-left{
		top:-41px;
		left:10px;
		position:relative;
		z-index:300;
		width:385px;
		background:url(../img/common/box04_bg.gif) repeat-y 0 0;
	}
		.col-left-body{
			top:0;
			left:10px;
			border-bottom:dotted 1px #ccc;
			padding:0 0 0 20px;
			position:relative;
			min-height:90px;
			width:337px;
			z-index:320;
			background:url(../img/common/b-news_bar.gif) no-repeat 0 5px;
		}
		*html .col-left-body{
			height:90px;
			width:357px;
		}
			.col-left-img{
				float:left;
				padding-top:5px;
				margin-right:10px;
			}
			.col-left-body h3{
				color:blue;
				font-size:13px;
				margin-top:2px;
				margin-bottom:4px;
			}
			.col-left-body p{
				font-size:12px;
			}
			.col-left-body .link-detail{
				text-align:right;
				margin-bottom:0;
			}

	#col-right{
		top:-41px;
		left:447px;
		z-index:300;
		width:385px;
		position:absolute;
		background:url(../img/common/box04_bg.gif) repeat-y 0 0;
	}
		.col-right-body{
			top:0;
			left:10px;
			z-index:320;
			border-bottom:dotted 1px #ccc;
			padding:0 0 0 20px;
			position:relative;
			min-height:90px;
			width:337px;
			background:url(../img/common/b-news_bar.gif) no-repeat 0 5px;
		}
		*html .col-right-body{
			height:90px;
			width:357px;
		}
			.col-right-img{
				float:left;
				padding-top:5px;
				margin-right:10px;
			}
			.col-right-body h3{
				color:blue;
				font-size:13px;
				margin-top:2px;
				margin-bottom:4px;
			}
			.col-right-body p{
				font-size:12px;
				margin:0;
			}
			.col-right-body .link-detail{
				text-align:right;
				margin-bottom:0;
			}

/* フッター
-------------------------------------*/
#footer{
	top:663px;
	left:41px;
	width:844px;
	position:absolute;
	text-align:left;
	margin:0 auto 0;
	z-index:400;
}
*html #footer{
	top:653px;
}

#f-navi{
	width:844px;
	font-size:12px;
	height:22px;
	text-align:center;
	margin:0 auto;
	line-height:1.7;
	background:url(../img/common/f-navi_bg.gif) repeat-x 0 top;
}
#f-navi ul{
	width:676px;
	float:left;
	margin:0 0 0 84px;
	background:url(../img/common/f-navi-il_bg.gif) no-repeat right 4px;
}
*html #f-navi ul{
	width:676px;
	margin:0;
	float:none;
}
#f-navi li{
	float:left;
	background:url(../img/common/f-navi-il_bg.gif) no-repeat 0 4px;
}
#f-navi a{
	color:#b2b2b2;
	display:block;
	float:left;
	height:20px;
	margin:2px 1px 0;
	padding:0 18px;
	text-decoration:none;
}
#f-navi a:hover{
 color:#ededed;
}
#copyright{
	color:#808080;
	margin:5px 0 0;
	padding-top:16px;
	text-align:center;
	font-size:12px;
	background:#000 url(../img/common/copyright_bg.gif) repeat-x 0 top;
}
#copyright a{
	color:#b2b2b2;
}
#copyright a:hover{
 color:#ededed;
}
#f-logo{
	text-align:center;
	background:#000;
	padding:12px 0 20px;
}

/* 汎用
-------------------------------------*/
.box-head{
	width:402px;
	height:9px;
	top:-5px;
	left:0;
	z-index:310;
	position:absolute;
	background:url(../img/common/box01_head.gif) no-repeat 0 0;
}
.box-foot{
	width:402px;
	height:24px;
	bottom:-12px;
	left:0;
	z-index:310;
	position:absolute;
	background:url(../img/common/box01_foot.gif) no-repeat 0 0;
}
.box-head02{
	width:385px;
	height:9px;
	top:-5px;
	left:0;
	z-index:310;
	position:absolute;
	background:url(../img/common/box04_head.gif) no-repeat 0 0;
}
.box-foot02{
	width:385px;
	height:24px;
	bottom:-2px;
	left:0;
	z-index:310;
	position:absolute;
	background:url(../img/common/box04_foot.gif) no-repeat 0 0;
}