/*     20081008         */

@import "http://";

body {font:12px/1.22 "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif;*font-size:small;*font:x-small;color:#575757; } 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,{margin:0;padding:0;}
table,fieldset,img{border:0;}
table{font-size:inherit;font:100%;}
img{margin:0;padding:0;}
p{margin:0;padding:0;color:#575757;line-height:130%;}


body{margin:0px;padding:0px;background: url(../images/bg.gif) repeat-y center top;text-align:center;}

/* bodyにwidthを指定しないと背景がおさまる？  */

/******************************        ●基本構成●           ******************************/

#wrapper{margin:0 auto; width:800px; padding:0; background-color:#ffffff;}

#header{margin:0;padding:0; height:120px;}

#contents{margin:20;padding:20;}

#main{float:left; width:594px; /*background-color:#7daeda;*/}

#sub{float:right; width:204px; /*background-color:#ff6699;*/}

#footer{clear:both; margin:0;padding:0;width:800px; height:50px; /*background-color:#a9cb07;*/}

/******************************          ●基本設定●                  ******************************/

.clear{clear:both; overflow:hidden;}

a img{border-style:none;}

h1{margin:5px; padding:5px;font-size:16px;color:#575757;}
h2{margin:5px 0 0 10px; padding:5px;font-size:14px;color:#575757; text-align:left;}
h3{margin:0; padding:0;font-size:12px;color:#575757; text-align:left;}
h4{margin:0; padding:0;font-size:12px;color:#575757; text-align:left;}


/* h3  */
.general{margin:5px 0; padding:5px 0 0 0;font-size:12px;color:#575757; text-align:left;}

a{text-decoration:none;color:#575757;}
a:link, a:visited{color:#575757;}
a:hover, a:active{color:#232323;}

hr{border-top:dashed 1px #bfbfbf;}

th,td{line-height:150%;border-bottom:1px solid #bfbfbf;}

.back{margin:10px 0;text-align:right;}
.back a{text-decoration:none;color:#575757;}

/***   タイトル  ***/

/*        ページタイトル  ワロン・ブリュッセル・基本情報       */
.main_title{float:left;margin:0;padding:0;text-align:left; width:320px;}
.main_subtitle{float:right;margin:0;padding:10px 0 0 0; color:#575757; font-size:12px;text-align:left;}


/************************************                 共通部分                    ************************************

/********         header       ********/

#header_top{margin:0;padding:0;width:800px;height:70px;background: url(../images/header.gif) no-repeat center top;position:relative; top:0; z-index:2;}

#title{float:left;width:367px; height:47px;margin:12px 0 0 10px; padding:0; /*border:1px solid;*/}

/***    パンくず＆ヘッダー内メニュー     ***/

.link{float:right;width:340px; margin-top:20px; padding:0; text-align:center;/* border:1px solid;*/ }
.link div{marign:0;padding:0;font-size:12px; color: white; text-align:left;}
.link a:link, .link a:visited {color: white;}
.link a:hover, .link a:active{color: #bfbfbf;}

/*      パンくず            */
.l1{margin:5px;}
.link span{margin:0 5px;/*background-color:#ff6699;*/}

/*      ヘッダー内メニュー           */
.l2{}
.l2 div{float:right; margin:0 15px 0 5px;text-decoration:none; white-space:nowrap;/*background-color:#ff6600;*/}

/*  メニューはmenu.css */

/**********           main        **********/

.main_box{clear:both;width:594px;margin:0;padding:0; /*background-color:#ff6600;*/ text-align:left;}
.main_box p{line-height:130%;}

/******    トップページ４大コンテンツ     *****/
#navi_box{width:590px; margin:5px 0 0 0;padding:10px 0 3px 0;border-top:dashed 1px #bfbfbf;}
#navi_box p{margin:4px 0 0 0;padding:0;font-size:10px;color:#575757;}
#navi_box div{float:left;}

#navi_box a{width:141px; height:126px;}

.n1 a:link, .n1 a:visited {display: block;background : url(../images/navi01.jpg) no-repeat center top;margin:0 7px 0 0;padding:0;}
.n1 a:hover, .n1 a:active {display: block;background : url(../images/navi_on01.jpg) no-repeat center top;margin:0 7px 0 0;padding:0;}

.n2 a:link, .n2 a:visited {display: block;background : url(../images/navi02.jpg) no-repeat center top;margin:0 7px 0 0;padding:0;}
.n2 a:hover, .n2 a:active {display: block;background : url(../images/navi_on02.jpg) no-repeat center top;margin:0 7px 0 0;padding:0;}

.n3 a:link, .n3 a:visited {display: block;background : url(../images/navi03.jpg) no-repeat center top;margin:0 7px 0 0;padding:0;}
.n3 a:hover, .n3 a:active {display: block;background : url(../images/navi_on03.jpg) no-repeat center top;margin:0 7px 0 0;padding:0;}

.n4 a:link, .n4 a:visited {display: block;background : url(../images/navi04.jpg) no-repeat center top;margin:0;padding:0;}
.n4 a:hover, .n4 a:active {display: block;background : url(../images/navi_on04.jpg) no-repeat center top;margin:0;padding:0;}


/******    トップページ・ワロン・ブリュッセル・アート・グルメ    mainの左右   マップ＆現地情報  おすすめ情報      *****/

.main_l{float:left;width:435px;margin:0;margin-top:10px;text-align:left;}
.main_l0{width:435px;margin-top:10px;text-align:left;}
/*   グルメ・アートの左右      */
.main_ll{float:left;width:145px;margin:10px 0 0 0;padding:0;/*background-color:#ff6600;*/}
.main_lr{float:right;width:280px;margin:10px 0 0 5px;padding:0;/*background-color:#ff6699;*/}

.main_r{float:right;width:145px;margin:0;margin-top:10px;border-top:dashed 1px #bfbfbf;text-align:left; /*background-color:#a9cb07;*/}

/*   main_r の中の点線付きボックス   */
.main_r0{width:145px;margin:0;margin-top:10px;border-top:dashed 1px #bfbfbf;text-align:left; /*background-color:#a9cb07;*/}
.main_r p,.main_r0 p{margin:0;padding:10px 0 10px 5px;color:#575757;font-size:12px;}
.main_r img{margin:0;padding:0;vertical-align:middle;}

/*   マップ    */

/*  トップページ   */
#map{float:left;width:442px;margin-top:10px; padding-top:5px;/* border-top:dashed 1px #bfbfbf; */}

/*   おすすめ情報アイコン    */

#rec {float:left; width:435px; margin:0; margin-top:10px; padding:0;  border-top:dashed 1px #bfbfbf;background-color:#ffffff;}
#rec ul{margin:20px 0 0 5px;padding:0;}
#rec li {float: left; margin:0 7px 5px 0; padding:0; width:120px; height:42px;list-style-type:none; text-align: left;}

/*      ブリュッセルまで           */
.srch {margin:10px 0; padding:0;}
.srch p{margin:10px 0;padding:0;font-size:14px;}


/******           ロゴ                  *****/

.logo_box{float:left;height:120px;margin:30px 0 0 0;padding:10px 12px 0 12px;border-right:2px solid #a9cb07;}
.logo_box p{margin:0;padding:0;font-size:11px;text-align:left;}

/**********               sub           **********/

/*            バナー               */
.banner img{border:1px solid #e5e6e6;}

.banner_grp{margin:5px 10px; padding:0;/*border:1px solid #e5e6e6;*/}
.banner_grp_title{margin:0;padding:3px 5px; font-size:14px; color:#514e4e;border:none;}
.banner_grp img{margin:5px 0;padding:0;}

/**********               footer           **********/

/***   フッター内メニュー     ***/
.ft {float:left; width:480px; margin:15px 0 0 0;padding:0; /*border:1px solid white;*/}
.ft div{ float:left; padding:5px 15px; border-right:dashed 1px #575757;}
.ft a{ font-size:12px; text-decoration:none; white-space:nowrap;color:#575757;}
.ft a:link, .ftk a:visited { font-size:12px; color:#575757;}
.ft a:hover,.ft a:active{ font-size:12px; color:#232323;}


/* FireFoxとIEのズレ
IE6では、ボックスにfloatを指定して並べたときに、余白の幅が指定とことなるバグがある。
float:leftと同時に、margin-left:10px; を指定するとフロートと同じ方向のマージンが2倍になって
しまう。
→
レイアウトの崩れを防ぐには、
フロートと同じ方向のマージンを削除する。
親要素にマージンやパディングを指定する。

IEのボックスサイズ        内容領域＋パディング＋罫線
Firefoxのボックスサイズ   内容領域のみ

参考ファイル  青背景ベースのホームページテンプレート集　+IFD+.files/base.css
*/


/*   main_Lの中の点線付きボックス    */
.main_L0{width:138px;margin:0;margin-top:10px;border-top:dashed 1px #bfbfbf;text-align:left; }

/*   左側ナビゲーション見出し    */

.main_L h3{margin:5px 0; padding:5px 0 5px 5px;font-size:12px;font-weight:normal; color:#575757; text-align:left;}
.position{color:#232323;background-color:#c8c9ca;}/*#e5e6e6*/

.main_L h3 a{text-decoration:none;}
.main_L h3 a:link,.main_L h3 a:visited {color:#575757;}
.main_L h3 a:hover,.main_L h3 a:active {color:#232323;}

.main_L h4{margin:3px 0 0 7px;padding:3px 0 3px 7px;font-size:12px;font-weight:normal;color:#0086d1;}
.main_L h4 a{text-decoration:none;}
.main_L h4 a:link,.main_L h4 a:visited {color:#0086d1;}
.main_L h4 a:hover,.main_L h4 a:active {color:#4169e1;}

.main_L h5{margin:3px 0 0 7px;padding:3px 0 3px 7px;font-size:12px;font-weight:normal;color:#232323;}
.main_L h5 a{text-decoration:none;}
.main_L h5 a:link,.main_L h5 a:visited {color:#575757;}
.main_L h5 a:hover,.main_L h5 a:active {color:#7f7f7f;}

/*******************************************************************************************/
.main_L p{margin:0;padding:10px 0 10px 5px;color:#575757;font-size:12px;}

.main_R{float:right;width:440px;margin:10px 0 0 0; padding:0 0 0 5px;text-align:left;}

.main_R0{width:440px;margin:10px 0; padding:10px 0 0 5px;left;border-top:dashed 1px #7f7f7f;text-align:}

/*  右側本文●●見出し●●   */
.main_R h2{margin:10px 0;padding:0;font-size:16px;}
.main_R h3{margin:10px 0;padding:0;font-size:16px;}
.base{color:#8ec31f;}
.art{color:#28b8bc}
.event{color:#8fc31f;}
.main_R h4{margin:5px 0;padding:0;font-size:14px;/*background-color:#8ec31f;*/}
.main_R h4 span{padding:0 10px;font-size:11px;color:#979797;}

.main_R p,.main_R0 p{margin:10px 5px 0 0;}

.p1 a:link,.p1 a:visited {text-decoration:none; color:#168f2d;border-bottom:1px solid #168f2d; }
.p1 a:hover,.p1 a:active {text-decoration:none; color:#006400;border-bottom:1px solid #006400; }


/*   .main_R内の定義リスト  style="list-style-type:square;text-align:left;" */

.main_R dl{margin:20px 0;line-height:130%;}
.main_R dt{font-weight:bold;}