@charset "utf-8";

/* ===== コンテンツ商品内容 ===== */

div.editArea #cLeft{
	text-align: left;
	}
div.editArea p{
	font-size: 100%;
	line-height: 160%;
	}
div.editArea .f14{
	font-size: 100%;
	line-height: 170%;
	}
div.editArea ul{
	font-size: 80%;
	}


/*テキスト用*/
#cLeft h3{
	font-size: 122%;
	text-align: left;
	}
#cLeft h5{
	font-size: 80%;
	text-align: left;
	}
div.editArea .DSeriesMidashi03{
	font-weight: bold;
	font-size: 140%;
	margin-bottom: 30px;
	color: #616161;
	}
/*
div.editArea .DSeriesMidashi{
	font-weight: bold;
	font-size: 130%;
	line-height: 100%;
	background: #f2f2f2;
	padding: 4px 7px 3px;
	margin-bottom: 30px;
	color: #333333;
	}
	*/

div.editArea .DSeriesMidashi{
	font-weight: bold;
	font-size: 130%;
	line-height: 100%;
	border-bottom: 1px solid #e4e4e4;
	border-top: 1px solid #e4e4e4;
	background: #f2f2f2;
	padding: 7px 7px 5px;
	margin-bottom: 30px;
	color: #333333;
	}
div.editArea .DSeriesMidashi02{
	font-weight: bold;
	font-size: 130%;
	line-height: 100%;
	border-bottom: 1px solid #e4e4e4;
	border-top: 1px solid #e4e4e4;
	background: #f2f2f2;
	padding: 7px 7px 5px;
	color: #333333;
	}


div.editArea .h2nomalWeight{
	font-weight: normal;
	}
div.editArea .h2Line{
	padding-bottom: 3px;
	margin-bottom: 20px;
	background: url(../images/line_dot01.gif) repeat-x bottom;
	}
div.editArea .h2Line02{
	padding-bottom: 3px;
	margin-bottom: 10px;
	background: url(../images/line_dot01.gif) repeat-x bottom;
	}
a.h2DlistRedL{
	background: url(../images/list_red_l.gif) no-repeat 0 2px;
	padding: 0 0 0 16px;
	margin: 0 0 3px;
	}
div.editArea .h3Line{
	padding-bottom: 3px;
	margin-bottom: 20px;
	background: url(../images/line_dot02.gif) repeat-x bottom;
	}
div.editArea .h3Line02{
	padding-bottom: 3px;
	margin-bottom: 10px;
	background: url(../images/line_dot02.gif) repeat-x bottom;
	}
div.editArea .dSmallTxt{
	font-size: 12px;
	line-height: 18px;
}

div.editArea .grayBG{
	padding: 3px 5px 0;
	margin-bottom: 4px;
	background: #EBEBEB;
	}
div.editArea .grayBG02{
	padding: 10px 13px;
	margin-bottom: 4px;
	background: #EBEBEB;
	}


div.editArea .shohinTitle{
	line-height: 130%;
	}
div.editArea .shohinTitleNew{
	line-height: 130%;
	background: url(../../edit/images/icon_new.gif) no-repeat 0 1px;
	padding-left: 43px;
	font-weight: bold;
	overflow: visible;
	}

div.editArea .widthTxt{
	width: 500px;
	}
div.editArea .commentTop{
	line-height: 130%;
	margin-bottom: 7px;
	}
div.editArea .commentBottom{
	line-height: 130%;
	margin-top: 7px;
	}
div.editArea .centerTxt{
	text-align: center;
	}
div.editArea .grayMidashi{
	color: #666666;
	font-weight: bold;
	}
#contents div.seriesContent div.editArea .nomalMidashi{
	font-weight: normal;
	font-size: 12px;
	}


	
/*リスト画像用*/
div.editArea .dmarkGray{
	background: #808080;
	color: #ffffff;
	font-size: 82%;
	padding: 4px 5px 2px;
}
div.editArea .dmarkRed{
	background: #ffffff;
	border: 1px solid #E60012;
	color: #E60012;
	font-size: 82%;
	padding: 2px 5px 0;
}
div.editArea .dmarkRed10px{
	border: 1px solid #E60012;
	color: #E60012;
	font-size: 10px;
	padding: 2px 5px 0;
}
div.editArea .dmarkRedBg{
	background: #E60012;
	color: #ffffff;
	font-size: 82%;
	padding: 2px 5px 0;
}


.DlistGray{
	font-weight: bold;
	font-size: 112%;
	margin-bottom: 10px;
	padding: 2px 0 0 11px;
	background: url(../images/list_gray_h2.gif) no-repeat;
	}
.DlistGray02{
	padding-left: 9px;
	background: url(../images/list_gray.gif)  repeat-y;
	}
.DlistGray03{
	padding-left: 9px;
	background: url(../images/list_gray02.gif) no-repeat 0 3px;
	}

.DlistRed{
	padding-left: 12px;
	background: url(../images/list_red_s.gif) no-repeat 0 1px;
	}

.listMaru{
	list-style: none;
	}
.listMaru li{
	background: url(../images/list_maru.gif) no-repeat 0px 6px;
	padding-left: 12px;
	margin-bottom: 3px;
	line-height: 152%;
	}
.listMaruFloat{
	list-style: none;
	}
.listMaruFloat li{
	float: left;
	background: url(../images/list_maru.gif) no-repeat 0px 6px;
	padding-left: 12px;
	margin-bottom: 3px;
	margin-right: 20px;
	line-height: 152%;
	white-space: nowrap;
	}

ul.DulKome{
	margin-top: 7px;
	margin-left: 1.9em;
	line-height: 1.6em;
	}
ul.DulKome li{
	margin-bottom: 5px;
	}
span.Dkome{
	margin-left: -1.9em;
	}
.listKome{
	list-style: none;
	}
.listKome li{
	background: url(../images/list_kome.gif) no-repeat 0px 2px;
	padding-left: 16px;
	margin: 0;
	line-height: 170%;
	}
.listNewMark{
	background: url(../../edit/images/icon_new.gif) no-repeat 0px 3px;
	padding-left: 43px;
	overflow: visible;
	}
h3 span.listNewMark{
	background: url(../../edit/images/icon_new.gif) no-repeat 0px 0px;
	padding-left: 43px;
	overflow: visible;
	}	
.listVerUp{
	background: url(../../pncommon/images/icon/icon_verup.gif) no-repeat 0px 3px;
	padding-left: 43px;
	overflow: visible;
	}
.listVerUpH3{
	background: url(../../pncommon/images/icon/icon_verup.gif) no-repeat;
	padding-left: 43px;
	overflow: visible;
	}
.listGyokaiHatsu{
	background: url(../../pncommon/images/icon/icon_gyokaihatsu.gif) no-repeat 0px 3px;
	padding-left: 43px;
	overflow: visible;
	}
h3 span.listGyokaiHatsu{
	background: url(../../pncommon/images/icon/icon_gyokaihatsu.gif) no-repeat 0px 0px;
	padding-left: 43px;
	overflow: visible;
	}	
.listGyokaiSaiko{
	background: url(../../pncommon/images/icon/icon_gyokaisaiko.gif) no-repeat 0px 3px;
	padding-left: 56px;
	overflow: visible;
	}
h3 span.listClassSaiko{
	background: url(../../pncommon/images/icon/icon_classsaiko.gif) no-repeat 0px 0px;
	padding-left: 59px;
	overflow: visible;
	}	

a.DlistArrowRed{
	background: url(../../edit/images/icon_arrow_red01.gif) no-repeat 0 3px;
	padding: 0 0 0 10px;
	margin: 0 0 3px;
	}
a.DlistRedL{
	background: url(../images/list_red_l.gif) no-repeat;
	padding: 0 0 0 16px;
	margin: 0 0 3px;
	}
ul.DlistRedL{
	list-style: none;
	margin: 0;
	padding: 0;
	}
ul.DlistRedL li{
	background: url(../images/list_red_l.gif) no-repeat 0 4px;
	padding: 0 0 0 16px;
	margin: 0 0 3px;
	}
	
ul.DpageLink{
	list-style: none;
	margin: 0 0 30px;
	padding: 5px 0 0 0;
	width: 730px;
	background: #f7f7f7;
	}
ul.DpageLinkTop{
	list-style: none;
	margin: 0;
	padding: 5px 0 0 0;
	width: 730px;
	background: #f7f7f7;
	}
ul.DpageLink li{
	float: left;
	white-space: nowrap;
	margin: 0 7px 2px;
	padding: 0 0 0 14px;
	background: url(../images/list_red_s.gif) no-repeat 0px 6px;
	}
ul.DpageLink li.noList{
	background: none;
	font-weight: bold;
	padding: 0;
	}

ul.DpageLinkNoBG{
	list-style: none;
	margin: 0 0 30px;
	padding: 5px 0 0 0;
	}
ul.DpageLinkNoBG li{
	float: left;
	white-space: nowrap;
	margin: 0 7px 2px;
	padding: 0 0 0 14px;
	background: url(../images/list_red_s.gif) no-repeat 0px 6px;
	}

.muryoBox{
	background: #fee6e6;
	border: 1px solid #febcbc;
	line-height: 1.4;
	padding: 13px 7px;
}
.muryoBox a{
	color: #0468cc;
	text-decoration: underline;
	background: url(../images/icon/icon_muryo.gif) no-repeat;
	overflow: visible;
	padding-left: 39px;
	padding-bottom: 2px;
	font-weight: bold;
}
head/* */body .muryoBox a{
	padding-bottom: 2px;
}

/*List画像用（最下部シリーズのおすすめ用）*/
#contents ul.DseriesDowmloadList{
padding: 7px 0 10px 0;
}

#contents ul.DseriesDowmloadList li{
display: inline;
font-size: 102%;
margin: 0 22px 0 0;
}

#contents ul.DseriesDowmloadList a.news{
background: url(../images/icon/icon_dl_orange.gif) no-repeat 0px 0px;
padding: 4px 0 5px 27px;
}
#contents ul.DseriesDowmloadList a.catalog{
background: url(/css/images/icon_dl_catalog.gif) no-repeat 0px 0px;
padding: 4px 0 5px 27px;
}


/*PAGE TOP*/
div.editArea .DpageTop{
	margin-top: 20px;
	text-align: right;
	}
	
/*Flashボーダー*/
div.editArea .flashBorder{
	border: 1px solid #333333;
	padding: 1px;
	width: 640px;
	margin-left: auto;
	margin-right: auto;	
}

/*indexページ用BOX*/
div.editArea .indexList{
	margin-bottom: 30px;
}
div.editArea .indexList dl{
	margin: 0;
	padding: 0;
}
div.editArea .indexList dt{
	float: left;
	width: 180px;
	margin: 0 20 0 0;
	padding: 0;
	display: inline;
}
div.editArea .indexList dd{
	float: right;
	width: 530px;
	margin: 0;
	padding: 0;
}


/*コンテンツ商品BOX*/
div.editArea .cBox60{
	margin-bottom: 60px;
	}
div.editArea .cBox40{
	margin-bottom: 40px;
	}
div.editArea .cBox20{
	margin-bottom: 20px;
	}
div.editArea .cBox10{
	margin-bottom: 10px;
	}
div.editArea .cBox5{
	margin-bottom: 5px;
	}

/*マージン用*/
div.editArea .mg10{
	margin: 10px;
}
div.editArea .mg20{
	margin: 20px;
}

div.editArea .mgR40{
	margin-right: 40px;
	}
div.editArea .mgR20{
	margin-right: 20px;
	}
/*パディング用*/
div.editArea .pd10{
	padding: 10px;
	}
div.editArea .pd20{
	padding: 20px;
	}

/*2段組フロート*/
div.editArea .lBox02{
	width: 345px;
	float: left;
	margin-right: 40px;
	/*IE6用に設定*/
	display: inline;
	}
div.editArea .rBox02{
	float: left;
	width: 345px;
	}
/*2段組フロートVer.2*/
div.editArea .lBox02_2{
	width: 460px;
	float: left;
	margin-right: 40px;
	/*IE6用に設定*/
	display: inline;
	}
div.editArea .rBox02_2{
	float: left;
	width: 230px;
	}
/*2段組フロートVer.3（真ん中矢印用）*/
div.editArea .lBox02_3{
	width: 320px;
	float: left;
	/*IE6用に設定*/
	display: inline;
	}
div.editArea .cBox02_3{
	width: 90px;
	float: left;
	/*IE6用に設定*/
	display: inline;
	}
div.editArea .rBox02_3{
	float: left;
	width: 320px;
	display: inline;
	}
/*2段組フロートVer.4*/
div.editArea .lBox02_4{
	width: 230px;
	float: left;
	margin-right: 40px;
	/*IE6用に設定*/
	display: inline;
	}
div.editArea .rBox02_4{
	float: left;
	width: 460px;
	}


/*3段組フロート*/
div.editArea .lBox03{
	width: 230px;
	float: left;
	margin-right: 20px;
	/*IE6用に設定*/
	display: inline;
	}
div.editArea .rBox03{
	float: left;
	width: 230px;
	}

/*4段組フロート*/
div.editArea .lBox04{
	width: 172px;
	float: left;
	margin-right: 14px;
	/*IE6用に設定*/
	display: inline;
	}
div.editArea .rBox04{
	float: left;
	width: 172px;
	}



/*TOPページ用商品画像へのテキスト横付*/
div.cImg{
	float: left;
	}
div.cImg p {  
	display: table-cell;  
	vertical-align: middle;  
	margin: 0;  
}  
* html .cImg p {  
	display: inline;  
	zoom: 1;  
}  
*:first-child+html .cImg p {  
	display: inline;  
	zoom: 1;  
}

div.cImg02{
	float: left;
	}
div.cImg02 p {  
	display: table-cell;  
	vertical-align: bottom;  
	margin: 0;  
}  
* html .cImg02 p {  
	display: inline;  
	zoom: 1;  
}  
*:first-child+html .cImg02 p {  
	display: inline;  
	zoom: 1;  
}

	

/*表組みテーブルレイアウト
テキストポジション　全てLEFT*/
#contents div.seriesContent div.editArea table.tableStyle01 {
  margin-bottom: 0.2em;
	border-top: 1px #b3b3b3 solid;
	border-left: 1px #b3b3b3 solid;
  font-size: 80%;
	margin: 0;
	}
#contents div.seriesContent div.editArea table.tableStyle01 caption {
  margin-top: 1em;
	text-align: left;
}
#contents div.seriesContent div.editArea table.tableStyle01 th,
#contents div.seriesContent div.editArea table.tableStyle01 td {
  padding: 4px 6px;
	border-right: 1px #b3b3b3 solid;
	border-bottom: 1px #b3b3b3 solid;
}
#contents div.seriesContent div.editArea table.tableStyle01 th {
  background: #cccccc;
  text-align: center;
  white-space: nowrap;
	text-align: left;
	font-weight: normal;
}
#contents div.seriesContent div.editArea table.tableStyle01 col.midashi {
  background: #eeeeee;
}

/*表組みテーブルレイアウト
テキストポジション　全てCENTER*/
#contents div.seriesContent div.editArea table.tableStyle02 {
	margin-left: 0;
	margin-right: 0;
  margin-bottom: 0.2em;
	border-top: 1px #b3b3b3 solid;
	border-left: 1px #b3b3b3 solid;
  font-size: 80%;
}
#contents div.seriesContent div.editArea table.tableStyle02 caption {
  margin-top: 1em;
	text-align: left;
}
#contents div.seriesContent div.editArea table.tableStyle02 th,
#contents div.seriesContent div.editArea table.tableStyle02 td {
  padding: 4px 6px;
	border-right: 1px #b3b3b3 solid;
	border-bottom: 1px #b3b3b3 solid;
	text-align: center;
}
#contents div.seriesContent div.editArea table.tableStyle02 th {
  background: #cccccc;
  text-align: center;
  white-space: nowrap;
	text-align: center;
	font-weight: normal;
}
#contents div.seriesContent div.editArea table.tableStyle02 col.midashi {
  background: #eeeeee;
}
#contents div.seriesContent div.editArea table.tableStyle02 col.midashiWhite {
  background: #fff;
}


/*表組みテーブルレイアウト
テキストポジションなし*/
#contents div.seriesContent div.editArea table.tableStyle03 {
	margin-left: 0;
	margin-right: 0;
  margin-bottom: 0.2em;
	border-top: 1px #b3b3b3 solid;
	border-left: 1px #b3b3b3 solid;
  font-size: 80%;
}
#contents div.seriesContent div.editArea table.tableStyle03 caption {
  margin-top: 1em;
	text-align: left;
}
#contents div.seriesContent div.editArea table.tableStyle03 th,
#contents div.seriesContent div.editArea table.tableStyle03 td {
  padding: 4px 6px;
	border-right: 1px #b3b3b3 solid;
	border-bottom: 1px #b3b3b3 solid;
}
#contents div.seriesContent div.editArea table.tableStyle03 th {
  background: #cccccc;
  white-space: nowrap;
	font-weight: normal;
}
#contents div.seriesContent div.editArea table.tableStyle03 col.midashi {
  background: #eeeeee;
}

/*表組みテーブルレイアウト（テーブル内用テーブル）
テキストポジション　全てLEFT*/
#contents div.seriesContent div.editArea table.tableStyle01Inner {
  margin-bottom: 0.2em;
	border-top: 1px #b3b3b3 solid;
	border-left: 1px #b3b3b3 solid;
  font-size: 100%;
	margin: 0;
	}
#contents div.seriesContent div.editArea table.tableStyle01 caption {
  margin-top: 1em;
	text-align: left;
}
#contents div.seriesContent div.editArea table.tableStyle01 th,
#contents div.seriesContent div.editArea table.tableStyle01 td {
  padding: 4px 6px;
	border-right: 1px #b3b3b3 solid;
	border-bottom: 1px #b3b3b3 solid;
}
#contents div.seriesContent div.editArea table.tableStyle01 th {
  background: #cccccc;
  text-align: center;
  white-space: nowrap;
	text-align: left;
	font-weight: normal;
}
#contents div.seriesContent div.editArea table.tableStyle01 col.midashi {
  background: #eeeeee;
}
/*表組みテーブルレイアウト（テーブル内用テーブル）
ボーダーなし*/
#contents div.seriesContent div.editArea table.tableNoBorder,
#contents div.seriesContent div.editArea table.tableNoBorder th,
#contents div.seriesContent div.editArea table.tableNoBorder td{
	border: none;
}


/*グレー罫線ボックス*/
#contents div.seriesContent div.editArea table.grayBox{
	border: 1px solid #b3b3b3;
	padding: 0;
	margin: 0;
	}
#contents div.seriesContent div.editArea .grayBox02{
	border: 1px solid #b3b3b3;
	background: #f7f7f7;
	padding: 5px;
	margin: 0;
	}
#contents div.seriesContent div.editArea .grayBox02_02{
	border: 1px solid #b3b3b3;
	background: #f7f7f7;
	padding: 10px;
	margin: 0;
	}
#contents div.seriesContent div.editArea .grayBox03{
	border: 1px solid #b3b3b3;
	background: #ffffff;
	padding: 5px;
	margin: 0;
	}
#contents div.seriesContent div.editArea .grayBox04{
	border: 1px solid #b3b3b3;
	background: #f7f7f7;
	padding: 3px 7px 1px;
	margin: 0;
	}
#contents div.seriesContent div.editArea .grayBox05{
	border: 1px solid #b3b3b3;
	background: #fff;
	padding: 10px;
	margin: 0;
	}

#contents div.seriesContent div.editArea .grayBoxBackInGray{
	border: 1px solid #cccccc;
	background: #fafafa;
	padding: 10px;
}

/*レッド罫線ボックス*/
#contents div.seriesContent div.editArea .redBox{
	border: 1px solid #f0cacf;
	background: #fff0f0;
	padding: 5px 5px 3px;
	margin: 0;
	}
