/* -----------------------------------------------------------
 Date:           2009-08-15T23:50:00+09:00
 Author:         ayumi fujii
 Description:    PopUp Windows Style 
 Lisence:        (c) DaLaFarm co,ltd
----------------------------------------------------------- */
/* Text
----------------------------------------------------------- */
html, body { color: #333; }

/* HyperLink
----------------------------------------------------------- */
a         { color: #333; text-decoration: none; }
a:visited { color: #333;                        }
a:hover   { color: #014099;                     }
a:active  { color: #333;                        }
::-moz-selection { background: #acc0ff; }
::selection      { background: #acc0ff; }

/* Firefox Dotted Outline Fix
----------------------------------------------------------- */
/*\*/ a, object             { overflow: hidden; outline: none; } /**/
/*\*/ a:focus, object:focus { overflow: hidden; outline: none; } /**/

/* Font
----------------------------------------------------------- */
body {
    font: 12px/1.5 "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    letter-spacing: 1px;
}
/*
h1,h2,h3,h4,h5,h6,b,strong,th,.bold {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ヒラギノ明朝 Pro W6", "HiraMinPro-W6", "Times New Roman", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-weight: bold;
    text-transform: capitalize;
}
*/

/* Layout
----------------------------------------------------------- */
html, body {
	height: 100%;
	margin: 0 auto;
	background: #FFF;
	background: #f0f0f0;
	text-align: center;
}

#wrapper {
    position: relative;
    min-height: 100%;
    height: 100%; /* IE */
    height: auto !important;
    width: 550px;
    margin: 0 auto;
    text-align: left;
    overflow: hidden;
    background: #fff;
}
#contents {
    margin: 0 26px 26px;
}
#header {
    background: url(../img/popup/header.gif) left bottom no-repeat;
    height: 100px;
    position: relative;
    margin-bottom: 13px;
}
#header h1 {
    position: absolute;
    left: 13px;
    top: 26px;
}

/* form table */
#contents table {
    width: 100%;
    margin: 1em auto;
}
#contents table th {
    padding: 10px;
    border: 1px solid #ccc;
    background: #f0f0f0;
    white-space: nowrap;
}
#contents table td {
    padding: .5em;
    border: 1px solid #ccc;
}
#contents table label { margin: 0 6px 6px 0; }
#contents input[type="text"],
#contents input[type="password"],
#contents textarea{
    margin: 0 0 6px 0;
	padding: 5px 4px 4px;
	border: 1px solid #e3e3e3;
	background: #ffffff url(../img/block/search_input_bg-trans.png) repeat-x top;
	font: 12px/16px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#contents input[type="radio"] { margin: 0 6px 6px 0; }
#contents select {
	height: 25px;
    margin: 0 0 6px 0;
	padding: 5px 4px 4px;
	border: 1px solid #e3e3e3;
	background: #ffffff url(../img/block/search_input_bg-trans.png) repeat-x top;
	font: 12px/14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#contents input[type="submit"] {
	padding: 1px 2px 2px;
	border: 1px solid #e3e3e3;
	background: #f0f0f0;
	font: 13px/18px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#contents .box60  { width: 72px;  }
#contents .box120 { width: 120px; }
#contents .box250 { width: 250px; }
#contents .box300 { width: 300px; }
#contents .box380 { width: 380px; }
#contents .area380{ width: 380px; }
#contents table th span.attention { font-size: smaller; }

.attention { color: red; }
.mini { font-size: smaller; }

/* btn areas */
div#contents div.btn {
    margin-top: 13px;
    text-align: center;
}
div#contents div.btn input {
    margin: 0 auto;
}
/* Cart
----------------------------------------------------------- */
p.totalmoneyarea {
    margin-bottom: 1em;
    background: #f0f0f0;
    padding: 1em;
    background: #f0f0f0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
p.totalmoneyarea em { color: red; }
ul.mini { font-size: 92.3%; }
ul.mini li {
    background: url(../img/share/asterisk_li.gif) 0 .167em no-repeat;
    padding-left: 1.423em;
}
td.quantity { text-align: center; }
td.quantity ul.quantity_level li {
    display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /margin-right: 3px;
    width: 16px;
    height: 16px;
    zoom: 1;
}
td.quantity ul.quantity_level li img  {
    display: block;
    width: 16px;
}
div.tblareabtn { margin: 1em 0; text-align: center }
div.tblareabtn p { margin: 0 auto 1em; }
table th.resulttd { text-align: right; }