@import "common.css";

/*      bonvoyage.html common.css           */


body {margin:0;padding:0;background-color:#ffffff; font:12px/1.22 "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif;*font-size:small;*font:x-small; } 
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;paddnig:0;}
p{color:#777263; line-height:1.7em;}

/*****************************************************
layout   幅は、当初1024pxということでしたが、980pxにしてみました。
 ******************************************************/

/*強制的にスクロールバーを表示させる*/
html {
    overflow-y:scroll;
    }
#wrapper{width:980px; margin-top:0; margin-left:auto; margin-right:auto;}

/**********     header_top

.linkの位置がIE8でずれるため
1.header_top内の要素を絶対配置で指定
2.linkの幅を指定（文字数が増えた場合、調整の必要あり）

**********/

#header_top{height:100px; background-color:#584136;position:relative;}


/*#logo{float:left;width:246px; height:73px; margin:15px 0 0 10px;}*/
#logo{position:absolute;left:10px;top:15px;width:246px;}

/* 旅ロゴ  */
/*#mark{float:right;width:95px;margin:2px;}*/
#mark{position:absolute;right:2px;top:2px;width:95px;}

/* カタカナフランス語  */
.alf{position:absolute;top:20px;left:350px;}

/*.link{float:right;margin:25px 0 0 0;}*/

.link{position:absolute;right:110px;top:25px;width:200px;text-align:right;}
.link span{float:left; padding: 0 5px; font-size:12px; font-weight:bold; color:#d2ccbf;}
.link a{ font-weight:bold;}
.link a:link, .link a:visited { color:#9e9783;}
.link a:hover,.link a:active{ color:#cac2ae;} 

.srch_top{float:left;margin:3px 0;padding:0;}
.srch_top img{width:20px;height:20px;margin:5px 0 0 0;padding:0;}

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

/**********    header_bottom    メニューバーの部分**********/

#header_bottom{height:38px;margin:0 0 10px 0;padding:2px; background-color:#ffffff; }

/**********   contents（main/side）  **********/

#contents{clear:both; width:980px; margin:0;padding:0;}

/*  静的ページに適用 area.html sitemap.html   */
#contents2{clear:both; width:880px; margin:auto;padding:0;}
#sitemap{clear:both; width:600px; margin:auto;padding:0;font-size:14px;font-color:#777263;line-height:200%;}

/*   左側メインコンテンツ      */
#main{width:725px; float:left; margin:0px;margin-bottom:20px;/*background-color:#ffccff;*/}

/*   右側広告部分      */
#side{width:240px; height:100%; float:right;margin:0; padding:0;
 color:#584136; font-size:11px;}


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

#main_left{float:left;width:300px;height:340px margin:0; padding:10px;}
.column_left{float:left;width:550px;height:340px margin:0; padding:0px;}
.column_right{float:right;width:290px;height:340px margin:0; padding:0px;}

/*   ニュース   */
.news_column{width:230px;height:250px;margin:0;margin-bottom:5px;padding:0;border-top:1px solid #777263; border-bottom:1px solid #777263; overflow:auto;}

.news_column p{margin:1px;padding:2px;font-size:11px; color:#584136;border-bottom:1px dashed #777263;}

/*    時間で選ぶ旅      */


.block{
margin:0px;
border:2px dotted #A9A9A9;
background-color:white;
padding:0px 0px 0px 0px;
text-align:left;
}

/*    テーマのある旅      */

.theme_box {width:300px;height:260px;margin:0;padding:5px 0 0 0;background-image:url(http://bonvoyage.jp/images/news.jpg); background-repeat:no-repeat;}

.theme_box td {width:130px; height:27px; margin:0; padding:0 0 0 10px; border-bottom:1px dashed #979797; }
.theme_box td.td-left{width:25px;}
.theme_box td.td-right{width:105px;}

/*       テーマイメージ              */
.theme_box img a{width:20px; height:20px; margin:0;padding:0;}


/*   テーマイメージ横のテキスト     */
.theme_box a {margin:0;padding:0; vertical-align:middle; font-size:90%; color:#584136; text-decoration:none;}


/*      地図        */
#main_right{float:right; width:400px; height:330px; margin:0;margin-top:15px; padding:0;}


/****         side  広告スペース           ***/


.ad_s img{width:230px;height220px;margin:0 0 0px 0;padding:0;border:0px solid #737373;}
.ad_s {font-size:10px; color:#584136;}
.ad_l img{width:230px;height230px;margin:0 0 20px 0;padding:0;border:0px solid #737373;}

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

#footer{ clear:both; width:950px; height:25px; padding:5px 15px; background-image:url(http://bonvoyage.jp/images/footer.gif); background-repeat:no-repeat;}
.footer{float:right; margin:0 10px 0 0;text-align:right;font-size:14px; font-weight:bold;color:#d2ccbf;}

.bt_menu {float:left;margin:0 5px 0 5px; padding:3px 5px 0 3px;font-weight:bold; border-right:dashed 1px #d2ccbf;}
.bt_menu img{width:8px; height:8px;margin:5px 5px 0 5px;}
.bt_menu a{font-size:14px;font-weight:bold;}
.bt_menu a:link, .bt_menu a:visited { color:#d2ccbf;}
.bt_menu a:hover,.bt_menu a:active{ color:#cac2ae;} 



/**********   text   *************/

h1{float:left; color:#f0844b; font-size:125%; font-weight:bold;margin:0 0 0 5px;}
h1 a{float:left; color:#f0844b; font-size:125%; font-weight:bold;margin:0;text-decoration:none;}

/*   トップページニュースで使用           */
h2{color:#584136; font-size:16px; font-weight:bold; margin:10px 0 5px 0px;}


.subtitle{color:#f0844b; line-height:120%; font-size:14px; font-weight:bold;}
.name{font-size:300%;font-weight:bold;color:#f0844b;}

/*  静的ページ内のリンク文字   /*

.move a:link,.move a:visited{color:#4169E1;}
.move a:hover,.move a:active{ color:#6495ED;}


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