/* ============================================= */
/* [061224a] Feature articles on Case Style Sheet */
/* Last Update 2008-09-12 */
/* ============================================= */
/* Universal selector */
div#article_case * {
	font-size: 100%;
	margin: 0;
	padding: 0;
}

div#article_case a {
	color: #417290;
	text-decoration: none;
}

div#article_case a:hover {
	color: #7dc010;
	text-decoration: underline;
}

div#article_case img,
div#article_case ul#navigation a:hover {
	border: none;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

div#article_case .price {
	color: red !important;
	font-weight: bold;
	font-size: 120% !important;
}

/* ============================================= */
/* top section */
div#article_case {
	float: left;
	width: 800px;
}

div#article_case #update {
	padding: 5px 0;
	width: 760px;
	text-align: right;
	font-weight: bold;
}

div#article_case ul#navigation {
	width: 760px;
	border-width: 1px 0;
	border-style: solid;
	border-color: black;
}

div#article_case ul#navigation:after {
	height: 0;
	visibility: hidden;
	content: ""; /* 指定するとOperaで空行を吐く問題 */
	display: block;
	clear: both;
}

div#article_case ul#navigation li {
	float: left;
	width: 145px;
	line-height: 1;
	list-style-type: none;
}

div#article_case ul#navigation li a {
	padding: 0.6em 10px;
	display: block;
	position: relative;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #000;
}

div#article_case ul#navigation li a:hover {
	color: white;
	background-color: red;
}

/* ============================================= */
/* left section */
div#article_case_left {
	float: left;
/*	padding-top: 5px;*/
	width: 160px;
/*	background: url("http://shop.tsukumo.co.jp/img/tsukumo/061224a_105s.gif") no-repeat left top;*/
}

div#article_case_left h2#maker_select {
	padding-top: 10px;
	padding-left: 10px;
	width: 150px;
	height: 20px;
	font-size: 130%;
	background: #ccc url("http://shop.tsukumo.co.jp/img/tsukumo/061224a_105s.gif") no-repeat left top;
}


div#article_case_left h2#maker_select a			{ color: white;}
div#article_case_left h2#maker_select a:hover	{ color: #dc143c;}

div#article_case_left dl {
	width: 150px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

div#article_case_left dl dt {
	padding: 12px 0 0 20px;
	height: 33px;
	color: white;
	font-size: 120%;
	letter-spacing: 1px;
	background: #ccc url("http://shop.tsukumo.co.jp/img/tsukumo/061224a_107.gif") no-repeat left top;
}

div#article_case_left dl dt#maker_header {
	padding: 7px 0 0 20px;
	height: 38px;
	background: #ccc url("http://shop.tsukumo.co.jp/img/tsukumo/061224a_106.gif") no-repeat left top;
}

div#article_case_left dl dd {
	width: 150px;
	font-size: 110%;
}

div#article_case_left dl dd a {
	display: block;
	position: relative;
	padding: 2px 0 2px 25px;
	border-left: 5px solid #ccc;
}

div#article_case_left dl dd a:hover,
div#article_case_left dl dd a:visited {
	background-image: url("http://shop.tsukumo.co.jp/img/tsukumo/061224a_101.gif");
	background-repeat: no-repeat;
	background-position: 5px 6px;
	/*_background-position: 12px 6px;*/
}

div#article_case_left dl dd a:hover {
	color: black;
	border-left: 5px solid #000;
}

div#article_case_left #case_select h2 {
	padding: 30px 0 0 10px;
	height: 15px;
	font-size: 120%;
	background: url("http://shop.tsukumo.co.jp/img/tsukumo/061224a_116.gif") no-repeat left top;
}

div#article_case_left #case_select h2 a:hover { color: #357701;}

div#article_case_left #case_select ul {
	width: 150px;
	background-color: white;
}

div#article_case_left #case_select ul li {
}

div#article_case_left #case_select .txt {
	color: #333;
	padding: 25px 0 10px 10px;
}

div#article_case_left #case_select .choice {
	padding: 3px 10px;
	font-weight: bold;
	font-size: 120%;
}

div#article_case_left #case_select ul li a {
	padding: 5px 0 5px 15px;
	display: block;
	width: 135px;
}

div#article_case_left #case_select ul li a:hover {
	padding: 4px 0 4px 8px;
	color: #333;
	border-width: 1px 1px 1px 7px;
	border-style: solid;
	border-color: #ccc;
	text-decoration: none;
}


/* ============================================= */
/* center section */
div#article_case_container {
	float: right;
	margin-right: 30px;
	_margin-right:5px;
	width: 600px;
}

ul {
	list-style: none;
}

li.red {
	color: red;
}

li.red_L {
	color: red;
	font-weight: bold;
	font-size: 130% !important;
}

li.green {
	color: green;
	font-weight: bold;
}

div#article_case_center {
	float: left;
	width: 400px;
}

div#article_case_center_2 {
	float: left;
	width: 600px;
}

div#article_case_center ul.case_push {
	margin: 0 0 30px 0 !important;
}

div#article_case_center ul.case_push li {
	padding: 2px 0 2px 5px;
}

div#article_case_center ul.case_push li.text {
	clear: both;
	line-height: 1.6;
	letter-spacing: 1px;
}

div#article_case_center ul.case_push a {
	font-weight: bold;
	font-size: 120%;
}

div#article_case_center h3,
div#article_case_center_2 h3 {
	margin: 15px 0 10px 0;
	padding: 6px 0 0 15px !important;
	width: 400px;
	height: 30px;
	color: white;
	font-size: 130% !important;
	background: url("http://shop.tsukumo.co.jp/img/tsukumo/061224a_108.gif") no-repeat;
}

div#article_case_center_2 h3 {
	width: 600px;
	text-align: left;
	background: url("http://shop.tsukumo.co.jp/img/tsukumo/061224a_121.gif") no-repeat;
}

div#article_case_center h3 a,
div#article_case_center_2 h3 a {
	color: white;
}

div#article_case_center ul.case_push {
	margin-left: 20px;
}

ul.new_order_goods {
	width: 400px;
	text-align: center;
}

ul.new_order_goods_2 {
	width: 600px;
	text-align: center;
}

ul.new_order_goods_3,
ul.new_order_goods_4 {
	margin: 10px !important;
	width: 550px;
	text-align: center;
}

ul.new_order_goods li,
ul.new_order_goods_2 li,
ul.new_order_goods_3 li {
	float: left;
	width: 133px;
	height: 230px;
}

ul.new_order_goods_4 li {
	float: left;
	width: 180px;
}

ul.new_order_goods_2 li {
	width: 150px;
	height: 250px; /* 型番が長すぎて崩れるのをFix */
}

ul.new_order_goods li span.new,
ul.new_order_goods_2 li span.new,
ul.new_order_goods_3 li span.new,
ul.new_order_goods_4 li span.new {
	position: absolute;
	width: 33px;
	color: red;
	font-weight: bold;
	border: 1px solid red;
	background-color: white;
}

ul.new_order_goods li p,
ul.new_order_goods_2 li p,
ul.new_order_goods_3 li p {
	text-align: center;
	line-height: 1.4;
}

ul.new_order_goods_4 li p {
	padding: 0 10px !important;
}

ul.new_order_goods_3 li p,
div#case_b .accessory_2 li p {
	margin: 0 !important;
}


.return_t {
	clear: both;
	text-align: right;
	width: 580px;
}

div#article_case_center .case_point {
	float: left;
	padding: 10px 0;
}

div#article_case_center .case_point p.alignleft {
	margin-right: 10px;
}

div#article_case_center .case_point ul {
	margin-bottom: 15px;
	padding-bottom: 10px;
	background: url("http://shop.tsukumo.co.jp/img/tsukumo/061224a_118.gif") no-repeat left bottom;
}

div#article_case_center .case_point ul li {
	margin: 3px 0;
}

div#article_case_center .case_point ul li a {
	font-weight: bold;
	font-size: 120%;
}

div#article_case_center_2 #sextette {
	margin: 0 auto;
	width: 550px;
	text-align: center;
}

div#article_case_center_2 #sextette li {
	float: left;
	padding: 5px;
	width: 170px;
	height: 170px;
}

div#article_case_center_2 #case_b {
	width: 580px;
}

div#article_case_center_2 #case_b p {
	line-height: 1.6;
	font-size: 110%;
	color: #333;
}

div#article_case_center_2 #case_b p.alignleft	{ margin-right: 20px;}
div#article_case_center_2 #case_b p.alignright	{ margin-left: 20px;}

div#article_case_center_2 #case_b strong {
	padding: 0 2px;
	color: black;
	letter-spacing: 1px;
}

div#article_case_center_2 #case_b h3 {
}

div#article_case_center_2 #case_b h4,
div#article_case_center_2 #case_b h5 {
	padding: 5px 10px;
	width: 540px;
	font-size: 120%;
}

div#article_case_center_2 #case_b h4 {
	margin-top: 20px;
	border-left: 7px solid #666;
	background: url("http://shop.tsukumo.co.jp/img/tsukumo/061224a_125.gif") repeat-x left bottom;
}

div#article_case_center_2 #case_b h5 {
	margin: 10px 0;
	padding: 5px 10px;
	height: 18px;
	font-weight: normal;
	border-bottom: 1px solid #eee;
	border-left: 7px solid #ccc;
	background: url("http://shop.tsukumo.co.jp/img/tsukumo/061224a_128.gif") repeat-x;
}

div#article_case_center_2 #case_b h5.notop {
	margin: 0 0 10px 0;
}

div#article_case_center_2 #case_b .caution {
	margin: 30px 0 20px 115px;
	width: 450px;
	border-width: 1px;
	border-style: solid;
	border-color: #999 #e4e4e4 #e4e4e4 #999;
	background: #fafafa url("http://shop.tsukumo.co.jp/img/tsukumo/061224a_124.gif") no-repeat right top;
}

div#article_case_center_2 #case_b .caution h5 {
	margin: 0 0 5px 0;
	padding: 5px 10px;
	width: auto;
	border: none;
	color: black;
	background: url("http://shop.tsukumo.co.jp/img/tsukumo/061224a_125.gif") repeat-x left bottom;
}

div#article_case_center_2 #case_b .caution p {
	margin: 5px 20px;
}

div#article_case_center_2 #case_b .caution ul {
	margin: 0 0 10px 35px;
	list-style-image: url("http://shop.tsukumo.co.jp/img/tsukumo/061224a_127.gif");
}

div#article_case_center_2 #case_b .caution ul li {
	line-height: 1.6;
	color: #800000;
}

div#article_case_center_2 .b_point {
	padding: 10px 0;
	width: 550px;
	text-align: center;
	font-weight: bold;
}

ul#accessory {
	width: 600px;
}

ul#accessory li.alignleft {
	float: left;
	margin: 5px 0 0 10px;
	width: 165px
}

ul#accessory li.alignleftL {
	float: left;
}

ul#accessory li.* p {
	line-height: 1 !important;
	margin: 0 0 0 5px;
	padding: 0;
}

ul#accessory li.alignleft p a {
	line-height: 1.2;
	font-weight: bold;
}

div#case_b dl {
	margin: 15px 0 15px 20px;
	padding: 0;
	width: 530px;
	border: 1px solid #f0f0f0;
	border-top: none;
	font-size: 1em;
	background-color: #fafafa;
}

div#case_b dl dt {
	margin: 0;
	padding: 0.3em 0 0.1em 1em;
	border-top: 1px solid #f0f0f0;
	width: 9em;
	float: left;
	color: #333;
}

div#case_b dl.longtxt dt {
	width: 28em;
}

div#case_b dl.shorttxt dt {
	width: 18em;
}

div#case_b dl dd {
	margin: 0 0 0 9em;
	padding: 0.3em 1em;
	border-left: 1px solid #f0f0f0;
	border-top: 1px solid #f0f0f0;
	color: #666;
	background-color: #fff;
}

div#case_b dl.longtxt dd {
	margin: 0 0 0 28em;
}

div#case_b dl.shorttxt dd {
	margin: 0 0 0 18em;
}

div#case_b .accessory_2 {
	margin: 10px;
	width: 530px;
}

div#case_b .accessory_2 li {
	float: left;
	width: 130px;
	text-align: center;
}



/* ============================================= */
/* right section */
div#article_case_right {
	float: right;
	margin: 0 10px 0 0;
	/*_margin: 0 0 0 0;*/
	width: 160px;
}

div#article_case_right h2 {
	padding-top: 10px;
	padding-left: 20px;
	width: 150px;
	height: 40px;
	color: white;
	font-size: 130%;
	background: url("http://shop.tsukumo.co.jp/img/tsukumo/061224a_109.gif") no-repeat left top;
}

div#article_case_right dl#case_ranking {
	padding-left: 20px;
	border-right: 5px solid #ccc;
}

div#article_case_right dl#case_ranking dt {
	padding: 25px 0 0 0;
}

/* ランキング背景 */
div#article_case_right dl#case_ranking dt.no1 { background: url("http://shop.tsukumo.co.jp/img/tsukumo/061224a_rank01.gif") no-repeat left top;}
div#article_case_right dl#case_ranking dt.no2 { background: url("http://shop.tsukumo.co.jp/img/tsukumo/061224a_rank02.gif") no-repeat left top;}
div#article_case_right dl#case_ranking dt.no3 { background: url("http://shop.tsukumo.co.jp/img/tsukumo/061224a_rank03.gif") no-repeat left top;}
div#article_case_right dl#case_ranking dt.no4 { background: url("http://shop.tsukumo.co.jp/img/tsukumo/080115a_rank04.gif") no-repeat left top;}
div#article_case_right dl#case_ranking dt.no5 { background: url("http://shop.tsukumo.co.jp/img/tsukumo/080115a_rank05.gif") no-repeat left top;}

div#article_case_right dl#case_ranking dd {
	text-align: center;
}

div#article_case_right dl#case_ranking dt.wins {
	margin: 0 0 10px 0;
	padding: 0 0 0 60px;
	font-weight: bold;
	font-size: 11pt;
	color: red;
}

div#article_case_right dl#case_ranking dd.price {
	padding-bottom: 15px;
}

div#article_case_right #rank_update {
	padding-right: 15px;
	width: 140px;
	text-align: right;
	border-right: 5px solid #ccc;
}

div#article_case_right ul.case_column {
	margin: 0;
	padding: 0;
	width: 155px;
	height: auto;
	background: url("http://shop.tsukumo.co.jp/img/tsukumo/061224a_111.gif") no-repeat left top;
	border-right: 5px solid #ccc;
}

div#article_case_right ul.case_column h3 {
	padding: 20px 0 0 20px;
	height: 45px;
	background: url("http://shop.tsukumo.co.jp/img/tsukumo/061224a_112.gif") no-repeat left bottom;
}

div#article_case_right ul.case_column li.link_column {
	padding: 0 2px 0 3px;
}

div#article_case_right ul.case_column li.alignleft,
div#article_case_right ul.case_column li.txt_column {
	padding: 0 15px;
}

div#article_case_right ul.case_column li.txt_column {
	clear: both;
	line-height: 1.3;
}

/* ============================================= */
/* bottom section */
div#article_case_bottom {
	clear: both;
	padding-top: 20px;
	width: 760px;
}

div#article_case_bottom h3 {
	margin-bottom: 10px;
	padding: 10px 25px;
	font-size: 130%;
	border-bottom: 1px dashed #ccc;
}

div#article_case_bottom ul {
	margin-left: 10px;
}

div#article_case_bottom ul li {
	float: left;
	margin: 5px;
	width: 110px;
	text-align: center;
	background: white;
}

div#article_case_bottom li img {
	padding: 5px;
}

div#article_case_bottom li img,
div#article_case_bottom li a img {
	/*border: 1px solid #333;*/
	border-width: 1px;
	border-style: solid;
	border-color: #d0d0d0 #333 #333 #d0d0d0;
}

div#article_case_bottom li a:hover img {
	border-width: 1px;
	border-style: solid;
	border-color: #ff416e #ffcbdc #ffcbdc #ff416e;
}

div#article_case_bottom li p {
	padding: 10px 0;
}

div#article_case_footer {
	clear: both;
	padding-top: 15px;
	margin-bottom: 20px;
	height: 60px;
	text-align: center;
	letter-spacing: 1px;
	border-top: 1px dashed #ccc;
}

div#article_case_footer p {
	color: #3366ff;
	font-weight: bold;
	font-size: 130%;
}

.p_move {clear:both;margin:0 0 5px 5px;padding:0 10px 0 0;height:35px;}
.p_move img.right {float:right;padding:0;margin:0px;}
.p_move img.left {float:left;padding:0;margin-left:0px;}
.p_move a:hover { opacity: 0.4; filter: alpha(opacity=50); }


/* ============================================= */

