/*     最終更新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:0;padding:0;}

#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:underline;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: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: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;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{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
*/

/************************************      アートと文化の画像リンク     ************************************/

#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(../images/navi_art01.jpg) no-repeat center top;margin:5px 0;padding:0;}
.na1 a:hover, .na1 a:active {display: block;background : url(../images/navi_arton01.jpg) no-repeat center top;margin:5px 0;padding:0;}

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

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

.na4 a:link, .na4 a:visited {display: block;background : url(../images/navi_art04.jpg) no-repeat center top;margin:5px 0;padding:0;}
.na4 a:hover, .na4 a:active {display: block;background : url(../images/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;width:295px;padding-bottom:5px;}

#navigm_box p{font-size:90%;padding:0 5px;}

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

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

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

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

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

.ng5 a:link, .ng5 a:visited {display: block;background : url(../images/navi_gm05.jpg) no-repeat center top;margin:5px 0;padding:0;}
.ng5 a:hover, .ng5 a:active {display: block;background : url(../images/navi_gmon05.jpg) no-repeat center top;margin:5px 0;padding:0;}

.ng6 a:link, .ng6 a:visited {display: block;background : url(../images/navi_gm06.jpg) no-repeat center top;margin:5px 0;padding:0;}
.ng6 a:hover, .ng6 a:active {display: block;background : url(../images/navi_gmon06.jpg) no-repeat center top;margin:5px 0;padding:0;}

/************************************      ベルギーの基本情報・ツアー情報・HotNews など左にメニューがあるページ   ************************************/

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

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


/************************************      ブリュッセル・ワロン地方     ************************************/

/*   ブリュッセルマップ   */

.map_bru{width:440px;background-color:#e9f5fd;}
.map_bru table{margin:5px 0 0 0;padding:0;font-size:10px;}
.map_bru td{width:220px;border:none;}

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

.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{width:145px; font-size:11px; color:#575757; /*background-color:#ddd;*/}
#t1{width:70px; font-size:11px; color:#575757; /*background-color:#ddd;*/}

/**********   ブリュッセル・ワロン各地域、都市     ***********/

/*    各地域ページ色ボタン    */

.arealist{float:left;margin-left:10px;}

/*   ブリュッセル地域名タイトル    */
.area_n{margin:5px 0;padding:0;color:#ffffff;font-size:16px;}

/*   ワロン都市名タイトル    */
.city_n1{float:left;margin:5px 0;padding:0;color:#ffffff;font-size:18px;}
.city_n2{float:right;margin:5px 0;padding:0;font-size:14px;}

/*  背景色指定のための   main_boxテーブル   */

.area_t{margin:0;padding:0;background-color:#c2d72c;}
.area_t td{margin:0;padding:0 5px 0 0 ;border:none;}

/*   レストラン、ホテルアイコン   */

.list_icn{margin:10px 5px;padding:0;float:left;}


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

#navirec_box{width:560px; margin:12px 0 0 20px;padding:0; /*background-color:#a9cb07;*/}
#navirec_box div{float:left;}

#navirec_box a{width:264px; height:132px; display: block; margin:3px 5px 0 5px;padding:0;}

/***************       ウェディング・古城          **************/

.recommend td{border-bottom:none;padding:2px 3px;}
.link2{font-weight:bold;}


/************************************      書籍    ************************************/

.library td{margin:0;padding:7px 0;font-size:8px;}

/************************************      基本情報・交通情報のh4divグループ    ************************************/

.info_box{margin:20px 0;}
.info_box p{margin-top:15px;}

/***************              FAQ                  ***************/

.qa_box{margin:20px 0;}
.qa_box p{margin-top:5px;}
.q01{margin:0;padding:0;color:#f39700;}
.q02{margin:0 5px 0 0;font-size:16px;font-weight:bold;}

/***************           ツアー情報              ***************/

.tour{margin:0 0 15px 0;}
.tour td{padding:7px 5px;line-height:130%;}
.blue{color:#556fb5;font-weight:bold;}
.red{color:#7d0022;font-weight:bold;}
.tour a{font-size:11px;text-decoration:underline;color:#4682B4;}


/******************************  イベントカレンダー   *****************************/

.event_calendar td{padding:3px 3px 3px 5px;border-bottom:1px solid #8fc31f;border-right:1px solid #dfd6c9;}
.event_title{font-weight:bold;background-image:url(../event/images/bg.gif); background-repeat:repeat; background-color:#8fc31f;}

/*
.event_calendar a:link,.event_calendar a:visited{padding:0 0 1px 0;color:#ff6699;border-bottom:1px solid #008000;}
.event_calendar a:hover,.event_calendar a:active{padding:0 0 1px 0;color:#ff0000
;border-bottom:1px solid #8fc31f;}
*/

.event_name a:link,.event_name a:visited{padding:0 0 1px 0;color:#008000;border-bottom:1px solid #008000;}
.event_name a:hover,.event_name a:active{padding:0 0 1px 0;color:#8fc31f;border-bottom:1px solid #8fc31f;} 


/*  公式サイトリンク  /*

.official a:link,.official a:visited{padding:0 0 1px 0;color:#008000;border-bottom:1px solid #008000;}
.official a:hover,.official a:active{padding:0 0 1px 0;color:#8fc31f;border-bottom:1px solid #8fc31f;} 



/*******************************      グリーンブリュッセル 左写真、右テキスト   *******************************/

.spot_box{margin:15px 0;padding:0;}
.photo01{float:left;width:101px;}
.disc{float:right;width:320px;}
.spot_gb{margin:0 0 5px 0;padding:0;font-size:12px;font-weight:normal;color:#168f2d;}
.link_gb{margin:0 0 5px 0;padding:0;font-size:12px;font-weight:normal;color:#168f2d;}
.spot_box a:link,.spot_box a:visited {text-decoration:none; color:#168f2d;border-bottom:1px solid #168f2d; }
.spot_box a:hover,.spot_box a:active {text-decoration:none; color:#006400;border-bottom:1px solid #006400; }
.photo01 a:link,.photo01 a:visited{border:none;}
.photo01 a:hover,.photo01 a:active{border:none;}

/*******************************      アート・アールヌーヴォー  *******************************/

/*   h3   */
.title_art03{margin:10px 0;padding:0;font-size:14px;color:#28b7bc;}
.title_art04{margin:5px 0;padding:0;font-size:14px;/*background-color:#8ec31f;*/}

/*  背景色指定のための   main_boxテーブル   */

.art_t{margin:0;padding:0;background-color:#ebf6f2;}
.art_t td{margin:0;padding:0 5px 0 0 ;border:none;}

/*  アートページ一覧  */

.art_list{float:left;width:216px;margin:10px 2px 0 0;padding:5px 0;background-color:#c0ab8a;}
.art_list h2{margin:0 0 5px 0;padding:0;font-size:12px;}
.art_list img{float:left;width:100px;margin:0 5px 0 0;padding:0;}
.art_list p{font-size:11px;margin:0;}

/*   ベルギー美術の流れ   */

.art_history{font-size:11px;}
.art_history td{padding:3px;}


/*******************************      まんがページ・ブリュッセル各地域 左写真、右テキスト   *******************************/

.spot_mbox{margin:15px 0;padding:0 10px 0 0;}
.photom01{float:left;width:135px;}
.discm{float:right;width:290px;}

.spot_mgb{margin:0 0 5px 0;padding:0;font-size:12px;font-weight:normal;color:#168f2d;}
.link_mgb{margin:0 0 5px 0;padding:0;font-size:12px;font-weight:normal;color:#168f2d;}
.spot_mbox p{margin:5px 0 0 0;padding:0;}

/* 美術館博物館リスト  */
.spot_mbox span{margin:2px;}

/*  h4   */
.spot{font-size:12px;font-weight:bold; margin:0 0 2px 0; padding:0;}

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

/*******************************      アートページ 左写真、右テキスト   *******************************/

.photoa01{float:left;width:155px;margin-right:3px;}
.disca{float:right;width:272px;}

/***************           マグリット美術館               ***************/

.main_M {width:570px;margin:15px 0 0 0;padding:0 5px;text-align:left;background-color:#e6e6e6;}


/***************           PrivacyPolicy               ***************/

.main_P {width:550px;margin:15px 0 0 0;padding:0 15px;text-align:left;}
.main_P p{margin-top:15px;line-height:140%;}
.ptext{margin-left:15px; margin-bottom:5px;}
.main_P h3{margin-top:15px;padding:5px 0;}

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

/***************           旧サイトからコピーのモデルプラン               ***************/

.main_Old {width:582px;margin:15px 0 0 10px;padding:0 3px 0 0;text-align:left;}   /*  585px  */
.main_Old p{line-height:150%;}
.main_Old th,.main_Old td{line-height:120%;border-bottom:0px;}

/***************           旧サイトからコピーのブリュッセル         ***************/

.main_bru {width:520px;margin:15px 0 0 10px;padding:0 3px 0 0;text-align:left;}   /*  585px  */
.main_bru p{line-height:150%;}
.main_bru th,.main_Old td{line-height:150%;border-bottom:0px;}


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