@charset "utf-8";

@import url("../packages/default/css/import.css");

/* ---------------------------------
Just Commerce デザインカスタマイズ
--------------------------------- */

/* 背景色設定 */

body {
    background: #DBE5F0 url("../packages/default/img/bg-wrapper.gif") repeat-x;
}

/* テキストリンク色設定 */

a:link, a:visited, a:hover,
div#headnav ul li a:hover {
    color: #5E7CAC;
}

/* ナビゲーションメニュー 下境界線色設定 */
div#headnav {
    border-bottom: 5px solid #809BC0;
}

/* 大見出し 下境界線色設定 */

div.column_category_title h2,
div.column_search_title h2,
div.column_calendar_title h2,
div.column_news_title h2,
div.column_recommend_title h2,
div#page_title h2 {
    border-bottom: 5px solid #809BC0;
}

/* カレンダー キャプション（●年●月…）文字色設定 */

#block-calendar caption {
    color: #5E7CAC;
}

/* カレンダー 曜日背景・文字色設定 */

#block-calendar th {
    background: #809BC0; /*曜日背景*/
    color: #FFFFFF; /*文字色*/
}

/* 商品カテゴリー オンマウス時背景色設定 */

.level1 a:active, .level1 a:hover, 
.level2 a:active, .level2 a:hover,
.level3 a:active, .level3 a:hover,
.level1 a.onlink, .level1 a.onlink:active, .level1 a.onlink:hover,
.level2 a.onlink, .level2 a.onlink:active, .level2 a.onlink:hover,
.level3 a.onlink, .level3 a.onlink:active, .level3 a.onlink:hover {
    background-color: #E3EDFE;
}

/* 小見出し背景色設定 */

div.subtitle,
div#mycontentsarea div.title,
.pagenumberarea, .pagecondarea {
    background: #E3EDFE;
}

/* 小見出し文字色・左境界線色設定 */

div.subtitle h3,
div#mycontentsarea div.title h3 {
    color: #5E7CAC; /*文字色*/
    border-left: 5px solid #809BC0; /*左境界線色*/
}

/* 商品詳細ページ 商品名 文字色設定 */

div#detailrightblock h3 {
    color: #5E7CAC;
}

/* フッター背景色設定 */

#footer {
    background: #809BC0;
}

/* フッターメニュー・コピーライト 文字色設定 */

#footer ul li a,
.copyright {
    color: #FFFFFF;
}


/* ロゴ設定 - ヘッダーメニュー位置指定 */

div#information {
    margin: 50px 0 0 0;
}