?@charset "utf-8";




/*全体の設定
---------------------------------------------------------------------------
---------------------------------------------------------------------------*/
body {
	background-color: #FFF;	/*全体の背景色*/
	background-image: none;	/*背景壁紙を消す*/
	font-size: 120%;	/*文字サイズ*/
        -webkit-text-size-adjust: 100%;
        word-break: break-all;
}



/*大きな画像の設定
---------------------------------------------------------------------------
---------------------------------------------------------------------------*/

img.smp {
	width: 100%;
	height: auto;
}

img.smp_60 {
	width: 60%;
	height: auto;
}


img.smp_60 {
	width: 50%;
	height: auto;
}


img.image_framing {
	width: 95%;
	height: auto;
}


/*　フロート画像のサイズ（枠線あり）　*/

.image_float {
	width: 50%;
	height: auto;
}





/*アウトサイド（HPを囲むブロック）
---------------------------------------------------------------------------
---------------------------------------------------------------------------*/
#outside {
	width: auto;
}

/* ----- top紹介文の非表示 ----- */

.top_intro {
	display: none;
}




/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------
---------------------------------------------------------------------------*/
header {
	width: auto;
	height: 90px;	/*ヘッダーの高さ*/
	border: none;
	border-bottom: 1px solid #FFF;	/*下側の線の幅、線種、色*/
}



/*ナビゲーションメニュー
---------------------------------------------------------------------------
---------------------------------------------------------------------------*/
/*メニューブロックの設定*/
nav#menu ul {
	height: auto;
	overflow: hidden;
	margin-bottom: 0;
}


/*メニュー１個ごとの設定*/
nav#menu ul li {
	width: 50%;
}


nav#menu ul li a {
	border: none;
	border-bottom: 1px solid #FFF;	/*下側の線の幅、線種、色*/
}



/*偶数番目のメニューの設定*/

nav#menu ul li:nth-child(even) {
	border-left: 1px solid #FFF;	/*左側の線の幅、線種、色*/
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}



/*１個目の「ホーム」メニューの設定

nav#menu ul li:first-child {
	display: none;
}



/* ------- ロゴ画像の設定　------ */

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


header #logo img {
	width: 75%;		/*ヘッダーに対してのロゴ画像の幅*/
	height: auto;
}



/* ------- PADIダイブセンターロゴ画像の設定　------ */


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

header #padi_dc_logo img {
	width: 80%;		/*ヘッダーに対してロゴ画像を60％の幅に*/
	height: auto;
}


/* ------- お問い合わせ　------ */

header #contact_logo {
     display:none;
}


header #contact_logo img {
	width: 45%;		/*ヘッダーに対しての画像の幅*/
	height: auto;
}




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

#contact_mob {
     display: block; 
     font-size: 14px;
     position : absolute;
     top : 70px;
     right : 200px;
}



#contact_mob {
     display: block; 
     font-size: 14px;
     position : absolute;
     top : 70px;
     right : 200px;
}


#contact_mob a {
     font-weight :normal;
     background-image : url(../image/common/ico_mail_mini.jpg);
     background-repeat: no-repeat;
     background-position: left center;
     padding-left: 25px;
}






/* ------- サイトマップ　------ */


header #site_map {
     font-size: 14px;
     position : absolute;
     top : 70px;
     right : 85px;
}




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


.sns_top {
   display:none;
}


.sns_g {
   display:none;
}

.sns_t {
   display:none;
}

.sns_f {
   display:none;
}


div.fb-like {
   display:none;

}










/* ------- 電話番号・定休日　------ */

header #phone {
   display:none;
}


header #open {
   display:none;
}


header #holiday {
   display:none;
}






/*ナビゲーションメニュー
---------------------------------------------------------------------------
---------------------------------------------------------------------------*/
/*メニューブロックの設定*/
nav#menu ul {
	height: auto;
	overflow: hidden;
	margin-bottom: 0;
}


/*メニュー１個ごとの設定*/
nav#menu ul li {
	width: 50%;
}


nav#menu ul li a {
	border: none;
	border-bottom: 1px solid #FFF;	/*下側の線の幅、線種、色*/
}



/*偶数番目のメニューの設定*/

nav#menu ul li:nth-child(even) {
	border-left: 1px solid #FFF;	/*左側の線の幅、線種、色*/
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}



/*１個目の「ホーム」メニューの設定

nav#menu ul li:first-child {
	display: none;
}



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

#path {
     font-size : 70%;
     text-align : left;
     border-top: 2px solid #f39800;
     margin-top : 20px;
     padding-top :5px;
     padding-bottom :5px;
     padding-left :15px;
     font-weight: normal;
}





/*トップページ独自メニュー
---------------------------------------------------------------------------
---------------------------------------------------------------------------*/



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


hr.top {
      display: none;
}

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


/* ----- ブロック全体の設定 ----- */
div.update_history {
        border : solid 2px #ED1A3D;
	height: 200px;
        font-size: 120%;
	padding-top: 0px;
}


/* ----- 日付設定 ----- */
div.update_day {
	float: none;
	width: auto;
}


/* ----- 記事設定 ------ */
div.update_article {
        line-height: 1.5;
}



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

.tour_shortly {
   width:100%;
}


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


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


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


img.smp_100 {
     width: 100%;  
     height: auto;    
     margin : 5px 4px 0px 4px; /* 周囲の余白(上)(右)(下)(左)*/
     border : solid 1px #666666;
}




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






/*main,subコンテンツ
---------------------------------------------------------------------------
---------------------------------------------------------------------------*/


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

h1 {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 150%;
}




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

#main h1 {
	margin-top: 0px;
	font-size: 150%;
}



#main, #sub {
	float: none;
	width: auto;
	margin-bottom: 0;
}


#main {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
}


/*mainコンテンツのh2タグの設定*/
#main h2 {
	padding: 5px 5px;	/*上下、左右への余白*/
	font-size: 140%;
}


/*mainコンテンツのh3タグの設定*/
#main h3 {
	padding: 2px 2px 2px 5px;	/*上、右、下、左への余白*/
	font-size: 130%;
}


#main p {
	padding: 0.5em 5px 1em;
        line-height: 2;	
	font-size: 120%;
}


#sub {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
}




/* ------- サイドメニューの画像 ------- */


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



img.smp_side_top {
	width: 50%;		/*サブコンテンツ枠に対してロゴ画像を50％の幅に*/
        border-top : solid 1px #666666;
	height: auto;
        margin-right: 0px;
        float: left;              /* 左に配置 */
}


img.smp_side {
	width: 100%;		/*サブコンテンツ枠に対してロゴ画像を50％の幅に*/
        border-top : solid 1px #666666;
	height: auto;
        margin-right: 0px;
        float: left;              /* 左に配置 */
}


img.smp_side_100{
	width: 100%;		/*サブコンテンツ枠に対してロゴ画像を100％の幅に*/
        border-top : solid 1px #666666;
	height: auto;
        margin-right: 0px;
        float: left;              /* 左に配置 */
}


img.smp_side_end {
	width: 100%;		/*サブコンテンツ枠に対してロゴ画像を50％の幅に*/
	height: auto;
        border-bottom : solid 1px #666666;
}


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


.menu_box_map {
	display: none;
}












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

.table_01 {
   width:100%;
   font-size: 120%;
}


.table_02 {
   width:100%;
   font-size: 120%;
}



.table_01 td {
    padding : 5px 5px 5px 5px; /* 内側の余白(上)(右)(下)(左)*/
}




/* ------- 水中写真　ログ ------ */

.phot_02 {
   width:100%;
}



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

.phot_01 {
   width:100%;
}


.table_olympus {
   width:auto;
}






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




#s_map {
   width : auto;
   font-size: 12px; 
   line-height: 180%;
   padding-left: 0px;
}


#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;
}


/*-----------------------------------------------------------
------------------- SNSウィジェット -------------------*/






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


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


div.img_box_top img {
     display: block;
     margin-top : 0px;
     margin-bottom : 0px;
     margin-left: auto;
     margin-right: auto;
     border : solid 1px #666666;
}




/* 水中写真 個別ページ
---------------------------------------------
----------------------------------------------------*/

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


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


div.img_box img {
     display: block;
     margin-top : 0px;
     margin-bottom : 0px;
     margin-left: auto;
     margin-right: auto;
     border : solid 1px #666666;
}



p.phot_caption {
     border: 0px solid #0000cc; /* 枠線 */
     text-align: center; /* 中央寄せ */
     font-size: 10px;     /* 文字サイズ */
     text-align: center;
     margin : 0px 0px 0px 0px; /* 周囲の余白(上)(右)(下)(左)*/

}


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



/* ---- h2を表示しない
------------------------------------ */

h2.none {
	display: none;
}


/* ---- divを表示しない
------------------------------------ */

div.none {
	display: none;
}





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

div.eyevio_hd {
   text-align: center;
   margin-top : 10px;
   margin-bottom : 0px;
   position: relative;
   width: 100%;
   padding: 75% 0 0 0;
}



div.eyevio_hd iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}













/* ショップ紹介ページのgoogleマップサイズ
---------------------------------------------
----------------------------------------------------*/


.map_shop {
	height: 200px;
	width: 100%;
}




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

.tour_movie {
	width: 100%;
	height: auto;
}



/* テーブルデザイン　オリンパスの写真とキャプション
---------------------------------------------
----------------------------------------------------*/


div.img_box_olym {
     width: 100%;               /* 横幅 */
}






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

.attention {
     font-size:12px;
}



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


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

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

p.exp_r {
     clear: right;       /* 回り込みを解除 */