@charset "UTF-8";

/*■■■ショッピング■■■*/



/*■初期化■*/

body, h1, h2, h3, h4, h5, h6, div, p, pre, blockquote, ul, ol, dl, dt, dd, li, th, td, form, fieldset, textarea {
	margin: 0;
	padding: 0;
}

body {
	background-color: #FFF;

	font-family: 'ＭＳ Ｐゴシック',sans-serif;
	font-size: 14px;
	color: #000;
}

fieldset,img { 
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input, textarea, select {
	font-size: 12px;
}

input[type="text"],
input[type="password"],
textarea {
	background-color: #FFF;
	border: 1px solid #7F9DB9;
}

textarea {
	resize: none;
}

/*■見出し■*/
h1 {
	font-size: 20px;
	color: #FFF;
}
h2 {
	margin-bottom: 20px;
	text-align: left;

	font-size: 18px;
	color: #000;
}



/*■リスト■*/
ul,ol {
	margin-left: 50px;
	/*list-style-position:inside;*/
}
li {
	line-height:16px;
	margin-bottom:5px;
}

/*■レイアウト■*/

/* ページヘッダ */
#header {
	width: 700px;
	margin: 0 auto 30px auto;
	padding: 15px;
	background-color: #999;
}
#header p {
	margin-top: 10px;
}
#header a {
	font-size: 12px;
	color: #FFF;
}

/* ナビゲーション */
#navi {
	width:680px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	padding-top: 3px;
	padding-bottom: 3px;

	font-size:12px;
}
#navi .page {
	float:left;
	width:120px;
	background-color:#CCC;

	color:#FFF;
}
#navi .separator {
	float:left;
	width:20px;
}
#navi p {
	padding: 3px;

	text-align:center;
}
#navi a {
	display:block;
	padding: 3px;
	background-color:#999;

	color:#FFF;
	text-align:center;
	text-decoration:none;
}
#navi a:hover {
	background-color:#FCC;

	color:#F33;
}
#navi #now {
	background-color:#FCC;

	color:#F33;
}
.float-clear {
	clear:left;
}

/* コンテンツ */
#content {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}

/* ページフッタ */
#footer {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	padding: 30px;

	text-align: center;
}
#footer address {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #999;
}
#footer address a {
	color: #999;
	text-decoration: none;
}



/*■テーブル■*/

/* 商品・お客様情報テーブル */
.shopping-tbl {
	width:700px;
	border:none;
	border-top:solid 1px #999;
	border-left:solid 1px #999;
	background-color:#FFF;
	margin-bottom:30px;

	font-size:12px;
	line-height:16px;
}
.shopping-tbl th {
	border:none;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
	background-color:#DDD;
	padding:4px;

	font-weight:normal;
	color:#000;
	white-space:nowrap;
}
.shopping-tbl td {
	border:none;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
	padding:4px;
	/*white-space:nowrap;*/
	color:#000;
}
/*
.shopping-tbl .partition {
	background-color:#999;
	color: #FFF;
	text-align:center;
}
*/
.shopping-tbl caption {
	font-size: 14px;
	padding:5px;
}
.shopping-tbl .shohin-name {
	color:#090;
}
.shopping-tbl .shohin-id {
	color:#999;
}
.shopping-tbl .frame-color-num,
.shopping-tbl .cloth-color-num {
}
.shopping-tbl .shohin-postage {
	margin-top:5px;
}

/* 次ページへのボタン */
.shopping-next-btn {
	padding-bottom:50px;

	text-align:center;
}



/*■カート■*/

/* 「再計算」カートを空にする」「買物を続ける」ボタン */
.shopping-update-btn {
	text-align:right;
}



/*■入力■*/

#name, #ruby, #send_name, #send_ruby {
	width: 150px;
	ime-mode: active;
}

#addr, #send_addr {
	width: 400px;
	ime-mode: active;
}

#zip1, #zip2, #send_zip1, #send_zip2 {
	width: 40px;
	margin-bottom: 5px;
	ime-mode: disabled;
}

#tel1, #tel2, #tel3, #send_tel1, #send_tel2, #send_tel3 {
	width: 40px;
	ime-mode: disabled;
}

#email {
	width: 250px;
	ime-mode: inactive;
}

#msg {
	width: 400px;
	height: 150px;
	ime-mode: active;
}



/*■その他■*/

/* 説明書き */
.explain {
	margin-bottom:30px;

	text-align:left;
	font-size: 14px;
	line-height: 20px;
}

/* 注意書き */
.notice {
	font-size: 12px;
	color: #009900;
}
span.notice {
	margin-left: 5px;
}
p.notice {
	margin-top: 5px;
}
div.notice {
	margin-top: 5px;
}
ul.notice {
	margin-top: 10px;
	margin-bottom: 0;
	margin-left: 15px;
	text-align: left;
}
ul.notice li {
	margin-bottom: 3px;
	padding-left: 1.5em;
	padding-bottom: 0;
	font-size: 12px;
	line-height: 14px;
	list-style-type: none;
	text-indent: -1.5em;
}

/* *印 */
.kome, .kome2 {
	margin-left:2px;
	font-size: 12px;
	color: #F00;
}

/* エラー */
#error {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 20px;
	background-color: #FEE;
	border: solid 1px #F99;
	font-size: 14px;

	text-align:left;
}
#error p {
	color: #F00;
	font-size: 16px;
}
#error ul {
	margin-top: 10px;
	margin-left: 20px;
}
#error li {
	margin-bottom: 5px;

	color: #000;
	font-size: 14px;
	line-height: 16px
}

/* clearfix */
.cf:after {
	content: '';
	display: block;
	clear: both;
}
.cf {
	zoom: 1;
}