/* 
plan/index.html（モデルプラントップページ）
----------------------------------------------------------
■01：ページ内共通要素
■02：top
■03：div.txtbox（リード・テキスト）
----------------------------------------------------------*/

/*■01：ページ内共通要素
---------------------------------------------------*/
/*ページタイトル*/
/*幅設定に関してはbace.cssにて共通化*/
h2#plan{ background:url(../img/h2_bk.gif) #98856b no-repeat 0 0;}
h2#plan span{text-indent:-9999px;}

/*国別 h3*/
h3.plan{width:690px;height:55px;}
h3.plan span{display:block;width:690px;height:55px; text-indent:-9999px;}
h3.plan span.mv{background:url(../img/h3txt_mv.gif) no-repeat;}/*モルディブ*/
h3.plan span.th{background:url(../img/h3txt_th.gif) no-repeat;}/*タヒチ*/
h3.plan span.bl{background:url(../img/h3txt_bl.gif) no-repeat;}/*バリ島*/
h3.plan span.au{background:url(../img/h3txt_au.gif) no-repeat;}/*オーストラリア*/
h3.plan span.nc{background:url(../img/h3txt_nc.gif) no-repeat;}/*ニューカレドニア*/
h3.plan span.hi{background:url(../img/h3txt_hi.gif) no-repeat;}/*ハワイ*/



/*■02：top
---------------------------------------------------*/
div.top{width:690px;height:330px;text-indent:-9999px;background:url(../img/top.jpg) no-repeat;}

/*■03：div.txtbox（リード・テキスト）
---------------------------------------------------*/
div.txtbox{width:690px; margin:10px 0;}
div.txtbox p{margin-top:10px;}
div.txtbox p b{display:block; font-size:15px;}
div.txtbox p.st{margin-top:0;}

/*罫線ボックス*/
.plantbox{border:1px solid #ccc;width:668px;padding:10px;}
.plantbox p b{ display:block; font-size:15px;color:#6a593f;}


/*■03：ol#listbox
---------------------------------------------------*/
ol#listbox{width:668px; overflow:hidden;}
ol#listbox li{float:left;width:222px;}
ol#listbox li div.lbb{width:212px;margin:4px;border:1px solid #ccc;}
/*p（img）*/
ol#listbox li div.lbb p.img a{display:block;width:212px; height:220px; text-indent:-9999px;}
/*モルディブ画像*/
ol#listbox li.mv01 a{background:url(../img/mv01.jpg) no-repeat;}
ol#listbox li.mv02 a{background:url(../img/mv02.jpg) no-repeat;}
ol#listbox li.mv03 a{background:url(../img/mv03.jpg) no-repeat;}
ol#listbox li.mv01 a:hover,
ol#listbox li.mv02 a:hover,
ol#listbox li.mv03 a:hover{background-position:right;}

/*タヒチ画像*/
ol#listbox li.th01 a{background:url(../img/th01.jpg) no-repeat;}
ol#listbox li.th02 a{background:url(../img/th02.jpg) no-repeat;}
ol#listbox li.th03 a{background:url(../img/th03.jpg) no-repeat;}
ol#listbox li.th01 a:hover,
ol#listbox li.th02 a:hover,
ol#listbox li.th03 a:hover{background-position:right;}


/*オーストラリア画像*/
ol#listbox li.au01 a{background:url(../img/au01.jpg) no-repeat;}
ol#listbox li.au02 a{background:url(../img/au02.jpg) no-repeat;}
ol#listbox li.au03 a{background:url(../img/au03.jpg) no-repeat;}
ol#listbox li.au01 a:hover,
ol#listbox li.au02 a:hover,
ol#listbox li.au03 a:hover{background-position:right;}


/*ニューカレドニア画像*/
ol#listbox li.nc01 a{background:url(../img/nc01.jpg) no-repeat;}
ol#listbox li.nc02 a{background:url(../img/nc02.jpg) no-repeat;}
ol#listbox li.nc03 a{background:url(../img/nc03.jpg) no-repeat;}
ol#listbox li.nc01 a:hover,
ol#listbox li.nc02 a:hover,
ol#listbox li.nc03 a:hover{background-position:right;}


/*ハワイ画像*/
ol#listbox li.hi01 a{background:url(../img/hi01.jpg) no-repeat;}
ol#listbox li.hi02 a{background:url(../img/hi02.jpg) no-repeat;}
ol#listbox li.hi03 a{background:url(../img/hi03.jpg) no-repeat;}
ol#listbox li.hi01 a:hover,
ol#listbox li.hi02 a:hover,
ol#listbox li.hi03 a:hover{background-position:right;}


/*■04：div.planmenu
---------------------------------------------------*/
div.planmenu{display:block;margin-top:20px;width:685px;}
div.planmenu ul{width:685px;overflow:hidden;}
div.planmenu ul li{float:left;}
div.planmenu ul li a{
display:block;width:685px;height:36px;text-indent:-9999px;
background:url(../img/sub_menu.jpg) no-repeat;}

/*ボタン配置*/
div.planmenu ul li.btn01 a{width:114px; background-position:0 0;}
div.planmenu ul li.btn02 a{width:113px; background-position:-114px 0;}
div.planmenu ul li.btn03 a{width:113px; background-position:-228px 0;}
div.planmenu ul li.btn04 a{width:113px; background-position:-342px 0;}
div.planmenu ul li.btn05 a{width:113px; background-position:-456px 0;}
div.planmenu ul li.btn06 a{width:113px; background-position:-570px 0;}

/*a:hober a.on*/
div.planmenu ul li.btn01 a:hover,div.planmenu ul li.btn01 a.on{background-position:0 bottom;}
div.planmenu ul li.btn02 a:hover,div.planmenu ul li.btn02 a.on{background-position:-114px bottom;}
div.planmenu ul li.btn03 a:hover,div.planmenu ul li.btn03 a.on{background-position:-228px bottom;}
div.planmenu ul li.btn04 a:hover,div.planmenu ul li.btn04 a.on{background-position:-342px bottom;}
div.planmenu ul li.btn05 a:hover,div.planmenu ul li.btn05 a.on{background-position:-456px bottom;}
div.planmenu ul li.btn06 a:hover,div.planmenu ul li.btn06 a.on{background-position:-570px bottom;}


/****************************************************************