
/*side.css
===================================================================*/
/*サイドナビゲーションのスタイル
===================================================================*/

/*レフトナビゲーション
-------------------------------------------*/
/*商品検索
-----------------------*/
#search {
width:185px;
padding:0;
margin-bottom:10px;
}
#search .celptn1 {
padding:0;
}
#search .celptn2 {
padding:10px 10px 10px 10px;
background-image:url(../images/line_01.gif);
background-position:top;
background-repeat:no-repeat;
background-color:#F4F1F2;
font-size:0.6875em;
text-align:center;
}
#search .celptn2 .textptn01 {
padding:5px 0 0 0;
margin:0;
}

/*商品カテゴリー
-----------------------*/
#category {
width:185px;
padding:0;
margin-bottom:10px;
border-bottom:1px solid #CCCCCC;
}
#category .celptn1 {
padding:0;
}
#category .celptn2 {
padding:7px 5px 7px 5px;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
background-image:url(../images/line_01.gif);
background-position:top;
background-repeat:no-repeat;
}
#category .celptn2 .textptn01 {
padding:0 0 0 14px;
margin:0;
background-image:url(../images/icn_01.gif);
background-position:2px 2px;
background-repeat:no-repeat;
font-size:0.75em;
line-height:130%;
}


/*インフォメーション
-----------------------*/
#info {
width:185px;
padding:0;
margin-bottom:10px;
border-bottom:1px solid #CCCCCC;
}
#info .celptn1 {
padding:0;
}
#info .celptn2 {
padding:7px 5px 7px 5px;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
background-image:url(../images/line_01.gif);
background-position:top;
background-repeat:no-repeat;
}
#info .celptn2 .textptn01 {
padding:0 0 0 14px;
margin:0;
background-image:url(../images/icn_01.gif);
background-position:2px 2px;
background-repeat:no-repeat;
font-size:0.75em;
line-height:130%;
}

/*コラム
-----------------------*/
#column {
width:185px;
padding:0;
margin-bottom:10px;
border-bottom:1px solid #CCCCCC;
}
#column .celptn1 {
padding:0;
}
#column .celptn2 {
padding:7px 5px 7px 5px;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
background-image:url(../images/line_01.gif);
background-position:top;
background-repeat:no-repeat;
}
#column .celptn3 {
padding:5px 5px 1px 5px;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
background-image:url(../images/line_01.gif);
background-position:top;
background-repeat:no-repeat;
}
#column .celptn2 .textptn01 {
padding:0 0 0 14px;
margin:0;
background-image:url(../images/icn_01.gif);
background-position:2px 2px;
background-repeat:no-repeat;
font-size:0.75em;
line-height:130%;
}
#column .celptn3 .textptn01 {
padding:0 0 0 1px;
margin:0;
font-size:0.7em;
line-height:105%;
color:#747474;
}
/*広告
-----------------------*/
#pr {
width:185px;
padding:0;
margin-bottom:10px;
border-bottom:1px solid #CCCCCC;
}
#pr .celptn1 {
padding:5px 5px 1px 5px;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
background-image:url(../images/line_01.gif);
background-position:top;
background-repeat:no-repeat;
}
#pr .celptn1 .textptn01 {
padding:0 0 0 1px;
margin:0;
font-size:0.7em;
line-height:105%;
color:#747474;
}
#pr .celptn2 {
color:white;
font-weight:bold;
background-color:#EABFDF;
font-size:0.75em;
padding:5px 5px 1px 5px;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
background-image:url(../images/line_01.gif);
background-position:top;
background-repeat:no-repeat;
}

/* ---------------------------
カレンダー
--------------------------- */
TABLE.calendarbox {
	width:185px;
	padding:0;
	margin-bottom:10px;
	border-bottom:1px solid #CCCCCC;
}
TD.calendarboxTitle {
	color:white;
	font-weight:bold;
	background-color:#AA9EB6; /* 背景色 */
	font-size:0.75em;
	padding:5px 5px 1px 5px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background-image:url(../images/line_01.gif);
	background-position:top;
	background-repeat:no-repeat;
}
TD.calendarboxMain {
	padding:5px 5px 1px 5px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background-image:url(../images/line_01.gif);
	background-position:top;
	background-repeat:no-repeat;
	font-size:0.7em;
	color:#747474;
}

TABLE.calendar {
  border:1px #DDDDDD solid;
  border-collapse:collapse;
}

TD.calendarTitle {
  border:1px #DDDDDD solid;
  font-size:0.8em;
  padding:1px;
  text-align:center;
  background-color:#FFFFEA;
}

TD.calendarSun {
  border:1px #DDDDDD solid;
  font-size:0.8em;
  padding:1px;
  text-align:center;
  font-weight:bold; 
  background-color:#FFD5DF;
  color:#AF3A3A;
}

TD.calendarSat {
  border:1px #DDDDDD solid;
  font-size:0.8em;
  padding:1px;
  text-align:center;
  font-weight:bold; 
  background-color:#DFF4F4;
  color:#30488F;
}

TD.calendarWek {
  border:1px #DDDDDD solid;
  font-size:0.8em;
  padding:1px;
  text-align:center;
  font-weight:bold; 
  background-color:#FFFFEA;
}

TD.calendarBHol {
  border:1px #DDDDDD solid;
  font-size:0.8em;
  padding:1px;
  text-align:right;
  background-color:#FFD5DF;
  color:#AF3A3A;
}

TD.calendarBWek {
  border:1px #DDDDDD solid;
  font-size:0.8em;
  padding:1px;
  text-align:center;
  background-color:#FFFFFF;
}





/*ライトナビゲーション
-----------------------------------------------------*/
/*カートの中身
-----------------------*/
#cart {
width:185px;
padding:0;
margin-bottom:10px;
}
#cart .celptn1 {
padding:0;
}
#cart .celptn2 {
padding:10px 10px 10px 10px;
background-image:url(../images/line_01.gif);
background-position:top;
background-repeat:no-repeat;
background-color:#F4F1F2;
font-size:0.6875em;
line-height:150%;
color:#694727;
text-align:left;
}
#cart .celptn3 {
padding:6px 10px 5px 10px;
background-image:url(../images/line_01.gif);
background-position:top;
background-repeat:no-repeat;
background-color:#F4F1F2;
font-size:0.6875em;
text-align:right;
}

/*ランキング
-----------------------*/
#ranking {
width:185px;
padding:0;
margin-bottom:10px;
border-bottom:1px solid #CCCCCC;
}
#ranking .celptn1 {
padding:0;
}
#ranking .celptn2 {
padding:7px 5px 7px 5px;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
background-image:url(../images/line_01.gif);
background-position:top right;
background-repeat:no-repeat;
text-align:left;
width:75px;
}
#ranking .celptn2 .tblptn1 {
padding:0;
}
#ranking .celptn2 .tblptn1 .inrcell1 {
padding:0 5px 0 0;
}
#ranking .celptn2 .tblptn1 .inrcell1 .blkptn1 {
padding:0;
border:1px solid #E3D9E3;
}

#ranking .celptn2 .tblptn1 .inrcell2 {
padding:0;
}
#ranking .celptn2 .tblptn1 .inrcell3 {
padding:5px 5px 0 0;
font-size:0.6875em;
line-height:150%;
}


/*お知らせ
-----------------------*/
#news {
width:185px;
padding:0;
margin-bottom:10px;
border-bottom:1px solid #CCCCCC;
}
#news .celptn1 {
padding:0;
}
#news .celptn2 {
padding:7px 5px 7px 10px;
border-left:1px solid #CCCCCC;
background-image:url(../images/line_01.gif);
background-position:top right;
background-repeat:no-repeat;
font-size:0.6875em;
line-height:130%;
}
#news .celptn3 {
padding:7px 5px 7px 3px;
border-right:1px solid #CCCCCC;
background-image:url(../images/line_01.gif);
background-position:top left;
background-repeat:no-repeat;
font-size:0.6875em;
line-height:130%;
}

/*QRコード
-----------------------*/
#qrtable {
width:185px;
padding:3px 3px 3px 3px;
border:1px solid #CCCCCC;
}

/*汎用
-----------------------*/
#common {
width:185px;
padding:0;
margin-bottom:10px;
border-bottom:1px solid #CCCCCC;
}
#common .celptn1 {
padding:0;
}
#common .celptn2 {
padding:7px 5px 7px 5px;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
background-image:url(../images/line_01.gif);
background-position:top;
background-repeat:no-repeat;
}
#common .celptn2 .textptn01 {
padding:0 0 0 14px;
margin:0;
background-image:url(../images/icn_01.gif);
background-position:2px 2px;
background-repeat:no-repeat;
font-size:0.75em;
line-height:130%;
}

