/* 全体構造
---------------------------------------------------- */
/*サイト全体エリア*/
#container {
text-align: center; 
margin : 0px ; padding : 0;
vertical-align:top;
}

/*メインエリア*/		
#main{
	padding : 0;
	margin:0;
	width:520px;
	border-right : #999999 1px dotted;
	background-image: url(../img/category_back.gif); 
	}

/*右メニューエリア*/	
#sub {
	padding : 0;
	margin:0;
	width:240px;
	background-color:#D9D9D9;		/* 背景色： */
	text-align:left;
	}
/***********************************************/
/*共通                          */
/***********************************************/ 
.category { background-image: url(../img/category_back.gif); 
width:520px;}

/* カテゴリータイトル*/
h4.category_title {float:left;
	vertical-align:middle;		/* 垂直位置 */
		text-indent:1em;			/* 行頭インデント */
}

/* ニュース日付*/
.news_day{
display:block;
float:right;
text-align:right;
vertical-align:middle;	/* 垂直位置 */
}


/*フリーPRエリア1*/
table.top_free{ padding:0; margin:5px 0;
width:490px;
	vertical-align:top;		/* 垂直位置 */
	border:#CCCCCC 1px solid;
}

.img_left{float:left;margin:0 5px 0 0;}

/*フリーPRエリア*/
.free_comment {padding:0 0 0 3px;}

/*フリーPRタイトル*/
.free_title {background-color:#99CCFF;padding:3px;}

/*フリーPRキャッチ*/
.free_catch {border-bottom:#CCCCCC 1px dotted;padding:5px;font-weight:bold;}

/*フリーPRコメント*/
.free_read {padding:5px;}

/*フリーPRエリア2*/
table.top_free2{ padding:0; margin:5px 0;
width:480px;
	vertical-align:top;		/* 垂直位置 */
}

/*フリーPRエリア2*/
td.top_free2{ padding:0; margin:0;
width:160px;
	vertical-align:top;		/* 垂直位置 */
	border:#CCCCCC 1px solid;
	background-color:#CCE6FF;
}

/*フリーPR2タイトル*/
.free_title2 {border-bottom:#666666 1px dotted;padding:5px;background-color:#99CCFF;}

/*フリーPR2キャッチ*/
.free_catch2 {padding:3px;width:100%;font-size:xx-small;}

/*フリーPRエリア3*/
table.top_free3{ padding:0; margin:5px 0;
width:490px;
	vertical-align:top;		/* 垂直位置 */
	border:#CCCCCC 1px solid;
}

/*フリーPR3タイトル*/
.free_title3 {background-color:#FFCCFF;padding:3px;}


/***********************************************/
/*メインエリア                          */
/***********************************************/ 
/* お店からの最新ニュース*/
#news {width:100%;}

/* ニュース見だしエリア*/
.news_title {	background-color:#0288FD;
width:520px;
height:20px;
margin:0;
padding:2px;
color:#fff;
}

/*ニュースメニューボタン*/
#news  ul{
list-style: none;
padding: 0;
margin: 10px 1em;
}

#news li{
background-image: url(../img/top/b_news.gif); 
background-repeat: no-repeat;
background-position : top 0;
padding-left:1em;
}

#news li a:link {color: #003399; text-decoration: none;}
#news li a:visited {color: #003399; text-decoration: none;}
#news li a:hover {color: #3366FF; text-decoration: none;}

.news_update{font-size:xx-small;color:#0066FF;}

/* ニューオープン*/
#newopen{width:100%;}

/* Newopen見だしエリア*/
.open_title {	background-color:#FF66CC;
width:520px;
height:20px;
margin:0;
padding:2px;
color:#fff;
}

/* Newopenリスト*/
.newopen_list{display:block;
vertical-align:top;
width:280px;
margin:5px;
padding:5px;}

/*最近openした店タイトル*/
h5.newopen_list_title{
color:#fff;
background-color:#FF66CC;
padding:2px;
width:140px;
text-align:center;
}

/*openした店メニューボタン*/
.newopen_list ul{
list-style: none;
padding: 0;
margin: 10px 1em;
}

.newopen_list li{
background-image: url(../img/top/b_open.gif); 
background-repeat: no-repeat;
background-position : top 0;
padding-left:1em;
}

/*open店日付*/
.open_update{font-size:xx-small;color:#FF0099;}


/* Newopenニュース*/
.newopen_news{display:block;
vertical-align:top;
width:200px;
margin:5px;
padding:5px;
background-color:#FFF;
border:1px #FF66CC solid;}

h5.newopen_news_title{
color:#fff;
background-color:#FF66CC;
padding:2px;
text-align:center;
}

/*Newopenニュースメニューボタン*/
.newopen_news ul{
list-style: none;
padding: 0;
margin: 10px 1em;
}

.newopen_news li{
background-image: url(../img/top/b_open_news.gif); 
background-repeat: no-repeat;
background-position : top 0;
padding-left:1em;
}

/*Newopenバックナンバー*/
.newopen_bk {clear:both;
display:block;
padding:5px 10px;
width:480px;}

/*Newopenバックナンバーリスト*/
.newopen_bk ul{margin-left: 0;
padding-left: 0;
}

.newopen_bk li{display: inline;
list-style-type: none;
line-height:10px;		/* 行幅 */
}

.newopen_bk a { padding: 3px 5px;}

.newopen_bk a:link, .newopen_bk  a:visited
{
color: #FF0099;
text-decoration: none;
}

.newopen_bk a:hover
{
color: #FF0066;
text-decoration: none;
}

/*検索*/
#search{width:100%;
}

form.toku_search{background-color:#CCFFFF;
border:#33CCFF 1px solid;
text-align:center;
padding:5px;
margin:5px 30px;
}

/*検索リスト*/
.search_list{
text-align:center;
width:480px;
padding:5px;}

/*検索リスト登録ボタン*/
/*ボタン〜押したら凹む*/
A.search_btn {
  display: block;           /* ブロック要素にする */
  width:250px;
  color: #ffffff;
  background-color: #33CCFF; /* 背景色（ボタン)の色 */
  border: outset 2px #CCFFFF; /* 枠-明るい場所 */
  margin: 0 10px;
  padding: 3px 1px 1px 0px;
  font-size: x-small;           /* フォントサイズ */
  font-weight:bold;
  line-height:large;         /* 行の高さ */
  text-align: center;        /* 水平揃え */
  text-decoration: none;     /* 下線を消す */
}
A.search_btn:hover {
  color: #eeeeee;
  background-color: #3366CC; /* 背景色（ボタン)の色 */
  border: inset 2px #CCFFFF; /* 枠-明るい場所 */
  margin: 0 10px;
  padding: 4px 0px 0px 1px;
  color:#FFFF00;
}
A.search_btn:active  { color: #ffffff; }
A.search_btn:visited { color: #ffffff; }

/* 携帯*/
#mobile{width:100%;}

/* 携帯タイトル*/
.mobile_title {	background-color:#33CC66;
width:520px;
height:20px;
margin:0;
padding:2px;
color:#fff;
}

/* 携帯*/
.mobile{
padding:10px;
margin-bottom:10px;
}

/* 携帯QR*/
img.mobile_qr {float:left;}

.movie {
display: block;
background:#FFF;
border : 1px #999999 solid;
padding:5px;
margin:0 0 5px 0;
}

/***********************************************/
/*左エリア                          */
/***********************************************/ 
/* 動画*/
#movie{margin-bottom:10px;}

/* 動画見だしエリア*/
.movie_title {background-color:#FF6600;
width:240px;
height:20px;
margin:0;
padding:2px;
color:#fff;
}

/* 動画コーナー*/
.m_box_dot2 {clear:both;display:block;padding:3; border-bottom : #999999 1px dotted;margin:0 0 3px 0;}

.m_box_dot {width:500px;padding:3px; border-bottom : #999999 1px dotted;margin:5px 0;}


/* 動画ページ各コーナータイトル*/
h4.movie_title{
color:#FFFFFF;
background-color:#666666;
padding:3px;
}



/* クライアントリストメニュー*/
.cliant_list {
 display: block;
padding:3px;
margin:5px;
background-color:#CCCCCC;
font-size:x-small;
}

.cliant_list li {
display: inline;
list-style-type: none;
padding-right: 10px;
}

.new_title{ 
font-size:x-small;
font-weight:bold;
color:#FFFFFF;
background-color:#FF0000;
margin-left:5px;
padding:3px;
text-align:center;
}

/*PR
---------------------------------------------------- */
/*トクめる*/
#tokuml { 
background:#FFEECC;
border : 1px #FF9900 solid;
padding:10px;
margin-bottom:10px;
}

/*メニューボタン*/
#tokuml ul{
List-style-type: none;
padding: 0;
margin: 0;
}

#tokuml li{
background-image: url(../img0507/top/b_tokuml.gif); 
background-repeat: no-repeat;
background-position : top 0;
padding-left:10px;
}