@charset "utf-8";
/* CSS Document */

div#main2 {
	width: 950px;
	margin: 1.5em 0 0;
}

div#main3 {
	float: right;
	width: 730px;
	margin: 1.5em 0 0;
}

div#main2 div#itemArea,
div#main3 div#itemArea {
	background: #fff url("../images/main_bg2.png") no-repeat;
}


div#main2 div#itemArea a,
div#main3 div#itemArea a {
	color: #000000;
	text-decoration: underline;
}

div#main2 div#itemArea a:hover
div#main3 div#itemArea a:hover {
	color: #ed5487;
	text-decoration: none;
}


/*-------------------------------
* HEADLINE
*--------------------------------- */
div#main2 div#itemArea h2 {
	border-bottom: 1px solid #000;
}

div#main2 div#itemArea .subPageTitle,
div#main3 div#itemArea .subPageTitle {
	margin-bottom: 1em;
	background: url("../images/subpagetitle_bg.png") left bottom repeat-x;
	padding-bottom: 5px;
	font-size: 136%;
	font-weight: normal;
	text-align: left;
}



/*-------------------------------
* コンテンツ領域外枠
*--------------------------------- */
div.dataArea,
div.loginArea,
div.entryArea {
	padding: 20px 25px 25px;
	border-bottom: 1px solid #000;
}


/*-------------------------------
* TABLE
*--------------------------------- */
div.dataArea table,
div.dataArea th,
div.dataArea td {
	border-collapse: collapse;
	border: 1px solid #c6c6c6;
}

div.dataArea th,
div.dataArea td {
	padding: 0.4em 0.8em;
}

div.dataArea table {
	width: 100%;
	margin: 0 auto;
}

/* TH
-----------------------------*/
div.dataArea th {
	background-color: #eee;
	font-weight: normal;
}

div.dataArea thead th {
	text-align: center;
}

div.dataArea tbody th {
	text-align: left;
	vertical-align: top;
}

/* 小計・合計・加算ポイント */
div.dataArea th.cartResult {
	text-align: right;
}

/* TD
-----------------------------*/
div.dataArea td {
	text-align: center;
}

div.dataArea td p {
	margin: 0;
}

div.dataArea table.tableLayout01 td {
	text-align: left;
}


/* 商品名 */
div.dataArea td.goodsName {
	text-align: left;
}

/* 商品画像 */
div.dataArea td.goodsPhoto img {
	margin: 3px;
}

/* 価格 */
div.dataArea td.cartPrice {
	text-align: right;
}

/* 価格 */
div.dataArea td.cartPrice em {
	font-style: normal;
	color: #cc0000;
}


/* お届け先 */
div.dataArea td.sendAddress {
	text-align: left;
}

/* お支払い方法 */
div.dataArea td.payWay {
	text-align: left;
}



/* その他TABLE内の要素
-----------------------------*/
/* 個数増減ボタン */
ul#quantity_level li {
	display: inline;
	margin: 1px;
}


/* No Decolation
-----------------------------*/
table.noDeco,
table.noDeco th,
table.noDeco td {
	border: none;
	border-collapse: separate;
	width: auto;
}

table.noDeco th,
table.noDeco td {
	padding: 0.2em 0.1em;
}

table.noDeco th {
	text-align: right;
}


/*-------------------------------
* フォーム
*--------------------------------- */
div.dataArea table input {
	margin: 0.2em 0;
	vertical-align: middle;
}

/* TEXTAREA */
div.dataArea table textarea {
	width: 90%;
	height: 128px;
}


/* 商品詳細検索 */
div.dataArea input.inputText {
	width: 350px;
}

div.dataArea input.inputDate {
	width: 170px;
}



/*-------------------------------
* テキストボックス
*--------------------------------- */
.textBox {
	margin: 0 auto 20px;
	padding: 1em 1.5em;
	width: 90%; /*- 100129 修正 -*/
	background-color: #eee;
	border: 1px solid #c6c6c6;
}

div.loginArea .textBox,
div.entryArea .textBox {
	margin: 0 210px 2em;
	padding: 20px 30px;
	width: auto;
}

div.loginArea .textBox {
	text-align: center;
}


/*-------------------------------
* 注意書き系
*--------------------------------- */

/* 注意書き（※付） */
.add {
	text-align: left;
	text-indent: -0.8em;
	padding: 0.2em 0 0.2em 0.8em;
	font-size: 77%;
}

.add,
.add a {
	color: #999;
}

/* 強調注意書き */
.atte,
.atte a {
	color: #cc0000;
}

/* 強調注意書き2 */
.atteL,
.atteL a {
	color: #cc0000;
	font-weight: bold;
}


/* エラーメッセージ */
ul.atteError {
	margin: 0;
	padding: 0;
}

ul.atteError li {
	text-align: left;
	text-indent: -0.8em;
	padding-left: 0.8em;
	font-weight: bold;
	color: #cc0000;
}



/*-------------------------------
* 確認ボタン
*--------------------------------- */
div#main2 .tableAreaBtn,
div.dataArea .tableAreaBtn {
	text-align: center;
	width: 100%;
	margin-top: 1.5em;
}


/*-------------------------------
* ログイン
*--------------------------------- */
div.loginArea p {
	text-align: center;
}

div.loginArea .textBox th {
	text-align: right;
}

div.loginArea .textBox td {
	text-align: left;
}

div.loginArea .textBox ul {
	margin: 1em 0 0;
	padding: 0;
}

div.loginArea .textBox li {
	list-style: none outside;
}

div.loginArea .textBox .inputID,
div.loginArea .textBox .inputPW {
	width: 275px;
}


/*-------------------------------
* お届け先の指定
*--------------------------------- */

/* 新しいお届け先を追加するボタン
-----------------------------*/
a#newAddressBtn {
	display: block;
	float: right;
	margin-top: 1em;
	margin-left: 40px;
}



/* ご購入までの流れ
-----------------------------*/
div#flowArea {
	width: 950px;
	height: 60px;
	border-bottom: 1px solid #000;
	background-color: #eee;
}

div#flowArea h3,
div#flowArea img#flowImage {
	float: left;
	margin-top: 18px;
}

div#flowArea h3 {
	padding-left: 25px;
}

div#flowArea img#flowImage {
	margin-left: 17px;
}




/*-------------------------------
* 100129追記
*--------------------------------- */
div.dataArea textarea.terms {
	width: 100%;
	height: 400px;
	font-size: 100%;
}

div.dataArea table.register tr th {
	width: 30%;
}

div.dataArea table.register tr td {
	text-align: left;
}

div.dataArea table.register input {
	margin-top: 5px;
}

div.dataArea .registcomp_messg {
	margin-top: 0.5em;
	font: normal bold 140% /1.2 sans-serif;
}

div.dataArea p.zipbtn {
	margin-top: 5px;
	vertical-align: middle;
}

div.dataArea p.zipbtn input {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}


/*-------------------------------
* 100131追記
*--------------------------------- */
 textarea.inquiry{
		width:100%;
		height:128px; 
	 }
	 
input.card{
	width:4em;
	}

input.name{
	width:10em;
	margin-right:2em;
	}

input.num3{
	width:3em;
	}
	
input.num4{
	width:4em;
	}
	
input.address{
	width:350px;
	}

input.answer{
	width:200px;
	}
	
input.mailaddress{
	width:250px;	
	}
	
div.forgottenpassword{
	padding:30px 0;
	text-align:center;
	border:1px solid #CCC;
	font: normal bold 140% /1.2 "Times New Roman", Times, serif;
	color:#c00;
	}