/* CSS Document */

/*===========================
INDEX
-----------------------------
 1. ClearFix
 2. 製品ラインナップ
 2. 製品ラインナップ詳細
 3. 価格部
 4. タブ切り替え部
 5. カートに入れる部
 6. エラーメッセージ
 7. ページ下のショップの注意事項など
 8. その他
 9. 価格・ご購入一覧
10. アイコン
11. 製品構成

============================*/


/*===========================
■ 1.ClearFix
============================*/
.LineupBrowser ul.LineupList:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.LineupBrowser ul.LineupList {
	display: inline-block;
	zoom: 100%;
}
.ichiran ul.pagelink:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.ichiran ul.pagelink {
	display: inline-block;
	zoom: 100%;
}
.ichiran .lineup_pro7 ul:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.ichiran .lineup_pro7 ul {
	display: inline-block;
	zoom: 100%;
}
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.clearfix {
	/*display: inline-block;*/
	zoom: 100%;
}
.clear0 {
	clear:both;
}

/*===========================
■ 2.製品ラインナップ
============================*/
ul.productLineup {
	margin:0 15px 20px 15px;
}
ul.productLineup li {
	float:left;
	margin:0 15px 0 0;
	width:173px;
	height:235px;
	list-style:none;
}
ul.productLineup li a {
	background:url(img/price/bk_lineup.jpg) left top no-repeat;
	display:block;
	height:235px;
	text-decoration:none;
}
ul.productLineup li a:hover {
	background:url(img/price/bk_lineup_ov.jpg) left top no-repeat;
	text-decoration:underline;
}
ul.productLineup li div {
	height:160px;
	padding-top:20px;
	text-align:center;
}
ul.productLineup li p {
	font-size:85%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:12px 0 0 40px;	/* 11.05.31 margin-topを14→12に変更 */
	font-weight:bold;
	line-height: 120%;	/* 11.05.31 追加 */
}

/*===========================
■ 2.製品ラインナップ詳細
============================*/
div.LineupDetail {
	width: 900px;
	margin: 0;
	padding: 0;
	text-align: left;
}
.detail h3 {
	margin: 0;
	padding: 0;
	font-size: 75%;
	font-weight: bold;
}
.LineupDetail .detail_L {
	float:left;
	width:188px;
	text-align:center;
}
.LineupDetail .detail_R {
	float:left;
	width:710px;
}
.LineupDetail p, .LineupDetail li {
	font-size: 75%;
	color: #333333;
	line-height: 140%;
}
.LineupDetail ul {
	margin: 0 0 0.7em 0;
}
.LineupDetail ul.shousai {
	margin:30px 0 0 0;
}
.LineupDetail ul.shousai li {
	width:705px;
	list-style-image:url(img/price/arrow_right.jpg);
	text-align:right;
	margin:0;
}
.LineupDetail ul.guidebook {
	margin:0 0 5px 0;
	padding-left:0px;
	list-style-type:none;
}
.LineupDetail ul.guidebook li {
	font-size:70%;
	padding-left:230px;
	margin:0 0 2px 5px;
	background:url(img/price/arrow_right.jpg) 218px no-repeat;
}
.LineupDetail ul.cam {
	margin:10px 0 5px 0;
	padding-left:0px;
	list-style-type:none;
}
.LineupDetail ul.cam li {
	font-size:75%;
	padding-left:16px;
	margin:0px;
	background:url(img/price/arrow_yellow.gif) left no-repeat;
}
.LineupDetail table {
	margin-bottom:10px;
}
.LineupDetail table td {
	vertical-align:top;
}

/*===========================
■ 3.価格部
============================*/
.LineupDetail .Price {
	/*width: 700px;*/
	width:100%;
	margin-bottom:10px;
	background:url(img/price/bk_Price.jpg) repeat-x;
}
.LineupDetail .Price h3 {
	margin: 10px 0 7px 0;
	font-size: 90%;
	color:#333366;
}
.LineupDetail .Price h3.gentei {
	margin: 10px 0 2px 0;
	font-size: 90%;
	color:#333366;
}
.LineupDetail .Price h4 {
	color: #FF6633;
	font-size: 87.5%;
}
.LineupDetail .Price dl {
	width: 360px;
	clear: both;
	margin: 0;
	padding: 0;
}
.LineupDetail .Price dl dt {
	float: left;
	margin: 0;
	padding: 0 5px 0 15px;
	width: 100px;
	font-size: 75%;
	color: #5D5D5D;
}
.LineupDetail .Price dl dd {
	float: right;
	margin: 0;
	padding: 0 0 5px;
	width: 240px;
	font-size: 75%;
	color: #5D5D5D;
	text-align: left;
	font-weight: normal;
}
.LineupDetail .Price .PriceBox_l {
	float:left;
	width:400px;
	padding-right:10px;
	padding-left:10px;
}
.LineupDetail .Price .PriceBox_r {
	float:left;
	margin-top:10px;
	padding-bottom:10px; /* IE用 */
	width:280px;
	font-size:75%;
}
.LineupDetail .Price .PriceBox_r .caution {
	margin-top:10px;
	padding:5px;
	/*width:270px;*/
	background:#fff;
	border:1px dashed #ccc;
}
.LineupDetail .Price .PriceBox_r .caution div {
	font-weight:bold;
	margin:2px 0 5px 0;
	color:#444;
}
.LineupDetail .Price .PriceBox_r .caution ul {
	margin:0 0 5px 0;
	padding-left:0px;
	list-style-type:none;
}
.LineupDetail .Price .PriceBox_r .caution ul li {
	font-size:90%;
	padding-left:10px;
	margin:0 0 2px 5px;
	background:url(img/price/arrow_cur.gif) left 3px no-repeat;
}
.LineupDetail .Price .PriceBox_r .caution p {
	margin:0;
	font-size:90%;
}

.LineupDetail .Price .PriceBox_r .jancode {
	margin-top: 0.4em;
	font-size: 100%;
	text-align: right;
}

.LineupDetail .Price dl dd strong {
	font-size: 133%;
	line-height: 100%;
	font-weight: bold;
	color: #990000;
}
#MainArea960_row1 .LineupDetail h2.otherL {
	background:url(img/tool/ttl_bk_h2_other.gif) top left no-repeat;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	font-size:130%;
	color:#333;
	padding:3px 0 3px 12px;
	margin:10px 0 14px 0;
	letter-spacing:-0.03em;
}

/*===========================
■ 4.タブ切り替え部
============================*/

/*  タブ風ボタン */
.ContentInner .TabbedPanelsTabGroup {
	margin: 0;
	padding: 0;
	list-style-type: none;
	clear: both;
	width: 570px;
	height: 31px;
	display: block;
}
.ContentInner .TabbedPanelsTab {
	position: relative;
	top: 0;
	float: left;
	font-weight: normal;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	text-align: center;
	border: none;
	overflow: hidden;
	display: block;
	margin: 0;
	width:168px;
	height:24px;
	background-repeat: no-repeat;
	background-position: 0px -71px;
	color:#fff;
	font-weight:bold;
}
.ContentInner .TabbedPanelsTab {
	font-size: 12px;
	line-height:30px;
	background-color:transparent;
	background-position: 4px -71px;
}
.ContentInner .TabbedPanelsTab#Tab1 {
	background-image: url(img/price/tab_newuser.gif);
}
.ContentInner .TabbedPanelsTab#Tab2 {
	background-image: url(img/price/tab_vup.gif);
}
.ContentInner .TabbedPanelsTab#Tab3 {
	background-image: url(img/price/tab_other.gif);
}
.ContentInner .TabbedPanelsTab02#Tab4 {
	background-image: url(img/price/tab_none.gif);
}
.ContentInner .TabbedPanelsTabHover {
	background-position: 4px 0px;
	color:#333;
	font-weight:bold;
}
.ContentInner .TabbedPanelsTabSelected {
	background-position: 4px 0;
	color:#333;
	font-weight:bold;
}
.ContentInner .TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}
/* タブ切り替えされるコンテンツ */

.ContentInner .TabbedPanelsContentGroup {
	clear: both;
	border: 0 none;
	background-color: #FFFFFF;
	padding: 0;
	margin: 0;
}
.ContentInner .TabbedPanelsContent {
	padding: 0;
}
.TabbedPanels {
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/*===========================
■ 5.カートに入れる部
============================*/

.LineupDetail .CartInForm {
	width: 346px;
	background-color: #E4D5CF;
	padding: 10px;
	margin-bottom:10px;
	color: #000000;
}
.LineupDetail .CartInForm p {
	color: #000000;
	margin: 0 0 0.4em 0;
}
.LineupDetail .CartInForm label {
	font-size: 75%;
	color: #000000;
	width: 346px;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
	display: block;
}
.LineupDetail .CartInForm label span {
	font-weight: normal;
}
.LineupDetail .CartInForm select {
	font-size: 120%;
}
.CartInForm .GoCartBox {
	background-color: #F8F4F3;
	padding: 10px 0;
	margin: 5px 0 0 0;
	text-align: center;
}

/*===========================
■ 6.エラーメッセージ
============================*/
.checkboxRequiredState .checkboxRequiredMsg, .selectRequiredState .selectRequiredMsg, .selectInvalidState .selectInvalidMsg, .textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .textfieldMinValueState .textfieldMinValueMsg, .textfieldMaxValueState .textfieldMaxValueMsg, .textfieldMinCharsState .textfieldMinCharsMsg, .textfieldMaxCharsState .textfieldMaxCharsMsg {
	display: block;
	border: 1px solid #CC3333;
	padding: 3px;
	margin: 5px 0 0 0;
	font-size: 100%;
	font-weight: bold;
	color:#CC3333;
}
noscript p.Error {
	display: block;
	padding: 3px;
	margin: 5px 0 0 0;
	font-size: 75%;
	font-weight: normal;
	color: #5D5D5D;
	border: 1px solid #CC3333;
}
noscript p.Error em {
	display: block;
	padding: 0;
	margin: 0;
	font-weight: bold;
	color: #CC3333;
	font-style: normal;
	display: block;
}

/*===========================
■ 7.ページ下のショップの注意事項など
============================*/
.MegaSupport {
	border: 1px solid #0099FF;
	background-color: #BFEBFF;
	width: 548px;
	padding: 5px 10px 10px;
	margin: 20px 0 0 0;
	text-align: left;
}
.MegaSupport h3 {
	font-size: 75%;
	font-weight: bold;
	margin: 5px 0 10px 0;
	padding: 0;
	border: none;
	color: #000000;
}
.MegaSupport .Pragraph {
	background-color: #E1F5FF;
	width: 538px;
	margin: 0;
	padding: 0 5px;
}
.MegaSupport .Pragraph h4 {
	font-size: 75%;
	margin: 0;
	padding: 10px 0 3px;
	display: block;
	color: #000000;
}
.MegaSupport .Pragraph p {
	font-size: 75%;
	margin: 0 1.5em 0.5em;
	padding: 0;
}
.AboutShop {
	border: 1px solid #666666;
	background-color: #cccccc;
	width: 548px;
	padding: 5px 10px 10px;
	margin: 20px 0 0 0;
	text-align: left;
}
.AboutShop h3 {
	font-size: 75%;
	font-weight: bold;
	margin: 5px 0 10px 0;
	padding: 0;
	border: none;
	color: #000000;
}
.AboutShop .Pragraph {
	background-color: #eeeeee;
	width: 538px;
	margin: 0;
	padding: 0 5px;
}
.AboutShop .Pragraph h4 {
	font-size: 75%;
	margin: 0;
	padding: 10px 0 3px;
	display: block;
	color: #000000;
}
.AboutShop .Pragraph p {
	font-size: 75%;
	margin: 0 1.5em 0.5em;
	padding: 0;
}

/*===========================
■ 8.その他
============================*/
/*// ページの上部に戻る //*/ 
div.PageTopLinenup {
	margin: 0;
	text-align: right;
	clear: both;
	display: block;
	width: 570px;
}

/*// キャンペーンバナー //*/
.CampaginBanner {
	float: left;
	margin: 0;
	padding: 0 5px 0 0;
}

/*===========================
■ 9.価格・ご購入一覧
============================*/

/*-- html reset --*/

#price .ichiran ul {
	margin:0;
	padding:0;
}
#price .ichiran li {
	list-style: none;
	padding:0;
	margin:0;
}
#price .ichiran h2 {
	margin:0;
}
/*-- ページ内リンク --*/
#price ul.pagelink {
	background:url(img/price/bk_pagelink.jpg) left top no-repeat;
	width:960px;
	margin:0 0 15px 0;
}
#price ul.pagelink li {
	list-style:none;
	float:left;
}
#price ul.pagelink li a {
	display:block;
	font-size:80%;
	font-weight:bold;
	text-decoration:none;
	padding:16px 0 16px 44px;
	margin:0 10px 0 0;
	background: url(img/price/ar_price.gif) 14px 9px no-repeat;
}
#price ul.pagelink li a:hover {
	text-decoration:underline;
}
#price ul.pagelink li.kousei {
	display:block;
	float: right;
	padding-left:0;
	padding-right:0;
}
#price ul.pagelink li.kousei a {
	color:#fff;
	text-decoration:none;
	background:none;
	font-weight:normal;
}
#price ul.pagelink li.kousei a:hover {
	text-decoration:underline;
}

/*-- 見出し --*/
#MainArea960_row1 #price h2.other {
	background:url(img/tool/ttl_bk_h2_other.gif) top left no-repeat;
	margin:0 0 10px 15px;
	padding:4px 0 4px 15px;
	font-weight:bold;
	font-size:130%;
	color:#333;
}

/*-------------------------------
 PRO7 ラインナップ
-------------------------------*/
#price .ichiran .lineup_pro7 {
}
#price .ichiran .lineup_pro7 .lineup_pro7_left {
	float:left;
	width: 457px;
	margin-right:15px;
	background:#fff;
}
#price .ichiran .lineup_pro7 .lineup_pro7_right {
	float:right;
	width: 457px;
	background:#fff;
}

/*-- PRO7 1段目 --*/
#price .ichiran .lineup_pro7 div.top {
	clear:both;
	margin:15px 15px;
}
#price .lineup_pro7 div.top img {
	display:block;
	float:left;
	margin:0 10px 0 0;
}
#price .ichiran .lineup_pro7 li img.pkg_L {
	padding-right:10px;
}

/*-- PRO7 2段目以降 --*/
#price .lineup_pro7 ul {
	clear:both;
	margin:0 15px 15px 15px;
	width:427px;
	height:165px;
	background:#eee;
}
#price .ichiran .lineup_pro7 li {
}
#price .ichiran .lineup_pro7 li.pkg {
	float:left;
	width:85px;
	margin:0 0 0 10px;
	display:inline; /*IE6用*/
}
#price .ichiran .lineup_pro7 li.txt {
	float:left;
	width:322px;
	margin:0 10px 0 0;
	display:inline; /*IE6用*/
}

/*-- 機能ファンクション --*/
#price table.func {
	width:280px;
	margin-bottom:6px;
}
#price table.func td {
	width:50%;
	padding:2px;
	color:#979797;
	background:#d1d1d1;
	text-align:center;
}
#price table.func td.on {
	color:#fff;
	background:#727ae6;
}

/*-- 見出し再定義 --*/
#price .ichiran .lineup_pro7 h2 {
	margin:0;
	padding:0;
}

/*-- 見出し テキスト --*/
#price .lineup_pro7 li div {
	margin:10px 10px 6px 10px;
	font-size:130%;
	font-weight:bold;
	color:#222;
	line-height:132%;
}
#price .lineup_pro7 em {
	display:block;
	margin:0 0 6px 0;
	font-style:normal;
	font-size:120%;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:130%;
}
#price .ichiran .lineup_pro7 div.top p {
	font-size:85%;
}

/* ボタン -- オンラインショップの価格を見る */
#price .lineup_pro7 .btn {
	text-align:right;
}

/*-------------------------------
 専用素材集 ラインナップ
-------------------------------*/
/*-- ボックス一番左 --*/
#price .lineup_col3start {
	float:left;
	width:290px;
}
#price .lineup_col3start li.Left {
	width:90px;
	text-align:center;
}
#price .lineup_col3start li.Right {
	width:190px;
}

/*-- ボックスその他 --*/
#price .lineup_col3 {
	float:left;
	width:290px;
	border-left:1px dotted #ccc;
}
#price .lineup_col3 li.Left {
	width:90px;
	text-align:center;
}
#price .lineup_col3 li.Right {
	width:190px;
}
#price .lineup {
	margin:0 0 15px 0;
}
#price .lineup ul {
	margin:0 10px 10px 0;
}
#price .lineup ul li {
	float:left;
	margin:0;
	list-style:none;
}

/*-- 見出し テキスト --*/
#price .lineup li div {
	margin:0 0 6px 0;
	font-size:120%;
	font-weight:bold;
	color:#222;
}

/*-------------------------------
 書籍、その他 ラインナップ
-------------------------------*/
/*-- ボックス左 --*/
#price .lineup_left {
	clear:both;
	float:left;
	width:448px;
	border-right:1px dotted #ccc;
}
#price .lineup_left li.Left {
	width:90px;
}
#price .lineup_left li.Right {
	width:340px;
}

/*-- ボックス右 --*/
#price .lineup_right {
	float:left;
	width:450px;
}
#price .lineup_right li.Left {
	width:90px;
	text-align:center;
}
#price .lineup_right li.Right {
	width:340px;
}

/*===========================
■ 10.アイコン
============================*/

/*-- gentei --*/
.gentei {
	padding:2px;
	margin-top:2px;
	margin-bottom:10px;
	width:142px;
	font-size:10px;
	text-align:center;
	color:#ff0000;
	background:#ffffbb;
	border:1px solid #ff5353;
	font-weight:normal;
}

/*===========================
■ 11.製品構成
============================*/
#price TABLE.price_set {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	margin:0 0 20px 0;
}
#price TABLE.price_set TH, #price TABLE.price_set TD {
	font-size: 75%;
	border: 1px solid #AAAAAA;
}
#price TABLE.price_set TH {
	text-align: center;
	vertical-align: middle;
	background-color: #333333;
	color: #FFFFFF;
	font-weight: normal;
	padding: 5px;
}
#price TABLE.price_set TD {
	text-align:center;
	vertical-align: middle;
	padding: 5px 3px;
}
#price TABLE.price_set TD span {
	font-size: 85%;
}
#price TABLE.price_set TD.pd_name {
	background-color: #FFE0E0;
	text-align: left;
	vertical-align: top;
	padding: 5px;
}

/*-- premium --*/
#price TABLE.price_set TD.pd_namep {
	background-color: #E6D9E8;
	text-align: left;
	vertical-align: top;
	padding: 5px;
}

/*-- オプション製品 --*/
#price TABLE.price_set TD.pd_nameo {
	background-color: #EEEEEE;
	text-align: left;
	vertical-align: top;
	padding: 5px;
}

/*-- 備考欄 --*/
#price TABLE.price_set TD.pd_memo {
	text-align: left;
}