@charset "utf-8";
/* CSS Document */

/**************************************************
*
*	homepage template style_western_white.css
*
*	s00009 themecolor #western_04
*
**************************************************/

body {
	background: #ddc7b0 url(/img/themed/s00009/western_04/western_bg_04.jpg) center center repeat fixed;
}

/* MainTextColor
------------------------------------------*/
#wrapper {
	color: #4d422f;
}

/* Element
------------------------------------------*/
h2 {
	border-bottom: 1px solid #5e4a38;
}


/* Link 各カラーで指定
------------------------------------------*/
a {
	color: #4d422f;
}

a:hover {
	color: #4d422f;
}

/* Layout
------------------------------------------*/
#wrapper {
	background: url(/img/themed/s00009/western_white/contents_bg.png) repeat;
	_background: none;
}

/* Menu
------------------------------------------*/
#header-nav ul,
#sub-menu ul {
	border-top: 1px solid #dac5aa;
}

#header-nav ul li,
#sub-menu ul li {
	border-bottom: 1px solid #dac5aa;
}

#header-nav ul li a,
#sub-menu ul li a {
	background: url(/img/themed/s00009/western_white/contents_bg.png) 0 0 repeat;
}

#header-nav ul li a:hover,
#sub-menu ul li a:hover {
	background: url(/img/themed/s00009/western_white/contents_bg_02.png) 0 0 repeat;
}

#header-nav li.current a,
#sub-menu li.current a{
	background: url(/img/themed/s00009/western_white/contents_bg_02.png) 0 0 repeat;
}

/* レイアウトＡ
right-col（モデュール OPEN_HOURS 部分）
------------------------------------------*/
#contents-p1 #right-col .open_hours-center .box {
	border: 1px solid #5e4a38;
}

#contents-p1 #right-col .open_hours-center .box .oh_month caption {
	border-left: 2px solid #996600;
}

#contents-p1 #right-col .open_hours-center .box .oh_month .oh_header_sunday {
	color: #f00;
}

/* レイアウトＡ
right-col（モデュール NEWS_SCROLL 部分）
------------------------------------------*/
#contents-p1 #right-col .news_scroll-center .box {
	border: 1px solid #5e4a38;
}

/* レイアウトＡ
right-col（モデュール ARTICLE 部分）
------------------------------------------*/
/*
#contents-p1 #right-col .article-center h3 {
	background: #4d422f;
	background: url(/img/themed/s00009/western_black/contents_bg.png) 0 0 repeat;
	color: #fff;
}
*/

/* レイアウトＡ
right-col（モデュール COMPANY_INFO 部分）
------------------------------------------*/
#contents-p1 #right-col .company_info-center table th {
	border-right: 1px solid #5e4a38;
	border-bottom: 1px solid #5e4a38;
	border-top: 1px solid #5e4a38;
}

#contents-p1 #right-col .company_info-center table td {
	border-bottom: 1px solid #5e4a38;
	border-top: 1px solid #5e4a38;
}

/* レイアウトＡ
right-col（モデュール CONTACT 部分）
------------------------------------------*/
#contents-p1 #right-col .contact-center table th {
	border-right: 1px solid #5e4a38;
	border-bottom: 1px solid #5e4a38;
	border-top: 1px solid #5e4a38;
}

#contents-p1 #right-col .contact-center table td {
	border-bottom: 1px solid #5e4a38;
	border-top: 1px solid #5e4a38;
}

/* レイアウトＡ
right-col（モデュール BLOG 部分）
------------------------------------------*/
#contents-p1 #right-col .blog-center .box .blog-cate {
	border-bottom: 1px solid #454545;
}

#contents-p1 #right-col .blog-center .box .blog-com {
	border-top: 1px solid #313131;
}

/*right-col（モデュール BLOG コメント投稿一覧 部分）
------------------------------------------*/
#contents-p1 #right-col .blog-center .comment-box .comment-form .title {
	color: #4d422f;
	background: #888;
}

#contents-p1 #right-col .blog-center .comment-box .comment-form .comment {
	border-bottom: 1px solid #666;
}

/*right-col（モデュール BLOG コメント投稿フォーム 部分）
------------------------------------------*/
#contents-p1 #right-col .blog-center .comment-box .comment-post {
	border: 1px solid #5e4a38;
}

#contents-p1 #right-col .blog-center .comment-box .comment-post-box input,
#contents-p1 #right-col .blog-center .comment-box .comment-post-box textarea {
	border: thin solid #b0b0b0;
}

#contents-p1 #right-col .blog-center .comment-box .comment-post-box p.s-img img {
	border: 1px solid #888;
}

/*▼▼▼▼▼▼▼▼▼▼ レイアウトＡ（Left） ▼▼▼▼▼▼▼▼▼▼*/
/* レイアウトＡ
left-col（モデュール OPEN_HOURS 部分）
------------------------------------------*/
#contents-p1 #left-col .open_hours-left .box {
	border: 1px solid #5e4a38;
}

#contents-p1 #left-col .open_hours-left .box .oh_month caption {
	border-left: 2px solid #996600;
}

#contents-p1 #left-col .open_hours-left .box .oh_month .oh_header_sunday {
	color: #f00;
}

/* レイアウトＡ
left-col（モデュール NEWS 部分）
------------------------------------------*/
#contents-p1 #left-col .news-left .box dd {
	border-bottom: 1px dotted #4d422f;
}

/* レイアウトＡ
left-col（モデュール NEWS_SCROLL 部分）
------------------------------------------*/
#contents-p1 #left-col .news_scroll-left .box {
	border: 1px solid #5e4a38;
}

#contents-p1 #left-col .news_scroll-left .box dd {
	border-bottom: 1px dotted #4d422f;
}

/* レイアウトＡ
left-col（モデュール ARTICLE 部分）
------------------------------------------*/
#contents-p1 #left-col .article-left h3 {
	color: #4d422f;
}

/* レイアウトＡ
left-col（モデュール COMPANY_INFO 部分）
------------------------------------------*/
#contents-p1 #left-col .company_info-left table th {
	border-right: 1px solid #5e4a38;
	border-bottom: 1px solid #5e4a38;
	border-top: 1px solid #5e4a38;
}

#contents-p1 #left-col .company_info-left table td {
	border-bottom: 1px solid #5e4a38;
	border-top: 1px solid #5e4a38;
}


/* レイアウトＡ
left-col（モデュール CONTACT 部分）
------------------------------------------*/
#contents-p1 #left-col .contact-left table {
	border: 1px solid #fefefe;
	color: #5e4a38;
}

#contents-p1 #left-col .contact-left table th {
	border-right: 1px solid #fefefe;
	border-bottom: 1px solid #fefefe;
	background: #f5f5f5;
}

#contents-p1 #left-col .contact-left table td {
	background: #fafafa;
	border-bottom: 1px solid #fefefe;
}

#contents-p1 #left-col .contact-left table td p {
	color: #666;
}


/* 入力項目の説明欄の例の文字色 */
.example {
	color: #4d422f;
}


/*▼▼▼▼▼▼▼▼▼▼ オンラインショップ設定 START ▼▼▼▼▼▼▼▼▼▼*/
/* レイアウトＡ
/* right-col（モデュール SHOP 部分）
------------------------------------------*/
#contents-p1 #right-col .shop-center .box {
	border: 1px solid #5e4a38;
}

#contents-p1  #right-col .shop-center .item-desc {
	border: 1px solid #5e4a38;
}

#contents-p1  #right-col .shop-center .list-desc {
	border: 1px solid #5E4A38;
}

#contents-p1  #right-col .shop-center .cart p.no-stock {
	color: #f00;
}

#contents-p1  #right-col .shop-center .paging .current-page {
	color: #ce0000;
}

/* ▼▼▼▼▼▼▼▼▼▼▼ 「お問い合わせ」送信完了画面 ▼▼▼▼▼▼▼▼▼▼▼ */
.mail-result {
	border: 2px solid #eee;
}