@charset "utf-8";


/*-----------------------------------------------
 __リストの設定
-----------------------------------------------*/
li {
	list-style-type: none;
}

/* __sample01
-----------------------------------------------*/
ul.sample01 {
	width: 500px;
	margin-bottom: 30px;
	padding: 10px;
	border: 1px solid #999;
}

ul.sample01 li {
	position: relative;
	margin: 0 0 5px;
	padding: 5px 160px 5px 15px;
	background: url(../img/mark.gif) no-repeat 2px .9em;
	border-bottom: 1px dotted #999;
}

ul.sample01 li a {
	font-weight: bold;
}

ul.sample01 li span {
	display: block;
	position: absolute;
	top: 5px;
	right: 10px;
	width: 180px;
	text-align: right;
}

ul.sample01 li > span {
	right: 0;
}


/* __sample02
-----------------------------------------------*/
ul.sample02 {
	width: 500px;
	margin-bottom: 30px;
	padding: 10px;
	border: 1px solid #999;
	overflow: hidden;
}

ul.sample02 li {
	float: left;
	padding: 5px 0;
	background: url(../img/mark.gif) no-repeat 2px .9em;
	border-bottom: 1px dotted #999;
}

ul.sample02 li a {
	display: block;
	float: left;
	width: 335px;
	padding-left: 15px;
	font-weight: bold;
}

ul.sample02 li span {
	display: block;
	float: right;
	width: 150px;
	text-align: right;
}


/* __sample03
-----------------------------------------------*/
ul.sample03 {
	width: 500px;
	margin-bottom: 30px;
	padding: 10px;
	border: 1px solid #999;
	overflow: hidden;
}

ul.sample03 li {
	clear: both;
	float: left;
	padding: 5px 0;
	background: url(../img/mark.gif) no-repeat 2px .9em;
	border-bottom: 1px dotted #999;
}

ul.sample03 li a {
	position: relative;
	display: block;
	float: left;
	width: 335px;
	padding-left: 15px;
	padding-right: 150px;
	font-weight: bold;
}

ul.sample03 li span {
	display: block;
	float: left;
	width: 150px;
	margin-left: -150px;
	text-align: right;
}


/* __sample04
-----------------------------------------------*/
dl.sample04 {
	width: 98%;
	margin-bottom: 30px;
	padding: 10px;
	/*border: 1px solid #999;*/
	overflow: hidden;
}

dl.sample04 dt {
	float: left;
	margin-left: 20px;
	padding: 5px 0;
}

dl.sample04 dd {
	padding: 5px 0;
	border-bottom: 1px dotted #999;
	padding-left: 15px;
/*	background: url(../images/mark.gif) no-repeat 2px .9em;*/
}

dl.sample04 dd a {
	font-weight: bold;
}
dl.sample04 dd a:hover {
	color: red;
}
dl.sample04 #whatsnew{ 
	background: url("img/oshirase.jpg") no-repeat 0px .4em;
}
dl.sample04 #kaki { 
	background: url("img/kaki.jpg") no-repeat 0px .4em;
}
dl.sample04 #kudamono { 
	background: url("img/kudamono.jpg") no-repeat 0px .4em;
}
dl.sample04 #ringyo { 
	background: url("img/ringyo.jpg") no-repeat 0px .4em;
}
dl.sample04 #ryutsu{ 
	background: url("img/ryutsu.jpg") no-repeat 0px .4em;
}
dl.sample04 #susan { 
	background: url("img/susan.jpg") no-repeat 0px .4em;
}
dl.sample04 #tikusan{ 
	background: url("img/tikusan.jpg") no-repeat 0px .4em;
}
dl.sample04 #yasai{ 
	background: url("img/yasai.jpg") no-repeat 0px .4em;
}
dl.sample04 #process{ 
	background: url("img/kakouhin.gif") no-repeat 0px .4em;
}
dl.sample04 #allcat{ 
	background: url("img/oshirase.jpg") no-repeat 0px .4em;
}

/*dl.sample04 #oshirase a { 
	font-weight: bold;
	color: red;
}
dl.sample04 #kaki a { 
	font-weight: bold;
	color: red;
}
dl.sample04 #kudamono a { 
	font-weight: bold;
	color: red;
}
dl.sample04 #ringyo a { 
	font-weight: bold;
	color: red;
}
dl.sample04 #ryutsu a { 
	font-weight: bold;
	color: red;
}
dl.sample04 #susan a { 
	font-weight: bold;
	color: red;
}
dl.sample04 #tikusan a { 
	font-weight: bold;
	color: red;
}
dl.sample04 #yasai a { 
	font-weight: bold;
	color: red;
}
dl.sample04 #process a { 
	font-weight: bold;
	color: red;
}
dl.sample04 #allcat a { 
	font-weight: bold;
	color: red;
}*/

/* __sample05
-----------------------------------------------*/
dl.sample05 {
	width: 500px;
	padding: 10px;
	border: 1px solid #999;
	overflow: hidden;
}

dl.sample05 dt {
	float: right;
	margin-left: 10px;
	padding: 5px 0;
	text-align: right;
}

dl.sample05 dd {
	padding: 5px 150px 5px 0;
	border-bottom: 1px dotted #999;
	padding-left: 15px;
	background: url(../img/mark.gif) no-repeat 2px .9em;
}

dl.sample05 dd a {
	font-weight: bold;
}