@charset "utf-8";

/*--------------------------------------------------------------------
　水族館
-------------------------------------------------------------------- */

img.aqua_photo{
 float:right;
 margin:-22px 5px 0 20px; 
}

img.aqua_photo2{
 float:left;
 margin:-22px 25px 0 0; 
}

.right_photo{
 float:right;
 margin:0 5px 0 20px; 
}

.aqua.zone #main #contents_main dl{padding-left:85px;}

.aqua #main #contents_main dl.aqua_suisou{background:url(https://kushimoto.co.jp/img_aqua/azone_suisou_copy.png) no-repeat left top;}
.aqua #main #contents_main dl.aqua_sea{background:url(https://kushimoto.co.jp/img_aqua/azone_sea_copy.png) no-repeat left top;}
.aqua #main #contents_main dl.aqua_gallery{background:url(https://kushimoto.co.jp/img_aqua/bzone_gallery_copy.png) no-repeat left top;}
.aqua #main #contents_main dl.aqua_kame{background:url(https://kushimoto.co.jp/img_aqua/bzone_kame_copy.png) no-repeat left top;}
.aqua #main #contents_main dl.aqua_tunnel{background:url(https://kushimoto.co.jp/img_aqua/czone_tunnel_copy.png) no-repeat left top;}
.aqua #main #contents_main dl.aqua_shop{background:url(https://kushimoto.co.jp/img_aqua/czone_shop_copy.png) no-repeat left top;}

#contents_main iframe.ninki{background-color:#fff;}

/*--------------------------------------------------------------------
　海中展望塔
-------------------------------------------------------------------- */

iframe{
 border:0;
 margin-left:10px;
}

p.yeardata{
 padding: 15px 10px;
 clear:both;
 text-align:right;
}

/*--------------------------------------------------------------------
　ステラマリス
-------------------------------------------------------------------- */

p.todays{
width:auto;
margin:0 auto;
padding:6px 15px;
background:#09c;
color:#fff;
font-size:116%;
text-align:center;
display:inline-block;
border-radius: 0 0 5px 5px;
}

/*--------------------------------------------------------------------
　アクロポーラ
-------------------------------------------------------------------- */

.line_orange{
 width:250px;
 border-top:1px solid #fc9;
 margin-top:25px;
 padding-top:30px;
}

#contents_main_full ul.menu{
}

#contents_main_full ul.menu li{
 width:150px;
 margin:0 12px;
 padding:10px 0;
 float:left;
 text-align:center;
}

#contents_main_full ul.menu_dantai{
 margin-left:-20px;
}

#contents_main_full ul.menu_dantai li{
 width:270px;
 margin:0 0 0 27px;
 padding:10px 0;
 float:left;
 text-align:center;
}

#contents_main_full ul.menu li h5,
#contents_main_full ul.menu_dantai li h5{
 color:#fff;
 font-size:100%;
 font-weight:bold;
 margin:0;
 padding:3px;
 background-color:#e70;
}

#contents_main_full ul.menu li img,
#contents_main_full ul.menu_dantai li img{
 margin:3px 0;
}

#contents_main_full ul.menu li p,#contents_main_full ul.menu_dantai li p{
 margin:0;
 padding:5px 0;
 text-align:left;
}

#contents_main_full ul.menu_new{
}

#contents_main_full ul.menu_new li{
 width:410px;
 margin:0 15px;
 padding:10px 0;
 float:left;
 text-align:left;
}

#contents_main_full ul.menu_new li h5{
 color:#fff;
 font-size:100%;
 font-weight:bold;
 margin:0;
 padding:3px 3px 3px 8px;
 background-color:#e70;
}

#contents_main_full ul.menu_new li img{
 margin:3px 25px 3px 0;
 float:left;
}

#contents_main_full ul.menu_new li p{
 padding-top:20px;
}


/*--------------------------------------------------------------------
　営業案内・アクセス
-------------------------------------------------------------------- */

ul.normal,ol.normal{
 margin-left:20px;
 padding-bottom:10px;
 padding-left:20px;
}

ul.line_listbox{
 border:1px solid #bdebbd;
 padding:0 30px 10px 30px;
 margin: 10px 0 15px 0;
}

ul.normal li,ul.line_listbox li{
 list-style-position:outside;
 list-style-type: disc;
 margin:0;
 padding:10px 0 0 0;
}

ol.normal li{
 list-style-position: outside;
 list-style-type: decimal;
 margin:0;
 padding:10px 0 0 0;
}

.access_map{
 width:870px;
 height:500px;
 margin:10px 10px 30px 10px;
 paddin:10px;
 border:1px solid #ccc;
 text-align:center;
}

.access_map iframe{
 margin:15px 0 5px 0;
}

.access_map2{
 width:600px;
 height:280px;
 margin:10px 10px 30px 10px;
 paddin:10px;
 border:0px solid #ccc;
 text-align:center;
}

.access_map2 iframe{
 margin:10px 0 5px 0;
}

/*--------------------------------------------------------------------
　壁紙ダウンロード
-------------------------------------------------------------------- */

#contents_main_full ul.download li{
 width:280px;
 margin:0 15px;
 padding:15px 0 10px 0;
 float:left;
 text-align:center;
}

#contents_main_full ul.download li h5{
 color:#fff;
 font-size:100%;
 font-weight:bold;
 margin:0;
 padding:3px;
 background-color:#09c;
}

#contents_main_full ul.download li img{
 margin-top:3px;
}


/*--------------------------------------------------------------------
 　お問合せ
-------------------------------------------------------------------- */
.comments-open-content{
margin:0px;
padding:10px;
}

.comments-open-content blockquote{
padding:10px;
background-color:#ccc;
}

.comments-open-content label{
width:656px;
padding:0px 0px 0px 10px;
margin:0px 0px 0px 0px;
border-left:4px solid #09c;
}

p#mail-form-author{
padding:0px 0px 15px 0px;
}

p#mail-form-email{
padding:0px 0px 15px 0px;
}

p#mail-form-subject{
padding:0px 0px 15px 0px;
}

p#mail-form-text{
padding:0px 0px 15px 0px;
}

/*--------------------------------------------------------------------
　ベースコンテンツ
-------------------------------------------------------------------- */

.base_midashi{
 color: #333;
 font-weight:bolder;
 font-size:100%;
 padding:0 0 0 17px;
 margin: 0 0 0 8px;
 background:url(https://kushimoto.co.jp/img_temp/i_circle.gif) no-repeat left center;
}

.base_comment{
 padding:10px 10px 18px 15px;
 margin:0;
 line-height: 145%;
}

/*--------------------------------------------------------------------
　プライバシーポリシー
-------------------------------------------------------------------- */

.table_base{
 width: 640px;
 margin: 0 0 30px 0;
 padding: 4px 0 0 0;
 background:url(https://kushimoto.co.jp/img_temp/bg_line_base.gif) no-repeat left top;
}

.table_base ul{
 display: block;
 background:url(https://kushimoto.co.jp/img_temp/bg_midashi.gif) repeat-y left top; 
}

.table_base ul li{
 border-bottom: 1px dotted #999;
 clear:both;
 display: block;
}

.table_base ul li h5{
 width: 120px;
 color: #333;
 font-weight:bolder;
 font-size:93%;
 padding:0 0 15px 18px;
 margin: 17px 0 0 15px;
 background:url(https://kushimoto.co.jp/img_temp/i_circle.gif) no-repeat left top;
 float: left;
 display: block;
}

.table_base ul li p{
 width: 450px;
 font-size:93%;
 float: left;
 padding: 15px 5px 15px 30px;
 display: block;
}


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

#main #contents #contents_main .sitemap{
 padding:0 10px 50px 10px;
 clear:both;
}

#main #contents #contents_main .sitemap dl{
 width:250px;
 margin:0 0 40px 40px;
 padding:0;
 float:left;
}

#main #contents #contents_main .sitemap dl dt{
 background:url(https://kushimoto.co.jp/img_temp/i_arrow_blue.jpg) no-repeat left center;
 margin:25px 0 3px 0;
 padding:0 0 0 22px;
 font-size:100%;
 font-weight:bolder;
}

#main #contents #contents_main .sitemap dl dd {
 margin:0 0 0 10px;
 padding:4px 0 4px 15px;
 font-size:93%;
 background:url(https://kushimoto.co.jp/img_temp/i_arrow_blue.gif) no-repeat left center;
 display: block;
}


/*--------------------------------------------------------------------
　ブログ関連
-------------------------------------------------------------------- */

.entry_box{
 margin:0 0 65px 0;
}

.entry_date_etc{
 font-size:93%;
 margin:10px 0 0 0;
 padding:0 0 5px 0;
 text-align:right;
}

#main #contents #contents_main h3.entry_title_etc{
 margin: 0;
 padding: 6px 10px 6px 12px;
}

#main #contents #contents_main h3.entry_title_etc .kaisai_date{
 font-size:93%;
 color:#ff9;
 padding-left:15px;
}

.entry_body{
 margin:0;
 padding:10px 15px 20px 15px;
}

.entry_body img{
 margin-bottom:10px;
}

.entry_more{
 width:230px;
 margin:0;
 padding:0;
 text-align:left;
 float:left;
}

.entry_more img{
 border:1px solid #ccc;
 margin:10px 20px 10px 10px;
}


/*--ページ分割--*/
.content-nav{
width:auto;
height:37px;
margin:40px auto;
padding:1px 0;
border-top:1px dotted #666;
border-bottom:1px dotted #666;
text-align:center;
}

.content-nav ul{
width:auto;
height:35px;
padding:1px 0;
margin: 0 auto;
}

.content-nav ul li{
width:39px;
height:35px;
padding:0;
margin:0 1px 0 0;
list-style:none;
float:left;
color:#FFF;
text-align:center;
line-height: 35px;
background-color:#333;
display:block;
}

.content-nav ul li a{
width:39px;
height:35px;
padding:0;
margin:0;
float:left;
background-color:#666;
color:#FFF;
text-decoration:none;
font-weight:normal;
display:block;
}

.content-nav ul li a:hover{
float:left;
background-color:#06c;
color:#fff;
text-decoration:none;
}

.content-nav ul li.top{
width:40px;
height:35px;
padding:0;
margin:0;
list-style:none;
float:left;
background-color:#333;
}

.content-nav ul li.top a{
width:40px;
height:35px;
padding:0;
margin:0;
float:left;
background-color:#666;
color:#fff;
display:block;
}

.content-nav ul li.top a:hover{
float:left;
background-color:#06c;
color:#fff;
text-decoration:none;
}


/*--------------------------------------------------------------------
　ダイビングパーク
-------------------------------------------------------------------- */

.diving .entry_body img{
max-width:620px;
max-height:400px;
}

.diving a.link_more{
margin-top: 10px;
display: block;
text-align: right;
clear: both;
}

.diving #main #bgimg .title_copy{top:23%;}

/*=== ヘッダー ===*/

.diving header h1{width: 400px;padding:25px 0 5px 0;}

.diving #head_navi_global li{width:147px;}

.diving #head_navi_global li a{
 -moz-opacity:1.0;
 -khtml-opacity: 1.0;
 opacity: 1.0;
}
.diving #head_navi_global li a:hover{
 -moz-opacity:0.7;
 -khtml-opacity: 0.7;
 opacity: 0.7;
}
#head_navi_global li.menu a{background:url(https://kushimoto.co.jp/diving/img/menu_diving_menu.jpg) no-repeat left top;}
#head_navi_global li.program a{background:url(https://kushimoto.co.jp/diving/img/menu_diving_program.jpg) no-repeat left top;}
#head_navi_global li.map a{background:url(https://kushimoto.co.jp/diving/img/menu_diving_map.jpg) no-repeat left top;}
#head_navi_global li.facility a{background:url(https://kushimoto.co.jp/diving/img/menu_diving_facility.jpg) no-repeat left top;}

.diving header .marinpark{display: block;float: right;margin-top: -5px;}

/*=== トップページ：お知らせ ===*/

.diving_news{margin-bottom: 50px;}

.diving_news ul{padding:5px 20px;}

.diving_news ul li{
padding:8px 0 6px 0;
border-bottom:1px dotted #CCC;
}

/*=== トップページ：海情報 ===*/

.diving .today_sea{
width:630px;
height:120px;
overflow:hidden;
}

.diving .today_sea p{
margin:0px;
padding:0px;
line-height:0%;
}

/*=== パークギャラリー ===*/

.diving .park_gallary{
width:630px;
height:344px;
margin-bottom: 35px;
}

.diving .park_gallary ul li{
width:188px;
height:130px;
margin:5px;
padding:0px 5px 30px 5px;
float:left;
border:1px solid #CCC;
background-color: #fff;
text-align: center;
}

.diving .park_gallary ul li img{
width:188px;
height:125px;
display: block;
}

.diving .fb-page{margin-bottom: 30px;}

/*=== スタッフ紹介 ===*/

.diving ul.staff{
width:640px;
margin:0;
padding:0;
}

.diving ul.staff li{
width:190px;
margin:5px 10px 5px 0;
padding:7px;
background:#fff;
float:left;
list-style:none;
border:1px solid #ccc;
font-size:93%;
font-weight:normal;
letter-spacing:0.05em;
}
.diving ul.staff li:last-child{margin-right:0;}

.diving ul.staff li img{
width:190px;
height:auto;
margin-bottom:8px;
display:block;
}

.diving ul.staff li b{margin-bottom:3px;font-size:108%;text-align:center;letter-spacing:0.1em;display:block;}
.diving ul.staff li span{font-size:93%;letter-spacing:0;display:block;}


/*=== メニュー ===*/

.diving #contents_main ul.menu li{
 width:150px;
 margin:0 3px;
 padding:10px 0;
 float:left;
 text-align:center;
}

.diving #contents_main ul.menu li h5,
.diving #main #contents_main dl.menu_table dt{
 margin: 0;
 padding:4px 3px 2px 3px;
 background-color:#e70;
 background-image: none;
 color:#fff;
 font-size:100%;
 font-weight:bold;
 text-align: center;
}

.diving #contents_main ul.menu li img{
 margin:3px 0;
width:150px;
height:113px;
}

.diving #contents_main ul.menu li p{
 margin:0;
 padding:5px 0;
 text-align:left;
}

.diving #main #contents_main dl.menu_table{
width:200px;
margin:5px;
padding: 0;
float:left;
}

.diving #main #contents_main dl.menu_table dd{
 margin:0px;
 padding:5px 0px 5px 5px;
list-style:none;
border-bottom:1px dotted #CCC;
}

/* ステラマリス */



#stella_outline_2022 {
color:#000000;
border-collapse: separate;
border-spacing: 3px;
font-size:0.9em; 
text-align:center;
vertical-align: top;
border:1px solid #afc9d2;"
height: 100%;
width: 594px;
}

#stella_sche_2022 {
text-align:center;
vertical-align: top;
background:#fff;
height: 100%;
width: 194px;
}

#stella_sche2_2022 {
background:#96a9af;
border-collapse: separate;
border-spacing: 1px;
height: 100%;
width: 100%;
}


#stella_calen_2022{
text-align:center;
vertical-align: top;
background:#fff;
height: 100%;
width: 194px;
}

#stella_calen2_2022{
background: #0000ff;
height: 100%;
width: 194px;
}


@media screen and (max-width: 480px) {

#stella_outline_2022 {
margin-left: 2px;
font-size:1em; 
display: block;
width: 97%;
border:0px solid #afc9d2;"
}

#stella_tbody_2022 {
display: block;
width: 100%;
}

#stella_tr_2022 {
display: block;
width: 100%;
}

#stella_sche_2022 {
display: block;
width: 100%;
}

#stella_sche2_2022 {width: 100%;}

#stella_calen_2022{
margin-top: 5px;
display: block;
width: 100%;

}

#stella_calen2_2022{
display: block;
width: 100%;
}

}