@charset "utf-8";

/*================================
ファイル名：index.css
作成者：ND&I 徳田 ( tokuda@n-di.co.jp )
=================================*/

/*================================
・0@ Clearfix

=================================*/

@import url("../share/default.css");
@import url("../share/layout.css");
@import url("../share/share.css");

/* @ Clearfix
=================================*/

.shopping:after,
.shopping li:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

.shopping,
.shopping li {
	display: inline-block;
}

/* Hide from Mac IE \*/
.shopping,
.shopping li {
	*height: 1%;
	display: block;
}
/* Hide from Mac IE */

/* @ Contents
=================================*/

/* gallery*/
#gallery {
	width: 502px;
	height: 377px;
	border:solid #DFDFDF 4px;
	overflow: hidden;
}

	ul#slideImg {
		position: relative;
		width: 100%;
		height: 100%;
		background: #fff;
		overflow: hidden;
	}
	
		ul#slideImg li {
			position: absolute;
			top: 0;
			width: 100%;
			height: 100%;
			background: #eee;
			text-align: center;
			font-size: 90%;
		}

		ul#slideImg li.focusList { z-index: 100; }
		
			ul#slideImg li h2 {
				position: absolute;
				bottom: 0;
				left: 0;
				padding: .2em;
				width: 100%;
				height: auto;
				background: url(../../img/index/alpha_bg.png) repeat-x left top;
				border: none;
				font-size: 100%;
				text-align: left;
				overflow: auto;
			}

		ul#slideImg li.fucusList { z-index: 10 }
		ul#slideImg li.slideOut { z-index: 9 }

			ul#slideImg li a {
				display: block;
				width: 502px;
				height: 377px;
			}

	#control {
		position: relative;
		z-index: 100;
	}
	
		ul#thumb {
			position: absolute;
			top: -60px;
			right: 65px;
			padding-left: .5em;
			*width: 430px;
			height: 26px;
			background: url(../../img/index/alpha_bg.png) repeat-x;
			overflow: hidden;
			zoom: 1;
		}
	
			ul#thumb li {
				float: left;
				padding-top: .2em;
				_width: 1em;
				font-size: 14px;
				text-align: center;
			}
	
			ul#thumb li.active {
				margin: .5em .5em 0 0;
				padding: .3em;
				_width: .5em;
				background: url(../../img/index/thumb_btn_bg.gif) repeat-x bottom #fff;
				border: solid #333 1px;
			}
			ul#thumb li#num14 { clear: both; }
			ul#thumb li#num28 { clear: both; }
		
				ul#thumb li.active a {
					display: none;
				}
			
				ul#thumb li a {
					display: block;
					margin-right: .5em;
					padding: 0 .2em .2em .2em;
					height: 14px;
					background: url(../../img/index/thumb_btn_bg.gif) repeat-x bottom #fff;
					border: solid #333 1px;
					color: #000;
				}
			
		ul#auto {
			position: absolute;
			top: -60px;
			right: 5px;
			width: 49px;
			height: 26px;
			background: url(../../img/index/alpha_bg.png) repeat-x;
			overflow: hidden;
			zoom: 1;
		}

			ul#auto li {
				float: left;
			}
		
			ul#auto li.first-child {
				padding: 5px 8px 0 9px;
			}
		
			ul#auto li.last-child {
				padding-top: 5px;
			}

div#main .banner {
	margin-top: 13px;
}

	div#main .banner a {
	}

		div#main .banner a img {
			border: solid #dfdfdf 4px;
		}
		div#main .banner a:hover img {
			border: solid #ff8400 4px;
		}


div#main h2 {
	border: solid #DFDFDF 4px;
	height: 358px;
	position: relative;
	overflow: hidden;
}

	div#main h2 span#up5 {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	div#main h2 span#ndiron {
		margin-left: 251px;
		display: block;
	}
	
div#main h3 {
	margin-top: 13px;
	border: solid #DFDFDF 4px;
	height: 29px;
	padding-left: 26px;
	font-size: 105%;
}

	div#main h3 a {
		margin-left: .3em;
	}
	
		div#main h3 a img {
			position: relative;
			top: .35em;
		}

p.newsLink {
	float: right;
	margin-top: -28px;
	padding: 0 1em 0 1.5em;
	background: url(../../img/share/icon_note.gif) no-repeat left center;
}

	p.newsLink a {
		color: #FFF;
	}

ul.news {
	clear: right;
	border: solid #DFDFDF 4px;
	border-top: none;
}

	ul.news li {
		margin: 0 1em;
		border-top: dotted #DFDFDF 1px;
		padding: .5em 1em .5em 1.6em;
		background: url(../../img/share/icon_bullet_a.gif) no-repeat left .9em;
	}
	
	ul.news li.first-child {
		border: none;
	}
	
		ul.news li span {
			float: left;
			display: block;
			width: 5.5em;
			height: 1.6em;
		}
		
ul.shopping {
	border: solid #DFDFDF 4px;
	border-top: none;
	padding: 0 10px 10px;
}

	ul.shopping li {
		float: left;
		margin-top: 10px;
		width: 240px;
	}
	
		ul.shopping li p.shopImg {
			float: left;
			width: 90px;
		}
		
			ul.shopping li p.shopImg img {
				border: solid #DFDFDF 4px;
				width: 62px;
				height: 67px;
			}
			
			* html ul.shopping li p.shopImg img {
				width: 70px;
				height: 75px;
			}
		
		ul.shopping li p.shopTxt {
			margin-left: 90px;
			padding-right: 10px;
		}
	
div.dracon {
	margin-top: 13px;
	border: solid #DFDFDF 4px;
	padding: 0.5em;
	margin-bottom: 13px;
}

	div#pageNav div.dracon h3 {
		margin: 0;
		border: none;
		padding: 0;
	}
	
		div#pageNav div.dracon h3 a {
			color: #8FD15D;
			text-decoration: underline;
		}
		
		div#pageNav div.dracon h3 a:hover {
			text-decoration: none;
		}
	
	div.dracon p {
		margin-top: .8em;
	}
	
	div.dracon p.info {
		background: url(../../img/share/icon_bullet_a.gif) no-repeat left .3em;
		text-indent: .9em;
	}
	
	div.dracon p.link {
	}
	
		div.dracon p.link a {
			padding-left: .9em;
			background: url(../../img/share/icon_arrow_r.gif) no-repeat left .4em;
		}
		
body.index h3 {
	line-height: 29px;
}
		
body.index div#main h3,
body.shop div#main h3 {
	color: #FAFAFA;
}

body.index div#pageNav div.dracon h3 {
	color: #690;
}

body.index p.newsLink {
	font-size: 84%;
}