﻿/* ****************************************************************************
  ショップ専用スタイルシート
**************************************************************************** */
@import url('cmusic.css');

.index #sidebar li#index a,
.cart #sidebar li#cart a,
.products #sidebar li#products a,
.p_sm #sidebar li#p_sm a,
.p_bp #sidebar li#p_bp a,
.p_pd #sidebar li#p_pd a,
.p_ep #sidebar li#p_ep a,
.p_es #sidebar li#p_es a,
.p_pv #sidebar li#p_pv a,
.p_lt #sidebar li#p_lt a,
.p_pm #sidebar li#p_pm a,
.p_pc #sidebar li#p_pc a,
.dlproducts #sidebar li#dlproducts a,
.palette #sidebar li#palette a,
.exkit #sidebar li#exkit a,
.expod #sidebar li#expod a,
.escorelist #sidebar li#escorelist a,
.user #sidebar li#user a,
.versionup #sidebar li#versionup a,
.upgrade #sidebar li#upgrade a,
.help #sidebar li#help a,
.help_flow #sidebar li#help_flow a,
.help_payment #sidebar li#help_payment a,
.help_delivery #sidebar li#help_delivery a,
.help_return #sidebar li#help_return a,
.help_academic #sidebar li#help_academic a,
.help_faq #sidebar li#help_faq a,
.legal #sidebar li#legal a
{
    color:White;
    background-color:#7b0;
}

/* ----------------------------------------------------------------------------
  オーバーライド
---------------------------------------------------------------------------- */
.caption
{
	font-size: 10pt;
}

.icon p.comment
{
	padding-right: 2em;
}

/* ----------------------------------------------------------------------------
  カートを見る
---------------------------------------------------------------------------- */
div#viewcart
{
	background-color: #b9d08b;
	text-align: right;
	margin: 0 0 0 auto;
}

/* ----------------------------------------------------------------------------
  テーブル共通
---------------------------------------------------------------------------- */
table
{
	margin: 0.5em auto;
	width: 90%;
	border: 1px solid #333;
	border-collapse: collapse;
	empty-cells: show;
	caption-side: top;
	text-align: center;
	vertical-align: middle;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
}

table td
{
	padding: 0.2em 1em;
	border-width: 1px;
	border-style: solid;
}

table th
{
	padding: 0.2em 0.3em;
	border-width: 1px;
	border-style: solid;
	background-color: #e5abbe;
}

table.cart
{
}

table.customer
{
}

/* ----------------------------------------------------------------------------
  カートの中身
---------------------------------------------------------------------------- */
td.price
{
	text-align: right;
}

tr.total
{
	background-color: #f2f2b0;
	font-weight: bold;
}

/* ----------------------------------------------------------------------------
  フォーム全般
---------------------------------------------------------------------------- */
fieldset.regist
{
	background-color: #f8f4e6;
}

fieldset.regist ol
{
	margin: 0;
	padding: 1em;
}

fieldset.regist li
{
	list-style: none;
	margin: 0.5em 1em 0 0;
}

fieldset.regist label
{
	display: inline-block;
	line-height: 1.2;
	text-align: right;
	vertical-align: top;
	width: 150px;
}

em
{
	color: #e95464;
}

fieldset.regist .comment
{
	margin: 2px 10px 0 150px;
	font-size: 88%;
	color: #ea5550;
}

ul.error
{
	color: Red;
}

p.error
{
	color: Red;
}

h3
{
	margin-top: 1.5em;
}

#main div.icon
{
	width: 120px;
	float: left;
}

#main div.icon img
{
	margin: 0;
}

#main div.explain
{
	width: 460px;
	float: left;
}

#main div.explain p
{
	margin: 0;
	padding: 0 10px;
}

#main div.explain dt
{
	font-size: 1.2em;
	padding-left: 0.5em;
	border-left: solid 0.6em #00a497;
	border-bottom: dotted 1px #00a497;
}

#main div.explain dd
{
	font-size: 1.2em;
}

.retail
{
	margin: auto;
	font-size: 1.4em;
	font-weight: bold;
	color: #c9171e;
}

.sale
{
	font-size: 1.8em;
	font-weight: bold;
	color: #c9171e;
}

.comment
{
	font-size: 0.8em;
	font-weight: normal;
	color: #c9171e;
}

#main div.price
{
	clear: both;
	margin: 10px 0;
	padding: 10px;
	background-color: #ede4cd;
}

#main div.price .standard
{
	font-size: 1.0em;
	color: #192f60;
}

#main div.price .normal
{
	font-size: 1.0em;
	color: #192f60;
}

#main div.escoreexplain
{
	width: 460px;
	float: left;
}

form
{
	margin: 8px 0;
}

button
{
	width: 140px;
	margin: 0;
}

/* ----------------------------------------------------------------------------
  Verisign
---------------------------------------------------------------------------- */
div.verisign
{
	float: right;
	width: 440px; /*border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #f0908d;
	*/
	padding: 8px;
	background-color: #e6cde3;
}


div.verisign p
{
	margin-top: 0;
	width: 330px;
	float: left;
}

div.verisign .vslogo
{
	width: 100px;
	float: right;
}

/* ----------------------------------------------------------------------------
 アカデミックのリンクを強調
---------------------------------------------------------------------------- */
.academic a
{
	text-decoration: none;
	font-weight: bold;
	color: #f22;
	padding-left: 18px;
	background: url( '../images/button/zn_fordetaila.gif' ) no-repeat left center;
}


