@charset "UTF-8";
/*----------------------------------------------------------
| 企画ページCSSタイプC
+-----------------------------------------------------------
| Written by: Joel Millin <joeltrain@gmail.com>
+-----------------------------------------------------------
| NOTES:
| IEのため、幅をピクセルで固定しなければならない！
+---------------------------------------------------------*/
/*-- 共通スタイル --*/
.k_wrap td { vertical-align: top; }

/*-- タイトル --*/
.k_title {
	padding: 4px 0px 4px 14px;
	background: url(_prt/_bg/ttlgrp-org.png) repeat-y left top;
	margin-bottom: 10px;
	clear: both;
	position: relative;
}
.k_title * { margin: 0; }

/*-- IE FIXES --*/
* html .k_title { background: #f2ede6 url(_prt/_bg/ttlgrp-org.gif) repeat-y left top; }

.k_copy {
	color: #4d463d;
	font-size: 1.1em;
	line-height: 1.4em;
}

/*----------------------------------------------------------
| ページフレーミング
+---------------------------------------------------------*/

span.k_info,
span.k_copy,
span.k_name,
span.k_desc,
span.k_price { display: block; }

.k_copy { color: #4d463d; margin-bottom: 4px; }
p { margin-bottom: 10px; }
.k_grp, .k_itemgrp {
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #bfaf99;
}

/*-- 平行線 --*/
.k_wrap hr {
	margin: 10px 0px 20px;
	border-style: none;
	border-top: 1px dotted #bfaf99;
	height: 0px; /* IE bug */
	clear: both;
}
.k_div { padding: 10px 0px 20px; }
.k_div hr { margin: 0; }

/*-- ヘッダー画像 --*/
.k_header1img, .k_header2img {
	overflow: hidden;
	white-space: nowrap;
	margin-bottom: 10px;
}
.k_header1img img { width: 760px; height: 320px; }
.k_header2img img { width: 380px; height: 380px; float: left; }




/*-- ヘッダー画像 --* /
.k_headerimg {
	overflow: hidden;
	white-space: nowrap;
	margin-bottom: 10px;
}
.k_headerimg img { float: left; }

/*-- ヘッダータイプ１ --* /
.k_header1 {
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #bfaf99;
}
.k_header1 .k_headerimg { width: 760px; height: 320px; }
.k_header1 p {
	color: #4d463d;
	font-size: 1.1em;
	line-height: 1.4em;
}

/*-- ヘッダータイプ２ --* /
.k_header2 {
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #bfaf99;
}
.k_header2 .k_headerimg { width: 760px; height: 380px; }
.k_header2 .k_headerimg img { width: 380px; height: 380px; }
.k_header2 p {
	color: #4d463d;
	font-size: 1.1em;
	line-height: 1.4em;
}



/*----------------------------------------------------------
| 商品テーブル：共通スタイル
+---------------------------------------------------------*/
.k_img a, .k_img a em { display: block; }

.k_img a {
	color: #666057;
	line-height: 1.25em;
	text-decoration: none;
}
.k_img a em,
.k_img a .k_info { padding: 6px; }

.k_img a em { background: url(/common/_css/_prt/_bg/fill-bg-m.png); }
.k_img a em em {
	background: #fff !important;
	padding: 0px !important;
	overflow: hidden;
}

.k_img a .k_name {
	color: #c60;
	padding-bottom: 2px;
}
.k_img a .k_desc {
	font-size: 0.95em;
	padding-bottom: 2px;
}

/*-- 価格表示 --*/
.k_info .k_price {
	width: auto !important;
	padding-top: 2px;
	border-top: 1px dotted #bfaf99;
}
.k_info .k_price b {
	font-weight: normal;
	background: url(_prt/_icon/dot-arr-r.png) no-repeat left center;
	padding-left: 12px;
}
.k_info .k_price i { font-size: 0.95em; font-style: normal; } 

.k_img a:hover { color: #4d463d; background: url(_prt/_bg/fill-bg-l.png); }
.k_img a:hover em { background: url(_prt/_bg/fill-org.png); }
.k_img a:hover .k_name { color: #000; }

/*--IE6 FIXES --*/
* html .k_price b { background-image: url(_prt/_icon/dot-arr-r.gif); }
* html .k_img a { background: url(_prt/_bg/bg-trans.gif); cursor: pointer; }
* html .k_img a em { background: url(_prt/_bg/fill-bg-m.gif); }
* html .k_img a:hover { color: #4d463d; background: url(_prt/_bg/fill-bg-l.gif); }
* html .k_img a:hover em { background: url(_prt/_bg/fill-org.gif); }


/*----------------------------------------------------------
| 商品テーブル：3項目ロー
+---------------------------------------------------------*/
.k_row3 a { margin: 0px 8px 10px 9px; }
.k_row3 a span { width: 224px; }
.k_row3 a em { width: 224px; height: 224px; }

/*----------------------------------------------------------
| 商品テーブル：4項目ロー
+---------------------------------------------------------*/
.k_row4 a { margin: 0px 9px 10px 9px; }
.k_row4 a span { width: 160px; }
.k_row4 a em { width: 160px; height: 160px; }

/*----------------------------------------------------------
| 商品テーブル：5項目ロー
+---------------------------------------------------------*/
.k_row5 a { margin: 0px 6px 10px 6px; }
.k_row5 a em,
.k_row5 .k_img a .k_info { padding: 4px; }
.k_row5 a span { width: 128px; }
.k_row5 a em { width: 128px; height: 128px; }


/*----------------------------------------------------------
| 商品テーブル：左側のみ／右側のみ／両側
+---------------------------------------------------------*/
.k_item-left,
.k_item-right,
.k_item-both { margin-bottom: 10px; }

/*-- 商品テーブル：商品画像＆リンク --*/
.k_item-left .k_img,
.k_item-right .k_img,
.k_item-both .k_img-left,
.k_item-both .k_img-right { width: 252px; height: 252px; }

.k_item-left .k_img { padding-right: 10px; }
.k_item-right .k_img { padding-left: 10px; }
.k_item-both .k_img-left { padding: 0px 10px 20px 0px; }
.k_item-both .k_img-right { vertical-align: bottom; padding: 20px 0px 0px 10px; }

.k_item-left .k_img a em,
.k_item-right .k_img a em,
.k_item-both .k_img-left a em,
.k_item-both .k_img-right a em { width: 240px; height: 240px; }

/*-- 商品テーブル：商品情報エリア --*/
.k_item-left .k_info,
.k_item-right .k_info,
.k_item-both .k_info-left,
.k_item-both .k_info-right { width: 508px; }

.k_item-both .k_info-left { padding-bottom: 10px; }
.k_item-both .k_info-right { padding-top: 10px; }
.k_item-both .k_info-center {
	text-align: center;
	vertical-align: middle;
	padding: 20px 10px;
	width: 260px;
}

/*-- 右添え [can't be done because of IE6&7] --* /
.k_item-right .k_copy, .k_info-right .k_copy,
.k_item-right .k_name, .k_info-right .k_name,
.k_item-right .k_desc, .k_info-right .k_desc { float: right; clear: right; }
.k_item-right .k_price b, .k_info-right .k_price b { float: right; }
*/
.k_item-right .k_info, .k_info-right { text-align: right; }
.k_item-right .k_info .k_desc, .k_info-right .k_desc { text-align: left; }
.k_item-right .k_price, .k_info-right .k_price { clear: right; }
.k_item-right .k_price b, .k_info-right .k_price b { float: right; }


/*----------------------------------------------------------
| タッブナビゲーション
+---------------------------------------------------------*/

#k_tabnav table {
	margin: 0 auto 16px;
	width: 100%;
}
#k_tabnav td, #k_tabnav u {
	background: url(_prt/_kikaku/tab.png) no-repeat;
}
#k_tabnav td {
	color: #fff;
	line-height: 1.25em;
	border: solid #fff;
	border-width: 0px 4px;
	text-align: left;
	vertical-align: center;
	width: 10%;
	cursor: pointer;
}
#k_tabnav u {
	float: right;
	width: 8px;
	height: 8px;
	background-position: right top;
}
#k_tabnav img { vertical-align: middle; margin-bottom: 4px; }
#k_tabnav div { text-align: center; margin: 8px; }

#k_tabnav td.O { background-position: left -320px; }
#k_tabnav td.O u { background-position: right -320px; }

#k_tabnav td.D { background-position: left -640px; }
#k_tabnav td.D u { background-position: right -640px; }

#k_tabnav td.A { background-position: left -640px !important; }
#k_tabnav td.A u { background-position: right -640px !important; }

#k_tabnav td.X { background-position: left -960px !important; }
#k_tabnav td.X u { background-position: right -960px !important; }

#k_tabnav td.A, #k_tabnav td.X { cursor: default !important; }

.k_tab-inline td {
	text-align: left !important;
}
.k_tab-inline em {
	background: #fff;
	margin: 4px;
	float: left;
}
.k_tab-inline div {
	height: 64px;
	vertical-align: center;
	margin: 4px 8px !important;
}

#k_tabnav table table {
	margin: 2px;
	width: auto;
}
#k_tabnav th em {
	float: left;
	width: 64px;
	height: 64px;
	background: #fff;
}
#k_tabnav th img {
	margin: 0 !important;
}
#k_tabnav th {
	font-weight: normal;
	text-align: left;
	vertical-align: center;
	padding: 2px;
}