@charset "utf-8";
/************************************************
 サービス別に異なるスタイルを定義する(楽楽リピート用)
************************************************ */
/* 共通 */
a:link, a:visited {
    color: #333;
}
body {color: #333; /*background: url("../img/common/body_bg.png") repeat;*/ font-size: 87.5%; line-height: 1.6; letter-spacing: 0;}
a:hover, a:active, .btn input:hover, .btn_01 input:hover, .btn_02 input:hover {filter: alpha(opacity=70); /* ie8以下用の透明度を設定 */ -moz-opacity: 0.7; /* Firefox用の透明度を設定 */ opacity: 0.7; /* 透明度を設定 */}

/* ロゴ */
.base_design #logo_area img {
    width: 300px;
    margin: 10px 0 30px;
}

/* ログインエリア */
.base_design #header_login_area div.btn a {
    background: #009ee7 none repeat scroll 0% 0%;
}

/* サイド */
#leftcolumn {
    width: 240px;
}
.side_column .block_body {
    border: solid 1px #ededed;
}
#cart_area .btn a {
    background: #009ee7 none repeat scroll 0% 0%;
}
.btn input {
    background: #009ee7 none repeat scroll 0% 0%;
}

/* カレンダー */
#calender_area table .month {
    background: #009ee7 none repeat scroll 0% 0%;
}

/* フッター */
.base_design #footer ul li {
    border-right: 1px solid #333;
}
.base_design #footer ul li:first-child {
    border-left: 1px solid #333;
}
/* ボタン */
.btn_area.btn_type_def input, .btn_area.btn_type_def a.btn {
    background: #009ee7 none repeat scroll 0% 0%;
}
/* よくあるご質問 */
.custom_page .acMenu dt.check {
    color: #009ee7;
}
/* 改装中の上部メッセージ */
#close_message {
    background: #0083bf;
}
/* デモ環境メッセージ */
.env_message {
    background: #0083bf;
}



/* ===============================================
▼ヘッダーTOPメニュー
=============================================== */
.base_design #headerInternalColumn {
    width: 380px;
    margin-top: 10px;
}
.base_design #header_login_area p.btn {
    height: 0px;
    padding: 0px;
    vertical-align: middle;
}
.base_design #header_login_area #user_login {
    margin-top: 18px;
}
.base_design #header_login_area #user_login a {
    padding: 15px 50px;
    background: #009ee7 none repeat scroll 0% 0%;
	border: 2px solid #009ee7;
    color: #ffffff;
    font-size: 120%;
}
.base_design #header_login_area #user_login a:hover {
    padding: 15px 50px;
    background: #ffffff none repeat scroll 0% 0%;
	border: 2px solid #009ee7;
    color: #009ee7;
}
.base_design #header_login_area p.btn {
    height: 0px;
    padding: 0px;
    vertical-align: middle;
}

.base_design #header-menu01 {width:100%; height: 60px; background-color: #009ee7;}
.base_design #header-menu01 ul { /*リスト全体*/font-size: 0;}
.base_design #header-menu01 li { /*リストの1段目*/display: inline-block; width: 196px; height: 60px; border-left: 1px solid #ffffff;}
.base_design #header-menu01 li:last-child { border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;}
.base_design #header-menu01 ul li:hover > ul {display: block;background-color:#ffffff}
.base_design #header-menu01 a { /*1段目以降のメニュー文字*/font-size:14px;font-weight:600;letter-spacing:1px;line-height: 60px;color: #ffffff;text-decoration: none;text-align: center; display: block;position: relative;}
.base_design #header-menu01 a:hover {text-decoration:none; /*border-bottom: 4px solid #92d478;*/ opacity: 1.0!important; background-color: #07608a;}
.base_design #header-menu01 a span { /*1段目以降のメニュー文字*/font-size:9px; font-weight:300; letter-spacing:1px; color: #022c92; text-decoration: none; text-align: center; /*1段目は文字を中央合わせに*/ background-color: #ffffff; display: block;}
.base_design #header-menu01 a span:hover {color:#565954; text-decoration:none;}
.base_design #menu-s_new { width:100%; font-size:14px; letter-spacing:2px; margin-bottom: 10px; overflow: hidden;}
.base_design #menu-s_new ul {width:980px; overflow:hidden; margin:auto; padding:0; list-style: none;}
.base_design #menu-s_new ul li {display:inline; margin: 0 5px 0 0; padding:0; float:right;}
.base_design #menu-s_new ul li:first-child {margin: 0;  border-right: none;}
.base_design #menu-s_new ul li:after {content: ' | ';}
.base_design #menu-s_new a {/*display: block;*/ padding:10px; text-decoration: none; color: #333333; text-align: center; font-size: 11px; font-weight: 400;}
.base_design #menu-s_new a:hover {color:#3fa9f5; text-decoration:none;}
.base_design #menu-s_new ul li.personal {background-color: #ededed;}
.base_design #menu-s_new ul li.personal {content: '' !important;}
.base_design #menu-s_new ul li.personal a:before {content: '>';}
.base_design #ds_trading {margin-bottom: 50px;}