@charset "Shift_JIS";


/* 商品リスト＋商品ディティール用CSS */



#category ul li a ,
#shopping ul li a 
{
	color: #666;
	text-decoration: underline;
	font-size:85%;
}

#category ul li a:hover,
#shopping ul li a:hover
{
	color: #999;
	text-decoration: none;
}


.dot-line {background: url(../img/line_dotted.gif) 0 0 repeat-x;
	   padding: 0;clear:both;}




/* category style
------------------------------------------------------------ */

#category {border: 1px solid #ccc;width:198px;margin:0 0 300px;}


#category h2	{width: 198px;
		height: 30px;
		float: left;
		background: url(../img/category.jpg) no-repeat 0px 0px;
		text-indent: -2000em;}

#category ul
{clear: both;padding:15px 10px 10px 10px;}

#category .list-out {color:#e3660f;
                     padding:5px 0 6px 20px;
                     background: url(../img/purple-point.gif) 0 47% no-repeat;
                     color:#666;}

#category .list-in {margin:10px 0 0 20px;padding:0;}

#category .list-in li {padding:3px 0 6px 20px;
background: url(../img/line-point.gif) 0 45% no-repeat;}






/* shopping style
------------------------------------------------------------ */
#shopping {border: 1px solid #ccc;width:198px;margin:20px 0;}


#shopping h2	{width: 198px;
		height: 30px;
		float: left;
		background: url(../img/shopping.jpg) no-repeat 0px 0px;
		text-indent: -2000em;}



#shopping ul
{clear: both;}

#shopping .shopping-list li
{background: url(../img/line_dotted.gif) repeat-x;
 padding: 12px 10px 10px 10px;
 color: #5A0000;}
	
#shopping .shopping-list li a {padding:5px 0 6px 20px;
background: url(../img/purple-point.gif) 0 47% no-repeat;}



/* list
------------------------------------------------------------ */

/* 万華鏡一覧リスト */

.center-column .kaleido {background-image: url(http://www.kge-shop.com/kaleidoscope/item.jpg);
                           width: 436px;
	                   height: 62px;
	                   text-indent: -2000em;
	                   background-repeat: no-repeat;
	                   margin-bottom: 10px;
	                   clear: both;}


#to-list
{
	width: 80px;
	height: 18px;
	padding: 10px 10px 2px 0px;
	float: right;
	text-align: right;}

* html #to-list{
	width: 80px;
	height: 18px;
	padding: 2px 10px 2px 0px;
	float: right;
	text-align: right;}

#to-list a {background: url(../img/cursor_red.gif) no-repeat left center;
	     padding-left: 15px;}

.kaleido-list a {font-weight:bold;
	     font-size:85%;}
.kaleido-list a:hover {font-weight:bold;}

.kaleido-list
{border:1px #ccc solid;
 padding:10px 10px 0 10px;
 width:180px;
 margin:10px 10px 10px 7px;
 float:left;}

.item-image
{width: 180px;
float:left;
clear:both;
margin:10px 0 0 0;
text-align:center;}

.kaleido-list dd
{width: 180px;padding:10px 0;
float:left;
clear:both;}

.kaleido-list dd dl {width: 180px;}

.kaleido-list dd dl dt {background: url(../img/line_dotted.gif) repeat-x bottom;padding-bottom: 5px;}

.kaleido-list dd dl dd {padding: 5px 0 0;float:none;clear:both;font-size:80%;text-align:right;}

.kaleido-list .detile {background-color:#e3660f;padding:3px 0 2px 5px;margin:0;
         color:#ffffff;width:80px;clear:both;float:right;}

.kaleido-list .detile a {color:#ffffff;font-weight: normal;text-decoration:none;}
.kaleido-list .detile a:hover {color:#fef263;font-weight: normal;text-decoration:none;}


.kaleido-list .price {font-style:normal;display:block;font-size:90%;text-align:right;}

* html dl.kaleido-list
{border:1px #ccc solid;
 padding:10px;
 width:180px;
 margin:10px 7px 10px 5px;
float:left;
}

.navi-bar {text-align:center;padding:20px 0 0 0;clear:both;font-size:100%;}
.navi-bar li {display:inline;}


/* content style
------------------------------------------------------------ */


#kaleido-list li
{
	width: 175px;
	float: left;
	padding: 0px 15px 20px 0px;
}
	#kaleido-list dl
	{
		width: 175px;
		float: left;
	}
	#kaleido-list dt
	{
		width: 115px;
		float: right;
		font-weight: bold;
	}

	#kaleido-list dt span
	{
		font-weight: normal;
		line-height: 120%;
	}

	#kaleido-list dd
	{
		width: 60px;
		float: left;
	}


/* entry archives style
------------------------------------------------------------ */

#entry-area
{
	width:400px;
	float: right;
	padding-right: 15px;
}

#entry-item-title
{
		background: url(../img/item_tit_back.jpg) no-repeat;
		height:110px;
		margin:0 0 30px 0
}
	#entry-area h1
	{
		padding: 20px 0 10px;
		margin:0 15px 10px 15px;
		font-weight: bold;
		font-size:120%;
		border-bottom:1px dotted #ccc;
	}
	#entry-area h2
	{
		clear: both;
		padding: 7px;
		margin-bottom: 15px;
		background: url(../img/line_dotted.gif) repeat-x bottom;
		font-size: medium;
		font-weight: bold;
		border-left: 5px solid #e3660f;
	}
		div#entry-area h2#comment-header
		{
			padding-top: 5px;
		}
	#entry-area p
	{
		line-height: 140%;
		margin: 0 15px 0 0;
	}

	#entry-area h3
	{
		clear: both;
		padding: 7px 0 5px 10px;
		margin-bottom: 15px;
		font-weight: bold;
		background-color:#999;
		color:#fff;
	}

	#entry-area-in
	{
		margin:7px 0 7px 0;
		padding:2px 0 0 0;
		border-top:3px solid #666;
		border-bottom:3px solid #666;
	}

	#entry-area-in .spec
	{
		margin:10px 0 2px 0;
		padding:8px 0 8px 0;
		border-top:1px dotted #ccc;
		border-bottom:1px solid #999;
		text-align:right;
		font-size:80%;
	}

#entry-area em {font-style:normal;font-weight:bold;color:#e3660f;display:block;margin:10px 0 10px;} 



/* スペック */
#entry-area table
{
	width: 400px;
	margin: 10px 0px 20px 0px;
	border-collapse: collapse;
	empty-cells: show;
}
	#entry-area table th,
	#entry-area table td
	{
		border: 1px solid #CCCCCC;
	}
	#entry-area table th
	{
		width: 90px;
		padding: 5px 10px;
		background: #EEEEEE;
		text-align: left;
	}

#entry-area table .con-last {color:#ffffff;background: #e3660f;}

	#entry-area table td
	{
		padding: 5px 10px;
	}

/* ディティールの価格表示 */
#price
{text-align: right;
 margin-bottom: 10px;
}

/* カートに入れるボタン */
p.btn-cart-in
{text-align: right;}

/* 前のエントリー */
#back
{padding:5px 0 20px 0;
	float: left;
	width: 170px;
	*font-size:80%;
zoom:1;
}


/* 次のエントリー */
#next
{padding:0 0 20px 0;
	width: 170px;
	float: right;
	text-align: right;
	*font-size:80%;
zoom:1;
}



/* トラックバック */
.trackback
{
	padding: 5px;
	margin-bottom: 15px;
	border: 1px solid #666666;
	background: #EEEEEE;
}
	.trackback h3
	{
		margin-bottom: 5px;
	}
	.trackback ul
	{
		background: url(../img/line_dotted.gif) repeat-x;
		padding-top: 5px;
		text-align: right;
	}
		.trackback ul li
		{
			display: inline;
			font-size: x-small;
		}
			.trackback ul li *
			{
				font-size: x-small;
			}


/* サムネイルブロック */
#thum
{
	float: left;
	width: 200px;
}
#thum img {margin-bottom: 10px;}



/* right column style
------------------------------------------------------------ */

/* 手作り万華鏡一覧 */
#kaleido-list {margin-bottom: 0px;}

#kaleido-list a
	{
		display: block;
		width: 200px;
		height: 35px;
		background: url(../images/title_kaleido_list.jpg) no-repeat;
		text-indent: -2000em;
	}


/* お買い物の前に */
#before-shopping-title
{
	width: 200px;
	height: 35px;
	background: url(../images/title_before_shopping.jpg) no-repeat;
	text-indent: -2000px;
}

#before-shopping
{
	width: 198px;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	margin-bottom: 10px;
}
	ul#before-shopping li
	{
		background: url(../img/line_dotted.gif) repeat-x;
		padding: 10px 10px 10px 10px;
	}
		ul#before-shopping li a
		{
			background: url(../img/cursor_tri_red.gif) no-repeat left center;
			padding-left: 10px;
			font-weight: bold;
		}

/* 大量購入 */
#bulk
{
	margin-bottom: 10px;
}

/* ECシステム*/
#ec
{
	margin-bottom: 10px;
}



.contact-roll {background-image: url(../img/contact-bn.gif);
                        display: block;
			width: 148px;
			height: 43px;
			background-repeat: no-repeat;
			text-indent: -2000em;
			text-decoration: none;
			outline: 0;
float:left;}
.contact-roll:hover {background-position: bottom;}

.buy-roll {background-image: url(../img/buy-bn.gif);
                        display: block;
			width: 167px;
			height: 43px;
			background-repeat: no-repeat;
			text-indent: -2000em;
			text-decoration: none;
			outline: 0;
float:left;
margin:0 10px 0 0;}
.buy-roll:hover {background-position: bottom;}