@charset "utf-8";
@import url("common.css");

/*
******************************************************************************************************************
 * Style Name: デニム blueCSS
 * Description: レイアウト用CSS
 * Version: 1.0
 * Last Up Date: 09.03.09
 * Structure:
		1.Base
		2.Header
		3.Global Navigation
		4.Contents
		5.Left Area
		6.Center Area
			/共通
				/h1
				/h2
				/h3
				/ul,ol,li
			/トップページ
			/商品カテゴリページ
			/このサイトについてページ
			/リンク集ページ
			/リンク集下層ページ
			/比較リストページ
			/商品レイアウト（トップ）
			/商品レイアウト（ランキング）
			/商品レイアウト（商品カテゴリ）
			/商品レイアウト（比較リスト）
		7.Right Area
		8.Footer
		9.Component
		10.Link Color
******************************************************************************************************************/

/*
***************************************************************************

	1.Base

****************************************************************************/
body {
	background: url(img/blue/bg_dn.gif) repeat-y center #e2e4da;

}

#container {
	margin: 0 auto;
	text-align: left;
	width: 960px;
}

/*
***************************************************************************

	2.Header

****************************************************************************/
#header {
	background: url(img/blue/bg_header_sf.gif) no-repeat;
	margin-top: 10px;
	height: 92px;
	width: 960px;
}

	#header h1 {
		float: left;
		margin: 30px 10px 13px 10px;
		font-weight:bold;
		font-size:150%;
	}
	#header h1.h1_logo {
		margin: 9px 10px 13px 10px;
	}
	#header h1 a {
		text-decoration:none;
		color:#233F5C;
	}
	#header p {
		float: left;
		line-height: 130%;
		margin-top: 30px;
		width: 400px;
	}

		#header p strong {
			font-size: 85%;
			font-weight: normal;
		}

	#header div#ad468 {
		float: right;
		margin: 15px 10px 0 0;
	}

/*
***************************************************************************

	3.Global Navigation

****************************************************************************/
#globalnav {
	background: url(img/blue/bg_glovalnav.gif) no-repeat;
	margin-bottom: 20px;
	width: 960px;
}

	#globalnav ul {
		float: left;
	}

		#globalnav ul li {
			display: block;
			float: left;

			zoom: 1; /* IE7 */
		}

			#globalnav ul li a,
			#globalnav ul li span {
				display: block;
				text-indent: -9999px;
				height: 36px;
				width: 120px;
			}

			#globalnav ul li#navHome a {
				background: url(img/blue/nav_home.gif) no-repeat;
			}

				#globalnav ul li#navHome a:hover {
					background: url(img/blue/nav_home_o.gif) no-repeat;
				}

			#globalnav ul li#navHome span {
				background: url(img/blue/nav_home_o.gif) no-repeat;
			}

			#globalnav ul li#navRanking a {
				background: url(img/blue/nav_ranking.gif) no-repeat;
			}

				#globalnav ul li#navRanking a:hover {
					background: url(img/blue/nav_ranking_o.gif) no-repeat;
				}

			#globalnav ul li#navRanking span {
				background: url(img/blue/nav_ranking_o.gif) no-repeat;
			}

			#globalnav ul li#navAbout a {
				background: url(img/blue/nav_about.gif) no-repeat;
			}

				#globalnav ul li#navAbout a:hover {
					background: url(img/blue/nav_about_o.gif) no-repeat;
				}

			#globalnav ul li#navAbout span {
				background: url(img/blue/nav_about_o.gif) no-repeat;
			}

			#globalnav ul li#navLinks a {
				background: url(img/blue/nav_link.gif) no-repeat;
			}

				#globalnav ul li#navLinks a:hover {
					background: url(img/blue/nav_link_o.gif) no-repeat;
				}

			#globalnav ul li#navLinks span {
				background: url(img/blue/nav_link_o.gif) no-repeat;
			}

			#globalnav ul li#navLinks a {
				background: url(img/blue/nav_link.gif) no-repeat;
			}

				#globalnav ul li#navLinks a:hover {
					background: url(img/blue/nav_link_o.gif) no-repeat;
				}

			#globalnav ul li#navLinks span {
				background: url(img/blue/nav_link_o.gif) no-repeat;
			}

			#globalnav ul li#navView a {
				background: url(img/blue/nav_view.gif) no-repeat;
			}

				#globalnav ul li#navView a:hover {
					background: url(img/blue/nav_view_o.gif) no-repeat;
				}

			#globalnav ul li#navView span {
				background: url(img/blue/nav_view_o.gif) no-repeat;
			}

	#globalnav form {
		background: url(img/blue/bg_glovalnav_icon.gif) no-repeat left top;
		float: right;
		font-size: 12px !important;
		line-height: 100%;
		padding: 5px 10px 0 23px;
	}

		#globalnav form input#ItemKeyword {
			border: 1px solid #adb0b4;
			margin-right: 5px;
			padding: 0.2em;
			width: 130px;
		}

			#globalnav form input#ItemKeyword {
				background: #f8f8f8;
			}

/*
***************************************************************************

	4.Contents

****************************************************************************/
#contents {
	margin-bottom: 30px;
	width: 960px;
}

/*
***************************************************************************

	5.Left Area

****************************************************************************/
#contents div#leftarea {
	float: left;
	width: 160px;
}

	#contents div#leftarea .block {
		background: #ebeefd;
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom:1px solid #BBBBBB;
	}

		#contents div#leftarea .block h2 {
			background: #3e5078;
			border-top: 2px solid #324368;
			color: #fff;
			font-weight: bold;
			line-height: 130%;
			margin-bottom: 10px;
			padding: 0.6em 0.8em;
		}

		#contents div#leftarea .block ul {
			margin: 0 10px;
		}

			#contents div#leftarea .block ul li {
				background: url(img/blue/list_mark1.gif) no-repeat 0 0.4em;
				line-height: 130%;
				margin-bottom: 5px;
				padding-left: 1.0em;
			}

/*
***************************************************************************

	6.Center Area

****************************************************************************/
#contents div#contentsRight {
	float: right;
	width: 782px;
}


#contents div#main {
	float: left;
	width: 604px;
}


#contents div#main p{
	color: #666;
	margin-bottom: 20px;
}
	/*
	***************************************************************************

		共通

	****************************************************************************/
	#contents div#main div#attention {
	}

		/*
		***************************************************************************

			h2

		****************************************************************************/
		#contents div#main div#attention h2,
		#contents div#aboutpage h2,
		#contents div#galleryContainer h2 {
			font-size: 180%;
			font-weight: bold;
			margin: 10px 0 20px;
		}

		/*
		***************************************************************************

			h3

		****************************************************************************/
		#contents div#main div.newItem {
			background: url(img/blue/ti_top_newitem.gif) top no-repeat #fff;
			margin-bottom: 10px;
			padding: 0.4em 0.8em;
		}

		#contents div#main div.titleHalf {
			background: url(img/blue/ti_bg_half.gif) bottom no-repeat #fff;
			margin-bottom: 10px;
			padding-bottom: 0.4em
		}

			#contents div#main div.titleHalf h2 {
				background: url(img/blue/ti_bg_half.gif) top no-repeat;
				padding: 0.4em 0.8em 0;
			}

		#contents div#main div.titleLong {
			background: url(img/blue/ti_bg_long.gif) bottom no-repeat #fff;
			margin-bottom: 10px;
			padding-bottom: 0.4em
		}

			#contents div#main div#attention div.titleLong h2 {
				background: url(img/blue/ti_bg_long.gif) top no-repeat;
				padding: 0.4em 0.8em 0;
				margin:0 0 5px 0;
			}
			#contents div#main div.titleLong h3 {
				background: url(img/blue/ti_bg_long.gif) top no-repeat;
				padding: 0.4em 0.8em 0;
			}

		#contents div#aboutpage div.titleBig {
			background: url(img/blue/ti_bg_big.gif) bottom no-repeat #fff;
			margin-bottom: 10px;
			padding-bottom: 0.4em
		}

			#contents div#aboutpage div.titleBig h2 {
				background: url(img/blue/ti_bg_big.gif) top no-repeat;
				padding: 0.4em 0.8em 0;
			}

			#contents div#main div.newItem h2,
			#contents div#main div.titleHalf h2,
			#contents div#main div.titleLong h2,
			#contents div#aboutpage div.titleBig h2 {
				color: #233f5c;
				font-size: 114%;
				font-weight: bold;
			}

				#contents div#main div.newItem h2 span,
				#contents div#main div.titleHalf h2 span,
				#contents div#main div.titleLong h2 span,
				#contents div#aboutpage div.titleBig h2 span {
					background: url(img/blue/ti_bg_mark.gif) no-repeat 0 0.2em;
					padding-left: 0.9em;
				}

		/*
		***************************************************************************

			h3

		****************************************************************************/
		#contents div#attention h3.style1 {
			border-left: 5px solid #003399;
			font-size: 114%;
			font-weight: bold;
			margin: 10px 0;
			padding-left: 0.6em;
		}

		/*
		***************************************************************************

			ul,ol,li

		****************************************************************************/
		ul.style1 li a {
			display: inline-block;
			line-height: 130%;
			padding: 0.4em 0.6em;
		}

			ul.style1 li a:link,
			ul.style1 li a:visited {
				background: url(img/blue/bg_link1.gif) repeat-x top #46719d;
				border: 1px solid #21374d;
				color: #fff;
				text-decoration: none;
			}

			ul.style1 li a:hover {
				border: 1px solid #0b121a;
				background: url(img/blue/bg_link1_o.gif) repeat-x top #2f4b68;
				color: #ccc;
				text-decoration: none;
			}

			ul.style1 li a span {
				background: url(img/blue/list_mark2.gif) no-repeat 0 0.4em;
				/background: url(img/blue/list_mark2.gif) no-repeat 0 0.2em; /* IE6,7 */
				padding-left: 1.0em;
			}

		div.style2,
		ul.style2 li {
			background: url(img/blue/list_mark1.gif) no-repeat 0 0.4em;
			line-height: 130%;
			padding-left: 1.0em;
		}

		ul.style3 {
			background: #eee;
			border-top: 1px solid #ccc;
			padding: 5px 0 10px;
		}

			ul.style3 li {
				line-height: 130%;
				padding-right: 10px;
				text-align: right;
			}

				ul.style3 li a {
					background:url(img/blue/list_mark1.gif) no-repeat 0 0.4em;
					/background:url(img/blue/list_mark1.gif) no-repeat 0 0.2em; /* IE6,7 */
					padding-left: 1.0em;
				}

		#contents div#main ul.topMore {
			border-top: 1px solid #ccc;
			padding-top: 10px;
		}

			#contents div#main ul.topMore li {
				float: right;
				text-indent: -9999px;
			}

				#contents div#main ul.topMore li a {
					background: url(img/blue/bt_more.gif) no-repeat;
					display: block;
					height: 27px;
					width: 82px;
				}

					#contents div#main ul.topMore li a:hover {
						background: url(img/blue/bt_more_o.gif) no-repeat;
					}

	#contents div#main dl.subCategory {
		background: url(img/blue/bg_subcategory.gif) repeat-y;
		border: 1px solid #3e3e3e;
		margin-bottom: 1px;
	}

		#contents div#main dl.subCategory dt {
			background: url(img/blue/bg_subcategory_dt.gif) no-repeat center right;
			color: #fff;
			float: left;
			font-weight: bold;
			margin: 0.8em 0 0.8em -5px;
			text-align: center;
			vertical-align: middle;
			width: 105px;
		}

		#contents div#main dl.subCategory dd {
			float: right;
			margin: 10px 10px 10px 0;
			width: 470px;
		}

			#contents div#main dl.subCategory dd ul.category li {
				display: inline;
				margin-right: 15px;
				zoom: 1;
			}

				#contents div#main dl.subCategory dd ul.category li a:link {
					background: url(img/blue/bg_subcategory_dd.gif) no-repeat 0 0.2em;
					padding-left: 1.2em;
				}

				#contents div#main dl.subCategory dd ul.category li a:visited {
					background: url(img/blue/bg_subcategory_dd.gif) no-repeat 0 0.2em;
					padding-left: 1.2em;
				}

				#contents div#main dl.subCategory dd ul.category li a:hover {
					background: url(img/blue/bg_subcategory_dd_o.gif) no-repeat 0 0.2em;
					padding-left: 1.2em;
				}

					#contents div#main dl.subCategory dd ul.category li a.chked {
						background: url(img/blue/bg_subcategory_dd_o.gif) no-repeat 0 0.2em;
						font-weight: bold;
						padding-left: 1.2em;
						text-decoration: none;
					}

			#contents div#main dl.subCategory dd ul.link li {
				background: url(img/blue/list_mark1.gif) no-repeat 0 0.3em;
				display: inline;
				margin-right: 15px;
				padding-left: 1.0em;
				zoom: 1;
			}

	#contents .sale {
		color: #b73c3c;
		font-weight: bold;
		line-height: 100%;
		margin-bottom: 10px;
		text-align: center;
	}

	/*
	***************************************************************************

		トップページ

	****************************************************************************/
	#contents div#main div#topBlock {
		line-height: 150%;
		margin-bottom: 20px;
		width: 600px;
	}

		#contents div#main div#topBlock .topBlockL {
			background: #eee;
			border-right: 1px solid #bbb;
			border-bottom: 1px solid #bbb;
			border-left: 1px solid #bbb;
			float: left;
			width: 288px;
		}

		#contents div#main div#topBlock .topBlockR {
			float: right;
			width: 290px;
		}

	.intro {
		background-color:#EEEEEE;
	}
	.intro ul {
		margin:10px;
	}

	/*
	***************************************************************************

		商品カテゴリページ

	****************************************************************************/
	table#categoryTable {
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		margin-bottom: 20px;
		width: 600px;
	}

		table#categoryTable caption {
			font-weight: bold;
			line-height: 100%;
			padding-bottom: 10px;
			text-align: left;
		}

		table#categoryTable th,
		table#categoryTable td {
			border-right: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			font-size: 95%;
			line-height: 130%;
			padding: 0.6em 0.4em;
		}

		table#categoryTable th {
			background: #e2e4da;
			width: 115px;
		}

		table#categoryTable td.num {
			text-align: right;
			width: 45px;
		}

		table#categoryTable td.price {
			color: #b73c3c;
			text-align: right;
			width: 130px;
		}

	#contents div.categoryBox {
		margin-bottom: 20px;
	}

		#contents div.categoryBox .categoryBoxInfo dl {
			border: 1px solid #ccc;
			margin-bottom: 10px;
			padding: 0.4em 0;
			text-align: center;
			width: 295px;
		}

		#contents div.categoryBox .categoryBoxInfo dl.left {
			float: left;
		}

		#contents div.categoryBox .categoryBoxInfo dl.right {
			float: right;
		}

			#contents div.categoryBox .categoryBoxInfo dl dt,
			#contents div.categoryBox .categoryBoxInfo dl dd {
				display: inline;
				margin-right: 5px;
				zoom: 1;
			}

	/*
	***************************************************************************

		このサイトについてページ

	****************************************************************************/
	#attention .p {
		margin-bottom: 20px;
	}

		#attention .p p {
			margin: 0 10px 10px;
		}

	/*
	***************************************************************************

		リンク集ページ

	****************************************************************************/
	#contents div#main div.linkBox {
		margin-bottom: 20px;
	}

		#contents div#main div.linkBox dl.left {
			float: left;
			width: 295px;
		}

		#contents div#main div.linkBox dl.right {
			float: right;
			width: 295px;
		}

			#contents div#main div.linkBox dl dt {
				background: #eee;
				font-weight: bold;
				margin-bottom: 5px;
				padding: 0.4em 0.6em;
			}

			#contents div#main div.linkBox dl dd {
				font-size: 85%;
				line-height: 150%;
			}

	/*
	***************************************************************************

		リンク集下層ページ

	****************************************************************************/
	#contents div#main ul#pankz {
		margin-bottom: 10px;
	}

		#contents div#main ul#pankz li {
			display: inline;
			zoom: 1;
		}

			#contents div#main ul#pankz li a {
				background: url(img/blue/list_mark1.gif) no-repeat right;
				margin-right: 0.4em;
				padding-right: 1.2em;
			}

	#contents div#main div#subCategoryLink p#linkResult {
		border-bottom: 1px solid #ccc;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}

		#contents div#main div#subCategoryLink p#linkResult span {
			font-weight: bold;
			padding-right: 5px;
		}

	#contents div#main div#subCategoryLink .resultBox {
		background: url(img/blue/bg_dotline.gif) repeat-x bottom;
		margin-bottom:10px;
		padding-bottom: 10px;
		width: 600px;
	}

		#contents div#main div#subCategoryLink .resultBox div.img {
			float: left;
			width: 88px;
		}

		#contents div#main div#subCategoryLink .resultBox div.detail {
			float: right;
			width: 492px;
		}

			#contents div#main div#subCategoryLink .resultBox div.detail dl dt {
				font-weight: bold;
				line-height: 130%;
				margin-bottom: 5px;
			}

		#contents div#main div#subCategoryLink .resultBox div.detail div.post {
			font-size: 85%;
			text-align: right;
		}

	/*
	***************************************************************************

		比較リストページ

	****************************************************************************/
	#contents div#galleryContainer {
		float: right;
		width: 780px;
	}

		#contents div#galleryContainer ul#products .bgView {
			background: url(img/blue/bg_view.gif) no-repeat top;
			margin-bottom: 20px;
			padding-top: 15px;
		}

			#contents div#galleryContainer ul#products .bgView .bgViewBox {
				background: url(img/blue/bg_view.gif) no-repeat bottom;
				padding-bottom: 6px;
			}

			/*

			商品レイアウトは「商品レイアウト（比較リスト）」の項目に記入。

			*/

		#contents div#galleryContainer h2 {
			font-size: 180%;
			font-weight: bold;
			margin: 10px 0 20px;
		}

		#contents div#galleryContainer #attention ol {
			background: url(img/blue/bg_dotline.gif) repeat-x top;
			padding: 20px 20px 0;
		}

		#contents div#galleryContainer #attention ol li {
			background: url(img/blue/bg_dotline.gif) repeat-x bottom;
			margin-bottom: 20px;
			padding-bottom: 20px;
		}

			#contents div#galleryContainer #attention ol dl#view1,
			#contents div#galleryContainer #attention ol dl#view2 {
				padding-left: 40px;
			}

			#contents div#galleryContainer #attention ol dl#view1 {
				background: url(img/blue/bg_view_1.gif) no-repeat top left;
			}

			#contents div#galleryContainer #attention ol dl#view2 {
				background: url(img/blue/bg_view_2.gif) no-repeat top left;
			}

				#contents div#galleryContainer #attention ol dl dt {
					float: right;
					width: 380px;
				}

				#contents div#galleryContainer #attention ol dl dd {
					float: left;
					width: 300px;
				}

	/*
	***************************************************************************

		ページネイト（商品一覧ページ、リンク集下層ページ）

	****************************************************************************/
		#contents div#main div.pagenate {
			background: #eee;
			margin: 20px 0;
			padding: 10px 0;
			text-align: center;
			color: #aaa;
		}

			#contents div#main div.pagenate .left {
				float: left;
				padding-left: 100px;
				text-align: center;
				width: 380px;
				_width: 480px; /* IE6 */
			}

			#contents div#main div.pagenate .right {
				float: right;
				padding-top: 3px;
				padding-right: 10px;
			}

				#contents div#main div.pagenate a,
				#contents div#main div.pagenate span.thispage {
					/display: inline;
					line-height: 100%;
					padding: 0.4em 0.6em;
					vertical-align: middle;
					zoom: 1;
				}

				#contents div#main div.pagenate a {
					background: #E0E0E0;
					border: 1px solid #CCCCCC;
					text-decoration:none;
				}
				#contents div#main div.pagenate a:hover {
					background: #F5F5F5;
				}

				#contents div#main div.pagenate span.thispage {
					background: #fff;
					border: 1px solid #ccc;
					color: #333;
					font-weight: bold;
				}

	/*　商品レイアウト（トップ）
	***************************************************************************

		┌───┐
		│　　　│　商品名
		│　　　│　価格
		└───┘

	****************************************************************************/
	#contents div#main div.topBlockL div.box,
	#contents div#main div.topBlockR div.box {
		margin: 0 10px 10px;
	}

		#contents div#main div.topBlockL div.box div.img,
		#contents div#main div.topBlockR li.box div.img {
			float: left;
			margin-right: 15px;
			width: 76px;
		}

			#contents div#main div.box div img,
			#contents div#main li.box div img {
				border: 1px solid #fff;
			}

			#contents div#main div.box div img:hover,
			#contents div#main li.box div img:hover {
				border: 1px solid #233f5c;
			}

		#contents div#main div.topBlockL div.box div.desc {
			float: right;
			width: 176px;
			_width: 173px; /* IE6 */
		}

		#contents div#main div.topBlockR .box div.detail {
			float: right;
			margin-bottom: 10px;
			width: 199px;
			_width: 195px; /* IE6 */
		}

			#contents div#main div.topBlockR .box div.detail div.title div.num_1,
			#contents div#main div.topBlockR .box div.detail div.title div.num_2,
			#contents div#main div.topBlockR .box div.detail div.title div.num_3,
			#contents div#main div.topBlockR .box div.detail div.title div.num {
				float: left;
				font-size: 114%;
				font-weight: bold;
				text-align: center;
				width: 25px;
			}

			#contents div#main div.topBlockR .box div.detail div.title div.num_1,
			#contents div#main div.topBlockR .box div.detail div.title div.num_2,
			#contents div#main div.topBlockR .box div.detail div.title div.num_3 {
				height: 45px;
			}

				#contents div#main div.topBlockR .box div.detail div.title div.num_1 p,
				#contents div#main div.topBlockR .box div.detail div.title div.num_2 p,
				#contents div#main div.topBlockR .box div.detail div.title div.num_3 p {
					color: #fff !important;
					line-height: 100%;
					padding-top: 25px;
				}

			#contents div#main div.topBlockR .box div.detail div.title div.num_1 {
				background: url(img/blue/bg_top_ranking_one.gif) no-repeat;
			}

			#contents div#main div.topBlockR .box div.detail div.title div.num_2 {
				background: url(img/blue/bg_top_ranking_two.gif) no-repeat;
			}

			#contents div#main div.topBlockR .box div.detail div.title div.num_3 {
				background: url(img/blue/bg_top_ranking_three.gif) no-repeat;
			}

			#contents div#main div.topBlockR .box div.detail div.title div.num {
				background: url(img/blue/bg_top_ranking.gif) no-repeat;
				height: 25px;
			}

				#contents div#main div.topBlockR .box div.detail div.title div.num p {
					color: #fff !important;
					line-height: 100%;
					padding-top: 5px;
				}

			#contents div#main div.topBlockR .box div.detail div.title div {
				float: right;
				width: 169px;
				_width: 165px; /* IE6 */
			}

	#contents div#main div.topBlockL div.box div.desc p,
	#contents div#main div.topBlockL div.box div.desc h3,
	#contents div#main div.topBlockR .box div.detail div.title div p,
	#contents div#main div.topBlockR .box div.detail div.title div h3 {
		line-height: 150%;
	}

		#contents div#main div.topBlockL div.box div.desc h3,
		#contents div#main div.topBlockR .box div.detail div.title div h3 img {
			margin-right: 5px;
			vertical-align: middle;
		}

	#contents div#main div.topBlockL div.box div.desc p,
	#contents div#main div.topBlockR .box div.detail div.title div p {
		font-weight: bold;
		color: #b73c3c;
	}

	/*　商品レイアウト（ランキング）
	***************************************************************************

		┌───┐　ランキング　商品名
		│　　　│　説明文
		│　　　│　リンク　価格
		└───┘

	****************************************************************************/
	#contents div#main div#attention .box {
		margin-bottom: 10px;
		width: 600px;
	}

		#contents div#main div#attention .box div.img {
			float: left;
			margin-right: 15px;
			text-align: center;
			width: 146px;
		}

		#contents div#main div#attention .box dl,
		#contents div#main div#attention .box div.detail {
			float: right;
			width: 439px;
			_width: 435px; /* IE6 */
		}

			#contents div#main div#attention .box dl dt {
				font-size: 114%;
				margin-bottom: 5px;
			}

			#contents div#main div#attention .box div.detail div.title {
				margin-bottom: 10px;
			}

				#contents div#main div#attention .box div.detail div.title div.num_1,
				#contents div#main div#attention .box div.detail div.title div.num_2,
				#contents div#main div#attention .box div.detail div.title div.num_3,
				#contents div#main div#attention .box div.detail div.title div.num {
					float: left;
					font-size: 114%;
					font-weight: bold;
					text-align: center;
					width: 31px;
				}

				#contents div#main div#attention .box div.detail div.title div.num_1,
				#contents div#main div#attention .box div.detail div.title div.num_2,
				#contents div#main div#attention .box div.detail div.title div.num_3 {
					height: 55px;
				}

					#contents div#main div#attention .box div.detail div.title div.num_1 p,
					#contents div#main div#attention .box div.detail div.title div.num_2 p,
					#contents div#main div#attention .box div.detail div.title div.num_3 p {
						color: #fff !important;
						line-height: 100%;
						padding-top: 32px;
					}

				#contents div#main div#attention .box div.detail div.title div.num_1 {
					background: url(img/blue/bg_item_ranking_one.gif) no-repeat;
				}

				#contents div#main div#attention .box div.detail div.title div.num_2 {
					background: url(img/blue/bg_item_ranking_two.gif) no-repeat;
				}

				#contents div#main div#attention .box div.detail div.title div.num_3 {
					background: url(img/blue/bg_item_ranking_three.gif) no-repeat;
				}

				#contents div#main div#attention .box div.detail div.title div.num {
					background: url(img/blue/bg_item_ranking.gif) no-repeat;
					height: 31px;
				}

					#contents div#main div#attention .box div.detail div.title div.num p {
						color: #fff !important;
						line-height: 100%;
						padding-top: 7px;
					}

				#contents div#main div#attention .box div.detail div.title div {
					float: right;
					width: 398px;
					_width: 394px; /* IE6 */
				}

					#contents div#main div#attention .box div.detail div.title div p,
					#contents div#main div#attention .box div.detail div.title div h3 {
						font-size: 107%;
						font-weight: bold;
						line-height: 130%;
					}

						#contents div#main div#attention .box div.detail div.title div h3 img {
							margin-right: 5px;
							vertical-align: middle;
						}

					#contents div#main div#attention .box div.detail div.title div p {
						color: #b73c3c;
					}

				#contents div#main div#attention .box div.detail div.price div,
				#contents div#main div#attention .box div.detail div.price ul {
					float: left;
				}

					#contents div#main div#attention .box div.detail div.price div,
					#contents div#main div#attention .box div.detail div.price ul li {
						background: url(img/blue/list_mark1.gif) no-repeat 0 0.6em;
						padding-left: 1.0em;
					}

				#contents div#main div#attention .box div.detail div.price p {
					color: #b73c3c;
					float: right;
				}

	/*　商品レイアウト（商品カテゴリ）
	***************************************************************************

		┌───┐
		│　　　│
		│　　　│
		└───┘
		　商品名
		　価格

	****************************************************************************/
	#contents div.categoryBox .guideWrap {
		margin-bottom: 10px;
	}
		#contents div.categoryBox .guideWrap a.guideItems {
 			cursor: pointer;
			width: 148px;
			display: -moz-inline-box; /* FireFox OLD */
			display: inline-block;
			vertical-align: top;
			/display: inline; /* IE6,7 */
			/zoom: 1;
			margin-bottom:15px;
		}
		#contents div.categoryBox .guideWrap a:hover {
 			border:none;
		}
			#contents div.categoryBox .guideWrap a.guideItems span{
				display: block;
			}
			#contents div.categoryBox .guideWrap a.guideItems .guideItemsBox {
			}

				#contents div.categoryBox .guideWrap a.guideItems .itemImg img  {
					border: 1px solid #fff;
				}

					#contents div.categoryBox .guideWrap a.guideItems:hover .itemImg img  {
						border: 1px solid #233f5c;
					}

				#contents div.categoryBox .guideWrap a.guideItems .itemName {
					line-height: 130%;
					overflow: hidden;
					margin: 0 0 0 9px;
					width: 130px !important;
				}

					#contents div.categoryBox .guideWrap a.guideItems .itemName {
						width: 130px !important;
					}

					#contents div.categoryBox .guideWrap a.guideItems .itemName img {
						margin-right: 5px;
						vertical-align: middle;
					}

				#contents div.categoryBox .guideWrap a.guideItems .itemPrice {
					color: #b73c3c;
					line-height: 130%;
					margin: 0 3px 10px 3px;
					text-align: right;
				}

				#contents div#galleryContainer ul#products a.guideItems ul {
					margin-bottom: 20px;
					text-align: center;
				}


/*　商品レイアウト（比較リスト）
	***************************************************************************

		┌───┐
		│　　　│
		│　　　│
		└───┘
		　商品名
		　価格
		　リストから削除

	****************************************************************************/
	#contents div#galleryContainer ul#products .guideItems {
		width: 186px;
		display: -moz-inline-box; /* FireFox OLD */
		display: inline-block;
		margin-right: 5px;
		vertical-align: top;
		/display: inline; /* IE6,7 */
		/zoom: 1;
	}

		#contents div#galleryContainer ul#products .guideItems .guideItemsBox {
			display: block;
			margin: 0 19px;
			width: 148px;
		}

			#contents div#galleryContainer ul#products .guideItems .guideItemsBox div img {
				border: 1px solid #fff;
			}

				#contents div#galleryContainer ul#products a.guideItems:hover .guideItemsBox div img {
					border: 1px solid #233f5c;
				}

			#contents div#galleryContainer ul#products .guideItems .guideItemsBox .itemName {
				line-height: 130%;
				overflow: hidden;
			}


				#contents div#galleryContainer ul#products .guideItems .guideItemsBox .itemName img {
					margin-right: 5px;
					vertical-align: middle;
				}

			#contents div#galleryContainer ul#products .guideItems .guideItemsBox .itemPrice {
				color: #b73c3c;
				line-height: 130%;
				margin-bottom: 10px;
				text-align: right;
			}

			#contents div#galleryContainer ul#products .guideItems ul.delate {
				background: #eee;
				border-top: 3px solid #ccc;
				margin: 0 0 0 6px;
				padding: 8px 0 5px;
				width: 174px;
			}

				#contents div#galleryContainer ul#products .guideItems ul.delate li {
					text-indent: -9999px;
				}

					#contents div#galleryContainer ul#products .guideItems ul.delate li a {
						background: url(img/blue/bt_view_delete.gif) no-repeat;
						display: block;
						height: 27px;
						margin: 0 auto;
						text-align: center;
						width: 100px;
					}

						#contents div#galleryContainer ul#products .guideItems ul.delate li a:hover {
							background: url(img/blue/bt_view_delete_o.gif) no-repeat;
						}

/*
***************************************************************************

	7.Right Area

****************************************************************************/
#contents div#mainright {
	float: right;
	width: 160px;
}

	#contents div.news,
	#contents div.information {
		background: #eee;
		margin-bottom: 10px;
		border-bottom:1px solid #BBBBBB;
	}

	#contents div#compareList,
	#contents div.links {
		background: #e6ecf2;
		margin-bottom: 10px;
	}

		#contents div#compareList h2 {
			text-indent: -9999px;
		}

			#contents div#compareList h2 a {
				background: url(img/blue/ti_check.gif) no-repeat;
				display: block;
				height: 28px;
				width: 160px;
			}

				#contents div#compareList h2 a:hover {
					background: url(img/blue/ti_check_o.gif) no-repeat;
				}

		#contents div.news h3,
		#contents div.information h3,
		#contents div.links h3 {
			color: #fff;
			font-weight: bold;
			line-height: 130%;
			padding: 0.6em 0.8em;
		}

		#contents div.news h3,
		#contents div.information h3 {
			background: #888;
		}

		#contents div.links h3 {
			background: #365a7f;
		}

		#contents div.news ul,
		#contents div#compareList ul,
		#contents div.links ul {
			margin: 10px 10px 0;
		}

			#contents div.news ul li,
			#contents div#compareList ul li,
			#contents div.links ul li {
				display: inline-block;
				margin-bottom: 10px;
				width: 140px;
			}

			#contents div.links ul li {
				line-height: 130%;
			}

				#contents div#compareList ul li dl dt {
					margin-bottom: 5px;
					text-align: center;
				}

				#contents div.news ul li dl dt,
				#contents div#compareList ul li dl dd {
					font-size: 70%;
					line-height: 100%;
				}

				#contents div.links ul li a {
					background: url(img/blue/list_mark1.gif) no-repeat 0 0.3em;
					/background: url(img/blue/list_mark1.gif) no-repeat 0 0.2em; /* IE6,7 */
					padding-left: 1.0em;
				}

		#contents div.information dl {
			display: inline-block;
			margin: 10px 10px;
		}

			#contents div.information dl dt {
				font-weight: bold;
			}

				#contents div.information ul li dl dt {
					font-size: 85%;
				}

		#contents div.information p {
			display: inline-block;
			margin: 10px 10px;
		}

		 /* IE6,7 */
		#contents div.news ul li,
		#contents div#compareList ul li,
		#contents div.links ul li,
		#contents div.information dl,
		#contents div.information p {
			/display: inline;
			/zoom: 1;
		}

/*
***************************************************************************

	8.Footer

****************************************************************************/
#footer {
	background: url(img/blue/bg_footer.gif) bottom no-repeat;
	color: #fff;
	margin-bottom: 10px;
	padding-bottom: 0.8em;
}

	#footer div#footerBox {
		background: url(img/blue/bg_footer.gif) top no-repeat;
		padding: 0.8em 0.8em 0;
	}

	#footer div#footerBox ul {
		float: left;
		width: 540px;
	}

	#footer div#footerBox ul li {
		background: url(img/blue/list_mark2.gif) no-repeat 0 0.4em;
		display: inline;
		margin-right: 15px;
		padding-left: 0.8em;
		zoom: 1;
	}

	#footer div#footerBox div#copyright {
		float: right;
	}

		#footer div#footerBox div#copyright address {
			font-size: 85%;
			font-style: normal;
		}

/*
***************************************************************************

	9.Component

****************************************************************************/
.mar5{ margin-bottom: 5px;}
.mar10 { margin-bottom: 10px;}
.mar15 { margin-bottom: 15px;}
.mar20 { margin-bottom: 20px;}
.mar30 { margin-bottom: 30px;}

/*
***************************************************************************

	10.Link Color

****************************************************************************/
#contents div#main div#topBlock a:link,
#contents div#main div#attention .box div.detail div.title h3 a:link,
#contents div#compareList ul li dl dd a:link,
#contents div#main div.linkBox dl dt a:link,
#contents div#main div#subCategoryLink .resultBox div.detail dl dt a:link,
#contents div#main div#result ul li a:link,
#contents div.categoryBox .guideWrap a.guideItems:link,
#contents div#galleryContainer ul#products .guideItems .guideItemsBox .itemName a:link {
	color: #003399;
	text-decoration: none;
}

#contents div#main div#topBlock a:visited,
#contents div#main div#attention .box div.detail div.title h3 a:visited,
#contents div#compareList ul li dl dd a:visited,
#contents div#main div.linkBox dl dt a:visited,
#contents div#main div#subCategoryLink .resultBox div.detail dl dt a:visited,
#contents div#main div#result ul li a:visited,
#contents div.categoryBox .guideWrap a.guideItems:visited,
#contents div#galleryContainer ul#products .guideItems .guideItemsBox .itemName a:visited {
	color: #003399;
	text-decoration: none;
}

#contents div#main div#topBlock a:hover,
#contents div#main div#attention .box div.detail div.title h3 a:hover,
#contents div#compareList ul li dl dd a:hover,
#contents div#main div.linkBox dl dt a:hover,
#contents div#main div#subCategoryLink .resultBox div.detail dl dt a:hover,
#contents div#main div#result ul li a:hover,
#contents div#galleryContainer ul#products .guideItems .guideItemsBox .itemName a:hover {
	color: #003399;
	text-decoration: underline;
}
#contents div.categoryBox .guideWrap a.guideItems:hover .itemName {
	color: #3366CC;
}

#contents div#compareList h2 a:link,
#contents div#compareList h2 a:visited,
#footer div#footerBox ul li a:link,
#footer div#footerBox ul li a:visited {
	color: #fff;
	text-decoration: none;
}

#contents div#compareList h2 a:hover,
#footer div#footerBox ul li a:hover {
	color: #fff;
	text-decoration: underline;
}

#contents div#leftarea .block ul li a:link,
#contents div#main div#attention .box div.detail div.price ul li a:link,
#contents div#main div#attention .box div.detail div.price div a:link,
#contents div#main div.linkBox dl dd a:link,
#contents div.links ul li a:link {
	color: #333;
	text-decoration: none;
}

#contents div#leftarea .block ul li a:visited,
#contents div#main div#attention .box div.detail div.price ul li a:visited,
#contents div#main div#attention .box div.detail div.price div a:visited,
#contents div#main div.linkBox dl dd a:visited,
#contents div.links ul li a:visited {
	color: #333;
	text-decoration: none;
}

#contents div#leftarea .block ul li a:hover,
#contents div#main div#attention .box div.detail div.price ul li a:hover,
#contents div#main div#attention .box div.detail div.price div a:hover,
#contents div#main div.linkBox dl dd a:hover,
#contents div.links ul li a:hover {
	color: #333;
	text-decoration: underline;
}