@charset "UTF-8";
@import url("../../ss/default.css");
/*common*/
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	line-height: 140%;
	color: #666;
	background-color: #fff;
	background-image: url(../../img/bg.gif);
	text-align: center;
	*font-size: small; /*ie全般はsmall*/
	*font; x-small; /*ie6-7後方互換モードはx-small*/
}
#wrap {
	width: 780px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃え */
	text-align: left; /* body エレメントの text-align: center より優先 */
}
#header {
	width: 100%;
	padding: 20px 0 0 0;
}
#content {
	padding: 0 20px;
	/*text-align: center;*/
	margin-top: 20px;
	clear: both;
	width: 90%;
}
#footer {
	padding: 20px 10px; /* 余白は、上に表示されるdivのエレメントの左揃えと一致 */
	margin-top: 26px;
	text-align: center;
	clear: both;
}
#footer p {
	padding: 10px 0; /* 余白により、マージンの相殺を発生させることなくマージンの効果と同様にスペースが設定 */
}
p { margin-top: 13px; }
p.l2t a {
	padding-left: 430px;
	font-size: 11px;
}
.sml { font-size: 90%; }

/*template-wigs固有*/
/*header tcs-items.dwtと共通 tcs-top.lbi用*/
#kago {
	width: 100%;
	clear: both;
} 
input.check {
	border:outset 1px #ccc;
	background:#999;
	color: #333;
	background: url(../ims/button_bg.gif) repeat-x left top;
	padding: 1px 2px 0 2px;
	font-size: 12px;
	cursor: pointer;
} /*ボタンのスタイルclass=checkは未設定*/
#kago img { 
	padding: 0 10px 0 660px;
	float: left;
}
ul#shop-navi li {
	display: inline;
	padding: 0 5px;
	font-size: 97%;
}
ul#shop-navi {	
	padding-top: 10px;
	text-align: center;
}
/*main 商品ページ*/
#content h2 { /*商品名（番号）*/
	font-size: 130%;
	padding: 10px;
	color: #444;
}
#content img { /*全商品画像*/
	margin: 8px;
}

.thum { /*商品サムネイル-テーブル利用向け*/
	float: left;
	margin: 0 10px 7px 0;
	text-align: center;
}
em, .out {  /*sould out*/
	font-size: 90%;
	color: #F33;
	font-style: italic;
}
#pics { /*商品ページ 画像area*/
	width: 90%;
	margin: 0 auto;	
}
.model { /*商品ページ 商品番号area*/
	float: left;
	width: 80%;
	padding: 5px;
}
.button { /*商品ページ ボタンarea*/
	float: right;
	width: 18%;
}
input.cart {
	border:outset 1px #ccc;
	background:#999;
	color: #333;
	padding: 1px 3px 0 3px;
	font-size: 12px;
	cursor: pointer;
	background-image: url(../ims/button_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#detail { /*商品特徴説明area*/
	width: 95%;
	background-color: #FFDFFF;
	padding: 5px;
	clear: both;
}
.addition { /*ツールページだけ利用*/
	margin-top: 13px;
	font-size: 95%;
	font-style: italic;
}
.toolprice {
	text-align: right;
	float: left;
	width: 80%;
	padding-right: 13px;
}
.t-button {
	padding-top: 13px;
}
#comp { /*商品ページ商品比較ページ用ブロック*/
	width: 60%;
	margin: 0 auto;
	text-align: center;
}
/*footer*/
ul#wig {
	margin: 10px 0 20px 0;
}
ul#wig li {
	display: inline;
	padding-right: 13px;
}
/*imform.html*/
#navi {
	font-size: 12px;
	float: left;
	width: 240px;
	padding: 15px 3px 15px 3px;
	border: 1px solid #ccc;
	line-height: 180%;
}
#mcont {
	float: right;
	width: 510px;
	padding: 0 0 0 8px;
}
#mcont h3 {
	font-size: 110%;
	font-weight: bold;
	padding: 15px 0px 8px 13px;
}
#mcont h2 {
	font-size: 120%;
	font-weight: bold;
	padding: 26px 0px 8px 13px;
}
blockquote { padding: 16px 26px 0px; }
/*chart.html*/
#chart {
	width: 530px;	
	margin: 0 auto;
}
#colors {
	width: 400px;
	margin: 26px auto 13px auto;
}
#rowl {
	width: 45%;
	float: left;
}
#rowr {
	width: 45%;
	float: right;
}
/*selfmaint*/
.selfclean { padding: 20px 10px 20px 26px; }
.selfclean li {
	padding-top: 3px;
}