/*     20081008         */

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:0;padding:0;}

#main{float:left; width:592px; /*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;}

h2{margin:5px 0 0 10px; padding:5px;font-size:14px;color:#575757; text-align:left;}
h3{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;}


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

/********         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:240px; 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:left; margin:0 15px 0 5px;text-decoration:none; white-space:nowrap;/*background-color:#ff6600;*/}

/******   メニュー   *****/

#menu ul{margin:0 0 0 1px; padding:0; height:45px;position:relative; top:-3px; z-index:1;}
#menu li {float: left; width: 132px;  margin-left:0;margin-bottom:0;margin-right:1px; list-style-type:none;}

#menu li a{width: 132px; height:45px;}

.m1 a:link,.m1 a:visited {display: block;background : url(../images/menu01_off.gif) no-repeat center top;} 
.m1 a:hover,.m1 a:active {background : url(../images/menu01_on.gif) no-repeat center top; }

.m2 a:link,.m2 a:visited {display: block;background : url(../images/menu02_off.gif) no-repeat center top;} 
.m2 a:hover,.m2 a:active {background : url(../images/menu02_on.gif) no-repeat center top;}

.m3 a:link,.m3 a:visited {display: block;background : url(../images/menu03_off.gif) no-repeat center top;} 
.m3 a:hover,.m3 a:active {background : url(../images/menu03_on.gif) no-repeat center top; }

.m4 a:link,.m4 a:visited {display: block;background : url(../images/menu04_off.gif) no-repeat center top;} 
.m4 a:hover,.m4 a:active {background : url(../images/menu04_on.gif) no-repeat center top;  }

.m5 a:link,.m5 a:visited {display: block;background : url(../images/menu05_off.gif) no-repeat center top;} 
.m5 a:hover,.m5 a:active {background : url(../images/menu05_on.gif) no-repeat center top; }

.m6 a:link,.m6 a:visited {display: block;background : url(../images/menu06_off.gif) no-repeat center top;margin-right:0;} 
.m6 a:hover,.m6 a:active {background : url(../images/menu06_on.gif) no-repeat center top; margin-right:0;}


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

.main_box{clear:both;width:590px;margin:0;padding:0; /*background-color:#ff6600;*/}
.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:11px;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-top:10px;text-align:left;}
.main_l0{width:435px;margin-top:10px;text-align:left;}
/*   グルメ・アートの左右      */
.main_ll{float:left;width:145px;marign:0;padding:0;/*background-color:#ff6600;*/}
.main_lr{float:right;width:280px;margin:0 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:435px;margin-top:10px; 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:16px;}


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

.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           **********/

/*        HotNews・風だより           */
.column{margin:0; margin-bottom:10px; padding:0; padding-bottom:10px; width:200px; border:1px solid #e5e6e6; text-align:left;}
.column_title{margin:0;padding:3px 5px; font-size:14px; color:#514e4e; background-color:#e5e6e6;border:none;}
.column p{margin:5px 10px; padding:0;font-size:11px;line-height:110%;}
.column_date{padding:0; fon-size:14px;color:#a9cb07;}

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

.banner_grp{margin:5px 0; 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_title{float:left;margin:0;padding:0;text-align:left;}
.main_subtitle{float:right;margin:0;padding:10px 0 0 0; color:#575757;font-size:12px;text-align:left;}

/************************************      ベルギーの基本情報・ツアー情報・HotNews   ************************************/

.main_L{float:left;width:135px;margin:0;margin-top:10px;padding:0;border-top:dashed 1px #bfbfbf;text-align:left;/*background-color:#bbd683;*/ }

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

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

.main_L h3{margin:5px 0; padding:5px 0 5px 7px;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;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 p{margin:0;padding:10px 0 10px 5px;color:#575757;font-size:12px;/*background-color:#979797;*/}

.main_R{float:right;width:420px; border-width:2px; margin:10px 0; padding:0 5px;text-align:left;/*background-color:#979797;*/}

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

/*  右側本文見出し   */
.main_R h3{margin:10px 0;padding:0;font-size:14px;}
.base{color:#8ec31f;}
.art{color:#28b7bc}
.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内の定義リスト  style="list-style-type:square;text-align:left;" */

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