@charset "utf-8";

/************************************************
 ポップアップウィンドウ
************************************************ */
/* 共通
----------------------------------------------- */
div#windowcolumn {
    height: 100%;
    margin: 0 5px;
    background: #fff;
}

div#windowcolumn h2 {
	margin-bottom: 15px;
	padding: 0 0 0 10px;
	background: url('../img/background/bg_info_title2.png') repeat-x left bottom #F7F7F7;
	font-size: 14px;
	line-height: 30px;
	border-top: #CCC 1px dotted;
}

div#window_area {
    margin: 15px auto 0 auto;
    padding-bottom: 20px;
    min-height: 300px;
    height: auto !important;
}

div#window_area p.information {
    margin-bottom: 20px;
}

div#window_area .message {
    margin-bottom: 20px;
    color: #f60;
    line-height: 150%;
    font-weight: bold;
    font-size: 140%;
}

@media only screen and (min-width: 460px) {
div#windowcolumn {
    margin: 15px 15px 0 15px;
}
}

/* お客様の声の書き込み
----------------------------------------------- */
#window_area table#review .box350 {
	width:100%;
}
#window_area table#review .area310 {
	width:100%;
}
@media only screen and (min-width: 460px) {
#window_area table#review .box350 {
	width:350px;
}
#window_area table#review .area310 {
	width:400px;
}
}

/* 配送業者の送料詳細
----------------------------------------------- */
div#pop_postage #name {
	margin-top:10px;
	border-left:#CCC 10px solid;
	padding-left:5px;
	font-size:120%;
}

div#pop_postage table {
	width:100%;
}

div#pop_postage th{
	text-align:center;
	padding:5px;
}

div#pop_postage td{
	text-align:right;
	vertical-align:top;
	padding:5px;
}

@media only screen and (min-width: 460px) {
div#pop_postage #name {
	margin-top:0;
}
div#pop_postage th{
	padding:10px;
}

div#pop_postage td{
	padding:10px;
}
}

/* パスワードの再発行
----------------------------------------------- */
#window_area #forgot {
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #ccc;
    text-align: left;
}
#window_area #forgot .mailaddres {
    margin-bottom: 10px;
}

#window_area #forgot p {
    text-align: center;
}

#window_area #forgot p span {
	display:block;
	text-align:left;
}
#window_area #forgot p input.box300 {
	width:100%;
}
#window_area #forgot p input.box120 {
	width:30%;
}

@media only screen and (min-width: 460px) {
#window_area #forgot p span {
	display: inline;
}
#window_area #forgot p input.box300 {
	width:300px;
}
#window_area #forgot p input.box120 {
	width:120px;
}
}