/* 外枠 */
body { 
 text-align:center;  
 background:#fff url('images/main/bg.gif');
}

#outline {
 width:870px;
 text-align:left;
 border-left:solid 1px #999;
 border-right:solid 1px #999;
 margin:0 auto;
 background:#fff;
 }

.outline-marign{ 
 margin-top:10px; 
 margin-bottom:10px;
 margin-right:10px;
 margin-left:10px; 
 padding-top:5px;
 padding-bottom:5px;
 padding-right:5px;
 padding-left:5px;
 background:#fff;
}

.header {
	width:870;
	height:160px;
	background:#ffffff;
}

/* メインスペース */
.main { 
	width:480px; 
	float:left;
	background:#fff;
}
.side { width:340px; float:right;  }
.c-both { clear:both; }
.footer { height:60px;}








/* ライン、枠*/
.content-border{
	border:solid 1px #ccc;
	padding:5px;
}

.content-border-top{
	border:solid 1px #ccc;
	padding:5px;
	height:120px;
}





h2{
	margin:0;
	padding:0 5px;
	font-size:10pt;
	line-height:200%;
}


h3{
	margin:0;
	padding:0 5px;
	font-size:10pt;
	line-height:200%;
}




.menu-title-blue{
	border-top:solid 2px #39f;
}

.menu-title-blue h2{
	border-top:solid 2px #9cf;
	background:#def;
}

.menu-title-orange{
	border-top:solid 2px #f93;
}

.menu-title-orange h2{
	border-top:solid 2px #fc9;
	background:#fed;
}

.menu-title-green{
	border-top:solid 2px #696;
}

.menu-title-green h2{
	border-top:solid 2px #9c9;
	background:#efe;
}

.menu-title-pink{
	border-top:solid 2px #f99;
}

.menu-title-pink h2{
	border-top:solid 2px #fcc;
	background:#fee;
}

.menu-title-yellow{
	border-top:solid 2px #fc6;
}

.menu-title-yellow h2{
	border-top:solid 2px #fe9;
	background:#ffc;
}

.menu-title-purple{
	border-top:solid 2px #96f;
}

.menu-title-purple h2{
	border-top:solid 2px #c6f;
	background:#edf;
}

.menu-title-brown{
	border-top:solid 2px #633;
}

.menu-title-brown h2{
	border-top:solid 2px #966;
	background:#eed;
}

.menu-title-red{
	border-top:solid 2px #900;
}

.menu-title-red h2{
	border-top:solid 2px #900;
	background:#fee;
}





/* 表全体のデザイン */
table.sample {
   border-spacing: 0px;   /* セルの間隔をなくす */
   font-family: Verdana,sans-serif;   /* フォントの指定 */
   font-size: smaller;   /* 文字サイズを小さめに */
}
/* セルのデザインのうちヘッダと中身の共通部分 */
table.sample th, table.sample td {
   border-width: 1px;   /* セルの枠線は太さ1ピクセル */
   border-style: solid;   /* セルの枠線は実線 */
   padding: 2px;   /* セル内側の余白は2ピクセル */
}
/* ヘッダセルのデザイン */

table.sample th {
   border-color: #ffffcc #aca866 #aca866 #ffffcc;   
   background-color: #eceaa8;   
}
/* セルのデザイン */
table.sample td {
   border-color: #ffffff #aca899 #aca899 #ffffff;   
   background-color: #ecead8;   
}






a:link    {text-decoration:underline;color:#0000ff;}  /*テキストリンクの色*/
a:visited {text-decoration:underline;color:#666666;}  /*訪問済みのリンクの色*/ 
a:active  {text-decoration:underline;color:#0000ff;}   /*クリック時のリンクの色*/
a:hover   {text-decoration:underline;color:#ff0000;}  /*マウスの上にカーソルがあるときのリンクの色*/
		
	
.color1     {background-color:#990000;}   /*画面内のヘッダーとフッター部分の背景色*/
.color2     {background-color:#EAE1CD;}   /*画面内ベージュ部分の背景色*/
.color3     {background-color:#FFFFFF;}   /*画面内ホワイト部分の背景色*/
.color4     {background-color: rgb(250,250,255); white-space: nowrap; vertical-align: base-line;}   /*画面内薄青の部分の背景色*/
.color5     {background-color: rgb(220,220,255); white-space: nowrap; vertical-align: base-line;}   /*画面内薄グリーンの部分の背景色*/
		
.hr1        { border-color:#3F3F3F; border-style:dotted; border-width:1px;} /* 点線の部分 */
.hr2        { border-color:#507142; border-style:solid; border-width:1px;}  /* welcomeの下のライン色 */
.waku       { border-color:#3F3F3F; border-style:solid; border-width:1px;}     /* 枠線 */

img	 {vertical-align: middle;margin-right: 2px;}
.img-top     {background-position:top;}



.textn      {font-size:80%;color:#333333;line-height:140%;font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
text-algin: left;}/* 基本のテキスト*/

.text3     {	
	font-size:12px;
	text-align:left;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Tahoma, Geneva, sans-serif;
	font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ','ＭＳ Ｐゴシック',sans-serif;
}

.text-red      {color:#FF0000;}/* 文字の色を赤 */
.ma5      {margin: 5%;}/* TOPと一覧の文字で使用 */
.ma4      {margin: 4%;}/* お店一覧の文字で使用 */
.ma3      {margin: 3%;}/* お店一覧の文字で使用 */
.ma2      {margin: 2%;}/* お店一覧の文字で使用 */
.ma1      {margin: 1%;}/* お店一覧の文字で使用 */
.text-left      {text-algin: left;}/* テキスト左寄せ */
.ta1  {border-collapse: collapse;}/* TVチャンピオン一覧の表のライン */

.menu-left { margin-left:10px; padding-left:5px;}/* メニューの左をあける */


.haikei_brown    {
	background-color: 0000ff;
	}


.image-float         {float: left;} /* 左に回りこみ */
.link-none {border: none;} /* トップに戻るの画像のリンクを消す */



		   
		-->
		</STYLE>