@charset "utf-8";

/* ----------------------------------------------
  Common Setting
-------------------------------------------------*/

body {
  margin:0;
  padding:0;
  background-color:#ffffff;
  background:url(../image/nhk/header_b.gif) repeat-x;
}

body,
td,
th {
  color:#666666;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

input,
select {
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

h1,
h2,
h3,
form {
  margin:0;
  padding:0;
}

h1,
h2,
h3 {
  font-weight: bold;
}

h1.maintitle{
height:11px;
padding:0px 0px 0px 358px;
font-size:80%;
color:#FFFFFF;
}

h2.PickupTitle{
  font-size:12px;
  padding:7px 0 5px 0;
  color:#003399;
}

h2.RecommendTitle01{
  font-size:12px;
  padding:7px 0 5px 20px;
  color:#FFFFFF;
  background: url(../image/nhk/index_in_b.gif) no-repeat top left;
}

h2.RecommendTitle02{
  font-size:12px;
  padding:7px 0 5px 20px;
  color:#FFFFFF;
  background: url(../image/nhk/index_in_r.gif) no-repeat top left;
}

.p10B{
  font-size:10px;
  width:54px;
  background: url(../image/nhk/index_iio_b.gif) repeat-x;
}

.p10R{
  font-size:10px;
  width:54px;
  background: url(../image/nhk/index_iio_r.gif) repeat-x;
}

.p10B a:link,a:visited{
  color:#FFFFFF;
}
.p10R a:link,a:visited{
  color:#FFFFFF;
}

#BodyHeaderbg{ 
  height:100%;
  background:url(../image/nhk/header_c.gif) no-repeat 500px 0px;
} 

img,a img {
  border:none;
}

strong {
  font-weight:normal;
}

a:link,
a:visited {
  color:#0033cc;
  text-decoration:underline;
}

a:active,
a:hover {
  color:#ff0000;
  text-decoration:underline;
}

a.foot:link,
a.foot:visited {
  color:#666666;
  text-decoration:none;
}

a.foot:active,
a.foot:hover {
  color:#ff0000;
  text-decoration:underline;
}

a.gray:link,
a.gray:visited {
  color:#666666;
  text-decoration:underline;
}

a.gray:active,
a.gray:hover {
  color:#ff0000;
  text-decoration:underline;
}

a.red:link,
a.red:visited {
  color:#ff0000;
  text-decoration:underline;
}

a.red:active,
a.red:hover {
  color:#f87171;
  text-decoration:underline;
}

a.white:link,
a.white:visited {
  color:#ffffff;
  text-decoration:none;
}

a.white:active,
a.white:hover {
  color:#f87171;
  text-decoration:underline;
}

.p10,
.p10h,
.b10,
.b10h,
.p10red,
.p10white {
  font-size:10px;
}

.p12,
.p12h,
.b12,
.b12h,
.p12wihte,
.p12red,
.b12red,
.p12hred {
  font-size:12px;
}

.p14,
.b14,
.b14white,
.b14red {
  font-size:14px;
}

.p10h,
.b10h,
.p12h,
.b12h,
.p12hred {
  line-height:140%;
}

.b10,
.b10h,
.b12,
.b12h,
.b12red,
.b14,
.b14white {
  font-weight:bold;
}

.p10red,
.p12red,
.b12red,
.p12hred,
.b14red {
  color:#FF0000;
}

.p12wihte,
.p10white,
.b14white {
  color:#FFFFFF;
}

.p10pink {
  color:#f15961;
  font-size:10px;
}
.p12pink {
  color:#f15961;
  font-size:12px;
}
.b12black {  color: #2f2f2f;
  font-weight: bold;
  font-size: 12px;
}

/* ----------------------------------------------
  TopPage
-------------------------------------------------*/

.Headerbg01 {
  background:url(../image/nhk/header_d.gif) no-repeat top;
}

.Headerbg02 {
  background:url(../image/nhk/header_s.gif) no-repeat top;
}

.Headerbg03 {
  background:url(../image/nhk/header_l.gif) no-repeat top;
}

.Headerbg04 {
  padding:4px 10px 4px 10px;
  background-color:#e6e6e6;
}

.Headerbg05 {
  background:url(../image/nhk/header_m.gif) no-repeat bottom;
}

.Footerbg01 {
  background:url(../image/nhk/footer_b.gif) repeat-x top;
}

.Footerbg02 {
  padding:7px 8px 27px 8px;
  background-color:#f8f8f8;
}

/* leftnavi_mypage */
.LnaviMypageTd01,
.LnaviRankTd01 {
  background:url(../image/nhk/l_mypage.gif) no-repeat;
}

.LnaviMypageTd02 {
  padding:3px 7px 0 8px;
  background:url(../image/nhk/l_mypagf.gif) repeat-y;
  color:#0033cc;
}

.LnaviMypageTd03,
.LnaviRankTd03 {
  background:url(../image/nhk/l_mypagg.gif) no-repeat;
}

/* leftnavi_cart */
.LnaviCartTd01 {
  padding:0 0 0 15px;
  background:url(../image/nhk/l_cart_b.gif) no-repeat;
  height:119px;
}

.LnaviMypageTd04,
.LnaviSearchTd04,
.MainCautionTd05 {
  color:#0033cc;
}

/* leftnavi_search */
.LnaviSearchTd01 {
  background:url(../image/nhk/l_search.gif) no-repeat;
}

.LnaviSearchTd02 {
  background:url(../image/nhk/l_searci.gif) no-repeat;
}

.LnaviSearchTd03 {
  background:#F4F4F4 url(../image/nhk/l_searcj.gif) no-repeat scroll 0% 0%;
  margin:0px 5px 0px 0px;
  padding:0px 0px 0px 6px;
}

.LnaviSearchCategoryTd01,
.LnaviSearchPersistenceTd01 {
  background: url(../image/nhk/l_searck.gif) no-repeat;
}

.LnaviSearchCategoryTd02,
.LnaviSearchPersistenceTd02 {
  background: url(../image/nhk/l_searcl.gif) no-repeat;
}

.LnaviSearchCategoryTd03,
.LnaviSearchPersistenceTd03 {
  padding:7px 7px 0 7px;
  background: url(../image/nhk/l_searcm.gif) repeat-y;
}

.LnaviSearchCategoryTd04 {
  margin:3px 0 0 0;
  padding:0 4px 3px 7px;
  width:138px;
  background-color:#dcf0ff;
}

/* leftnavi_ranking */
.LnaviRankTd02 {
  padding:1px 5px 3px 7px;
  background:url(../image/nhk/l_mypagf.gif) repeat-y;
  color:#0033cc;
}

/* leftnavi_mobile */    
.LnaviMobileTd01 {
  background:url(../image/nhk/l_mobile.gif) no-repeat;
}

.LnaviMobileTd02 {
  background:url(../image/nhk/l_mobilf.gif) no-repeat;
}

.LnaviMobileTd03 {
  padding:0 8px 5px 8px;
  background:url(../image/nhk/l_mobilg.gif) repeat-y;
}

.LnaviDottbg {
  background:url(../image/nhk/l_bg_01.gif) repeat-x;
}

/* main_caution */
.TopCautionTd01 {
  background-color:#b7ccef;
}

.TopCautionTd02 {
  background:url(../image/nhk/index_bg.gif) no-repeat;
}

.TopCautionTd03 {
  background:url(../image/nhk/index_bh.gif) no-repeat;
}

.TopCautionTd04 {
  padding:0 15px 0 15px;
  background-color:#f3f3f3;
}

/* main_campaign */
.TopCampaignTable {
  margin:0 0 0 7px;
}

.TopCampaignTd01 {
  background:url(../image/nhk/index_bi.gif) no-repeat;
}

.TopRecommendTd01 {
  background:url(../image/nhk/index_bj.gif) no-repeat;
}

.TopRecommendTd02 {
  background-color:#3b66cf;
}

.TopRecommendTd03 {
  background:url(../image/nhk/index_bk.gif) no-repeat;
}

/* rightnavi_infomation */
.TopInformationTd01 {
  background-color:#e3e3e3;
}

/* ----------------------------------------------
  2nd
-------------------------------------------------*/
/* P01 002 */

.CategoryLevel1Td01 {
  padding:2px 8px 0 8px;
  background:url(../image/nhk/doc_tbl_03.gif) no-repeat;
  width:282px;
  height:30px;
}

.CategoryLevel1Td02 {
  padding:5px;
  background:#fffef4 url(../image/nhk/doc_tbl_04.gif) no-repeat bottom;
  width:282px;
}

.RecommendTd01 {
  background:url(../image/nhk/doc_tbl_05.gif) no-repeat;
}

.RecommendTd02 {
  padding:0 15px 0 15px;
  background-color:#dfdedd;
}

.RecommendTd03 {
  background:url(../image/nhk/doc_tbl_06.gif) no-repeat;
}

.RecommendTd04 {
  background:url(../image/nhk/doc_tbl_07.gif) repeat-y;
}

.RecommendTd05 {
  background:url(../image/nhk/doc_tbl_08.gif) no-repeat;
}

/* P01 003 */
.CategoryLevel2Td01 {
  background:url(../image/nhk/spe_tbl_01.gif) no-repeat;
}

.CategoryLevel2Td02 {
  padding:0 15px 0 15px;
  background-color:#efefef;
}

.CategoryLevel2Td03 {
  background:url(../image/nhk/spe_tbl_02.gif) no-repeat;
}

.ProductTd01 {
  background:url(../image/nhk/product_tbl_01.gif) no-repeat;
}

.ProductTd02 {
  padding:0 15px 0 15px;
  background-color:#efefef;
}

.ProductTd03 {
  background:url(../image/nhk/product_tbl_02.gif) no-repeat;
}

.ProductTd04 {
  background:url(../image/nhk/product_tbl_03.gif) repeat-x;
  height:16px;
}

.ProductTd05 {
  background:url(../image/nhk/product_tbl_04.gif) repeat-x;
  height:23px;
}

.ProductTd06 {
  background:url(../image/nhk/product_tbl_05.gif) repeat-x;
  height:16px;
}

.ProductTd07 {
  padding:5px;
  background-color:#f3f3f3;
}

.ProductTd08 {
  padding:3px 15px 3px 5px;
  background-color:#f3f3f3;
}

.UserVoiceTd01 {
  padding:0 0 5px 0;
  border-bottom:1px dotted #666666;
}

.UserVoiceTd02 {
  padding:3px;
  background-color:#fcffe8;
  border-bottom:1px solid #cacaca;
}

/*  2nd */
/* メインタイトル */
.Title {
  padding:0 0 0 14px;
  background:url(../image/nhk/title_grayline.gif) no-repeat;
  width:573px;
  height:30px;
  color: #FFFFFF;
}

/* サブタイトル */
.Line02 {
  height: 5px;
  width: 573px;
  border-top: 2px solid #d4ca82;
}
.Line03 {
  height: 5px;
  width: 573px;
  border-bottom: 1px solid #e8e2c0;
}

.Line03s {
  border-bottom: 1px solid #e8e2c0;
  padding: 6px 0px;
}

.Line04 {
  width: 573px;
  height: 5px;
  border-top: 1px solid #e0e0e0;
}

.titleSquare {
  background:url(../image/nhk/title_square_06.gif) no-repeat left 45%;
  padding-left: 10px;
  color: #231f20;
}

.TitlelineGray {
  background-color: #C7C7C7;
}

.TitlelinePink {
  background-color: #fd816c;
}

/* フォーム用カラー */
.form_bg {
  background-color: #fefcef;
}
.form_bg02 {
  background-color: #e9e8e6;
  margin-top: 3px;
  margin-bottom: 3px;
  height: 26px;
  width: 573px;
}

/* フォーム用ライン */
.Line {
  width: 573px;
  height: 5px;
  border-bottom: 1px solid #e0e0e0;
}

/* フォームサイズ */
.Form {
  height:18px;
  padding:0px;
  font-size:12px;
}
.FormWidth {
  width:180px;
}
.FormWidth02 {
  width:100px;
}
.FormWidth03 {
  width:220px;
}

/* 注文状況明細テーブル */
.verticalLine {
  background:url(../image/nhk/vertical.gif) no-repeat right top;
  height: 15px;
}

/* 説明テキスト用 */
.attentionFrame {
  background-color: #f7f7f7;
  margin: 12px;
  width: 550px;
  padding-top: 12px;
  padding-bottom: 12px;
  border-top: 1px solid #b7b7b7;
  border-bottom-color: #b7b7b7;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.attentionText {
  background-color: #FFFFFF;
  width: auto;
  border: 1px solid #d8d8d8;
  padding: 7px;
  margin-right: 12px;
  margin-left: 12px;
}

/* P03買い物の流れ */
.arrow {
  margin-top: 36px;
  margin-right: 9px;
  margin-left: 9px;
}
.titleCircle {
  background-image: url(../image/nhk/cart_img.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 10px;
}

/*-----------------------
  フォーム
-------------------------*/
.Form_TextBox_imeActive {
  ime-mode:active;
}
.Form_TextBox_imeInactive {
  ime-mode:inactive;
}
.Form_TextBox_imeInactive_right {
  ime-mode:inactive;
  text-align:right;
}
.Form_TextBox_imeDisable {
  ime-mode:disabled;
}

/* 2010/10/8 nsw フォントサイズ等修正 */
/*-----------------------
  エラーメセッジ
-------------------------*/
.Text_ErrorMessage {
  font-weight: bold;
  font-size: 18px;
  color: #ff0000;
  text-align:center;
}

ul {
  margin:0px;
  list-style:disc inside;
}


/* 2008/05/15 nsw NEP-H-0196-20080515 */
/* p01-002 ctrl-plus　080430 commentDVD*/
.commentOnItem{
	background:url("/shop/image/comment/bg_commentOnItem.gif") repeat-y;
	margin:20px 0 5px;
	zoom:1;/*IEbugFIX*/
}
.innerCommentOnItem{
	background:url("/shop/image/comment/bg_commentOnItem_btm.gif") no-repeat left bottom;
}
.innerCommentOnItem2{
	background:url("/shop/image/comment/bg_commentOnItem_top.gif") no-repeat;
	padding:12px;
	zoom:1;/*IEbugFIX*/
}
.innerCommentOnItem2:after{
	content:".";
	display: block; 
	visibility:hidden;
	height: 0; 
	clear:both;
}
	.commentOnItem .leftBox,
	.commentOnItem .rightBox{
		display:inline;/*IEbugFIX*/
	}
	.commentOnItem .leftBox{
		float:left;
		width:126px;
	}
	.commentOnItem .rightBox{
		float:right;
		width:410px;
		color:#000000;
		font-size:12px;
		line-height:1.5;
	}
		.commentOnItem .rightBox p{
			margin:0;
		}

/* p01-002 ctrl-plus　080512 commentchara*/
.commentOnItem02{
	background:url("/shop/image/comment/bg_commentOnItem02.gif") repeat-y;
	margin:20px 0 5px;
	zoom:1;/*IEbugFIX*/
}
.commentOnItem02 .innerCommentOnItem{
	background:url("/shop/image/comment/bg_commentOnItem02_btm.gif") no-repeat left bottom;
}
.commentOnItem02 .innerCommentOnItem2{
	background:url("/shop/image/comment/bg_commentOnItem02_top.gif") no-repeat;
	padding:12px;
	zoom:1;/*IEbugFIX*/
}
	.commentOnItem02 .leftBox,
	.commentOnItem02 .rightBox{
		display:inline;/*IEbugFIX*/
	}
	.commentOnItem02 .leftBox{
		float:left;
		width:126px;
		text-align:center;
	}
	.commentOnItem02 .rightBox{
		float:right;
		width:410px;
		color:#000000;
		font-size:12px;
		line-height:1.5;
	}
		.commentOnItem02 .rightBox p{
			margin:0;
		}
/* 2008/05/15 nsw NEP-H-0196-20080515 */


/* 201007追加分　ここから
----------------------------------------*/

div#twoLanes {
	width: 1102px;
}

div#laneLeft {
	float: left;
	padding-left: 160px;
}

div#laneRight {
	float: right;
	width: 160px;
	margin: 0;
	padding: 0;
}

td#itemDetail,
td#itemDetail table {
	margin: 0;
	padding: 0;
}

td#itemDetail th,
td#itemDetail td {
	color: #303030;
	font-size: 14px;
	line-height: 150%;
}

td#itemDetail .itemPath {
	font-size: 12px;
	line-height: 140%;
}

td#itemDetail .Title {
	margin: 0;
	padding: 10px 0 0;
	background: url(../image/nhk/bg_itemtitle1.gif) no-repeat 0 0;
}

td#itemDetail .Title h1 {
	display: block;
	width: 573px;
	margin: 0;
	padding: 0 0 8px;
	background: url(../image/nhk/bg_itemtitle2.gif) no-repeat 0 100%;
}

td#itemDetail .Title h1 .p18 {
	display: block;
	margin: 0;
	padding: 0 20px;
	color: #ffffff;
	font-size: 18px;
}

td#itemDetail .itemName {
	width: 306px;
	/*width: 356px;*/
	padding: 0 0 8px;
	font-weight: bold;
	background: url(../image/nhk/ul_itemname.gif) repeat-x 0 100%;
}

td#itemDetail .itemDataCaption {
	padding: 0 0 0 11px;
	color: #606060;
	background: url(../image/nhk/img_itemdatahead.gif) no-repeat 0 0.5em;
}

td#itemDetail .itemData {
	font-weight: bold;
}

td#itemDetail #itemNotice {
	padding: 11px 0 10px;
	background: url(../image/nhk/ul_broken1px.gif) repeat-x 0 5px;
}

td#itemDetail #itemNotice .p12h {
	font-size: 12px;
	line-height: 140%;
}

td#itemDetail #itemNotice .p12hred {
	color: #ff0000;
	font-size: 12px;
	line-height: 140%;
}

td#itemDetail .itemExplanation {
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 150%;
}

td#itemDetail .itemExplanation div.wrapper {
	margin: 0;
	padding: 8px;
	background-color: #ffffff;
}

td#itemDetail .itemExplanation span.captionLv1 {
	display: block;
	margin: 0 0 8px;
	padding: 0 0 6px 16px;
	color: #0060c0;
	font-weight: bold;
	background: url(../image/nhk/img_itemexp_cap1.gif) no-repeat 0 0.3em;
	border-bottom: 1px solid #ccc;
}

td#itemDetail .itemExplanation span.captionLv2 {
	display: block;
	margin: 0;
	padding: 0 0 8px 16px;
	color: #0060c0;
	font-weight: normal;
	background: url(../image/nhk/img_itemexp_cap2.gif) no-repeat 0 0.3em;
}

td#itemDetail div#bottomRecommend div,
td#itemDetail div#bottomRecommend p,
td#itemDetail div#bottomRecommend span,
td#itemDetail div#bottomRecommend a,
td#itemDetail div#bottomRecommend img,
td#itemDetail div#bottomRecommend ul,
td#itemDetail div#bottomRecommend li {
	margin: 0;
	padding: 0;
}

div#laneLeft div#bottomRecommend ul,
div#laneLeft div#bottomRecommend li {
	list-style: none;
}

td#itemDetail div#bottomRecommend {
	width: 573px;
	margin: 0 auto 20px;
	padding: 0;
	background: url(../image/nhk/bg_btmrcmd1.gif) no-repeat 0 0;
}

td#itemDetail div#bottomRecommend h2 {
	display: block;
	width: 573px;
	margin: 0;
	padding: 10px 0 20px;
	color: #603000;
	font-size: 14px;
	background: url(../image/nhk/bg_btmrcmd2.gif) no-repeat 0 100%;
}

td#itemDetail div#bottomRecommend h2 span {
	display: block;
	padding: 0 30px;
}

td#itemDetail div#bottomRecommend div.itemList {
	width: 573px;
	margin: 0;
	padding: 0;
	background: url(../image/nhk/bg_btmrcmd3.gif) no-repeat 0 100%;
}

td#itemDetail div#bottomRecommend div.itemList ul {
	display: block;
	width: 553px;
	margin: 0 0 0 20px;
	padding: 0 0 20px;
}

td#itemDetail div#bottomRecommend div.itemList li {
	display: block;
	float: left;
	width: 256px;
	margin: 0 20px 0 0;
	padding: 0;
}

td#itemDetail div#bottomRecommend div.itemList p.rcmdItemImage {
	display: block;
	float: left;
	width: 100px;
	margin: 0 10px 0 0;
	padding: 0;
}

td#itemDetail div#bottomRecommend div.itemList p.rcmdItemData {
	display: block;
	float: left;
	width: 146px;
	margin: 0;
	padding: 0;
}

div#laneRight div#rightRecommend div,
div#laneRight div#rightRecommend p,
div#laneRight div#rightRecommend span,
div#laneRight div#rightRecommend dl,
div#laneRight div#rightRecommend dd {
	margin: 0;
	padding: 0;
}

div#laneRight div#rightRecommend {
	width: 140px;
	margin: 230px 0 0 20px;
	font-size: 12px;
	line-height: 140%;
}

div#laneRight div#rightRecommend h2 {
	display: block;
	width: 140px;
	margin: 0;
	padding: 0;
	color: #006000;
	font-size: 14px;
	text-align: left;
	background: url(../image/nhk/bg_rtrcmd1.gif) no-repeat 0 0;
}

div#laneRight div#rightRecommend h2 span {
	display: block;
	margin: 0;
	padding: 6px;
}

div#laneRight div#rightRecommend dl.itemList {
	width: 140px;
	margin: 0;
	padding: 0 0 11px;
	background: url(../image/nhk/bg_rtrcmd2.gif) no-repeat 0 100%;
}

div#laneRight div#rightRecommend dl.itemList dd {
	width: 126px;
	margin: 0;
	padding: 10px 0 0;
}

div#laneRight div#rightRecommend dl.itemList p {
	width: 126px;
}

div#twoLanes:after,
td#itemDetail div#bottomRecommend div.itemList ul:after,
td#itemDetail div#bottomRecommend div.itemList li:after,
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* 201007追加分　ここまで
----------------------------------------*/


span.captionLv1 {
	display: block;
	margin: 0 0 8px;
	padding: 0 0 6px 16px;
	color: #0060c0;
	font-weight: bold;
	background: url(../image/nhk/img_itemexp_cap1.gif) no-repeat 0 0.3em;
	border-bottom: 1px solid #ccc;
}
