@charset "utf-8";

/*
 * 一般向けページのうち、/order, /member, /registration, /news, 
 * /news_release, /enquiry, /password 以下のページで共通して利用するスタイル
 */

/* 見出し */
div#main h1{
	color: #633;
	font-weight: bold;
	font-size: 160%;
	font-family:sans-serif;
	margin:15px 0px 10px 0px;
}

div#main h2{
	color: #300;
	font-weight: bold;
	font-size: 120%;
	font-family:sans-serif;
	padding: 2px;
	margin:20px 0px 5px 0px;
}

div#main h3 {
	color: #300;
	font-weight:bold;
	font-size:90%;
	font-family:sans-serif;
	padding: 2px;
	margin: 20px 0px 5px 0px;
}

p {
	margin:1em 0;
}
div#menu p {
	margin:0;
}

div#main ul, div#main ol {
	margin-left:25px;
}

/* 通常のボタン */
button {
	font-size:80%;
	padding: 2px 15px;
	cursor:pointer;
}
* html button {
	padding: 1px 5px;
}

/* フォーム送信ボタン */
button.submit{
	background-color:#C5DCE8; 
	border:1px outset;
	padding:0 20px 2px 25px;
	margin:0;
	height:25px;
	vertical-align:baseline;
	cursor:pointer;
	font-size:80%;
}
* html button.submit {
	padding:0 0 0 5px;
}
button.submit span {
	vertical-align:middle;
}
* html button.submit span {
	vertical-align:bottom;
}
button.submit img {
	vertical-align:middle;
}

/* ボタンとして表示するリンク */
a.btg:link, a.btg:visited, a.btg:hover, a.btg:active {
	color:#000;
	text-decoration: none;
	background-color:#CCC;
	border:1px outset;
	padding:3px 20px 3px 20px;
	margin:2px;
	white-space:nowrap;
}
* html a.btg:link, * html a.btg:visited, * html a.btg:hover, * html a.btg:active {
	font-size:90%;
}

/* メインコンテンツエリア */
div#main {
	margin:0;
	width:520px;
	border:none 0px #fff;
	padding:0 20px;
	text-align:left;
}

/* 詳細データ表 */
table.data_detail {
	width:100%;
	border-collapse:separate;
	border-top:1px solid #C63;
	margin-bottom:1em;
}
table.data_detail th{
	margin:0.5px;
	padding:2px 4px;
	color:#666;
	background-color:#FFE0C2;
	border-right:1px solid #FFF;
	border-bottom:1px solid #CCC;
	width:30%;
	text-align:left;
	font-size:80%;
}
table.data_detail td{
	border-bottom:1px solid #CCC;
	padding:5px;
	text-align:left;
	font-size:80%;
}

/* 一覧データ表 */
table.data_list {
	border-top:1px solid #C63;
	border-bottom:1px solid #C63;
	margin-bottom:5px;
	width:100%;
	border-collapse:collapse;
}
table.data_list td {
	border-top:1px dotted #CCC;
	padding:5px;
	font-size:80%;
}
table.data_list th{
	text-align:center;
	color:#666;
	background-color:#FFE0C2;
	border-right:1px solid #FFF;
	border-bottom:1px solid #CCC;
	padding:2px;
	font-size:80%;
}

/* ページ繰り */
div.pager, div.search_count{
	font-size:80%;
}

/* ログイン画面 */
form.login {
	margin:0;
	width:100%;
	text-align:center;
}

form.login table {
	margin:0 auto 1em 0;
	width:100%;
	border-top:1px solid #C63;
	border-bottom:1px solid #C63;
	padding:5px;
	background-color:#ffffcc;
}
form.login th{
	text-align:right;
	font-weight:normal;
	width:35%;
	padding:3px 0 3px 15px;
	font-size:80%;
}
form.login td {
	padding:3px 15px 3px 0;
	text-align:left;
	font-size:80%;
}
form.login input {
	background-color:#fff;
}

p.member_registration {
	text-align:center;
}


/* ショッピングカートページ */
table#shopping_cart {
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #C63;
	border-bottom:1px solid #C63;
	margin-bottom:5px;
}
table#shopping_cart th{
	margin:0.5px;
	padding:2px;
	color:#666;
	background-color:#FFE0C2;
	border-right:1px solid #FFF;
	border-bottom:1px solid #CCC;
	text-align:center;
	font-size:80%;
}
table#shopping_cart td {
	padding:4px;
	border-bottom:1px dashed #CCC;
	font-size:80%;
}
table#shopping_cart td.shopping_cart_bottom {
	border-style:none;
}

table#shopping_cart div.goods_name {
	background-image:url("/img/usually-img/bt_icon_goods.gif");
	background-repeat:no-repeat;
	padding:0 0 0 15px;
}

/* お支払方法選択ページ */
h3.payment_method_title {
	margin:15px 0px 5px 0px; 
	padding:5px 0px;
	border-top:1px solid #C63; 
	border-bottom:1px dashed #CCC;
}
div.payment_method_description {
	margin: 0 0 25px 10px;
}
div.payment_method_description table.data_detail td, div.payment_method_description table.data_detail th {
	font-size:100%;
}

/* 明細確認・注文確認・注文完了ページ */
table#order_content {
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #C63;
}
table#order_content th{
	margin:0.5px;
	padding:2px;
	color:#666;
	background-color:#FFE0C2;
	border-right:1px solid #FFF;
	border-bottom:1px solid #CCC;
	text-align:center;
	font-size:80%;
}
table#order_content td {
	padding:4px;
	border-top:1px dashed #CCC;
	font-size:80%;
}
table#order_content td.shopping_cart_bottom {
	border-style:none;
}
table#order_content div.goods_name {
	background-image:url("/img/usually-img/bt_icon_goods.gif");
	background-repeat:no-repeat;
	padding:0 0 0 15px;
}

table.bill_detail {
	width:100%;
	margin:0;
	border-top: 1px solid #c63;
	border-collapse:collapse;
}
table.bill_detail th{
	border-top: 1px dashed #ccc;
	padding: 3px 5px;
	text-align:right;
	font-size:80%;
}
table.bill_detail td {
	width:120px;
	border-top: 1px dashed #ccc;
	font-size:80%;
}
table.bill_detail strong {
	font-size:120%;
}

table.order_info_layout {
	width:100%;
	border-collapse:collapse;
	margin:0 0 1em 0;
	padding:0;
	border-style:none;
}
table.order_info_layout td.order_info {
	position:relative;
	width:49%;
	vertical-align:top;
	border:dotted 1px #c63;
	padding:0;
	font-size:100%;
}
table.order_info_layout div#payment_info {
	border-top:solid 1px #930;
	position:relative;
}
table.order_info_layout div#delivery_address {
	position:relative;
	border-top:solid 1px #930;
}
table.order_info_layout td.padding {
	width:2%;
}

div#main table.order_info_layout h2{
	margin:0;
	text-align:center;
	color:#FFF;
	font-size:80%;
	background-color:#930;
	border:0px #930 none;
	padding:2px;
}
table.order_info_layout div.change_this {
	position:absolute;
	padding-right:5px;
	top:2px;
	right:0;
	font-size:80%;
}
table.order_info_layout p, table.order_info_layout pre {
	margin:0.5em 0 0 0;
	padding:0 8px 0.5em 8px;
	background-color:#fff;
	border-bottom:dotted 1px #ccc;
}

table.order_info_layout div.table {
	margin:0.5em 0 0 0;
	padding:0 2px 0.5em 2px;
	border-bottom:dotted 1px #ccc;
}
table.order_info_layout div.table th {
	text-align:right;
	font-weight:normal;
	padding-right:3px;
	font-size:80%;
}
table.order_info_layout div.table td {
	font-size:80%;
}

a.re:link, a.re:visited, a.re:hover, a.re:active {
	color: #000;
	text-decoration: none;
	background-color:#F90; 
	border:1px outset;
	white-space:nowrap;
	font-weight:bold;
	padding:0 5px;
}
a.re:hover, a.re:active {
	color: #fff;
	text-decoration: none;
	background-color:#F90; 
	border:1px outset;
	white-space:nowrap;
	font-weight:bold;
	padding:0 5px;
}

table.account_info {
	margin:0.5em 3px 0.5em 8px;
}
table.account_info th {
	white-space:nowrap;
	padding:0;
	vertical-align:top;
}
table.account_info td {
	padding:0 0 0 3px;
	vertical-align:top;
}

/* パスワード発行完了画面 */
table#new_password {
	width:100%;
	border-top: 1px solid #C63;
	border-bottom:1px solid #C63;
	background-color:#ffffcc;
}
table#new_password th {
	padding-right:15px;
	text-align:right;
	font-weight:normal;
	font-size:80%;
}
table#new_password td {
	font-size:120%;
	font-family: "Courier New", mono-space;
}

/* 規約同意画面 */
div#main div#rules {
	border:1px solid #999;
	padding:0 1em;
	height:400px;
	overflow:auto;
}
div#main ul#agreement {
	margin:1em auto 0 auto;
	padding:0 0 25px 0;
	width:24em;
	height:1.5em;
	font-size:80%;
	border:solid 1px white;
}
* html div#main ul#agreement {
	padding-bottom:8px;
}
div#main ul#agreement li {
	display:block;
	margin:0 1em;
	padding:5px 0;
	width:8em;
	float:left;
}
* html div#main ul#agreement li{
	margin:0 0.6em;
}
div#main ul#agreement li a{
	display:block;
	width:6.2em;
	text-align:center;
}

/* 会員登録、会員情報確認 */
tr.hide {
	display:none;
}
p.alert {
	margin:-1em 0 1em 0;
}
p.alert2 {
	margin:0.2em 0 2px 0;
}