@charset "utf-8";




/*全体の設定
---------------------------------------------------------------------------
---------------------------------------------------------------------------*/
#outside {
	width: auto;
	margin: 15px;
}





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



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




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: 100px;	/*ヘッダーの高さ*/
	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;
	top: -20px;	
}


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



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


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

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


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

header #contact_logo {
     position : absolute;
     top :40px;
     right: 60px;
}


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


#contact_mob {
    display:none;
}




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


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








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

#phone {
     font-size: 25px;
     position : absolute;
     color : #ff4500;
     top : 60px;
     right : 500px;
}


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


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





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

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







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

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


hr.top {
      display: none;
}






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

.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: 12px;     /* 文字サイズ */
     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;
}




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

#main h1 {
	margin-top: 0px;
}



#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;	/*上下、左右への余白*/
}


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


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


#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: 50%;		/*サブコンテンツ枠に対してロゴ画像を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: 50%;		/*サブコンテンツ枠に対してロゴ画像を50％の幅に*/
	height: auto;
        border-bottom : solid 1px #666666;
}


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


.menu_box_map {
	display: none;
}









/*----------ショップ住所・休業　横並べ
---------------------------------------　*/

.menu_box-title {
      height: 60px;
}


.menu_box {
      height: 190px;
}


div.shop_holiday {
        float: left;  
	width: 50%;
}



div.shop_add {
	width: 50%;
        float: right;
}



.menu_box_map {
	display: none;
}





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

.table_01 {
   width:90%;
}


.table_02 {
   width:90%;
}


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

.phot_02 {
   width:90%;
}



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




#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アイコン列 リスト表示　------ */


.sns_mo {
   display:none;
}


.sns_gmo {
   display:none;
}

.sns_tmo {
   display:none;
}

.sns_fmo {
   display:none;
}














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


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


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



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

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



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


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



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



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

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