/*****************************************************************************
 CSS初期化
 *****************************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;padding:0;
}
table { border-collapse:collapse;border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%;font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
img { vertical-align:top; }

/*****************************************************************************
 ワイヤー
 *****************************************************************************/
#LEFT {
	float:left;
	width:685px;
}
#RIGHT {
	float:right;
	width:216px;
}
#right .inside {
	width:212px;
}
#contents-area {
	margin:0 auto 15px auto;
	width:908px;
	background:url(/matrix/img/top-right-bg.gif) repeat-y 692px 0;
}

/*****************************************************************************
 クリア関連
 *****************************************************************************/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-table;} /* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;} /* End hide from IE-mac */
.cb { clear:both; height:0; line-height:0; font-size:1%; }

/*****************************************************************************
 基本
 *****************************************************************************/
body {
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Helvetica, Verdana, sans-serif;
	line-height:1.5;
	background:url(/matrix/img/cmn/bg-base.gif);
	color: #333333;
	font-size: 75%;
}
#base {
	background:url(/matrix/img/cmn/bg.gif) repeat-x #fffcec;
	width:100%;
}
#contentsArea {
	width:900px;
	margin:0 auto;
	padding-bottom:5px;
}
#LEFT {
	float:left;
	width:206px;
	background:url(/matrix/img/cmn/left-bg.gif) repeat-x;
	padding-bottom:25px;
}
#RIGHT {
	float:right;
	width:683px;
	padding-bottom:25px;
}

a:link, a:visited, a:active {
	color: #686868;
	text-decoration: none;
}
a:hover  { text-decoration: underline; }
a:hover img{ opacity:0.8; filter: alpha(opacity=80); }
strong { font-weight:bold; }
.left { float:left; }
.right { float:right; }
.small { font-size:80%; }

/*****************************************************************************
 左：コンテンツメニュー
 *****************************************************************************/
ul#leftNavi {
	width:186px;
	margin:0 auto 15px auto;
}
ul#leftNavi li {
	padding-bottom:2px;
}
ul#leftNavi li ul {
	background:url(/matrix/img/cmn/lnv-bg.gif) repeat-y;
	width:100%;
	margin-bottom:5px;
}
ul#leftNavi li ul li {
	display:inline;
}
ul#leftNavi li ul li a {
	display:block;
	border-bottom:1px solid #e594a1; 
	font-size:120%;
	color: #333333;
}
ul#leftNavi li ul li a span {
	background:url(/matrix/img/cmn/lnv-arrow-next.gif) no-repeat 0 0;
	display:block;
	padding:5px 7px 5px 20px;
}
ul#leftNavi li ul li a.cc, ul#leftNavi li ul li a:hover {
	background:url(/matrix/img/cmn/lnv-on-bg.gif) repeat-y 0 0;
}
ul#leftNavi li ul li a.cc span, ul#leftNavi li ul li a:hover span {
	background:url(/matrix/img/cmn/lnv-on.gif) no-repeat 0 0;
}

ul#leftNavi li ul li.last a span {
	background:url(/matrix/img/cmn/lnv-arrow-end.gif) no-repeat 0 0;
}
ul#leftNavi li ul li.last a.cc span, ul#leftNavi li ul li.last a:hover span {
	background:url(/matrix/img/cmn/lnv-on-end.gif) no-repeat 0 0;
}
ul#leftNavi li ul li a.cc {
	font-weight:bold;
	color:#ff2c02;
}

/*****************************************************************************
 ヘッダー
 *****************************************************************************/
#header {
	background:url(/matrix/img/cmn/head-bg-base.gif) no-repeat left bottom;
	width:100%;
	margin-bottom:15px;
}
#header .title {
	background:url(/matrix/img/cmn/head-title.gif) no-repeat;
	height:99px;
	overflow:hidden;
}
#header .title h1 {
	width:350px;
}
#header .title h1 a {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:100%;
	height:50px;
}
#header .title p.contact {
	width:181px;
	float:right;
	background:url(/matrix/img/cmn/head-bt-contact.gif) no-repeat;
}
#header .title p.contact a {
	display:block;
	width:151px;
	height:23px;
	text-indent:-9999px;
	overflow:hidden;
}
#header .title p.read {
	padding:8px 0 10px 40px;
	color:#ffc043;
}

/* フラッシュ */
#header #flash {
	height:222px;
}

/* ヘッダー下のグローバル */
#header ul#gnv {
	background:url(/matrix/img/cmn/gnv-right.gif) no-repeat 0 0;
	height:34px;
}
#header ul#gnv li {
	float:left;
}
#header ul#gnv li a {
	display:block;
	height:34px;
	width:116px;
	text-indent:-9999px;
	overflow:hidden;
}
#header ul#gnv li.gnv01 a {
	width:99px;
	background:url(/matrix/img/cmn/gnv-right.gif) no-repeat 0 0;
}
#header ul#gnv li.gnv02 a {
	background:url(/matrix/img/cmn/gnv-right.gif) no-repeat -99px 0;
}
#header ul#gnv li.gnv03 a {
	background:url(/matrix/img/cmn/gnv-right.gif) no-repeat -215px 0;
}
#header ul#gnv li.gnv04 a {
	background:url(/matrix/img/cmn/gnv-right.gif) no-repeat -331px 0;
}
#header ul#gnv li.gnv05 a {
	background:url(/matrix/img/cmn/gnv-right.gif) no-repeat -447px 0;
}
#header ul#gnv li.gnv06 a {
	background:url(/matrix/img/cmn/gnv-right.gif) no-repeat -563px 0;
}
#toppage #header ul#gnv li.gnv01 a, #header ul#gnv li.gnv01 a:hover {
	background:url(/matrix/img/cmn/gnv-right.gif) no-repeat 0 -50px;
}
#payment #header ul#gnv li.gnv02 a, #header ul#gnv li.gnv02 a:hover {
	background:url(/matrix/img/cmn/gnv-right.gif) no-repeat -99px -50px;
}
#support #header ul#gnv li.gnv03 a, #header ul#gnv li.gnv03 a:hover {
	background:url(/matrix/img/cmn/gnv-right.gif) no-repeat -215px -50px;
}
#delivery #header ul#gnv li.gnv04 a, #header ul#gnv li.gnv04 a:hover {
	background:url(/matrix/img/cmn/gnv-right.gif) no-repeat -331px -50px;
}
#store-info #header ul#gnv li.gnv05 a, #header ul#gnv li.gnv05 a:hover {
	background:url(/matrix/img/cmn/gnv-right.gif) no-repeat -447px -50px;
}
#voice #header ul#gnv li.gnv06 a, #header ul#gnv li.gnv06 a:hover {
	background:url(/matrix/img/cmn/gnv-right.gif) no-repeat -563px -50px;
}

/*****************************************************************************
 トップページ
 *****************************************************************************/

/* リード */
#toppage #read {
	font-size:120%;
	color:#612cb9;
	font-weight:bold;
	text-align:center;
	padding-bottom:15px;
}

/* 右段おすすめ - おすすめページ共通 */
.osusume2 {
	background:url("../img/top/osusume-bg.gif") repeat-x 0 0 #ef3636;
	padding:0 5px 5px 5px;
}
.osusume2 h2 a {
	display:block;
	background:url("../img/top/osusume-title.gif") no-repeat;
	height:31px;
	text-indent:-9999px;
	overflow:hidden;
}
.osusume2 h2 span {
	display:block;
	background:url("../img/top/osusume-title2.gif") no-repeat;
	height:31px;
	text-indent:-9999px;
	overflow:hidden;
}
.osusume2 .table {
	background:#3f3c35;
	padding:5px 0;
	width:671px;
}
.osusume2 .one {
	background:url("../img/top/osusume-box.gif") repeat-x 0 100%;
	float:left;
	width:217px;
	margin-left:5px;
	margin-bottom:6px;
	border-top:1px solid #f40000;
	display:inline;
}
.osusume2 .one h3 {
	width:215px;
	background:url(/matrix/img/top/osusume-title-bg.gif) repeat-y;
	margin:0 auto;
}
.osusume2 .one h3 a {
	display:block;
	padding:5px 10px;
}
.osusume2 .one p.img {
	background:url(/matrix/img/top/osusume-detail.gif) no-repeat right center #fff;
	text-align:center;
	width:215px;
	margin:0 auto;
}
.osusume2 .one p.img a {
	display:block;
	padding:5px 0;
}
.osusume2 .one .price {
	width:196px;
	margin:0 auto;
	padding:10px 0;
}
.osusume2 .one .price span.left {
	display:block;
	width:100px;
	font-weight:bold;
	color:#ff0202;
}
.osusume2 .one .price span.right {
	display:block;
	width:60px;
}

/* 3ヶ月カレンダー */
#calendar #table {
	padding-bottom:15px;
}
#calendar #table table {
	width:210px;
	margin-left:12px;
}
#calendar #table table tr, #calendar #table table td {
	border:1px solid #fffcec;
}
#CalendarView0, #CalendarView1, #CalendarView2 {
	float:left;
}

/* お知らせ */

#info {
	padding: 20px 10px 0;
	font-weight: bold;
	font-size: 110%;
}
#info h2 {
	margin: 0 -10px 10px;
	padding: 6px 18px;
	background: #fff;
	border: 5px solid #e7e4d5;
}
#info p {
	margin-bottom: 5px;
}
#info p a {
	font-weight: normal;
	text-decoration: underline;
}


/* 店長の一言 */
#tencho {
	width:186px;
	margin:0 auto 10px auto;
	background:url(/matrix/img/top/tencho-mid.gif) repeat-y;
}
#tencho h2 {
	background:url(/matrix/img/top/tencho-title.gif) no-repeat;
	height:30px;
	text-indent:-9999px;
}
#tencho .in {
	background:url(/matrix/img/top/tencho-bot.gif) no-repeat left bottom;
	padding:10px;
}
.txtAR {
	text-align:right;
}

/* 左バナー */
ul#banner {
	width:186px;
	margin:0 auto;
}
ul#banner li {
	padding-bottom:5px;
}

/*****************************************************************************
 フッターナビゲーション
 *****************************************************************************/
.footerNavi {
	width:100%;
	background:url(/matrix/img/cmn/footer-category-bg.gif) repeat-y;
	margin:25px 0 0 0;
}
.footerNavi ul {
	width:100%;
	background:url(/matrix/img/cmn/footer-category.gif) no-repeat;
}
.footerNavi ul li {
	float:left;
	display:inline;
}
.footerNavi ul li a, .footerNavi ul li span {
	display:block;
	text-align:center;
	padding:33px 0 15px 0;
	font-weight:bold;
}
.footerNavi ul li.fn01 a, .footerNavi ul li.fn01 span { width:151px; margin-left:120px; }
.footerNavi ul li.fn02 a, .footerNavi ul li.fn02 span { width:91px; }
.footerNavi ul li.fn03 a, .footerNavi ul li.fn03 span { width:94px; }
.footerNavi ul li.fn04 a, .footerNavi ul li.fn04 span { width:127px; }
.footerNavi ul li.fn05 a, .footerNavi ul li.fn05 span { width:101px; }
.footerNavi ul li.fn06 a, .footerNavi ul li.fn06 span { width:80px; }

/*****************************************************************************
 フッター
 *****************************************************************************/
#footer {
	background:url(/matrix/img/cmn/bg-footer.gif);
	color:#fff;
	padding-bottom:15px;
}
#footer .in {
	width:900px;
	margin:0 auto;
}
#footer .left {
	width:730px;
}
#footer .left ul {
	padding:10px 0 20px;
}
#footer .left li {
	display:inline;
	padding-right:10px;
	float:left;
}
#footer .left li a {
	color:#b1976c;
	font-weight:bold;
}
#footer .left p.banner {
	float:right;
}
#footer .left h2 {
	font-size:120%;
}
#footer .left h2 a {
	color:#fdf8e0;
}
#copyright {
	width:900px;
	margin:0 auto;
	padding:5px 0;
}


/*****************************************************************************
 detail basic
 *****************************************************************************/

/* 文字画像 */
.TXT01 {
	background:url(/matrix/img/top/calendar-text.gif) no-repeat scroll 0 6px;
	height:50px;
	text-indent:-9999px;
}
.TXT02 {
	background:url(/matrix/img/top/hassou-text.gif) no-repeat;
	height:50px;
	text-indent:-9999px;
}

/* 右段コンテンツエリアの背景ボックス */
.ereabox {
	width:683px;
	background:url(/matrix/img/cmn/contents-bg.gif) repeat-y 0 5px;
	border-bottom:5px solid #e8dada;
}
.ereabox-top {
	width:100%;
	background:url(/matrix/img/cmn/contents-top.gif) no-repeat 0 0;
	padding:5px 0;
}
.ereabox-inner {
	overflow: hidden;
	width:663px;
	margin:0 auto;
	/height: 1%;
}

/* 右段看板 */
.ereabox h2.head {
	padding-bottom:15px;
}

/* 右段リード */
.ereabox .read {
	padding:0 15px 15px 15px;
	font-size:120%;
}
.ereabox .read h3 {
	color:#fe0303;
	font-weight:bold;
}

/* カテゴリートップのリスト */
.category-list {
	width:663px;
	margin:0 auto;
}
.category-list .one {
	background:url(/matrix/img/cmn/category-list.gif) no-repeat 0 100%;
	width:221px;
	float:left;
	padding:0 0 15px 0;
	margin-bottom:10px;
}
.category-list .one h3 {
	border-top:1px solid #9e5555;
	background:#ffe8e8;
	width:215px;
	margin:0 auto;
	font-size:120%;
}
.category-list .one h3 a {
	display:block;
	padding:5px 10px;
	font-weight:bold;
	color:#333333;
}
.category-list .one p.img {
	width:215px;
	margin:0 auto;
	padding:0 0 5px;
}
.category-list .one p.link {
	text-align:center;
}
.category-list .one p.link a {
	text-decoration:underline;
	font-weight:bold;
	color:#f40000;
}

/* ソートのあるページのリスト */
.product-list {
	padding-left:11px;
}
.product-list .one {
	background:url(/matrix/img/cmn/product-list-bg.gif) no-repeat 0 100%;
	width:221px;
	float:left;
	padding:0;
	margin-bottom:10px;
}
.product-list .one-in {
	padding:0 1px;
}
.product-list h3 {
	width:215px;
	border-top:1px solid #cbcbcb;
	background:#ffdde4;
	color:#494848;
}
.product-list h3 a {
	display:block;
	padding:5px 10px;
	color:#0b0b0b;
	font-weight:bold;
}
.product-list h3 a.Kanbai {
	cursor: default;
	color: #555;
}
.product-list h3 a.Kanbai:hover {
	text-decoration: none;
}
.product-list p.img {
	width:215px;
	padding:5px 0;
	text-align:center;
	background:url(/matrix/img/top/osusume-detail.gif) right center no-repeat #fff;
}
.product-list p.img img {
	vertical-align: middle;
}
.product-list p.img a {
	display: block;
	min-height: 116px;
	height: auto !important;
	height: 116px;
}
.product-list p.img a.IconOsusume {
	background:url(/matrix/img/cmn/icon-osusume.gif) no-repeat 5px 5px;
}
.product-list p.img a.IconKanbai {
	background:url(/matrix/img/cmn/icon-kanbai.gif) no-repeat 5px 5px;
	cursor: default;
}
.product-list p.img a.IconKanbai img {
	opacity:1;
	filter: alpha(opacity=100);
}
.product-list .price {
	width:196px;
	margin:0 auto;
	padding:10px 0 15px;
}
.product-list .price span.left {
	display:block;
	width:100px;
	font-weight:bold;
	color:#ff0202;
}
.product-list .price span.right {
	display:block;
	width:60px;
}
.one-group {
	clear:both;
	padding-bottom:15px;
}

/* グループテキストのタイトル */
h2.group {
	background:url(/matrix/img/cmn/group-text-bg.gif) repeat-y;
	width:659px;
	font-size:120%;
	color:#333333;
}
h2.group span {
	display:block;
	padding:5px 10px;
}

/* 詳細右下のバナー */
#banner-wide {
	width:186px;
	margin:0 auto;
	padding-bottom:10px;
}

/* パン屑 */
p.pankuzu {
	width:100%;
	background:#f2efe1;
	border-bottom:1px solid #a19f98;
}
p.pankuzu span {
	display:block;
	padding:8px 15px;
	color:#686868;
}
p.pankuzu span a {
	color:#686868;
}

/* ソートボタン */
.sort {
	width:663px;
	margin:0 auto;
	padding-bottom:10px;
}
.sort ul {
	background:url(/matrix/img/cmn/sort.gif) no-repeat;
	height:28px;
	padding-left:100px;
}
.sort ul li {
	display:inline;
	float:left;
}
.sort ul li a {
	display:block;
	height:28px;
	text-indent:-9999px;
	overflow:hidden;
}
.sort ul li.gp01 a {
	width:128px; background:url(/matrix/img/cmn/sort.gif) no-repeat -100px 0;
}
.sort ul li.gp02 a {
	width:67px; background:url(/matrix/img/cmn/sort.gif) no-repeat -228px 0;
}
.sort ul li.gp03 a {
	width:63px; background:url(/matrix/img/cmn/sort.gif) no-repeat -295px 0;
}
.sort ul.cc01 li.gp01 a, .sort ul li.gp01 a:hover {
	background:url(/matrix/img/cmn/sort.gif) no-repeat -100px -50px;
}
.sort ul.cc02 li.gp02 a, .sort ul li.gp02 a:hover {
	background:url(/matrix/img/cmn/sort.gif) no-repeat -228px -50px;
}
.sort ul.cc03 li.gp03 a, .sort ul li.gp03 a:hover {
	background:url(/matrix/img/cmn/sort.gif) no-repeat -295px -50px;
}

/* 詳細ユーザーメニュー */
.user-navi {
	width:100%;
	padding:15px 0;
}
.user-navi p.category-button {
	float:left;
	width:166px;
}
.user-navi p.ie-button {
	float:right;
	width:220px;
}
.user-navi p.category-button span {
	display:block;
	width:166px;
	background:url(/matrix/img/cmn/button-cate-mid.gif) repeat-y;
}
.user-navi p.category-button span span {
	background:url(/matrix/img/cmn/button-cate-top.gif) no-repeat 0 0;
}
.user-navi p.category-button span span a {
	display:block;
	background:url(/matrix/img/cmn/button-cate-bot.gif) no-repeat 0 bottom;
	padding:2px 5px 4px 30px;
	color:#FFFFFF;
	font-size:120%;
}

/* 詳細タイトル */
h2.entryTitle {
	width:100%;
	background:url(/matrix/img/cmn/entry-title-mid.gif) repeat-y;
	margin-bottom:10px;
}
h2.entryTitle span {
	width:100%;
	display:block;
	background:url(/matrix/img/cmn/entry-title-top.gif) no-repeat 0 0;
}
h2.entryTitle span span {
	width:auto;
	background:url(/matrix/img/cmn/entry-title-bot.gif) no-repeat 0 bottom;
	padding:10px 15px;
	font-size:140%;
	color:#c40e03;
}
h2.entryTitle span span strong {
	color:#343434;
}

h3.catch {
	color:#606261;
	font-weight:bold;
	padding:0 15px 10px 15px;
}

/* 詳細右2段 */
.entrySide {
	width:100%;
	padding-bottom:15px;
}
.entrySide .left {
	float:left;
	width:450px;
}
.entrySide .right {
	float:right;
	width:200px;
}

/* 詳細サブ・メイン画像 */
.sub-image, .main-image {
	padding-bottom:10px;
	width:400px;
	overflow:hidden;
}

/* 詳細、画像＋テキストのセット並び */
.entrySubTexts {
	width:100%;
	padding-bottom:15px;
	font-size:120%;
}
.entrySubTexts dl {
	background:#e8e6d7;
	width:100%;
	padding:5px 0;
	margin-bottom:2px;
}
.entrySubTexts dt {
	width:132px;
	float:left;
	text-align:right;
}
.entrySubTexts dd {
	width:305px;
	float:right;
}
.entrySubTexts dd span {
	width:300px;
	display:block;
}
.zoomTxt {
	margin-bottom: 5px;
	padding: 3px 0;
	border: 3px solid #e8e6d7;
	background: #fff;
	text-align:center;
}

/* 詳細、説明文最上 */
.entrySide .right .text {
	background:#f6e2d7;
	padding-top:5px;
	font-size:120%;
	width:100%;
	margin-bottom:2px;
}
.entrySide .right .text p {
	padding:0 5px 10px 5px;
}

/* 詳細、アイコン並び */
.entrySide .right .icons {
	background:#fdeca6;
	width:100%;
	margin-bottom:2px;
}
.entrySide .right .icons span {
	display:block;
	padding:5px;
}

.entrySide .icon-info {
	margin-bottom: 2px;
	padding: 2px;
	border: 3px solid #fdeca6;
	text-align: center;
}
.entrySide .icon-info a {
	font-weight: bold;
}

/* 仕様テーブル */
.entrySide .right .spec {
	width:100%;
	padding-bottom:20px;
}
.entrySide .right .spec table {
	border:1px solid #dddcca;
	border-collapse:inherit;
	width:100%;
}
.entrySide .right .spec table th, .entrySide .right .spec table td {
	border:1px solid #fff;
}
.entrySide .right .spec table th {
	background:#dedccd;
	text-align:center;
	width:40px;
}
.entrySide .right .spec table td {
	background:#efefe7;
}
.entrySide .right .spec table td span {
	display:block;
	padding:0 5px;
}
.entrySide .right .price {
	color:#666666;
	padding-bottom:20px;
}
.entrySide .right .price div {
	border:5px solid #fd8f5a;
	padding:8px 10px 5px 10px;
	color:#ff0302;
	font-size:120%;
	line-height:1.2;
}
.entrySide .right .price div strong {
	font-size:160%;
}
.entrySide .right .price div.soryokomi {
	background:url(/matrix/img/top/icon-soryo_zei_komi.gif) no-repeat 134px 38px;
}
.entrySide .right .price p {
	padding-bottom:5px;
}
.entrySide .right .price p.incart {
	padding:5px 0;
}

.entrySide .right .text2 {
	font-size:120%;
	border-top:4px solid #e8dad9;
	padding:10px 0;
}

/* ベース：トップ見出し */
h2.headline {
	padding:15px 0;
}

h3.headline {
	background:url(/matrix/img/cmn/head-title-mid.gif) repeat-y;
	width:100%;
	margin-bottom:15px;
}
h3.headline span {
	display:block;
	background:url(/matrix/img/cmn/head-title-top.gif) no-repeat 0 0;
	width:100%;
	padding:0;
}
h3.headline span span {
	width:auto;
	background:url(/matrix/img/cmn/head-title-bot.gif) no-repeat 0 bottom;
	padding:10px 15px;
	font-weight:bold;
	font-size:120%;
	color:#666;
}
h4.headline {
	background:url(/matrix/img/cmn/mark-head.gif) no-repeat 0 2px;
	padding:0 0 15px 25px;
	font-weight:bold;
	font-size:120%;
}

.padding {
	padding:0 15px 15px 15px;
}
.padding p {
	padding-bottom:1em;
}
.padding em {
	color: #ff0302;
}

table.tableStyle {
	width:100%;
	border-collapse:inherit;
	color:#999999;
}
table.tableStyle th span, table.tableStyle td span {
	display:block;
	padding:2px 5px;
}
table.tableStyle th span {
	background:#f7f5e3;
	font-weight:bold;
}
table.tableStyle th {
	border:1px solid #fefcea;
}
.phL {
	float:left;
	margin:0 15px 15px 0;
}
.linkBox {
	border:1px solid #e6e4d4;
	line-height:1.2;
	width:100%;
	margin-bottom:15px;
}
.linkBox p {
	padding:8px;
	vertical-align:middle;
}
a.linkcolor2 {
	color:#000000;
	text-decoration:underline;
}

/* 階層 */
div.directory {
	font-size:120%;
}
div.directory ul ul {
	padding-left:40px;
}
div.directory li {
	background:url(/matrix/img/cmn/arrow2.gif) no-repeat 0 0.5em;
	padding-left:12px;
	padding-bottom:5px;
}
div.directory .left, div.directory .right {
	width:300px;
}

/* 2カラム（1） */

.main {
	float: left;
	width: 420px;
}
.main h3.headline {
	background:url(/matrix/img/cmn/head-title2-mid.gif) repeat-y;
}
.main h3.headline span {
	background:url(/matrix/img/cmn/head-title2-top.gif) no-repeat 0 0;
}
.main h3.headline span span {
	background:url(/matrix/img/cmn/head-title2-bot.gif) no-repeat 0 bottom;
}
.sub {
	float: right;
	width: 220px;
}
.sub .section {
	margin-bottom: 1em;
}
.sub .section .img {
	margin-bottom: 0.5em;
	text-align: center;
}
.sub .section .img img {
	border: 3px solid #e3e1d2;
}
.indent {
	padding-left: 1em;
	text-indent: -1em;
}


/* 2カラム（2） */

.boxList {
	position: relative;
	overflow: hidden;
	width: 646px;
	margin-left: -18px;
	padding-top: 10px;
}
* html .boxList {
	height: 1%;
}
.boxList div {
	overflow: hidden;
	display: inline;
	float: left;
	width: 290px;
	margin: 0 0 10px 28px;
}
* html .boxList div {
	height: 1%;
	zoom: 1;
}
.boxList div h3.headline {
	width: auto;
	margin-bottom: 0;
	padding:0 0 10px 25px;
	background:url(/matrix/img/cmn/mark-head.gif) no-repeat 0 2px;
	font-weight:bold;
	font-size:120%;
}
.boxList div .img {
	float: left;
	margin-right: 10px;
	padding: 0;
	border: 1px solid #e0ddc4;
}
.boxList div .txt {
	min-height: 80px;
	height: auto !important;
	height: 80px;
	font-size: 120%;
}

/* 順序リストベース */

.decimal {
	margin: 0 0 1em 1.5em;
	list-style:decimal outside;
}
.decimal li {
	margin-bottom: 0.5em;
}

/* 汎用クラス */






/*****************************************************************************
 各ブログ用再指定
 *****************************************************************************/
 
/* 羽子板・破魔弓 */
body.syougatsu #base {
	background: #f8ffec url(/matrix/img/syougatsu/bg.jpg) repeat-x;
}
body.syougatsu .ereabox {
	background:url(/matrix/img/syougatsu/contents-bg.gif) repeat-y 0 5px;
	border-bottom:5px solid #f6e4cc;
}
body.syougatsu .ereabox-top {
	background:url(/matrix/img/syougatsu/contents-top.gif) no-repeat 0 0;
}
body.syougatsu h2.group {
	background:url(/matrix/img/syougatsu/group-text-bg.jpg) repeat-y;
}

/* その他 */
body.other #base {
	background: #faf9f8 url(/matrix/img/other/bg.jpg) repeat-x;
}
body.other .ereabox {
	background:url(/matrix/img/other/contents-bg.gif) repeat-y 0 5px;
	border-bottom:5px solid #eed59f;
}
body.other .ereabox-top {
	background:url(/matrix/img/other/contents-top.gif) no-repeat 0 0;
}
body.other h2.group {
	background:url(/matrix/img/syougatsu/group-text-bg.jpg) repeat-y;
}
body.other #LEFT {
	background:url(/matrix/img/other/left-bg.gif) repeat-x;
}

/* 五月人形 */
body.gogatsu #base {
	background: #f2f9f5 url(/matrix/img/gogatsu/bg.jpg) repeat-x;
}
body.gogatsu #gogatsuLead {
	background: url(/matrix/img/gogatsu/index_bg.jpg) no-repeat 288px top;
}
body.gogatsu .ereabox {
	background:url(/matrix/img/gogatsu/contents-bg.gif) repeat-y 0 5px;
	border-bottom:5px solid #e8e9b2;
}
body.gogatsu .ereabox-top {
	background:url(/matrix/img/gogatsu/contents-top.gif) no-repeat 0 0;
}

/* 鯉のぼり */
body.koi #base {
	background: #f2f9f5 url(/matrix/img/koi/bg.jpg) repeat-x;
}
body.koi .ereabox {
	background:url(/matrix/img/koi/contents-bg.gif) repeat-y 0 5px;
	border-bottom:5px solid #dbf5c6;
}
body.koi .ereabox-top {
	background:url(/matrix/img/koi/contents-top.gif) no-repeat 0 0;
}
.point {
	overflow: hidden;
	margin: 0 15px 15px;
}
* html .point {
	height: 1%;
}
.point h3 {
	font-weight: bold;
	font-size: 120%;
	color: #fe0303;
}
.point ul {
}
.point ul li {
	padding-left: 1.5em;
	text-indent: -1.5em;
	line-height: 1.2;
}
.point ul li:first-letter {
	margin-right: 0.5em;
	font-size: 140%;
	font-weight: bold;
}
.point p {
	margin-bottom: 5px;
}
.point p.poles {
	font-size: 120%;
}
.point p.img {
	float: left;
	margin-right: 15px;
}
.point p em {	
	color: #fe0303;
}

/* お盆・提灯 */
body.bon #base {
	background: #fffcec url(/matrix/img/bon/bg.jpg) repeat-x;
}
body.bon .ereabox {
	background:url(/matrix/img/other/contents-bg.gif) repeat-y 0 5px;
	border-bottom:5px solid #eed59f;
}
body.bon .ereabox-top {
	background:url(/matrix/img/other/contents-top.gif) no-repeat 0 0;
}

#bonRead {
}
#bonRead p {
	margin-bottom: 22px;
}
#bonRead .bonPoint {
	height: 135px;
	margin-bottom: 18px;
	padding-left: 13px;
	background: url(/matrix/img/bon/bonPoint_bg.jpg) no-repeat left top;
}
#bonRead .bonPoint ol {
	padding-top: 18px;
}
#bonRead .bonPoint ol li {
	margin-bottom: 10px;
}

#bonRead #bonTxt {
	margin: 0 20px;
	font-weight: bold;
	font-size: 116.7%;
}
#bonRead #bonTxt em {
	font-weight: bold;
	color: #f00;
}
#bonRead #bonName {
	margin: 0 20px 20px;
	text-align: right;
	font-weight: bold;
	font-size: 107.7%;
}

.qaTop {
	margin-bottom: 18px;
	background: url(/matrix/img/bon/top_img07.gif) no-repeat left bottom;
}
.qaTop ul {
	overflow: hidden;
	padding: 5px 10px;
}
* html .qaTop ul {
	height: 1%;
}
.qaTop li {
	float: left;
	display: -moz-inline-box;
	display: inline-block;
	margin: 0 13px 5px 0;
	line-height: 1.2;
	zoom: 1;
}
* html .qaTop li {
	float: none;
	display:　inline;
	zoom:　1;
}
 
*:first-child + html .qaTop li {
	float: none;
	display:　inline;
	zoom:　1;
}

.qaTop a {
	display: -moz-inline-box;
	display: inline-block;
	padding-left: 12px;
	background: url(/matrix/img/bon/qa_arrow.gif) no-repeat left 0.3em;
	color: #f00;
}
.qaBottom {
	padding-top: 30px;
	padding: 30px 10px 20px;
}
.qaBottom dt {
	padding: 6px 14px;
	border-top: 1px solid #b58b96;
	border-left: 1px solid #b58b96;
	background: #9c6479;
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
}
.qaBottom dd {
	margin-bottom: 22px;
	padding: 10px 10px 0;
	background: url(/matrix/img/bon/top_img08.gif) repeat-x left top;
}