@charset "Shift_JIS";


*{
margin:0;
padding:0;
}

body{
font-family:Arial,verdana,osaka,'メイリオ','ＭＳ Ｐゴシック';
font-size:14px;
line-height:160%;
color:#222222;
background:#ffffff;
text-align:center;
}

img{
border:0;
}

a{
color:#1c54d5;
text-decoration:underline;
}

a:hover{
color:#1c54d5;
text-decoration:none;
}



/*====================*/
/*コンテナ*/
/*====================*/

#containerMain{
width:900px;
height:1%;
text-align:left;
margin:0 auto;
}

/*ここからメインナビゲーション用*/

#containerNaviMain ul{
margin:0;
padding:5px 0 5px 15px;
height:1%;
overflow:hidden;
background:url(http://www.la-mer-riche.com/img/backMainNavi.gif) no-repeat 0 0;
list-style:none;
}

#containerNaviMain li{
float:left;
margin:0 20px 0 0;
line-height:200%;
}

#containerNaviMain #li-Top a{
display:block;
overflow:hidden;
width:45px;
height:20px;
background:url(http://www.la-mer-riche.com/img/li-Top.gif) no-repeat 0 0;
text-indent:-9999px;
}

#containerNaviMain #li-Top a:hover{
background:url(http://www.la-mer-riche.com/img/li-Top.gif) no-repeat 0 -20px;
}

#containerNaviMain #li-Diving a{
display:block;
overflow:hidden;
width:80px;
height:20px;
background:url(http://www.la-mer-riche.com/img/li-Diving.gif) no-repeat 0 0;
text-indent:-9999px;
}

#containerNaviMain #li-Diving a:hover{
background:url(http://www.la-mer-riche.com/img/li-Diving.gif) no-repeat 0 -20px;
}

#containerNaviMain #li-Cruising a{
display:block;
overflow:hidden;
width:95px;
height:20px;
background:url(http://www.la-mer-riche.com/img/li-Cruising.gif) no-repeat 0 0;
text-indent:-9999px;
}

#containerNaviMain #li-Cruising a:hover{
background:url(http://www.la-mer-riche.com/img/li-Cruising.gif) no-repeat 0 -20px;
}

#containerNaviMain #li-Staff a{
display:block;
overflow:hidden;
width:62px;
height:20px;
background:url(http://www.la-mer-riche.com/img/li-Staff2.gif) no-repeat 0 0;
text-indent:-9999px;
}

#containerNaviMain #li-Staff a:hover{
background:url(http://www.la-mer-riche.com/img/li-Staff2.gif) no-repeat 0 -20px;
}

#containerNaviMain #li-Map a{
display:block;
overflow:hidden;
width:64px;
height:20px;
background:url(http://www.la-mer-riche.com/img/li-Map.gif) no-repeat 0 0;
text-indent:-9999px;
}

#containerNaviMain #li-Map a:hover{
background:url(http://www.la-mer-riche.com/img/li-Map.gif) no-repeat 0 -20px;
}

#containerNaviMain #li-Blog a{
display:block;
overflow:hidden;
width:48px;
height:20px;
background:url(http://www.la-mer-riche.com/img/li-Blog2.gif) no-repeat 0 0;
text-indent:-9999px;
}

#containerNaviMain #li-Blog a:hover{
background:url(http://www.la-mer-riche.com/img/li-Blog2.gif) no-repeat 0 -20px;
}

#containerNaviMain #li-About a{
display:block;
overflow:hidden;
width:80px;
height:20px;
background:url(http://www.la-mer-riche.com/img/li-Name.gif) no-repeat 0 0;
text-indent:-9999px;
}

#containerNaviMain #li-About a:hover{
background:url(http://www.la-mer-riche.com/img/li-Name.gif) no-repeat 0 -20px;
}

/*ここまでメインナビゲーション用*/


#containerInfoL{
width:580px;
}

#containerInfoR{
width:260px;
background:#f4ecec;
}

#containerCat{
clear:both;
margin-bottom:40px;
height:1%;
padding:30px;
background:url(../img/backGray.gif) repeat-x left bottom;
}

.catAbout{
font-size:16px;
line-height:180%;
text-align:center;
}

.catInfo{
width:650px;
margin:0 auto;
}

#containerMenuRight{
width:530px;
height:1%;
float:right;
}

#containerMenuLeft{
width:260px;
height:1%;
float:left;
}

#containerFoot{
height:105px;
padding:10px;
background:url(../img/backFoot.gif) repeat-x 0 0;
}

.staffIMG{
float:left;
text-align:center;
margin:0 20px 0 0;
}

.staffIMG img{
margin-bottom:5px;
}



/*====================*/
/*ブロック*/
/*====================*/

.block10{
height:1%;
margin-bottom:10px;
}

.block20{
height:1%;
margin-bottom:20px;
}

.block30{
height:1%;
margin-bottom:30px;
}

.block40{
height:1%;
margin-bottom:40px;
}

.block50{
height:1%;
margin-bottom:50px;
}

.block60{
height:1%;
margin-bottom:60px;
}

.blockW260{
width:260px;
height:1%;
}

.bottom10{
margin-bottom:10px;
}

.bottom20{
margin-bottom:20px;
}

.bottom30{
margin-bottom:30px;
}

.bottom40{
margin-bottom:40px;
}

.top10{
margin-top:10px;
}

.top20{
margin-top:20px;
}

.top30{
margin-top:30px;
}

.top40{
margin-top:40px;
}

.top50{
margin-top:50px;
}

.top60{
margin-top:60px;
}

.top70{
margin-top:70px;
}

.top80{
margin-top:80px;
}

.top90{
margin-top:90px;
}

.top100{
margin-top:100px;
}

.padding10{
padding:10px;
}

.boxBrown{
padding:10px;
background:#f5efef;
border-top:solid 1px #f0e6e6;
border-left:solid 1px #f0e6e6;
border-right:solid 1px #DCD2D2;
border-bottom:solid 1px #DCD2D2;
}

#divingYoyaku{
width:260px;
height:145px;
background:url(../img/diving/divingYoyakuBack.gif) no-repeat;
text-align:center;
}

#divingYoyaku img{
margin:100px auto 0 auto;
}




/*====================*/
/*各部品*/
/*====================*/

#infoButton a{
display:block;
overflow:hidden;
width:145px;
/*height:18px;*/
height:0pt;
padding-top:18px;
background:url(../img/infoButton.gif) no-repeat 0 0;
/*text-indent:-9999px;*/
}

#infoButton a:hover{
display:block;
overflow:hidden;
width:145px;
height:0pt;
padding-top:18px;
background:url(../img/infoButton.gif) no-repeat 0 -18px;
}

.clear{
clear:both;
}

.clear hr{
display:none;
clear:both;
}

.textRight{
text-align:right;
}

.textCenter{
text-align:center;
}

.fontS{
font-size:12px;
}

.fontM{
font-size:16px;
}

.fontL{
font-size:20px;
}

.font2L{
font-size:26px;
}

.fontBold{
font-weight:bold;
}

.fontNormal{
font-weight:normal;
}

.colorRed{
color:#ff0000;
}

address{
font-style:normal;
}

.linkNoBorder a{
text-decoration:none;
}


/*====================*/
/*見出し*/
/*====================*/

h1,h2,h3,h4,h5,h6{
line-height:140%;
font-weight:bold;
color:#440f00;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
text-decoration:none;
}



/*====================*/
/*フロート*/
/*====================*/

.floatL{
float:left;
}

.floatL20{
float:left;
margin-right:20px;
}

.floatL60{
float:left;
margin-right:60px;
}

.floatR{
float:right;
}

.floatR20{
float:right;
margin-left:20px;
}



/*====================*/
/*リスト系*/
/*====================*/

ul,ol{
margin:0 0 10px 10px;
padding:0 0 0 10px;
}

li{
margin:0 0 5px 0;
}

.listNO{
list-style:none;
margin:0 0 10px 0;
padding:0;
}

.listNO li{
list-style:none;
}

ul.naviFloat{
height:1%;
margin:0 0 10px 0;
padding:0;
list-style:none;
}

ul.naviFloat{
margin:5px 0 0 0;
}

ul.naviFloat li{
float:left;
margin:0 30px 0 0;
line-height:150%;
}

#li-Company a{
display:block;
overflow:hidden;
width:70px;
height:16px;
background:url(../img/li-Company.gif) no-repeat 0 0;
text-indent:-9999px;
}

#li-Company a:hover{
background:url(../img/li-Company.gif) no-repeat 0 -16px;
}

#li-Privacy a{
display:block;
overflow:hidden;
width:160px;
height:16px;
background:url(../img/li-Privacy.gif) no-repeat 0 0;
text-indent:-9999px;
}

#li-Privacy a:hover{
background:url(../img/li-Privacy.gif) no-repeat 0 -16px;
}

#li-Sitemap a{
display:block;
overflow:hidden;
width:100px;
height:16px;
background:url(../img/li-Sitemap.gif) no-repeat 0 0;
text-indent:-9999px;
}

#li-Sitemap a:hover{
background:url(../img/li-Sitemap.gif) no-repeat 0 -16px;
}

dl.rsvForm{
}

dl.rsvForm dt{
margin-bottom:10px;
color:#440F00;
font-weight:bold;
}

dl.rsvForm dd{
margin-bottom:30px;
padding-bottom:30px;
border-bottom:solid 1px #C39B91;
}



/*ホエールウォッチングのよくあるご質問*/

dl#faqWhale dt{
margin-bottom:20px;
}

dl#faqWhale dd{
margin-bottom:40px;
padding-left:2em;
}



/*====================*/
/*表組み系*/
/*====================*/

.catInfo table{
width:100%;
border-collapse:collapse;
border:1px solid #efefef;
border-spacing:0;
empty-cells:show;
}

.catInfo tr{
}

.catInfo th{
padding:10px;
background:#f0f0f0;
border:1px solid #e0e0e0;
}

.catInfo td{
padding:10px;
border:1px solid #e0e0e0;
}

/*ここからキャンペーン表組み*/

table.tableCam{
width:100%;
border-collapse:collapse;
border:1px solid #efefef;
border-spacing:0;
empty-cells:show;
}

table.tableCam th{
width:150px;
padding:10px;
background:#f0f0f0;
border:1px solid #e0e0e0;
}

table.tableCam td{
padding:10px;
border:1px solid #e0e0e0;
}

/*ここまでキャンペーン表組み*/

/*ココからトップお知らせ*/

table.tableTopInfo{
width:100%;
border-collapse:collapse;
border:3px solid #cfcfcf;
border-spacing:0;
empty-cells:show;
}

table.tableTopInfo th{
padding:10px;
border:3px solid #cfcfcf;
background:#cfcfcf;
}

table.tableTopInfo td{
padding:10px;
border:3px solid #cfcfcf;
background:#fefefe;
}

/*ココまでトップお知らせ*/

/*ココからダイビング料金表*/

table.tableFeeDiving{
width:100%;
border-collapse:collapse;
border:1px solid #afafaf;
border-spacing:0;
empty-cells:show;
background:#fefefe;
}

table.tableFeeDiving th{
width:180px;
padding:3px 10px;
background:#f0f0f0;
border:1px solid #afafaf;
}

table.tableFeeDiving td{
padding:3px 10px;
border:1px solid #afafaf;
}

/*ココまでダイビング料金表*/

/*ココからダイビング一日のながれ*/

table.tableDivingTime{
width:100%;
border-collapse:collapse;
border:1px solid #afafaf;
border-spacing:0;
empty-cells:show;
background:#fefefe;
}

table.tableDivingTime th{
padding:6px 10px;
background:#f0f0f0;
border:1px solid #afafaf;
font-weight:normal;
}

table.tableDivingTime td{
padding:6px 10px;
border:1px solid #afafaf;
}

/*ココまでダイビング一日のながれ*/

/*ココからダイビングスタイル*/

table.tableDivingStyle{
width:100%;
border-collapse:collapse;
border:1px solid #afafaf;
border-spacing:0;
empty-cells:show;
background:#fefefe;
}

table.tableDivingStyle .divingStyleCol1{
width:150px;
}

table.tableDivingStyle .divingStyleCol2{
width:220px;
background:#e8d9d8;
border:2px solid #666666;
}

table.tableDivingStyle .divingStyleCol3{
}

table.tableDivingStyle th{
padding:6px 10px;
background:#F5F5F0;
border:1px solid #afafaf;
font-weight:bold;
color:#555555;
}

table.tableDivingStyle td{
padding:6px 10px;
border:1px solid #afafaf;
vertical-align:top;
}

/*ココまでダイビングスタイル*/

/*ココからボートの紹介*/

table.tableBoatIMG{
width:100%;
border-collapse:collapse;
border:1px solid #afafaf;
border-spacing:0;
empty-cells:show;
background:#efefef;
}

table.tableBoatIMG td{
padding:5px 0;
border:1px solid #afafaf;
text-align:center;
vertical-align:middle;
}

table.tableBoat{
width:100%;
border-collapse:collapse;
border:1px solid #afafaf;
border-spacing:0;
empty-cells:show;
background:#fefefe;
}

table.tableBoat th{
padding:3px 10px;
background:#f0f0f0;
border:1px solid #afafaf;
vertical-align:top;
}

table.tableBoat td{
padding:3px 10px;
border:1px solid #afafaf;
text-align:right;
}

/*ココまでボートの紹介*/

/*ココからクルージング*/

table.tableCruising{
width:100%;
border-collapse:collapse;
border:1px solid #afafaf;
border-spacing:0;
empty-cells:show;
background:#fefefe;
}

table.tableCruising th{
padding:10px;
background:#f7edd1;
border:1px solid #afafaf;
vertical-align:middle;
}

table.tableCruising td{
padding:10px;
border:1px solid #afafaf;
vertical-align:middle;
}

table.tableCruising .td150{
width:140px;
}

/*ココまでクルージング*/


/*ココからホエールクルージング*/

table.tableKujira{
width:100%;
border-collapse:collapse;
border:1px solid #afafaf;
border-spacing:0;
empty-cells:show;
background:#fefefe;
}

table.tableKujira th{
width:20%;
padding:10px;
background:#f7edd1;
border:1px solid #afafaf;
vertical-align:middle;
text-align:center;
}

table.tableKujira td{
padding:10px;
border:1px solid #afafaf;
vertical-align:middle;
}

table.tableKujira .price{
font-weight:bold;
font-size:20px;
line-height:140%;
color:#EF3C05;
}

.tokuten{
background:#efefef;
padding:10px;
}

.tokutenH{
font-weight:bold;
font-size:14px;
color:#ef3c05;
}

table.tableKujira2{
width:100%;
border-collapse:collapse;
border:1px solid #9a9a9a;
border-spacing:0;
empty-cells:show;
background:#fefefe;
font-size:12px;
line-height:150%;
}

table.tableKujira2 th{
width:20%;
padding:6px;
background:#05123c;
border:1px solid #9a9a9a;
vertical-align:middle;
text-align:center;
color:#ffffff;
}

table.tableKujira2 td{
padding:6px;
border:1px solid #9a9a9a;
vertical-align:middle;
}

table.tableKujira2 .price{
font-weight:bold;
font-size:20px;
line-height:140%;
color:#03123c;
}

/*ココまでホエールクルージング*/



/*====================*/
/*クルージングページ*/
/*====================*/

.containerCruisingMovie{
padding:10px;
/*background:#f5eeee;*/
background:#f7edd1;
}

#containerCruisingPlan{
padding:10px;
/*background:#f5eeee;*/
/*background:#E6F5F5;*/
background:#f7edd1;
}

.cruisingPlan{
height:1%;
padding:8px;
background:#ffffff;
border:solid 1px #efefef;
}

.cruisingPlan h4{
/*background:#440f00;*/
color:#440f00;
font-size:16px;
margin-bottom:12px;
}

.cruisingPlanImg{
height:1%;
margin-left:10px;
text-align:right;
font-size:12px;
float:right;
}

.cruisingPlanImg img{
display:block;
padding:2px;
border:solid 1px #afafaf;
background:#ffffff;
}