@charset "Shift_JIS";

/* index style
------------------------------------------------------------ */


#index #topics {border: 1px solid #ccc;width:198px;}


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


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

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

#index #topics dl
{
	clear: both;
}

#index #topics dt
	{
		background: url(../img/line_dotted.gif) repeat-x;
		padding: 9px 10px 5px 10px;
		color: #583822;
		font-weight: bold;
	}
#index #topics dd
	{
		padding: 0px 10px;
		margin-bottom: 7px;
		line-height: 140%;
	}


/* index - center column style
------------------------------------------------------------ */

/* タイトル */
#index .center-column h2
{
	width: 436px;
	height: 62px;
	text-indent: -2000em;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	clear: both;
}

	/* 新着情報 */
#index .center-column .news-bn {background-image: url(../img/news.jpg);}

	/* 新しい商品 */
#index .center-column .new-item-bn
	{background-image: url(../img/h_new.jpg);}


	/* おすすめ商品 */
#index .center-column .recommend
	{background-image: url(../img/h_osusume.jpg);}


	/* おすすめ動画 */
#index .center-column .douga-bn	{background-image: url(../img/h_osusume_d.jpg);}

/* 新着情報コンテンツ */
.article {margin:0 0 30px;}
.article h3.topic {font-size:130%;
font-weight:700;
line-height:1.3em;
letter-spacing:.1em;
margin:0 0 10px;}

.article p {margin:0 0 16px;}
.article p.strRed {font-weight:700;
letter-spacing:.1em;
font-size:108%;
color:#f00;}

.article .clearfix {margin:0 0 0 -10px;}
.article .clearfix li {display:inline;
float:left;
margin:0 0 0 9px;}




/* 新しい商品リスト */

#index .new-item a {font-weight:bold;}
#index .new-item a:hover {font-weight:bold;}

#index .new-item
{border:1px #ccc solid;
 padding:10px;
 width:180px;
 margin:10px 10px 40px 7px;
float:left;
display:inline;}

#index .item-image
{width: 180px;
float:left;
clear:both;}

#index .new-item dd
{width: 180px;padding:10px 0;
float:left;
clear:both;}

#index .new-item dd dl
	{width: 180px;}

#index .new-item dd dl dt
		{background: url(../img/line_dotted.gif) repeat-x bottom;
		padding-bottom: 10px;
		}

#index .new-item dd dl dd
		{padding: 10px 0px 20px 0px;float:none;clear:both;}

#index .new-item .detile {background-color:#e3660f;padding:5px;
         color:#ffffff;width:85px;
         float:right;clear:both;}

#index .new-item .detile a {color:#ffffff;font-weight: normal;text-decoration:none;}
#index .new-item .detile a:hover {color:#fef263;font-weight: normal;text-decoration:none;}

#index .new-item .price {font-style:normal;display:block;margin:5px 0;}


/* おすすめ商品リスト */
#index .showcase li
{
	float: left;
	width: 100px;
	padding-left: 10px;
}
	#index .showcase li dt
	{
		margin-bottom: 5px;
	}





/* よくある質問 */


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

#question #qanda
{
	width: 600px;
	height: 62px;
	background: url(../img/h_qanda.jpg) no-repeat;
	text-indent: -2000em;
	margin-bottom: 20px;}


#question #index-list li
{
	margin: 5px 0 5px 20px;
	font-size: large;
	font-weight: bold;
	list-style-type: disc;
        }

#question .list-question
{
	width: 580px;
	margin-top: 20px;
	padding: 10px;
	border: 1px solid #999999;
	background-color: #ffffff;
}

#question .question
{
	height: 40px;
	background: url(../img/icon_q.gif) no-repeat;
	padding-left: 30px;
	font-weight: bold;
	color: #000066;
	border-bottom: dashed 1px #999999;
	line-height: 150%;
}

#question .answer-top
{
	background: url(../img/icon_a.gif) no-repeat;
	padding: 0 0 10px 30px;
	margin-top: 10px;
	line-height: 150%;
}

#question .answer
{
	padding: 0 0 10px 30px;
	margin-top: 10px;
	line-height: 150%;
}




/* 会社概要 */

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

#company .sub-column
{
	width: 600px;
	padding: 10px;
	background-color: #ffffff;
}

#company .sub-column#access
{
	margin-top: 20px;
}

#company .sub-column h2
	{
		margin-bottom: 20px;
		padding: 7px 7px 7px 15px;
		background: url(../img/line_dotted.gif) repeat-x bottom;
		font-size: large;
		font-weight: bold;
		border-left: 5px solid #e3660f;
	}

#company .sub-column table
{
	width: 600px;
	border-collapse: collapse;
	empty-cells: show;
}
	#company .sub-column table th,
        #company .sub-column table td
	{
		background: url(../img/line_dotted.gif) repeat-x bottom;
	}
	
	#company .sub-column table th.last,
	#company .sub-column table td.last
	{
		background: none;
	}
	
	#company .sub-column table th
	{
		width: 75px;
		padding: 10px 15px;
		text-align: left;
	}
	#company .sub-column table td
	{
		padding: 5px 10px;
	}

#company .sub-column .print {margin-top:10px;font-weight:bold;}





/* ブログ */

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

#blog #blogbn
{
	width: 600px;
	height: 62px;
	background: url(../img/h_blog.jpg) no-repeat;
	text-indent: -2000em;
	margin-bottom: 20px;}

#blog .blog-sub-column
{
	width: 580px;
	padding: 10px;
        background-color: #ffffff;
}

#blog .blog-sub-column h2
	{
		margin-bottom: 20px;
		padding: 7px 0 7px 15px;
		background: url(../img/line_dotted.gif) repeat-x bottom;
		font-size: large;
		font-weight: bold;
		border-left: 5px solid #e3660f;
	}

#blog .blog-sub-column table
{
	width: 582px;
	border-collapse: collapse;
	empty-cells: show;
}
	#blog .blog-sub-column table th,
        #blog .blog-sub-column table td
	{
		background: url(../img/line_dotted.gif) repeat-x bottom;
	}
	
	#blog .blog-sub-column table .last,
	#blog .blog-sub-column table .last
	{background: none;}
	
	#blog .blog-sub-column table th
	{
		width: 5px;
		padding: 10px 0 10px 15px;
		text-align: left;
	}
	#blog .blog-sub-column table td
	{
		padding: 5px 10px;
	}





/* コンタクト */

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

#contact-b .contact-sub-column
{
	width: 580px;
	padding: 10px;
        background-color: #ffffff;
}

#contact-b .contact-sub-column h2
	{
		margin-bottom: 20px;
		padding: 7px 0 7px 15px;
		background: url(../img/line_dotted.gif) repeat-x bottom;
		font-size: large;
		font-weight: bold;
		border-left: 5px solid #e3660f;
	}

#contact-b .contact-sub-column table
{
	width: 582px;
	border-collapse: collapse;
	empty-cells: show;
}
	#contact-b .contact-sub-column table th,
        #contact-b .contact-sub-column table td
	{
		background: url(../img/line_dotted.gif) repeat-x bottom;
	}
	
	#contact-b .contact-sub-column table .last,
	#contact-b .contact-sub-column table .last
	{background: none;}
	
	#contact-b .contact-sub-column table th
	{color:#ffffff;
		width: 5px;
		padding: 10px 0 10px 15px;
		text-align: left;
	}
	#contact-b .contact-sub-column table td
	{		padding: 5px 10px;
	}















/* インフォメーション系 */

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

#info #content-area
{
	padding: 0px;
}

/* 通信販売法に基づく表示 */
#info #title-law
{
	width: 900px;
	height: 80px;
	background: url(../images/title_law.jpg) no-repeat;
	text-indent: -2000em;
}

/* 個人情報保護について */
#info #title-privacy
{
	width: 900px;
	height: 80px;
	background: url(../images/title_privacy.jpg) no-repeat;
	text-indent: -2000em;
}

/* お支払いについて */
#info #title-payment
{
	width: 900px;
	height: 80px;
	background: url(../images/title_payment.jpg) no-repeat;
	text-indent: -2000em;
}

/* サイトマップ */
#info #title-sitemap
{
	width: 900px;
	height: 80px;
	background: url(../images/title_sitemap.jpg) no-repeat;
	text-indent: -2000em;
}

/* content style
------------------------------------------------------------ */
/* 共通 */
#info .sub-column
{
	width: 600px;
	background-color: #ffffff;
	padding: 10px;
}

#info .sub-column#access
{
	margin-top: 20px;
}

#info .sub-column h2
	{
		margin: 20px 0px;
		padding: 7px 7px 7px 15px;
		background: url(../img/line_dotted.gif) repeat-x bottom;
		font-size: large;
		font-weight: bold;
		border-left: 5px solid #e3660f;
	}

#info .sub-column #top
	{
		margin-top: 0px;
	}

#info .sub-column p
	{
		line-height: 150%;
		margin-bottom: 15px;
	}

#info .sub-column #proof
	{
		text-align: right;
	}

#info .sub-column #end
	{
		margin-bottom: 0px;
	}

#info .sub-column table
{
	width: 600px;
	border-collapse: collapse;
	empty-cells: show;
}
	#info .sub-column table th,
	#info .sub-column table td
	{
		background: url(../img/line_dotted.gif) repeat-x bottom;
	}
	
	#info .sub-column table th.last,
	#info .sub-column table td.last
	{
		background: none;
	}
	
	#info .sub-column table th
	{
		width: 101px;
		padding: 10px 15px;
		text-align: left;
		line-height: 150%;
	}
	#info .sub-column table td
	{
		padding: 5px 10px;
		line-height: 150%;
	}
	#info .sub-column table td span
	{
		font-weight: bold;
	}

/* お支払いについて */
#info .sub-column-payment
{
	width: 600px;
	background-color: #ffffff;
	padding: 10px;
}

#info .sub-column-payment h2
	{
		margin: 20px 0px;
		padding: 7px 7px 7px 15px;
		background: url(../img/line_dotted.gif) repeat-x bottom;
		font-size: large;
		font-weight: bold;
		border-left: 5px solid #e3660f;
	}

#info .sub-column-payment h2#top
	{
		margin-top: 0px;
	}
#info .sub-column-payment h3
	{
		margin: 15px 0px 10px 0px;
		font-size: 120%;
		font-weight: bold;
	}


#info .sub-column-payment p
	{
		line-height: 150%;
		margin-bottom: 15px;
	}

#info .sub-column-payment p#end
	{
		margin-bottom: 0px;
	}

#info .sub-column-payment table
{
	width: 600px;
	margin-top: 10px;
	border-collapse: collapse;
	empty-cells: show;
}
	#info .sub-column-payment table th,
	#info .sub-column-payment table td
	{
		
	}
	#info .sub-column-payment table caption
	{
		font-size: 120%;
		font-weight: bold;
		text-align: left;
	}

	#info .sub-column-payment table th
	{
		padding: 5px 10px;
		background: #EEEEEE;
		text-align: center;
	}
	#info .sub-column-payment table td
	{
		padding: 5px 10px;
	}

#info .sub-column-payment dt
	{
		font-size: 120%;
		font-weight: bold;
		margin-top: 15px;
	}

#info .sub-column-payment dd
	{
		margin:10px 0px 0px 15px;
	}

#info .sub-column-payment ul li
	{margin: 10px 0px 0px 15px;}

#info .sub-column-payment ul {margin-bottom:20px;}

#info .sub-column-payment ul .p-point {list-style-type: disc;}


/* サイトマップ */

	div.sub-column ul
	{
		margin: 10px;
	}


	div.sub-column li
	{
		font-weight: bold;
	}

		div.sub-column ul li ul li
		{
			margin-left: 10px;
			margin-top: 15px;
		}
	
		div.sub-column ul li ul li a
		{
			background: url(../img/cursor_tri_black.gif) no-repeat left center;
			padding-left: 10px;
		}

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

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


#info #before-shopping {border: 1px solid #ccc;width:198px;margin:20px 0;clear: both;}

#info #before-shopping li
	{background: url(../img/line_dotted.gif) repeat-x;
 padding: 12px 10px 10px 10px;
 color: #5A0000;clear: both;}


#info #before-shopping li#top
	{background: none;
	padding: 10px 10px 10px 10px;
	}
		#info #before-shopping li a
		{padding:4px 0 6px 20px;
background: url(../img/purple-point.gif) 0 45% no-repeat;}



/* topic style
------------------------------------------------------------ */



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

#topic .entry-area-index
{
	width: 600px;
	padding: 10px;
	background-color: #ffffff;}

	#topic .entry-area-index ul li
	{
		padding-top: 10px;
	}
	#topic .entry-area-index h2
	{
		margin-bottom: 10px;
		padding: 7px;
		background: url(../img/line_dotted.gif) repeat-x bottom;
		font-size: large;
		font-weight: bold;
		border-left: 5px solid #e3660f;
	}

#topic .entry-area
{
	width: 600px;
	padding: 10px;
	background-color: #ffffff;
}
	#topic .entry-area h1
	{
		padding: 7px 7px 7px 15px;
		background: url(../img/line_dotted.gif) repeat-x bottom;
		font-size: large;
		font-weight: bold;
		border-left: 5px solid #e3660f;
	}
	#topic .entry-area .topicday
	{
		text-align: right;
		margin-top: 5px;
	}
	#topic .entry-area .topicback
	{
		text-align: right;
		margin: 10px 0;
		background: url(../img/cursor_tri_black.gif) no-repeat right center;
		padding-right: 10px;
	}

	#topic #entry-body
	{
		margin-top: 20px;
	}

	#topic #entry-body p
	{
		line-height: 140%;
		margin-bottom: 10px;
	}

#topic .topic-list {border-bottom:solid 1px #dddddd;
                    padding-bottom:10px;}





/* ムービー */

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

#movie .left-column-2l p
{
	width: 555px;
	text-align: right;
	margin-bottom: 20px;
	padding-bottom: 5px;
	background: url(../img/line_dotted.gif) repeat-x bottom;
}

#movie #movie-list li
{
	width: 175px;
	float: left;
	padding: 0px 15px 20px 0px;
}
	#movie #movie-list dl
	{
		width: 175px;
		float: left;
	}
#movie #movie-list dt
	{
		padding: 5px;
		background: url(../img/line_dotted.gif) repeat-x bottom;
		font-size: large;
		font-weight: bold;
		margin-bottom: 10px;
	}

	#movie #movie-list dd.start
	{
		text-align: right;
		margin: 5px 0px 20px 0px;
	}

	#movie #movie-list dd.link
	{
		padding: 5px;
		text-align: center;
		border: 1px dashed #999999;
	}






/* ギフトについて */
#info .sub-column-gift
{
	width: 600px;
	background-color: #ffffff;
	padding: 10px;
}

#info .sub-column-gift h2
	{
		margin: 20px 0px;
		padding: 7px 7px 7px 15px;
		background: url(../img/line_dotted.gif) repeat-x bottom;
		font-size: large;
		font-weight: bold;
		border-left: 5px solid #e3660f;
	}

#info .sub-column-gift h2#top
	{
		margin-top: 0px;
	}
#info .sub-column-gift h3
	{
		margin: 15px 0px 10px 0px;
		font-size: 120%;
		font-weight: bold;
	}


#info .sub-column-gift p
	{
		line-height: 150%;
		margin-bottom: 15px;
	}

#info .sub-column-gift p#end
	{
		margin-bottom: 0px;
	}

#info .sub-column-gift table
{
	width: 600px;
	margin-top: 10px;
	border-collapse: collapse;
	empty-cells: show;
}
	#info .sub-column-gift table th,
	#info .sub-column-gift table td
	{
		
	}
	#info .sub-column-gift table caption
	{
		font-size: 120%;
		font-weight: bold;
		text-align: left;
	}

	#info .sub-column-gift table th
	{
		padding: 5px 10px;
		background: #EEEEEE;
		text-align: center;
	}
	#info .sub-column-gift table td
	{
		padding: 5px 10px;
	}

#info .sub-column-gift dt
	{
		font-size: 120%;
		font-weight: bold;
		margin-top: 15px;
	}

#info .sub-column-gift dd
	{
		margin:10px 0px 0px 15px;
	}

#info .sub-column-gift ul li
	{margin: 10px 20px 0px 0px;display:inline;}

#info .sub-column-gift ul {margin-bottom:20px;}

#info .sub-column-gift ul .p-point {list-style-type: disc;}

#info .sub-column-gift ul img {border:solid 1px #ccc;}

#info .sub-column-gift h3 {color: #e3660f;}








/* キットについて */
#info .sub-column-kit
{
	width: 600px;
	background-color: #ffffff;
	padding: 10px;
}

#info .sub-column-kit h2
	{
		margin: 20px 0px;
		padding: 7px 7px 7px 15px;
		background: url(../img/line_dotted.gif) repeat-x bottom;
		font-size: large;
		font-weight: bold;
		border-left: 5px solid #e3660f;
	}

#info .sub-column-kit h2#top
	{
		margin-top: 0px;
	}
#info .sub-column-kit h3
	{
		margin: 15px 0px 10px 0px;
		font-size: 120%;
		font-weight: bold;
	}


#info .sub-column-kit p
	{
		line-height: 150%;
		margin-bottom: 15px;
	}

#info .sub-column-kit p#end
	{
		margin-bottom: 0px;
	}

#info .sub-column-kit table
{
	width: 600px;
	margin-top: 10px;
	border-collapse: collapse;
	empty-cells: show;
}
	#info .sub-column-kit table th,
	#info .sub-column-kit table td
	{
		
	}
	#info .sub-column-kit table caption
	{
		font-size: 120%;
		font-weight: bold;
		text-align: left;
	}

	#info .sub-column-kit table th
	{
		padding: 5px 10px;
		background: #EEEEEE;
		text-align: center;
	}
	#info .sub-column-kit table td
	{
		padding: 5px 10px;
	}

#info .sub-column-kit dt
	{
		font-size: 120%;
		font-weight: bold;
		margin-top: 15px;
	}

#info .sub-column-kit dd
	{
		margin:10px 0px 0px 0px;
	}

#info .sub-column-kit ul li
	{margin: 10px 20px 0px 0px;display:inline;}

#info .sub-column-kit ul {margin-bottom:20px;}

#info .sub-column-kit ul .p-point {list-style-type: disc;}

#info .sub-column-kit ul img {border:solid 1px #ccc;}

#info .sub-column-kit h3 {color: #e3660f;}

#info .sub-column-kit p {margin:15px 0;}

#info .sub-column-kit .kit-table a {font-weight:bold;}
#info .sub-column-kit .kit-table a:hover {font-weight:bold;}

#info .sub-column-kit .kit-table
{border:1px #ccc solid;
 padding:10px;
 width:180px;
 margin:10px 10px 40px 7px;
float:left;
display:inline;}

#info .sub-column-kit .item-image
{width: 180px;
float:left;
clear:both;}

#info .sub-column-kit .kit-table dd
{width: 180px;padding:10px 0;
float:left;
clear:both;}

#info .sub-column-kit .kit-table dd dl
	{width: 180px;float:left;clear:both;}

#info .sub-column-kit .kit-table dd dl dt
		{background: url(../img/line_dotted.gif) repeat-x bottom;
		padding-bottom: 10px;
		}

#info .sub-column-kit .kit-table dd dl dd
		{padding: 10px 0px 10px 0px;float:left;clear:both;}

#info .sub-column-kit .kit-table .detile {background-color:#e3660f;padding:5px;
         color:#ffffff;width:85px;
         float:left;clear:both;display:block;}

#info .sub-column-kit .kit-table .detile a {color:#ffffff;font-weight: normal;text-decoration:none;}
#info .sub-column-kit .kit-table .detile a:hover {color:#fef263;font-weight: normal;text-decoration:none;}

#info .sub-column-kit .kit-table .price {font-style:normal;display:block;margin:5px 0;}