/*     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;}


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


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

#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:594px;}

#sub{float:right; width:204px;}

#footer{clear:both; margin:0;padding:0;width:800px; height:50px;}

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

.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:underline;color:#575757;}
a:link, a:visited{color:#575757;}
a:hover, a:active{color:#232323;}


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

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

#header_top{margin:0;padding:0;width:800px;height:70px;background: url(../img/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;}
.main_box p{line-height:130%;}

**********/

.main_box{clear:both;width:590px;margin:0;padding:0;text-align:left;}
.main_box p{line-height:1.7em;;}

/******    トップページ４大コンテンツ     *****/
#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(../img/navi01.jpg) no-repeat center top;margin:0 7px 0 0;padding:0;}
.n1 a:hover, .n1 a:active {display: block;background : url(../img/navi_on01.jpg) no-repeat center top;margin:0 7px 0 0;padding:0;}

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

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

.n4 a:link, .n4 a:visited {display: block;background : url(../img/navi04.jpg) no-repeat center top;margin:0;padding:0;}
.n4 a:hover, .n4 a:active {display: block;background : url(../img/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_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 20px;padding:0;}
#rec li {float: left; margin:0 10px 5px 0; padding:0; width:110px; 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:80px;margin:30px 0 0 0;padding:10px;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:0 0 3px 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;}

#.navi {marign:0;padding:0;/*background-color:#d9c8b8;*/}
#.navi ul{float:left;width:150px;margin:0 0 5px 2px;padding:0;font-size:12px;color:#575757;text-align:left;}
#.navi li{margin:5px 0 5px 30px;padding:0;}

/************************************      アートと文化     ************************************/

#naviart_box{width:590px; margin:0;padding:0;}
#naviart_box div{float:left;}

#naviart_box a{width:293px; height:83px;}

.na1 a:link, .na1 a:visited {display: block;background : url(../img/navi_art01.jpg) no-repeat center top;margin:5px 0;padding:0;}
.na1 a:hover, .na1 a:active {display: block;background : url(../img/navi_arton01.jpg) no-repeat center top;margin:5px 0;padding:0;}

.na2 a:link, .na2 a:visited {display: block;background : url(../img/navi_art02.jpg) no-repeat center top;margin:5px 0;padding:0;}
.na2 a:hover, .na2 a:active {display: block;background : url(../img/navi_arton02.jpg) no-repeat center top;margin:5px 0;padding:0;}

.na3 a:link, .na3 a:visited {display: block;background : url(../img/navi_art03.jpg) no-repeat center top;margin:5px 0;padding:0;}
.na3 a:hover, .na3 a:active {display: block;background : url(../img/navi_arton03.jpg) no-repeat center top;margin:5px 0;padding:0;}

.na4 a:link, .na4 a:visited {display: block;background : url(../img/navi_art04.jpg) no-repeat center top;margin:5px 0;padding:0;}
.na4 a:hover, .na4 a:active {display: block;background : url(../img/navi_arton04.jpg) no-repeat center top;margin:5px 0;padding:0;}


/************************************      グルメ     ************************************/

#navigm_box{width:590px; margin:0;padding:0;}
#navigm_box div{float:left;}

#navigm_box a{width:293px; height:83px;}

.ng1 a:link, .ng1 a:visited {display: block;background : url(../img/navi_gm01.jpg) no-repeat center top;margin:5px 0;padding:0;}
.ng1 a:hover, .ng1 a:active {display: block;background : url(../img/navi_gmon01.jpg) no-repeat center top;margin:5px 0;padding:0;}

.ng2 a:link, .ng2 a:visited {display: block;background : url(../img/navi_gm02.jpg) no-repeat center top;margin:5px 0;padding:0;}
.ng2 a:hover, .ng2 a:active {display: block;background : url(../img/navi_gmon02.jpg) no-repeat center top;margin:5px 0;padding:0;}

.ng3 a:link, .ng3 a:visited {display: block;background : url(../img/navi_gm03.jpg) no-repeat center top;margin:5px 0;padding:0;}
.ng3 a:hover, .ng3 a:active {display: block;background : url(../img/navi_gmon03.jpg) no-repeat center top;margin:5px 0;padding:0;}

.ng4 a:link, .ng4 a:visited {display: block;background : url(../img/navi_gm04.jpg) no-repeat center top;margin:5px 0;padding:0;}
.ng4 a:hover, .ng4 a:active {display: block;background : url(../img/navi_gmon04.jpg) no-repeat center top;margin:5px 0;padding:0;}

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

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

/*   main_Lの中の点線付きボックス    */
.main_L0{width:135px;margin:0;margin-top:10px;border-top:dashed 1px #bfbfbf;text-align:left; }
.main_L h4{marign:3px0;padding:0;font-size:12px;font-weight:normal;color:#0086d1;}

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

.main_R{float:right;width:435px;margin-top:10px;text-align:left;}
.main_R h3{margin:10px 0;padding:0;font-size:14px;color:#8ec31f;}

/*   .main_R内の定義リスト   */

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


/************************************      おすすめの旅     ************************************/

#navirec_box{width:590px; margin:0;padding:0;background-color:#a9cb07;}
#navirec_box div{float:left;}

#navirec_box a{width:261px; height:127px;background : url(../img/navi_rectra.jpg) no-repeat center top;margin:5px;padding:0;}



/************************************     検索結果SS     ************************************/
#phpresult1{margin:10px 5px 0 0;text-align:left;padding-left:5px;}
.result_name{background-image:url(../img/icn_list.gif); background-repeat:no-repeat; background-position:left center;text-align:left;padding-top:8px;padding-left:35px;padding-bottom:8px;}
.result_exp{text-align:left;padding-top:5px;padding-left:35px;padding-bottom:5px;}
.result_category{margin-top:10px;}

.result_L{float:left;width:120px;margin:0;margin-top:50px;line-height:150%;border-top:dashed 1px #bfbfbf;border-bottom:dashed 1px #bfbfbf;text-align:left;}
.result_L0{/*width:120px;*/margin:0;margin-top:10px;text-align:left; }
.result_R{float:right;width:425px;margin-top:10px;text-align:left;}

/************************************      検索結果グルメ用     ************************************/
#result_F{float:left;background:url(http://www.belgium-travel.jp/opt/img/title_gourmet.gif) no-repeat;width:555px;height:45px;text-align:left;}
#phpresult2{ margin:10px;text-align:left;padding-left:10px;background-color:#ffefd4;}
.result_Lg{float:left;width:124px;margin:0;margin-top:10px;line-height:150%;border-top:dashed 1px #bfbfbf;border-bottom:dashed 1px #bfbfbf;text-align:left;background-color:#ffefd4; }
.result_Lg0{width:124px;margin:0;margin-top:10px;text-align:left;background-color:#ffefd4;}
.result_Rg{float:right;width:431px;margin-top:10px;text-align:left;background-color:#ffefd4;}
.result_nameg{background-image:url(../img/icn_list_g.gif); background-repeat:no-repeat; background-position:left center;text-align:left;padding-top:8px;padding-left:35px;padding-bottom:8px;background-color:#ffefd4;}
.result_expg{text-align:left;padding-top:5px;padding-left:35px;padding-bottom:5px;background-color:#ffefd4;}

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

/***************           Link集               ***************/

.main_Link {width:520px;margin:15px 0 0 40px;padding:0 10px;text-align:left;}
.main_Link p{line-height:150%;}
.main_Link ul{padding:10px 25px;line-height:150%;}
.main_Link li{line-height:150%;}
.main_Link th,.main_Link td{line-height:150%;border-bottom:0px;}


/******    ブリュッセル・ワロン見る・食べる・泊まる・買う      *****/

.navi{height:90px;}
.navi ul {margin:0; padding:0;list-style-type:none;}
.navi li{float:left;width:212px;height:31px;}
.li01{margin:0 0 10px 0;border:1px solid #00a0e9;}
.li02{margin:0 0 10px 5px;border:1px solid #00a0e9;}

.li03{margin:0 0 10px 0;border:1px solid #009b63;}
.li04{margin:0 0 10px 5px;border:1px solid #009b63;}

.navi img{float:left;width:60px;margin-right:2px;}
.navi form{float:right;margin:3px 0 0 0; width:150px;}
#b1,#b2,#b3,#b4,#w1,#w2,#w3,#w4{width:145px; font-size:11px; color:#575757; /*background-color:#ddd;*/}
#t1{width:70px; font-size:11px; color:#575757; /*background-color:#ddd;*/}


/******    入力フォーム エラーメッセージ      *****/
.ErrBlock{
margin:5px 15px;padding:10px;border:1px dotted #dc143c;color:#dc143c;
}

/* clearfix ---------- */

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 line-height: 0;
}
.clearfix {
 display:inline-block;
}
/*\*/
* html .clearfix {
 height: 1%;
}

.clearfix {
 display: block;