@charset "utf-8";



/* 全体の共通設定
---------------------------------------------
----------------------------------------------------*/



body {
        padding:0px;
	margin: 0px auto;
	color: #333;	/*全体の文字色*/
	font-family:'Verdana', 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
        font-size:14px;
        border-width : 0px 0px 0px 0px; /* テスト　外枠の線の太さ */
        border-style : solid; /* テスト　外枠の線のスタイル */
        border-color : #ff0000;　/* テスト　外枠の線の色 */
}


/* アウトサイド（HP全体を囲むブロック）
---------------------------------------------
----------------------------------------------------*/




#outside {
	width: 960px;	/*アウトサイド幅*/
	margin: 0px auto;
}



#blog_header {
	width: 960px;	/*アウトサイド幅*/
        padding-top : 10px;
	margin: 0px auto;
}








/* ----- ページ最上部の紹介文 ----- */

.top_intro {
	font-size: 10px;
        width: 100%;
	text-align: center;
        padding-bottom:5px;
        border-bottom : solid  2px #ffa500;
}




/* グローバルナビゲーション
---------------------------------------------
----------------------------------------------------*/


nav#menu ul {
	background-color: #FFF;	/*背景色*/
	height: 20px;			/*高さ*/
	margin-bottom: 20px;	/*メニューと、下の左右コンテンツとの間に空ける余白*/
        list-style-type: none;
	padding: 0px;
}



/* ----------- メニュー１個ごとの設定*/
nav#menu ul li {
	float: left;
	width: 160px;	/*メニュー幅*/
}



nav#menu ul li a {
        padding-top: 5px;
        padding-bottom: 5px;
	line-height: 1.4;	/ ----------- *行間*/
	text-decoration: none;
	display: block;
	font-size: 14px;	/* ----------- 文字サイズ*/
	font-weight: bold;	/* ----------- 文字を太字にする設定 */
	letter-spacing: 0.1em;		/* ----------- 文字間隔を少し広めに */
	-webkit-transition: 0.5s;	/* ----------- マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
	background-color: #d76b14;	/* ----------- 背景色（古いブラウザ対策）*/
        background : url(../image/navi_bar/menu_back.gif);   /* ----------- 背景画像*/
	text-align: center;	/* ----------- 文字をセンタリング*/
	color: #242424;		/* ----------- 文字色*/
	border-bottom: 1px solid;	/* ----------- 下側の線の幅、線種 */
	border-top: 1px solid;		/* ----------- 上側の線の幅、線種 */
	border-left: 1px solid;	        /* ----------- 左側の線の幅、線種 */
	border-right: 1px solid;	/* ----------- 左側の線の幅、線種 */
        border-color: #808080;	        /* ----------- 線の色（上下左右共通）*/
}


/* ----------- マウスオン時と、current(表示中のメニュー)の設定*/

nav#menu ul li a:hover {
  color: #ffffff;
  text-decoration: none;
}

nav#menu ul li.current a {
  color: #ff0000;
}




/*コンテンツ（main,subを囲むブロック）
---------------------------------------------------------------------------*/
#contents {
	clear: left;
	width: 100%;
}






/* 左側　メインコンテンツ
---------------------------------------------
----------------------------------------------------*/

#main {
	float: left;	/*左側に回り込み*/
	width: 680px;	/*メインコンテンツ幅*/
	padding-left: 10px;	/*ボックス内の余白*/
	padding-right: 10px;	/*ボックス内の余白*/
	padding-top: 0px;	/*ボックス内の余白*/
	padding-bottom: 0px;	/*ボックス内の余白*/
	border: 0px solid #CCC;	/*枠線の幅、線種、色*/
	margin-bottom: 10px;
}



/* topページのh1タグの設定*/

h1.top {
	color: #ff0000;
	font-size: 120%;
        text-align : center;
        background-color:#e6e6fa;
        line-height: 180%;
        font-weight:bold;
	border-top: 5px solid #ffa500;
	border-right: 0px solid #ffa500;
	border-left: 0px solid #ffa500;
	border-bottom: 5px solid #ffa500;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}







/* mainコンテンツのh1タグの設定*/


#main h1 {
    z-index: 0;
    position: relative;
    color: #ffffff;
    background: #f39800;
    font-size: 16pt ;
    border: 1px solid #ee7800;
    margin: 10px 0px 15px 0px;  /* [上][右][下][左] */
    padding: 10px 5px 10px 10px;
    border-radius: 3px;
    box-shadow:1px 3px 7px 0px  #666666 ;
}

#main h1:after, .sample2:before {
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
}

#main h1:after {
    left: 40px;
    border: 10px solid transparent;
    border-top: 10px solid #f39800;
}

#main h1:before {
    left: 35px; 
    border: 15px solid transparent;
    border-top: 15px solid #ee7800;
}




#main h2 {
	color: #ff0000;
	font-size: 120%;
        background-color:#e6e6fa;
       line-height: 180%;
        font-weight:bold;
	border-top: 5px solid #ffa500;
	border-right: 0px solid #ffa500;
	border-left: 0px solid #ffa500;
	border-bottom: 5px solid #ffa500;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 8px;
	margin-bottom: 15px;
}



#main h3 {
     color: #000000;
     font-size:14px;
     line-height: 180%;
     background-color:;
     border-top: 0px solid #ffa500;
     border-right: 0px solid #ffa500;
     border-left: 10px solid #ffa500;
     border-bottom: 0px solid #ffa500;
     padding-left: 5px;
     padding-top: 0px;
     padding-bottom: 0px;
     margin-top: 20px;
     margin-bottom: 20px;
}



/* mainコンテンツの段落タグ設定*/


#main p {
	padding: 0.5em 15px 1em;      /*左から、上、左右、下への余白*/
        letter-spacing: 1px;
        line-height: 180%;
}





/*----------リンクの通常スタイル
---------------------------------------　*/

a {
      text-decoration: none;　/*リンクテキストの状態*/
      font-weight :bold;
}

a:hover {
      text-decoration: underline; /*マウスオン時の状態（下線）*/
}




#path a {
      text-decoration: none;
      font-weight :normal;
}


#path a:hover {
      text-decoration: underline;
}









/* 右側 サブメニュー
---------------------------------------------
----------------------------------------------------*/

#sub {
	float: right;	/*右側に回り込み*/
	width: 220px;	/*サブコンテンツ幅*/
	padding-left: 10px;	/*ボックス内の余白*/
	padding-right: 10px;	/*ボックス内の余白*/
	border: 0px solid #CCC;	/*枠線の幅、線種、色*/
	margin-bottom: 30px;
}




/* 右側 サブメニューのリンクナビゲーション
---------------------------------------------
----------------------------------------------------*/


#sub h2 {
        background-color:#e6e6fa;
        font-weight:bold;
	font-size:14px;
	border-top: 5px solid #ffa500;
	border-right: 0px solid #ffa500;
	border-left: 0px solid #ffa500;
	border-bottom: 5px solid #ffa500;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 8px;
	margin-bottom:8px;
	text-align:center;
	color: #000000;
}







#sub h3 {
        background-color:#e6e6fa;
        font-weight:bold;
	font-size:14px;
	border-top: 2px dashed #ffa500;
	border-right: 0px solid #ffa500;
	border-left: 0px solid #ffa500;
	border-bottom: 2px dashed #ffa500;
	padding-top: 5px;
	padding-bottom: 6px;
	margin-top: 8px;
	margin-bottom:8px;
	text-align:center;
	color: #000000;
}



/* 右側サイドメニューのリンクデザイン
---------------------------------------------*/

#sub ul li a {
         text-decoration: none;
         display:block;
}

#sub ul li a:hover {
        text-decoration: underline;
        font-weight :bold;
}


#sub h2 a {
      display:block;
}


#sub h3 a {
      display:block;
}


#sub ul{
     margin-top: 5px;
     margin-bottom: 5px;
     margin-left: 0px;
     padding-left: 10px;
     padding-right: 10px;
}




#sub li {
        font-size: 12px;
	list-style-type: none;
	border-top: 2px dotted #FF6600;
	line-height: 250%;
}



/* ------ 文字のクラススタイル --------*/




.price_red_18_c {
     color : red;
     font-size : 120%;
     font-weight : bold;
     text-align : center;
}




.denial_line {
     text-decoration: line-through;
}


.attention_red {
     color: red;
     font-size: 120%;
     font-weight :bold;
}


.red {
     color: red;
}


.price_red {
     color: red;
     font-size: 120%;
     font-weight :bold;
}

.price_black {
     color: bleck;
     font-size: 120%;
     font-weight :bold;
}



.bold_black {
     font-weight :bold;
}


.bold_red {
     font-weight :bold;
     color: red;
}





/* トップページ独自項目用css
---------------------------------------------
----------------------------------------------------*/


/* メニュー直下の水平線 */


hr.top {
    height: 0px;
    border: none;
    color: #ffffff;
    padding-top : 0px;
    padding-bottom : 0px;
}



/* ツアー予定表のデザイン */

.tour_shortly {
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: auto;
   margin-right: auto;
   width:650px;
   table-layout : fixed;
   border : 1px #696969 solid;  /* 表の外枠 */
   border-collapse : collapse;　/* セルのボーダーの表示の仕方 */
   border-spacing: 10px;　/* セルのボーダーの間隔を指定する */
}

.tour_shortly a {
    display:block;
}

.tour_shortly th {
    background-color:#d3d3d3;
    font-size : 12px;
    border: #696969 solid;
    border-width: 1px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.tour_shortly td {
    height: 30px;
    border: #696969 solid;
    border-width: 1px;
    padding-top: 15px;
    padding-bottom: 15px;
}

th.tour_shortly_day {
    width : 40%;
}

th.tour_shortly_name {
    width : 45%;
}

th.tour_shortly_go {
    width : 15%;
}

td.tour_shortly_day {
    font-size : 12px;
    text-align: left;
    padding-left: 5px;
}

td.tour_shortly_name {
    font-size : 13px;
    text-align: left;
    padding-left: 5px;
    line-height:130%;
}

td.tour_shortly_go {
    font-size : 12px;
    width : 20%;
    text-align: center;
    line-height:130%;
}





/* ------- 最近の水中写真 TOPPAGE ------- */


div.img_box_t {
     text-align: center; /* 中央寄せ */
     border: 0px solid #0000cc; /* 枠線 */
     background-color: white;  /* 背景色 */
     width: 170px;               /* 横幅 */
     height: 180px;              /* 高さ */
     float: left;                /* 左に配置 */
     margin : 5px 0px 50px 0px; /* 周囲の余白(上)(右)(下)(左)*/
}



div.img_box_t img {
     margin : 5px 4px 0px 4px; /* 周囲の余白(上)(右)(下)(左)*/
     border : solid 1px #666666;
}



div.img_box_t p {
     margin : 3px 0px 5px 0px; /* 余白・間隔 (上)(右)(下)(左)*/
     font-size: 13px;     /* 文字サイズ */
     line-height: 120%;
}

p.exp {
     clear: left;       /* 回り込みを解除 */
}



/* ------- 休業予定表のデザイン ------- */

.table_holiday {
   width : 100% ;
   border: 1px #696969 solid;  /* 表の外枠 */
   border-collapse: collapse;　/* セルのボーダーの表示の仕方 */
   border-spacing: 0;　/* セルのボーダーの間隔を指定する */
}

.table_holiday th {
    font-size : 12px;
    border: #696969 solid;
    border-width: 1px;
    text-align: center;
}

.table_holiday td {
    font-size : 12px;
    text-align:center;
    border: #696969 solid;
    border-width: 1px;
}





/* ------- 更新履歴（擬似インラインフレーム）------- */


/* ----- ブロック全体の設定 ----- */

div.update_history {
        border : solid 1px #999999;
        height : 155px;
        line-height: 2.5;
        font-size : 12px;
        padding-left : 10px;
        overflow : auto;
        text-align: left;
}


/* ----- 日付設定 ----- */
div.update_day {
	font-weight: bold;
        padding-right : 20px;
	float: left;
}


/* ----- 記事設定 ------ */
div.update_article {
	border-bottom : dotted 1px #999999;	/*下線の幅、線種、色*/
}


/* ----- リンクの設定 ------ */
div.update_history a {
      font-weight :normal;
}



/* ----- 過去の更新履歴 ------ */
div.update_past {
      text-align : right;
      padding-top : 10px;
      padding-right : 10px;
}






/* ------- 過去の更新履歴のページ（擬似インラインフレーム）------- */


/* ----- ブロック全体の設定 ----- */

div.update_history2 {
        border : solid 1px #999999;
        height : 1150px;
        line-height: 2.5;
        font-size : 12px;
        padding-left : 10px;
        overflow : auto;
        text-align: left;
}







/* ------- カウンターのテーブル枠 ------ */

.count {
   border : 0px; /* 表の外枠 */
   text-align: right;
   margin-top:5px;
   margin-left : auto ;
   margin-right : 0 ;

}



/* ヘッダーデザイン
---------------------------------------------*/


header {
	width: 960px;	/*ブロックの幅*/
        position : relative;
        margin : 0;
        height :95px;
}



/*ショップロゴの位置*/

header #logo {
     position : absolute;
     top : -10px;
     left : 0px;
}



#padi_dc_logo {
     position : absolute;
     top : -3px;
     right : 5px;
}


#kadomatu {
     position : absolute;
     top : 6px;
     right : 750px;
}


#contact_logo {
     position : absolute;
     top : 34px;
     right : 80px;
}



/* モバイルページ用　お問い合わせ窓口
---------------------------------------------
----------------------------------------------------*/


#contact_mob {
    display:none;
}



#phone {
     font-size: 30px;
     position : absolute;
     color : #ff4500;
     top : 30px;
     right : 303px;
}


#open {
     font-size: 14px;
     position : absolute;
     top : 67px;
     right : 393px;
     letter-spacing: 0.2em;
}


#holiday {
     font-size: 12px;
     position : absolute;
     top : 67px;
     right : 305px;
     letter-spacing: 0.2em;
}



#site_map {
     font-size: 12px;
     position : absolute;
     top : 5px;
     right : 430px;
}


#site_map a {
     font-weight :normal;
}






/* ------- SNSアイコン列 リスト表示　------ */


.sns_top {
   text-align:right;
}


.sns_t {
   width: auto;
   display: inline-block;
   margin-right: 80px;
}

.sns_f {
   width: auto;
   display: inline-block;
   margin-right: 153px;
}

.sns_l {
   width: auto;
   display: inline-block;
   margin-right: 620px;
}



div.fb-like {
   position : absolute;
   top : 0px;
}




/* ----- ぱんくずリストのスタイル ----- */

#path {
     font-size : 90%;
     text-align : left;
     margin-top : 15px;
     padding-bottom :10px;
     padding-left :15px;
     font-weight: normal;
}




/*----------画像の各種スタイル
---------------------------------------　*/


/*　画像の枠線　*/

.image_outline {
   border : solid 1px #666666;
}



/*　画像の回り込み （枠線あり）　*/

.image_float {
   float : left; /* 3.文字の回り込み */
   margin-right : 15px; /* margin.余白・間隔 */
   margin-bottom : 8px;
   border : solid 1px #666666;
}



/*　画像の回り込み （枠線なし）　*/

.image_float_no_line {
   float : left; /* 3.文字の回り込み */
   margin-right : 15px; /* margin.余白・間隔 */
   margin-bottom : 8px;
   border : 0px;
}


/*　画像を真ん中に （枠線あり）　*/

div.img_center { 
   text-align: center;
}


/*　画像に囲み線　*/

.image_framing {
   text-align: center;
   border : solid 3px #666666;
}



/*　画像に囲み線(1px)　*/

.image_framing_ipx {
   text-align: center;
   margin-top : 10px;
   border : solid 1px #666666;
}



/*　side 画像の枠線　*/

.image_outline_side {
   border : solid 1px #666666;
   margin-top: 8px;
   margin-bottom: 0px;
}



/*　画像のロールオーバーもどき 　*/

a:hover img {
   opacity:0.8;
   filter: alpha(opacity=80);
}




/* ----- 更新日の位置とサイズ ----- */

.update {
        font-size : 12px;
        text-align: right;
        padding-right : 20px;
        margin-top : 5px;
        margin-bottom : 5px;
}






/*----------テーブルの各種スタイル
---------------------------------------　*/



/* ------- セルの背景色 ------ */


.pink { background-color: #ffc0cb; }

.yell { background-color: #ffff00; }

.sat { background-color: #00ffff; }

.holiday { background-color: #f9c6c6; }

.weekday { background-color: #80ff80; }



/* ------- テーブルデザイン01 ------ */

.table_01 {
   margin-left: auto;
   margin-right: auto;
   margin-top:20px;
   margin-bottom:20px;
   line-height:150%;
   width:100%;
   table-layout : fixed;
   border : 1px #696969 solid;  /* 表の外枠 */
   border-collapse : collapse;　/* セルのボーダーの表示の仕方 */
   border-spacing: 10px;　/* セルのボーダーの間隔を指定する */
}


.caption {
    text-align: left;
    font-size : 16px;
    font-weight: bold;
    color: #ff4500;
} 


.table_01 th {
    background-color:#eeeeee;
　　width: 30%;
    font-size : 95%;
    border: #696969 solid;
    border-width: 1px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;


}




.table_01 td {
    width: 70%;
    font-size : 95%;
    text-align:left;
    border: #696969 solid;
    border-width: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}


th.on_all {
    width : 100%;
}



th.left_50 {
    text-align:left;
    padding-left: 10px;
    width : 50%;
}


th.center_50 {
    text-align:center;
    width : 50%;
}



th.on {
    width : 70%;
}




th.side {
    width : 30%;
}



td.on {
    width : 100%;
}



td.right {
    text-align:right;
}



td.center_50 {
    text-align:center;
    width : 50%;
}


td.left_50 {
    text-align:left;
    width : 50%;
}


td.right_50 {
    text-align:right;
    width : 50%;
}


td.left_70 {
    text-align:left;
    width : 70%;
}


td.left_35 {
    text-align:left;
    width : 35%;
}


td.center {
     text-align : center;
}


.strong {
     text-align : center;
}




/* ------- テーブルデザイン02 ------ */

.table_02 {
   margin-left: auto;
   margin-right: auto;
   margin-top:10px;
   margin-bottom:10px;
   line-height:150%;
   width:490px;
   table-layout : fixed;
   border : 1px #696969 solid;  /* 表の外枠 */
   border-collapse : collapse;　/* セルのボーダーの表示の仕方 */
   border-spacing: 10px;　/* セルのボーダーの間隔を指定する */
}

.table_02 a {
    display:block;
}


.table_02 th {
    background-color:#d3d3d3;
    border: #696969 solid;
    border-width: 1px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}



.table_02 td {
    font-size : 85%;
    border: #696969 solid;
    border-width: 1px;
}




/* ------- 水中写真ギャラリー　データ ------ */

.phot_01 {
   margin-left: auto;
   margin-right: auto;
   font-size : 80%;
   line-height:150%;
   width:500px;
   table-layout : fixed;
   border : 1px #696969 solid;  /* 表の外枠 */
   border-collapse : collapse;　/* セルのボーダーの表示の仕方 */
   border-spacing: 10px;　/* セルのボーダーの間隔を指定する */
}


.phot_01 th {
    width:30%;
    background-color:#dcdcdc;
    font-weight : normal; 
    border: #696969 solid;
    border-width: 1px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}


.phot_01 td {
    width:70%;
    text-align:left;
    border: #696969 solid;
    border-width: 1px;
    padding-left: 10px;
    padding-right: 3px;
}



/* ------- テーブルデザイン　ドライスーツキャンペーン ------ */

.table_dry {
   margin-left: auto;
   margin-right: auto;
   margin-top:0px;
   margin-bottom:20px;
   line-height:150%;
   width:100%;
   table-layout : fixed;
   border : 1px #696969 solid;  /* 表の外枠 */
   border-collapse : collapse;　/* セルのボーダーの表示の仕方 */
   border-spacing: 10px;　/* セルのボーダーの間隔を指定する */
}


.table_dry th {
    background-color:#d3d3d3;
    font-size : 100%;
    border: #696969 solid;
    border-width: 1px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}



.table_dry td {
    font-size : 100%;
    text-align:left;
    border: #696969 solid;
    border-width: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}


td.price {
    text-align:right;
    font-size : 100%;
}

th.price {
    text-align:right;
    font-size : 100%;
    padding-right: 10px;
}


td.image {
    width:30%;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    text-align : center;
    vertical-align : top;
}




/* -------- ツアーページの表 --------------------------------------------
---------------------------------------------------------------------- */


/* ------- ツアーページTOPの表 ------ */

.tour_01 {
   margin-left: auto;
   margin-right: auto;
   margin-top:20px;
   margin-bottom:20px;
   line-height:150%;
   width:100%;
   table-layout : fixed;
   border : 1px #696969 solid;  /* 表の外枠 */
   border-collapse : collapse;　/* セルのボーダーの表示の仕方 */
   border-spacing: 10px;　/* セルのボーダーの間隔を指定する */
}

.tour_01 a {
    display:block;
}



.tour_01 th {
    background-color:#d3d3d3;
    font-size : 95%;
    border: #696969 solid;
    border-width: 1px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}


.tour_01 td {
    font-size : 120%;
    color : #ffa07a; 
    text-align:center;
    font-weight: bold;
    border: #696969 solid;
    border-width: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}



/* ------- 他の月へのナビゲーション ------ */

.tour_month {
   margin-left: auto;
   margin-right: auto;
   margin-top:0px;
   margin-bottom:10px;
   width:100%;
   table-layout : fixed;
   border : 1px #696969 solid;  /* 表の外枠 */
   border-collapse : collapse;　/* セルのボーダーの表示の仕方 */
   border-spacing: 10px;　/* セルのボーダーの間隔を指定する */
}

.tour_month a {
    display:block;
}


.tour_month th {
    background-color:#d3d3d3;
    color:#008000;
    width:14%;
    font-size : 95%;
    border: #696969 solid;
    border-width: 1px;
    text-align: center;
}


.tour_month td {
    font-size : 80%;
    width:7%;
    color : #ffa07a; 
    text-align:center;
    font-weight: bold;
    border: #696969 solid;
    border-width: 1px;
}



/* ------- ツアー予定・月間カレンダー(縦段組) ------ */

.tour_cal_2 {
   margin-left: auto;
   margin-right: auto;
   margin-top:0px;
   margin-bottom:10px;
   width:100%;
   table-layout : fixed;
   border : 1px #696969 solid;  /* 表の外枠 */
   border-collapse : collapse;　/* セルのボーダーの表示の仕方 */
   border-spacing: 10px;　/* セルのボーダーの間隔を指定する */
}



.tour_cal_2 a {
    display:block;
}



td.main {
    font-size : 90%;
    color:#696969;
    width : 75%; 
    line-height: 150%;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align:center;
    border: #696969 solid;
    border-width: 1px;
}



td.sub {
    font-size : 80%;
    width : 15%; 
    color:#696969;
    line-height: 150%;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align:center;
    border: #696969 solid;
    border-width: 1px;
}



.tour_cal_2 th {
    background-color:#fffacd;
    color:#a9a9a9;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size : 95%;
    border: #696969 solid;
    border-width: 1px;
    text-align: center;
}


th.day {
    width : 5%; 
}


th.sat {
    width : 5%; 
    color:#0000ff;
}


th.sun {
    width : 5%;
    color:#ff0000;
}






/* ------- イベント概要 ------ */

.event {
   margin-left: auto;
   margin-right: auto;
   margin-top: 10px;
   margin-bottom: 10px;
   width:100%;
   table-layout : fixed;
   border : 1px #696969 solid;  /* 表の外枠 */
   border-collapse : collapse;　/* セルのボーダーの表示の仕方 */
   border-spacing: 10px;　/* セルのボーダーの間隔を指定する */
}


.event th {
    background-color:#d3d3d3;
    font-weight: normal;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size : 80%;
    border: #696969 solid;
    border-width: 1px;
    text-align: center;
}

.event td {
    padding-top : 5px; 
    padding-bottom : 5px; 
    padding-left : 8px; 
    padding-right : 5px; 
    text-align : center;
    border : #696969 solid;
    border-width : 1px;
}

th.event_go {
    width : 30%; 
}

td.event_go {
    font-size : 12px;
    line-height : 120%;
    padding-top: 8px;
    padding-bottom: 8px;
}

th.event_back {
    width : 30%; 
}


td.event_back {
    font-size : 12px;
    line-height : 120%;
}


th.event_level {
    width : 10%; 
}


td.event_level { 
    font-size : 12px;
    padding-left : 0px; 
    padding-right : 0px; 
}

td.event_level a {
    font-weight :normal;
    padding-top: 8px;
    padding-bottom: 8px;
}


th.event_reserv {
    width : 15%; 
}


td.event_reserv {
    font-size : 12px;
    padding-top: 8px;
    padding-bottom: 8px;
}


th.event_capa {
    width : 15%; 
}


td.event_capa {
    font-size : 12px;
    padding-top: 8px;
    padding-bottom: 8px;
}


td.event_option {
    font-size : 12px;
    text-align : left; 
    line-height : 130%;
}



td.event_intro {
    font-size : 13px;
    line-height : 150%;
    text-align : left; 
}


/* ---- イベント概要のテキスト ------ */

.event_text_80per {
    font-size : 80%;
    line-height: 130%;
　　letter-spacing : 1px;
}

.event_text_85per {
    font-size : 80%;
    line-height: 130%;
　　letter-spacing : 1px;
}

.event_text_90per {
    font-size : 80%;
    line-height: 130%;
　　letter-spacing : 1px;
}

.event_text_95per {
    font-size : 80%;
    line-height: 130%;
　　letter-spacing : 1px;
}

.event_text_100per {
    font-size : 100%;
    line-height: 150%;
　　letter-spacing : 2px;
}

.event_text_110per {
    font-size : 110%;
    line-height: 150%;
　　letter-spacing : 2px;
}


.event_title_sub {
    font-size : 100%;
    color : red; 
    line-height: 150%;
　　letter-spacing : 2px;
}

.event_title_main {
    font-size : 110%;
    line-height: 150%;
　　letter-spacing : 2px;
}


.event_price_m {
    font-size : 95%;
    line-height : 150%;
    text-align : right;
    color : red; 
　　letter-spacing : 2px;
}


.event_price_v {
    font-size : 95%;
    line-height : 150%;
    text-align : right;
　　letter-spacing : 2px;
}


#price_tour {
    text-align : right;
}






/* ------- テーブルデザイン　レギュラーポイント料金表 ------ */

.table_fun_price {
   margin-left: auto;
   margin-right: auto;
   margin-top:0px;
   margin-bottom:20px;
   line-height:150%;
   width:100%;
   table-layout : fixed;
   border : 1px #696969 solid;  /* 表の外枠 */
   border-collapse : collapse;　/* セルのボーダーの表示の仕方 */
   border-spacing: 10px;　/* セルのボーダーの間隔を指定する */
}


.table_fun_price th {
    background-color:#d3d3d3;
    font-size : 100%;
    border: #696969 solid;
    border-width: 1px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}



.table_fun_price td {
    font-size : 100%;
    text-align:left;
    border: #696969 solid;
    border-width: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}


td.price {
    text-align:right;
    font-size : 100%;
}

th.price {
    text-align:right;
    font-size : 100%;
    padding-right: 10px;
}


td.image {
    width:30%;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    text-align : center;
    vertical-align : top;
}















/* ------- 水平線・マージン -----------------
------------------------------------------ */

hr.line {
     margin-bottom: 25px;
}



/* ---- 水平線の回り込みを解除
------------------------------------ */

hr.exp {
   clear: left;
}


hr.exp_ma10 {
   clear: left;
   margin-bottom: 50px;
}














/* ---- h2の回り込みを解除
------------------------------------ */

h2.exp {
   clear: left;
}



/* ツアーカレンダーのスケジュール欄の中の注意書き */

#attention_2 p{
    vertical-align : top;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    letter-spacing: 1px;
}





/* ----- ツアー予約フォーム・タイトル ----- */

.tour_reserve {
     color: #ff0000;
     font-size:120%;
     font-weight:bold;
     line-height: 150%;
     text-align: center;
     border-top: 5px solid #ff0000;
     border-right: 5px solid #ff0000;
     border-left: 5px solid #ff0000;
     border-bottom: 5px solid #ff0000;
     padding-top: 5px;
     padding-bottom: 5px;
     margin-top: 15px;
     margin-bottom: 15px;
     margin-left: 15px;
     margin-right: 15px;
}


/* ------ ツアー予約フォーム・タイトル リンクのスタイル -----　*/

.tour_reserve a {
     color: #ff0000;
}



/* ツアーページ 動画貼り付け位置
---------------------------------------------
----------------------------------------------------*/

.tour_movie {
	height: 230px;
	width: 300px;
        border: #696969 solid;
        border-width: 1px;
        float : left; 
        margin-bottom:20px;
}






/* ------- ツアーサンプルスケジュール（別枠表示） ------ */

.tour_schedule {
   margin-left: auto;
   margin-right: auto;
   margin-top:20px;
   width:100%;
   table-layout : fixed;
   border : 1px #696969 solid;  /* 表の外枠 */
   border-collapse : collapse;　/* セルのボーダーの表示の仕方 */
   border-spacing: 10px;　/* セルのボーダーの間隔を指定する */
}



.tour_schedule a {
    display:block;
}


.tour_schedule td {
    font-size : 12px;
    line-height : 150%;
    text-align : left;
    padding-top : 5px;
    padding-bottom : 5px;
    padding-left : 5px;
    border : #696969 solid;
    border-width : 1px;
}



.tour_schedule th {
    font-size : 12px;
    text-align : center;
    background-color:#fffacd;
    padding-top: 5px;
    padding-bottom: 5px;
    border: #696969 solid;
    border-width: 1px;
    text-align: center;
}


th.da {
    width : 10%; 
}


th.content {
    width : 70%; 
}


th.inn {
    width : 10%;
}


th.meal {
    width : 10%;
}



td.content {
    width : 70%; 
}


td.inn {
    width : 10%;
    text-align : center;
}

td.meal {
    width : 10%;
    text-align : center;
}







/* ------- お問い合わせフォーム ------ */

.table_form_fun {
   margin-left: auto;
   margin-right: auto;
   margin-top:10px;
   margin-bottom:10px;
   line-height:150%;
   width:100%;
   table-layout : fixed;
   border : 1px #696969 solid;  /* 表の外枠 */
   border-collapse : collapse;　/* セルのボーダーの表示の仕方 */
   border-spacing: 10px;　/* セルのボーダーの間隔を指定する */
}

.table_form_fun a {
    display:block;
}


.table_form_fun th {
    font-size : 90%;
    background-color:#eeeeee;
    border: #696969 solid;
    border-width: 1px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}



.table_form_fun td {
    font-size : 90%;
    border: #696969 solid;
    border-width: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-tight: 10px;
}



input[type=text] {
            width: 95%;
            box-sizing: border-box;
}


textarea {
            width: 95%;
            box-sizing: border-box;
}



/* ------ お問い合わせフォーム確認画面・タイトル ------*/

strong.ttl {
	text-align: left;
	border-left: solid 4px #cc0000;
	display: block;
	padding: 2px 5px;
	margin-top: 2em;
}






/* 現在位置表示
---------------------------------------------*/



#sub .wakaba {
    background-image : url(../school/image/wakaba.gif);
    background-repeat: no-repeat;
    background-position: right center;
}





#sub .current {
    background-image : url(../image/common/smile.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    font-weight: bold;
}


#sub .current_bold {
    padding-right: 20px;
    font-weight: bold;
    color: #ff0000;
}








/*------ サイドmenu_boxの段落スタイル ------*/

.menu_box-title{
 margin-bottom : 0px;
 margin-top : 8px;
 background-color:#e6e6fa;
 border-top-width : 1px;
 border-left-width : 1px;
 border-right-width : 1px;
 border-top-style : solid;
 border-left-style : solid;
 border-right-style : solid;
 border-top-color : silver;
 border-left-color : silver;
 border-right-color : silver;
}

.menu_box {
 padding-top : 2px;
 padding-left : 6px;
 padding-right : 5px;
 padding-bottom : 2px;
 border-right-width : 1px;
 border-left-width : 1px;
 border-right-style : solid;
 border-left-style : solid;
 border-right-color : silver;
 border-left-color : silver;
 margin-top : 0px;
 margin-bottom : 0px;
 border-bottom-width : 1px;
 border-bottom-style : solid;
 border-bottom-color : silver;
 border-top-width : 1px;
 border-top-style : solid;
 border-top-color : silver;
 line-height : 20px;
 margin-left : 0px;
 margin-right : 0px;
 text-align : left;
}

.menu_box_map {
 border-right-width : 1px;
 border-left-width : 1px;
 border-right-style : solid;
 border-left-style : solid;
 border-right-color : silver;
 border-left-color : silver;
 margin-top : 0px;
 margin-bottom : 0px;
 border-bottom-width : 1px;
 border-bottom-style : solid;
 border-bottom-color : silver;
 border-top-width : 0px;
 border-top-style : solid;
 border-top-color : silver;
 line-height : 20px;
 margin-left : 0px;
 margin-right : 0px;
}




/*　サイドメニューのタイトル　*/

h4 {
     font-size:14px;
     padding-top: 8px;
     padding-bottom: 8px;
     margin : 0px;
     text-align: center;
}


p.side_menu_title {
     font-size:14px;
     padding-top: 8px;
     padding-bottom: 8px;
     margin : 0px;
     text-align: center;
}


/*　サイドメニューのテキスト　*/

.side_text_center {
        font-size : 12px;
        text-align: center;
        margin : 0px;
        padding : 3px;
}

.side_text_left {
        font-size : 12px;
        text-align: left;
        margin : 0px;
        padding : 3px;
}












/*  フッターエリアのスタイル
---------------------------------------------
----------------------------------------------------*/

footer {
     clear: both;
     width: 100%;
     margin: 0;
     padding: 18px 0 18px 0;
     margin-top: 50px;
     text-align: center;
     line-height:200%;
     font-size: 12px;
     color: #333333;
     border-top: solid 4px;
     border-top-color: #ffa500;
}

      #footer a {
       color: #333333;
      font-size: 12px;
 }

footer a:hover {
  color: #333333;
}


/* ------ フッター内のナビ ------*/


ut_navi {
	position: absolute;
	right: 0;
	top: 8px;
	font-size: 80%;
	line-height: 1.2;
}


ut_navi li {
	position: absolute;
	top: 0;
	width: 8em;
}


ut_navi li#ut_sitemap {
	right: 5em;
}


ut_navi li#ut_home {
	right: 12em;
}


ut_navi li a {
	padding-left: 12px;
	text-decoration: none;
}


ut_navi li#ut_sitemap a {
	background : no-repeat left center;
}


ut_navi li#ut_home a {
	background : url(../image/common/ico_mail.gif) no-repeat left center;
}


/* ----- 戻るボタンの位置 ----- */

#returns {
     text-align : left;
     padding-top: 80px;
     padding-left: 30px;
     padding-bottom: 80px;
     font-size : 80%;
}

#returns a {
      font-weight :normal;
}




/* ----- 戻るボタンの位置 1 ----- */

#returns {
     text-align : left;
     padding-top: 80px;
     padding-left: 30px;
     font-size : 80%;
}

#returns a {
      font-weight :normal;
}



/* ----- 戻るボタンの位置 2 ----- */

#returns_02 {
     text-align : right;
     padding-top: 30px;
     padding-bottom: 30px;
     padding-right: 30px;
     font-size : 80%;
}

#returns_02 a {
      font-weight :normal;
}


/* ----- 戻るボタンの位置（ツアー予定表） ----- */

#returns_03 {
     text-align : right;
     padding-top : 50px;
     padding-bottom : 50px;
     font-size : 12px;
}

#returns_03 a {
      font-weight :normal;
}


/*-----------------------------------------------------------
------------------- サイトマップのページ -------------------*/




#s_map {
   width : auto;
   font-size: 95%; 
   line-height: 180%;
}


#s_map ul li a {
         text-decoration: none;
}

#s_map ul li a:hover {
        text-decoration: underline;
        font-weight :bold;
}


ul .wakaba_map {
    padding-left: 20px;
    list-style: none;
    background-image : url(../image/common/wakaba.gif);
    background-repeat: no-repeat;
    background-position: left center;
}


ul .p_favicon {
    padding-left: 25px;
    list-style: none;
    background-image : url(../image/common/p.jpg);
    background-repeat: no-repeat;
    background-position: left center;
}


ul li .wakaba_map {
        margin: 0 0 0 -20px;
}




/* 最近の水中写真 TOP
---------------------------------------------
----------------------------------------------------*/


div.img_box_top {
     border: 0px solid #0000cc; /* 枠線 */
     background-color: white;  /* 背景色 */
     width: 127px;               /* 横幅 */
     height: 160px;              /* 高さ */
     float: left;                /* 左に配置 */
     margin : 5px 0px 20px 5px; /* 周囲の余白(上)(右)(下)(左)*/
}


div.img_box_top img {
     margin : 5px 12px 0px 12px; /* 周囲の余白(上)(右)(下)(左)*/
     border : solid 1px #666666;
}



p.phot_caption {
     text-align: center; /* 中央寄せ */
     margin : 0px 0px 8px 0px; /* 余白・間隔 (上)(右)(下)(左)*/
     font-size: 10px;     /* 文字サイズ */
     text-align: center;
     line-height: 100%;
}


p.exp {
     clear: left;       /* 回り込みを解除 */
}





/*　画像拡大スクリプト（サイズ500） 　*/

div.expansion {
     width: 500px; 
     margin-left : auto;     /* 周囲の余白(上)(右)(下)(左)*/
     margin-right : auto;
}


div.expansion a:hover img {
   opacity:1.0;
   filter: alpha(opacity=100);
}



/*　画像拡大スクリプト（サイズ680） 　*/

div.expansion2 {
     width: 678px; 
     margin-left : auto;     /* 周囲の余白(上)(右)(下)(左)*/
     margin-right : auto;
}


div.expansion2 a:hover img {
   opacity:1.0;
   filter: alpha(opacity=100);
}







/* ------- 最近の水中写真 個別 ------- */


div.img_box {
     text-align: center; /* 中央寄せ */
     border: 0px solid #0000cc; /* 枠線 */
     background-color: white;  /* 背景色 */
     width: 129px;               /* 横幅 */
     height: 160px;              /* 高さ */
     float: left;                /* 左に配置 */
     margin : 10px 0px 10px 5px; /* 周囲の余白(上)(右)(下)(左)*/
}



div.img_box img {
     margin : 5px 4px 0px 4px; /* 周囲の余白(上)(右)(下)(左)*/
     border : solid 1px #666666;
}



div.img_box p {
     margin : 3px 0px 5px 0px; /* 余白・間隔 (上)(右)(下)(左)*/
     font-size: 10px;     /* 文字サイズ */
     line-height: 120%;
}

p.exp {
     clear: left;       /* 回り込みを解除 */
}


/* ------- 水中写真ギャラリー　ログ ------ */

.phot_02 {
   margin-top:10px;
   margin-bottom:0px;
   margin-left: auto;
   margin-right: auto;
   font-size : 90%;
   line-height:150%;
   width:670px;
   table-layout : fixed;
   border : 1px #696969 solid;  /* 表の外枠 */
   border-collapse : collapse;　/* セルのボーダーの表示の仕方 */
   border-spacing: 10px;　/* セルのボーダーの間隔を指定する */
}


.phot_02 th {
    width:25%;
    background-color:#dcdcdc;
    font-weight : normal; 
    border: #696969 solid;
    border-width: 1px;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
}


.phot_02 td {
    width:25%;
    text-align:center;
    border: #696969 solid;
    border-width: 1px;
}



/* eyevio 動画貼り付け位置
---------------------------------------------
----------------------------------------------------*/

div.eyevio_hd {
   text-align: center;
   margin-top : 10px;
   margin-bottom : 0px;
}


/* youtube 動画貼り付け iframe
---------------------------------------------
----------------------------------------------------*/

.photo_youtube {
	height: 376px;
	width: 670px;
        border: none;
}




/* ------- twitter タイムライン ------ */


#twitter {
	padding-top : 10px;
	padding-bottom : 5px;
}


/* ------- facebook タイムライン side ------ */


#facebook_side {
	padding-top : 10px;
	padding-bottom : 5px;
}



/* ------- google map ------ */


.map_side {
	height: 330px;
	width: 100%;
        border: none;
}



.map_shop {
	height: 450px;
	width: 100%;
        border: #696969 solid;
        border-width: 1px;
}





/*-----ツアースケジュール 外枠 -----*/

#details_outside {
	width: auto; /* 外枠のサイズ */
 padding:20px;
 margin: 0px auto;
 border-width : 1px 1px 1px 1px; /* 外枠の線の太さ */
 border-style : solid solid solid solid; /* 外枠の線のスタイル */
 border-color : silver silver silver silver;　/* 外枠の線の色 */
 margin-top : 0px;　/* 外枠のマージン上 */
 margin-bottom : 0px;　/* 外枠のマージン下 */
 background-color : white;　/* 外枠の背景 */
 position: relative;
}


/* ------ ツアースケジュール フッター ------*/

#details_footer {
     clear: both;
     width: 100%;
     margin: 0;
     padding: 10px 0 0 0;
     margin-top: 10px;
     text-align: center;
     line-height:250%;
     font-size: 12px;
     color: #333333;
     border-top: solid 4px;
     border-top-color: #ffa500;
     border-bottom-color: #ffa500;
     background-color: #ffffff;
     border-bottom : solid 0px;
}

      #footer a {
       color: #333333;
      font-size: 12px;
 }

#footer a:hover {
  color: #333333;
}


#details_outside h1 {
    position: relative;
    color: #ffffff;
    background: #f39800;
    font-size: 12pt ;
    margin: 0px 0px 0px 0px;  /* [上][右][下][左] */
    padding:5px 5px 5px 5px;
    border: 1px solid #ee7800;
    border-radius: 3px;
    box-shadow:1px 3px 7px 0px  #666666 ;
}





/* ------ 閉じるボタンの位置 ------*/


#close_button_center {
     margin-left : auto;
     margin-right : auto;
     margin-top : 30px;
     margin-bottom : 30px;
     width : 14em;
}



/* ----- 注目してほしい赤枠 ----- */

.attention {
     color: #ff0000;
     font-size:16px;
     font-weight:bold;
     text-align: center;
     border-top: 5px solid #ff0000;
     border-right: 5px solid #ff0000;
     border-left: 5px solid #ff0000;
     border-bottom: 5px solid #ff0000;
     margin : 20px 0px 40px 0px; /* 周囲の余白(上)(右)(下)(左)*/
}



/* 横並びの画像とキャプション
---------------------------------------------
----------------------------------------------------*/


div.img_box_left {
     border: 0px solid #0000cc; /* 枠線 */
     background-color: white;  /* 背景色 */
     width: 45%;               /* 横幅 */
     height: 100%;              /* 高さ */
     float: left;                /* 左に配置 */
     margin : 20px 0px 20px 0px; /* 周囲の余白(上)(右)(下)(左)*/
}

div.img_box_right {
     border: 0px solid #0000cc; /* 枠線 */
     background-color: white;  /* 背景色 */
     width: 45%;               /* 横幅 */
     height: 100%;              /* 高さ */
     float: right;                /* 左に配置 */
     margin : 20px 0px 20px 0px; /* 周囲の余白(上)(右)(下)(左)*/
}



div.img_box_left img {
     margin : 0px 0px 0px 0px; /* 周囲の余白(上)(右)(下)(左)*/
     border : solid 1px #666666;
}



p.phot_caption_left {
     margin : 0px 0px 0px 0px; /* 余白・間隔 (上)(右)(下)(左)*/
     line-height:300%;
     font-size: 12px;     /* 文字サイズ */
     height: 100%;
}


p.exp {
     clear: left;       /* 回り込みを解除 */
}



/*---------------------------------------------------------
                        SlickNav
---------------------------------------------------------*/

    .slicknav_menu {
    	display:none;
    }

    #switch {
    	display:none;
    }

    /*Media Queries*/
    @media screen and (max-width: 1024px) {
    	.js #cssmenu {
    		display:none;
    	}
    	
    	.js .slicknav_menu {
    		display:block;
    	}

    /*Media Queries*/
    @media screen and (max-width: 1024px) {
    	.js #switch {
    		display:none;
    	}
    	
    	.js #switch {
    		display:block;
    	}




/*---------------------------------------------------------
                        Font Awesome Icons
---------------------------------------------------------*/



i.sa15 {
     font-size: 15px;     /* アイコンサイズ */
}

i.sa17 {
     font-size: 17px;     /* アイコンサイズ */
}

i.sa18 {
     font-size: 18px;     /* アイコンサイズ */
}


i.none {
    display: none;     /* 表示しない */
}