@charset "utf-8";
@import url(cal.css);

/*  トップメニューエリア
--------------------------------*/

/*ニュース＆トピックス*/
#news_space{
	width:367px;
	background-image:url(../images/center_menu01.gif);
	background-repeat:no-repeat;
	background-position:center top;
	text-align:left;
	padding-top:18px;
}

/*還元商品一覧*/
#syouhin_space{
	width:367px;
	background-image:url(../images/center_menu02.gif);
	background-repeat:no-repeat;
	background-position:center top;
	text-align:left;
	padding-top:18px;
}

/*オレンジの枠（中央で使用）*/
.orange_space{
	width:365px;
	background-color:#FFFFFF;
	margin:0px 0px 10px 0px;
	padding:1px;
}

/*還元商品項目表示（通常）*/
.normal_point{
	background-image:url(../images/normal_point.gif);
	background-repeat:no-repeat;
	background-position:center left;
	width:70px;
	font-size:13px;
	margin:2px 0px 2px 2px;
	padding-left:10px;
}

/*還元商品項目表示（特売品）*/
.sale_point{
	background-image:url(../images/sale_point.gif);
	background-repeat:no-repeat;
	background-position:center left;
	width:70px;
	font-size:13px;
	margin:2px 0px 2px 2px;
	padding-left:10px;
}

/*還元商品項目表示（おすすめ品）*/
.osusume_point{
	background-image:url(../images/osusume_point.gif);
	background-repeat:no-repeat;
	background-position:center left;
	width:70px;
	font-size:13px;
	margin:2px 0px 2px 2px;
	padding-left:10px;
}


/*商品カテゴリ一覧*/
#ctg_space{
	width:367px;
	background-image:url(../images/center_menu03.gif);
	background-repeat:no-repeat;
	background-position:center top;
	text-align:left;
	padding-top:30px;
}

/*商品カテゴリ１イメージ*/
.ctg1_space{
	background-image:url(../images/ctg1_back.gif);
	background-repeat:no-repeat;
	background-position:center top;
	width:350px;
	height:32px;
	font-weight:bold;
	font-size:13px;
	padding:4px 0px 0px 0px;
}

/*商品カテゴリ１イメージ*/
.ctg1_photo01 {
	width:40px;
	text-align:right;
	padding:0px 0px 0px 30px;
}

/*商品カテゴリ１名称*/
.ctg1_name01 {
	width:270px;
	padding:0px 0px 0px 10px;
}

a#white {
	color:#FFFFFF;
}

a#orange {
	color:#646464;
}

a#black {
	color:#000000;
}

/*商品カテゴリ２イメージ*/
.ctg2_space{
	background-image:url(../images/ctg2_back.gif);
	background-repeat:no-repeat;
	background-position:80% 0%;
	width:350px;
	height:30px;
	font-weight:bold;
	font-size:13px;
	padding:2px 0px 0px 0px;
}

/*商品カテゴリ２イメージ*/
.ctg2_photo01 {
	width:40px;
	text-align:right;
	padding:0px 0px 0px 50px;
}

/*商品カテゴリ3イメージ*/
.ctg3_photo01 {
	width:80px;
}

/*商品カテゴリ２名称*/
.ctg2_name01 {
	width:250px;
	padding:0px 0px 0px 10px;
}

/*商品カテゴリ３イメージ*/
.ctg3_space{
	/*background-image:url(../images/ctg3_back.gif);*/
	background-repeat:no-repeat;
	background-position:center top;
	width:350px;
	/*height:25px;*/
	font-weight:bold;
	font-size:13px;
	padding:0px 0px 0px 0px;
}

/*商品カテゴリ３名称*/
.ctg3_name01 {
	padding:0px 0px 0px 10px;
	width:230px;
	/*border: 1px #1C79C6 solid;*/
	border-bottom:1px #B4B4B4 solid;
	border-left:3px #B4B4B4 solid;
}

/*商品カテゴリ３*/
table.ctg3 {
  width: 97%;

}

/*件数表示*/
#kensuu{
	font-size:small;
	text-align:right;
	padding:0px 5px 0px 5px;
}

/*改ページ*/
p#kaipage {
	margin: 0 0 0 0;
	padding: 0 0 5px 0;
	word-spacing: 0.5em;
	font-size: small;
}


/*  トップメニューエリア(ログイン前）
--------------------------------*/

/*メイン*/
#top_main_space{
	width:800px;
	padding:5px;
}

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

table.top{
	width:100%;
	height:600px;
	padding:5px;
	margin-left: auto;
 	margin-right: auto;
}

th.left{
	width:60%;
}

th.right{
	width:40%;
}

td.left{
	background-image:url(../images/top.png);
	background-repeat:no-repeat;
	background-position:center;
	padding:5px;
}

td.right{
	text-align:center;
	vertical-align:top;
	padding-top:90px;
}

/*エラーメッセージ表示エリア*/
table.err{
	width:80%;
	padding:2px;
  font-weight: normal;
  border-collapse: collapse; /* 枠線の表示方法 */
  border-width: 0px;
  margin-left: auto;
 	margin-right: auto;
}

/*ログイン*/
table.login{
	width:90%;
	padding:2px;
  font-weight: normal;
  border-collapse: collapse; /* 枠線の表示方法 */
  border-style: solid;
  border-width: 2px;
  border-color:#ACA899;
  margin-left: auto;
 	margin-right: auto;
 	font-size:0.9em;
}

td.input{
	text-align:left;
	padding:20px 0px 5px 10px;
}

td.pw{
	text-align:left;
	padding:5px 0px 5px 10px;
}

td.save{
	text-align:center;
 	font-size:0.8em;
	padding:5px 0px 0px 0px;
}

td.pass{
	text-align:right;
 	font-size:0.8em;
	padding:5px 10px 5px 0px;
}

/*未登録者エリア*/
table.touroku{
	width:90%;
	padding:2px;
  font-weight: normal;
  border-collapse: collapse; /* 枠線の表示方法 */
  border-style: solid;
  border-width: 2px;
  border-color:#FDD89B;
  margin-left: auto;
 	margin-right: auto;
 	margin-top: 20px;
 	font-size:0.9em;
}

td.setumei{
	text-align:left;
	font-weight:bold;
	font-size:1.2em;
	padding:5px 0px 5px 10px;
}

td.setumei2{
	text-align:left;
	font-size:0.8em;
	padding:5px 5px 5px 10px;
}



/*  入力エリア
--------------------------------*/
input.normal, select.normal, textarea.normal {

  border-style: solid;
  border-width: 1px;
  border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
  vertical-align: middle;
/*  color: #696969; */
  color: #000000;
  background: #F2F2F2;

}

#custid,#custpw{
	width : 180px;
}

/*エラーメッセージ*/
#errmes {
	margin: auto;
	text-align: center;
	font-weight: bold;
	color: #ff0000;
}