/*--------------------------------------
 * css(プロトタイプ)
 *------------------------------------*/
/*--------------------------------------
 * 全体の定義
 * ページ背景色・背景画像
 * 文字色・サイズ
 *------------------------------------*/
body {
    background-color:#f7f7f3;
    color:#666666;
    font-size:13px;
    line-height:130%;
    margin: 0px;
    padding: 0px;
    text-align:center;
    font-family: verdana, arial, helvetica, sans-serif;
}
tr,td,th,div {
    color: #666666;
    font-size: 13px;
    line-height: 130%;
}
form {
    margin: 0px;
    padding: 0px;
}
img {
    border:0px;
}
hr {
    color:#afaeae;
    border-style:dotted;
    height:1px;
}

.t10    { font-size: 10px;line-height: 130%; }
.t13    { font-size: 13px;line-height: 130%; }
.t15    { font-size: 15px;line-height: 130%; }
.t18    { font-size: 18px;line-height: 130%; }

/*--------------------------------------
 * リンク 通常時(link,visited,active)
 * リンク マウスが当たっている時(hover)
 *------------------------------------*/
a:link    { color:#1a9bd2; text-decoration:underline; }
a:visited { color:#1a9bd2; text-decoration:underline; }
a:active  { color:#1a9bd2; text-decoration:underline; }
a:hover   { color:#b57100; text-decoration:underline; background-color:#fff7b2; }
a.blocklink {width:100%;}

/*--------------------------------------
 * input box / text area / select menu
 *------------------------------------*/
.frm_num {
    font-size:13px;
    color:#333333;
    background-color:#ffffef;
    ime-mode: disabled;
}

.frm_str {
    font-size:13px;
    color:#333333;
    background-color:#ffffef;
}

.frm_area {
    font-size:13px;
    color:#333333;
    background-color:#ffffef;
    overflow-y:auto;
}

/*--------------------------------------
 * 外枠
 *------------------------------------*/
#wrapper {
    background-color:#ffffff;
    width: 850px;
    margin: 0px auto;
}

/*--------------------------------------
 * ヘッダ
 *------------------------------------*/
#header_area {
    background-color: #ffffff;
    border-top:solid 1px;
    border-left:solid 1px;
    border-right:solid 1px;
    border-bottom:solid 1px;
    border-color:#afaeae;
    padding: 0px 0px 0px 0px;
    text-align: left;
    position: relative;
}
#header_logo_area {
    float: left;
    padding:10px;
}
.header_logo {
    font-size: 22px;
    font-weight: bold;
    color: #666666;
}
#header_lang_select_area {
    float: right;
    padding:10px;
}

#header_area a:link    { color:#1a9bd2; text-decoration:underline; }
#header_area a:visited { color:#1a9bd2; text-decoration:underline; }
#header_area a:active  { color:#1a9bd2; text-decoration:underline; }
#header_area a:hover   { color:#b57100; text-decoration:underline; background-color:#fff7b2; }

#header_menu_area {
    background-color: #ffffff;
    padding: 10px;
    text-align: right;
}

/*--------------------------------------
 * フッタ
 *------------------------------------*/
#footer_area {
    background-color:#ffffff;
    border-left:solid 1px;
    border-right:solid 1px;
    border-bottom:solid 1px;
    border-color:#afaeae;
    padding:0px 0px 0px 0px;
    text-align:center;
}
.footer {
    font-size: 13px;
    color: #909090;
}

/*--------------------------------------
 * メインコンテンツ
 *------------------------------------*/
#main_area {
    background-color:#ffffff;
    border-left:solid 1px;
    border-right:solid 1px;
    border-color:#afaeae;
    margin: 0px;
    text-align:center;
}
#main_area2 {
    background-position: top left;
    background-repeat: repeat-y;
    background-color:#ffffff;
    border-left:solid 1px;
    border-right:solid 1px;
    border-color:#afaeae;
    margin: 0px;
    text-align:center;
}
#main_cont {
    background-color:#ffffff;
    text-align:left;
    padding:10px 60px 20px 60px;
}
#main_cont2 {
    background-color:#ffffff;
    width: 600px;
    text-align:left;
    padding:10px 20px 20px 20px;
    float: right;
}

.clearing {
    height: 0;
    clear: both;
}
/*--------------------------------------
 * サイドバー
 *------------------------------------*/
#sidebar_area {
    background-color:#ffffff;
    text-align:left;
    margin:0px;
    padding:0px;
    width:200px;
    float: left;
}
.sidebardl {
    padding: 0 0 10px 0;
    margin: 0;
}
.sidebardl dt {
    background: #e0e0e0;
    color: #666666;
    font-size: 13px;
    font-weight: bold;
    padding: 4px 10px;
}
.sidebardl dd {
    background: #f0f0f0;
    padding: 4px 10px;
    margin: 1px 0 0 0;
}
.sidebardl dd:hover {
    background: #e9e9e9;
    padding: 4px 10px;
    margin: 1px 0 0 0;
}

#sidebar_area a:link    { color:#1a9bd2; text-decoration:none; }
#sidebar_area a:visited { color:#1a9bd2; text-decoration:none; }
#sidebar_area a:active  { color:#1a9bd2; text-decoration:underline; }
#sidebar_area a:hover   { color:#b57100; text-decoration:underline; background-color:#fff7b2; }

/*--------------------------------------
 * 共通枠
 *------------------------------------*/
.waku {
    border: 1px solid;
    border-color: #afaeae;
    padding:10px;
    margin:0px auto;
}

/*--------------------------------------
 * ページタイトル
 *------------------------------------*/
.title {
    font-weight: bold;
    font-size: 15px;
    color: #383838;
    background-color: #f0f0f0;
    border: 1px solid #dcdcdc;
    padding: 5px 3px 3px 0.5em;
    margin:8px 0px 8px 0px;
}

/*--------------------------------------
 * テーブル
 *------------------------------------*/
/* テーブル枠 */
.tbl {
    background-color:#afaeae;
}
/* タイトル部 */
.cell_t {
    color:#666666;
    background-color:#f7f7f3;
    padding: 3px;
    white-space:nowrap;
}
/* データ部 */
.cell_d {
    color:#666666;
    background-color:#ffffff;
    padding: 3px;
}

/*--------------------------------------
 * 強調文字
 *------------------------------------*/
.stress {
    color: #cc0000;
    font-weight: bold;
}

/*--------------------------------------
 * フォーム注意書き文字
 *------------------------------------*/
.note {            /* stress */
    font-size: 10px;
    color: #ff0000;
}
.note2 {        /* normal */
    font-size: 10px;
    color: #666666;
}

/*--------------------------------------
 * エラーメッセージボックス
 *------------------------------------*/
.errbox {
    background: #ffffcc url(/tpl_img/proto_ja/alert.gif) 4px 4px no-repeat;
    border: 1px solid;
    border-color: #ff0000;
    padding: 5px 5px 5px 32px;
    margin:10px auto;
    text-align: left;
    color:#ff0000;
    font-size:13px;
}

/*--------------------------------------
 * 商品リストボックス
 *------------------------------------*/
/* 一覧形式 */
.goodslist_box {
    background-color:#f7f7f3;
    border: 1px solid;
    border-color: #afaeae;
    padding:10px;
    margin:10px 0px 10px 0px;
}
/* マス目形式 */
.goodslist_box2 {
    float:left;
    padding:10px;
}

/*--------------------------------------
 * 商品リストサムネイル枠
 *------------------------------------*/
.thumbnail {
    background-color:#ffffff;
    border: 1px solid;
    border-color: #afaeae;
    width: 100px;
    height: 100px;
    text-align: center;
}

/*--------------------------------------
 * リンク抑制文字色
 *------------------------------------*/
.linkoff {
    color: #c0c0c0;
    text-decoration: underline;
}

/*--------------------------------------
 * other table bug
 *------------------------------------*/
/* 3px IE bug hack hidden from IE5-mac */
* html #header_area { height: 1%; }
* html #main_cont { height: 1%; }
* html #main_cont2 { height: 1%; }
/* End hide from IE5-mac */