/* ------------------------- TOC
HTML5 Boilerplate styles
wrap around the contents
header
footer
site navigation
common sub navigation
common misc
top contents
2nd contents
Media Queries
Helper classes
Print styles
------------------------- */
/* ==========================================================================
HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
========================================================================== */
html,
button,
input,
select,
textarea {
color: #222;
}
body {
color: #333333;
background-color: #fff;
font-size: 87.5%;
line-height: 1.5;
font-family: "Lucida Grande", Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic", sans-serif;
}
img {
vertical-align: top;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
textarea {
resize: vertical;
}
a { color: #00a3a4; }
a:hover { text-decoration: none; color: #ff5758; }
h2 a { color: #FFF; text-decoration: none; }
h2 a:hover { color: #FFF; text-decoration: underline; }
.entry-content img.alignright { float: right; margin: 0 0 10px 10px; }
.entry-content img.alignleft { float: left; margin: 0 10px 10px 0; }
.entry-utility { clear: both; }
/* ==========================================================================
wrap around the contents
========================================================================== */
#wrapper { background: url(../img/bg.gif) repeat-y 50% 0; }
#wrapper_inner { background: url(../img/bg_header.jpg) no-repeat 50% 0; }
/* ==========================================================================
header
========================================================================== */
#header { width: 960px; margin: 0 auto; padding-top: 20px; }
#logo { float: left; width: 230px; }
#logo p { margin: 0; padding: 9px 0 0 48px; }
#nav_header { float: right; width: 440px; }
#nav_lang { background: url(../img/nav_langbg.png) no-repeat right 0; min-height: 28px; _height: 28px; }
#nav_lang { margin: 0; }
#nav_lang dt { float: left; }
#nav_lang dd { float: right; width: 280px; padding: 5px 0 0 10px; margin: 0; font-size: 86%; }
#header_search { margin: 7px 0 0; background: url(../img/header_search.png) no-repeat 100% 0; width: 276px; min-height: 29px; _height: 29px; float: right; }
#header_search dt { float: left; }
#header_search dd { float: right; width: 175px; padding: 5px 10px 0 10px; text-align: left; margin: 0; }
#header_search input { float: right; width: 175px; border: none; background: none; font-size: 86%; }
#header_search input#searchsubmit { width: 81px; min-height: 29px; _height: 29px; }
#header_search input#s { float: none; }
/* ! change font size */
#header_form { float: left; }
#change_font_area { float: right; height: 28px; margin: 7px 0 0 0; font-size: 86%; }
#change_title { text-indent: -9999px; background: url(../img/bg_change_font_size.gif) transparent no-repeat scroll left top; margin: 0; width: 78px; height: 28px; float: left; }
#fontSize { margin: 0 0 0 0; padding: 0 0 2px 0; float: right; background-color: #FFF; line-height: 1.5; }
/* ==========================================================================
footer
========================================================================== */
#footer { background: url(../img/bg_footer_01.gif) no-repeat 50% 0; padding-top: 28px; }
.dolphin_footer { margin-top: 150px; }
#footer_inner { background: url(../img/bg_footer_02.gif) repeat-y 50% 0; }
#footer_contents { background: url(../img/bg_footer_03.jpg) no-repeat 50% 100%; padding-bottom: 55px; }
#footer_contents_inner { margin: 0 auto; width: 960px; padding-bottom: 20px; position: relative; }
#footer .ls { width: 590px; padding-top: 4px; width; 590px; }
#footer .rs { width: 343px; padding-top: 19px; }
#footer .ls p,
#footer .ls table,
#footer .ls ul { margin: 0 0 0 10px; }
#footer .ls p { font-size: 93%; }
#footer .ls p span { color: #4995ff; }
#footer .ls table { margin-top: 7px; font-size: 93%; }
#footer .ls th { padding: 0 10px; background-color: #4995FF; color: #fff; vertical-align: middle; font-weight: normal; }
#footer .ls td { padding-left: 10px; }
#footer .ls ul { margin-top: 7px; }
#footer .ls em { font-weight: bold; font-style: normal; }
#footer #sec_map { border: 1px solid #231815; width: 309px; }
/* ==========================================================================
site navigation
========================================================================== */
#nav { background: url(../img/bg_nav.png) no-repeat 50% 23px; margin-top: -6px; }
#nav_inner { background: url(../img/bg_nav_inner.png) no-repeat 50% 0; padding: 24px 0; }
#nav_contents { width: 960px; margin: 0 auto; }
#nav ul { margin: 0; padding: 0; }
#nav li { float: left; list-style: none; }
.nav-menu li a { display: block; /* width: 96px; */ height: 51px; background: url(../img/nav.png) no-repeat 0 0; }
li.nav_home a,
li.nav_newslist a,
li.nav_floor1 a,
li.nav_workshop a,
li.nav_guidesearch a { width: 106px; }
li.nav_information a,
li.nav_facilities a,
li.nav_event_list a { width: 107px; }
li.nav_study a { width: 109px; }
li.nav_home a { background-position: 0 0; }
li.nav_home a:hover,
li.nav_home.current-menu-item a { background-position: 0 -51px; }
li.nav_newslist a { background-position: -106px 0; }
li.nav_newslist.current-menu-item a,
li.nav_newslist a:hover,
.information li.nav_newslist a { background-position: -106px -51px; }
li.nav_information a { background-position: -212px 0; }
li.nav_information.current-menu-item a,
li.nav_information a:hover,
.information li.nav_information a,
.page-access li.nav_information a,
.page-passport li.nav_information a,
.page-ticket li.nav_information a,
.page-group li.nav_information a,
.page-reservation li.nav_information a { background-position: -212px -51px; }
li.nav_floor1 a { background-position: -319px 0; }
li.nav_floor1.current-menu-item a,
li.nav_floor1 a:hover,
.floormap li.nav_floor1 a { background-position: -319px -51px; }
li.nav_facilities a { background-position: -425px 0; }
li.nav_facilities.current-menu-item a,
li.nav_facilities a:hover,
.facility li.nav_facilities a,
.page-barrierfree li.nav_facilities a,
.page-shop li.nav_facilities a { background-position: -425px -51px; }
li.nav_event_list a { background-position: -532px 0; }
li.nav_event_list.current-menu-item a,
li.nav_event_list a:hover,
.event li.nav_event_list a,
.page-event_calendar li.nav_event_list a,
.single-event li.nav_event_list a,
.page-id-0 li.nav_event_list a,
.page-regularevent li.nav_event_list a { background-position: -532px -51px; }
li.nav_workshop a { background-position: -639px 0; }
.post-type-archive-workshop li.nav_workshop a,
li.nav_workshop.current-menu-item a,
li.nav_workshop a:hover,
.workshop li.nav_workshop a,
.single-workshop li.nav_workshop a { background-position: -639px -51px; }
li.nav_guidesearch a { background-position: -745px 0; }
.post-type-archive-guide li.nav_guideserch a,
li.nav_guidesearch.current-menu-item a,
li.nav_guidesearch a:hover,
.encyclopedia li.nav_guidesearch a,
.post-type-archive-guide .nav_guidesearch a,
.single-guide .nav_guidesearch a,
.tax-place .nav_guidesearch a,
.tax-fellow .nav_guidesearch a { background-position: -745px -51px; }
li.nav_study a { background-position: -851px 0; }
.post-type-archive-study li.nav_study a,
li.nav_study.current-menu-item a,
li.nav_study a:hover,
.research li.nav_study a,
.single-study li.nav_study a { background-position: -851px -51px; }
li.nav_shop a { background-position: -960px 0; }
li.nav_shop.current-menu-item a,
li.nav_shop a:hover,
.shop li.nav_shop a { background-position: -960px -51px; }
/* ==========================================================================
common sub navigation
========================================================================== */
#nav_sub dl,
#nav_sub dt,
#nav_sub dd,
#nav_sub ul { margin: 0; padding: 0; list-style: none; }
#nav_sub dt { border-bottom: 1px solid #fff; font-weight: bold; font-size: 108%; padding-bottom: 3px; color: #fff; }
#nav_sub li { border-bottom: 1px dashed #fff; padding: 3px 0 3px 10px; }
#nav_sub a { color: #fff; text-decoration: none; font-size: 93%; }
#nav_sub a:hover { text-decoration: underline; }
/* nav_side */
#nav_side { margin-top: 25px; width: 142px; margin-left: auto; }
#nav_side ul { margin: 0; padding: 0; }
#nav_side li { margin: 0; list-style: none; }
#nav_side a { display: block; width: 142px; height: 47px; background: url(../img/nav_side.png) no-repeat 0px -105px;}
#nav_side_livecamera a { background-position: 0 -1px; }
#nav_side_livecamera a:hover { background-position: -142px -1px; }
#nav_side_inquiry a { background-position: 0 -50px; }
#nav_side_inquiry a:hover { background-position: -142px -50px; }
#nav_side_faq a { background-position: 0 -98px; }
#nav_side_faq a:hover { background-position: -142px -98px; }
#nav_side_link a { background-position: 0 -147px }
#nav_side_link a:hover { background-position: -142px -147px }
#nav_side_facebook a { background-position: 0 -195px; }
#nav_side_facebook a:hover { background-position: -142px -195px }
/* ! relational link */
#relational_link h2,
#relational_link h3 { color: #FFF; font-size: 1.2em; margin-bottom: 0.5em; padding-left: 0.5em; border-bottom: 1px solid #FFF; }
#relational_link h3 { padding-top: 1em; }
#relational_link ul { list-style: none; padding: 0; margin-top: 0; }
#relational_link li { margin-bottom: 5px; padding-bottom: 5px; padding-left: 1em; border-bottom: 2px dotted #FFF; }
#relational_link a { background: none; color: #FFF; text-decoration: none; display: block; }
#relational_link .floor_sub { margin-top: 0.5em; padding-top: 0.5em; border-top: 2px dotted #FFF; }
.floor_sub { display: none; }
/* ==========================================================================
archive, single page navigation
========================================================================== */
#nav-below { overflow: hidden; clear: both; }
.post-type-archive-workshop #nav-below,
.post-type-archive-study #nav-below { padding: 1px 0px 1px 15px; width: 695px; }
.nav-previous a { float: left; background: url(../img/bg_prev_btn.png) #FFF no-repeat scroll left top; }
.nav-next a { float: right; background: url(../img/bg_next_btn.png) #FFF no-repeat scroll left top; }
#nav-below a { display: block; width: 100px; height: 20px; overflow: hidden; text-indent: -9999px; }
#nav-below a:hover { background-position: left bottom; }
/* ==========================================================================
common misc
========================================================================== */
/* directory_link */
#directory_link { width: 960px; margin: 0 auto; color: #fff; text-transform: uppercase; font-weight: bold; }
#directory_link ul { padding: 0 0 0 56px; margin: 0; }
#directory_link li { float: left; list-style: none; font-size: 86%; padding-left: 13px; margin-left: 7px; background: url(../img/directory_link.png) no-repeat 0 0.45em; }
#directory_link li.home { padding: 0; background: none; }
#directory_link a { color: #fff; text-decoration: none; }
#directory_link a:hover { text-decoration: underline; }
#directory_link p { width: 860px; margin: 0 auto; }
/* nav_page_top */
.nav_page_top { width: 960px; margin: 0 auto; padding-bottom: 15px; }
.nav_page_top p { text-align: right; width: 780px; margin: 0; }
.nav_page_top a { background: url(../img/bullet_page_top.png) no-repeat 0 0.3em; color: #fff; padding-left: 12px; text-decoration: none; font-size: 86%; }
.nav_page_top a:hover { text-decoration: underline; }
/* ==========================================================================
top contents
========================================================================== */
.home #wrapper { background: url(../../img/bg_top.png) repeat-y 50% 0; zoom: 1; }
.home #wrapper_inner { background: none; }
/* footer */
.home #footer { background: none; padding-top: 0; }
.home #footer_inner { background: url(../../img/bg_footer_01.png) repeat-y 50% 0; }
.home #footer_contents { background: url(../../img/bg_footer_02.png) no-repeat 50% 100%; padding-bottom: 55px; }
/* top_contents */
.home #top_contents { position: relative; padding-bottom: 13px; }
.home #sec_whale_board { position: absolute; top: -24px; left: -50px; background: url(../../img/bg_whale_board_02.png) no-repeat 60px 100%; padding-bottom: 13px; width: 292px; }
.home #sec_whale_board_inner { background: url(../../img/bg_whale_board_01.png) no-repeat 0 0; padding: 230px 21px 0 80px; position: relative; }
.home #sec_whale_board p,
.home #sec_whale_board ul,
.home #sec_whale_board li { margin: 0; list-style: none; padding: 0; }
.home #sec_whale_board ul { margin-top: 4px; }
.home #sec_whale_board li { border-bottom: 1px dashed #a5a5a5; padding: 5px 4px 4px; font-size: 86%; line-height: 1.4; }
.home #sec_whale_board li a { font-size: 117%; }
.home #sec_whale_board .dive_link { padding-top: 3px; }
/*+++++++++++++++++++++++++++++++++++++++0212追加*/
.home #sec_whale_boarda { position: absolute; top: -24px; left: -50px; background: url(../../img/bg_whale_board_02a.png) no-repeat 42px/*←ORG60px*/ 100%; padding-bottom: 13px; width: 320px; }
.home #sec_whale_board_innera { background: url(../../img/bg_whale_board_01a.png) no-repeat 0 0; padding: 220px 15px 0 50px/*ORG 230px 21px 0 80px*/; position: relative; }
.home #sec_whale_boarda p,
.home #sec_whale_boarda ul,
.home #sec_whale_boarda li { margin: 0; list-style: none; padding: 0; }
.home #sec_whale_boarda ul { margin-top: 4px; }
.home #sec_whale_boarda li { border-bottom: 1px dashed #a5a5a5; padding: 5px 4px 4px; font-size: 86%; line-height: 1.4; }
.home #sec_whale_boarda li a { font-size: 117%; }
.home #sec_whale_boarda .dive_link { padding-top: 3px; }
/*#kujiraPhoto {width: 255px;height: 120px;overflow: hidden;text-align: center;margin:0 auto;background: #e6e6e6;}
#kujiraPhoto img{margin:-25px 0 0}*/
#sec_livecamera_a { position: absolute; top: 40px; right: -60px; }
#sec_livecamera_a a { display: block; width: 99px; height: 89px; }
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.home #img_welcome { position: absolute; line-height: 1.7; color: #0086ff; padding: 45px 2px 0 20px; width: 115px; font-weight: bold; letter-spacing: 0.1em; height: 90px; top: 349px; left: 272px; background: url(../../img/img_welcome.png) no-repeat 0 0; zoom: 1; }
.home #bt_sitemap { position: absolute; top: 248px; left: 554px; }
.home #bt_information { position: absolute; top: 416px; left: 591px; }
.home #bt_inquiry { position: absolute; top: 317px; left: 750px; }
.home #nav_top { padding-top: 604px; padding-left: 280px;}
.home #nav_top ul { margin: 0; padding: 0; }
.home #nav_top li { list-style: none; float: left; width: 125px; background: url(../../img/bg_bt_bottom.png) no-repeat 100% 0; }
.home #nav_top li.last { width: 120px; background: none; }
.home #sub_contents { top: 165px; }
#sec_livecamera { position: absolute; top: 40px; right: -90px; }
#sec_livecamera a { display: block; width: 99px; height: 89px; }
/* ==========================================================================
2nd contents
========================================================================== */
/* ==about font size==
base font size = 14px
18px => 18/14=1.285714286 => font-size: 129%;
16px => 16/14=1.142857143 => font-size: 115%;
12px => 12/14=0.857142857 => font-size: 86%;
*/
#contents { width: 922px; margin: 0 auto; padding-left: 38px; }
#main_contents { float: left; width: 756px; background: url(../img/bg_contents_bottom.png) no-repeat 0 100%; padding-bottom: 20px; }
#main_contents_inner { background: url(../img/bg_contents_middle.png) repeat-y 0 0; padding: 1em 29px 1px 32px; /* overflow: hidden; */ }
.post-type-archive-workshop #main_contents_inner,
.post-type-archive-study #main_contents_inner { padding: 18px 0 2em 16px; }
#sub_contents { position: absolute; right: 0; width: 142px; }
/* heading */
#main_contents h1 { background: url(../img/bg_contents_top.png) no-repeat 0 0; margin: 0; color: #fff; font-size: 143%; font-weight: bold; padding: 22px 0 0 52px; min-height: 36px; _height: 36px; }
#main_contents h2 { margin: 25px 0 15px 0px; clear:both; float:none; background-color: #4995ff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-size: 129%; color: #fff; padding: 5px 10px 4px; }
#main_contents h2 span {font-weight:normal; font-size:80%; }
body.post-type-archive-workshop #main_contents h2 { width: 670px; margin-left: 17px; }
#main_contents h3 { margin: 25px 0 15px 0px; clear:both; float:none; border-left: 8px solid #49c2ff; padding-left: 7px; font-size: 115%; }
/* paragraph */
#main_contents p { margin: 3px 0 12px 2px; }
#main_contents hr { height:1px; border:none; border-top:1px solid #808080; background:#ffffff; clear:both; float:none; margin:5px 0;}
/* table */
#main_contents table { margin: 15px 0; border-collapse: separate; *border-collapse: collaplse; border-spacing: 0; border-right: 1px solid #646464; border-top: 1px solid #646464; }
#main_contents th,
#main_contents td { border-left: 1px solid #646464; border-bottom: 1px solid #646464; }
#main_contents th { background-color: #646464; padding: 5px 20px; color: #fff; font-weight: normal; border-left: 1px solid #fff; }
#main_contents th:first-child { border-left: 1px solid #646464; }
#main_contents td { padding: 7px 12px; }
/* list */
.list_vertical li { display: inline; margin-right: 30px; }
.bullet_link.list_vertical a { background-position: 0 0.2em; }
.border_list dt { display: block; width: 9em; }
.border_list dd { margin: -2.5em 0 0.5em 0; padding: 0 1em 0 10em; border-bottom: 1px solid #b2b2b2; }
/* bullet */
.dive_link { text-align: right; }
.dive_link a { background: url(../img/bullet_link.png) no-repeat 0 0.25em; padding-left: 10px; }
div.bullet_link { background: url(../img/bullet_link.png) no-repeat 0 0.4em; padding-left: 10px; list-style: none; }
ul.bullet_link { padding: 0; font-size: 115%; list-style: none; }
.bullet_link a { background: url(../img/bullet_link.png) no-repeat 0 0.2em; padding-left: 10px; list-style: none; font-weight: normal; }
.bullet_link a:hover { background: url(../img/bullet_link_hover.png) no-repeat 0 0.2em; }
h4 a { font-size: 115%; background: url(../img/bullet_link.png) no-repeat 0 0.2em; padding-left: 10px; list-style: none; font-weight: normal; }
h4 a:hover { background: url(../img/bullet_link_hover.png) no-repeat scroll 0.0.2em; }
.more { text-align: right; }
.more a { background: url(../img/bullet_link_w_right.png) no-repeat right 0.3em; padding: 2px 20px 2px 5px; list-style: none; font-weight: normal; color: #FFF; background-color: #00a3a4; text-decoration: none; font-size: 1em; }
.more a:hover { background-color: #ff5758; }
#main_contents ul.bullet_link { margin-left: 3px; list-style: none; }
/* side_dolphin */
#side_dolphin { position: absolute; color: #e66f92; width: 139px; height: 240px; font-weight: bold; padding: 65px 110px 0 40px; background: url(../img/img_dolphin.png) no-repeat 0 0; /* margin-top: -350px; */ right: -110px; bottom: 100px; }
/* ! newslist */
h4 { margin: 0.73em 0; }
#last_modified_date { background: url(../img/bg_modified_date.gif) #FFF no-repeat scroll left bottom; padding-top: 2em; color: #333333; font-size: 86%; padding-left: 0.5em }
/* ! news */
.news_lists { overflow: hidden; margin-bottom: 0.5em; padding-bottom: 0; border-bottom: 1px solid #b2b2b2; }
.news_lists_date { float: left; width: 120px; }
.news_lists_title { float: left; }
/* ! access */
.mapp-map-links { border: none !important; }
/* ! workshop */
.workshop_block { /* overflow: hidden; */ position: relative; width: 340px; /* min-height: 200px; */ float: left; margin-left: 14px; margin-bottom: 2.4em; }
.each_workshop { width: 310px; /* min-height: 200px; */ padding: 3px 0 10px 10px; position: relative; margin-top: 10px; }
#main_contents .each_workshop h3 { margin: 10px 5px 5px 10px ; }
.each_workshop_inner { overflow: hidden; padding-top: 10px; }
.each_workshop_thumb_120 { width: 120px; height: 120px; float: left; padding-left: 10px; }
.each_workshop_content { float: right; width: 170px; }
.now_recruiting { padding: 3px; font-weight: normal; background-color: #fef8a6; display: inline; font-size: 86%; color: #323232; }
.end_recruit { padding: 3px; font-weight: normal; background-color: #ffd6d3; display: inline; font-size: 86%; color: #323232; line-height: 2; }
.each_workshop_content .more a:hover { background-color: #ffe4e5; }
.to_article { text-indent: -9999px; position: absolute; top: 0; left: 0; width: 320px; height: 100%; border: 10px solid #d6f1f6; }
.single-workshop #main_contents p.end_recruit,
.single-workshop #main_contents p.now_recruiting { display: inline-block; margin: 0.5em 0 1em 0; }
#main_contents h2#title_learning { margin-top: 2em; clear: both; }
.program { overflow: hidden; margin-bottom: 2em; }
/* ! download PDF */
#download_adobe_reader { width: 695px; overflow: hidden; background: url(../img/download_adobe_reader_conent_upper.png) #FFF no-repeat scroll left top; padding: 10px 0; margin-top: 2em; }
#download_adobe_reader_inner_content { padding: 0 10px 0 10px; background: url(../img/download_adobe_reader_conent_middle.png) #FFF repeat-y scroll left top; overflow: hidden; }
#reader_icon { float: left; }
#main_contents #reader_explanation { margin-left: 170px; color: #333333; font-size: 0.8em; }
#download_adobe_reader_inner { background: url(../img/download_adobe_reader_conent_lower.png) #FFF no-repeat scroll left bottom; padding: 0px 0 10px 0px; }
/* ! zukan */
.each_introduction { overflow: hidden; padding-top: 1em; }
.introduction { width: 370px; float: left; padding-bottom: 1em; }
.z_image { width: 300px; float: right; margin-top: 1em; }
.zukan_list dt { display: block; width: 3em; }
.zukan_list dd { margin: -1.6em 0 1em 0; padding: 0 0 1em 5em; border-bottom: 1px solid #b2b2b2; }
.zukan_list dd.bioname { font-style: italic; }
.free_space { clear: both; margin-top: 2em; padding-top: 2em; border-top: 1px solid #b2b2b2; }
/* ! same fellow and event list */
#fellow_block { overflow: hidden; margin-top: 20px; }
.per_five_division { overflow: hidden; margin-bottom: 1.5em; padding-bottom: 1em; border-bottom: 1px solid #b2b2b2; margin-left: -23px; }
.same_fellow { width: 120px; float: left; margin-left: 23px; }
#main_contents .post_date { text-align: center; font-size: 0.8em; margin-bottom: 3px; }
.same_fellow a.text_link { background: url(../img/bullet_link.png) no-repeat 0 4px; padding-left: 13px; display: inline-block; }
/* ! area explanation */
.area_explanation { overflow: hidden; padding-top: 1.2em; }
.area_text { float: left; width: 500px; }
.area_image { float: right; margin-top: 3px; width: 180px; }
.area_explanation .more { clear: both; text-align: left; font-size: 1em; }
/* ! zukan search */
#guide_search { background: url(../img/bg_zukan_search_header.jpg) transparent no-repeat scroll center top; min-height: 181px; padding-top: 2em; margin-top: 1.2em; position: relative; }
.search-no-results #guide_search { background: url(../img/bg_zukan_no_search_header.png) transparent no-repeat scroll center top; min-height: 118px; padding-top: 3em; margin-bottom: 0.7em; }
.tax-place #guide_search { background: none; min-height: auto; padding-top: 0; }
#searchform_for_guide { position: absolute; left: 253px; bottom: 53px; }
.tax-place #searchform_for_guide,
.search-no-results #searchform_for_guide { position: static; text-align: center; }
#s { width: 320px; }
#searchform_for_guide_btn { width: 90px; height: 26px; overflow: hidden; border: none; text-indent: -9999px; background: url(../img/bg_search_subumit.png) transparent no-repeat scroll left -6px; }
#searchform_for_guide_btn:hover { background-position: left -36px; }
#main_contents p.search_not_found { text-align: center; font-weight: bold; }
/* ! zukan floor nav */
#area_list { overflow: hidden; margin-left: -10px; }
#area_list ul { list-style: none; padding: 0; }
#area_list li { display: inline; }
#area_list a { text-decoration: none; color: #000; margin-left: 10px; margin-bottom: 10px; line-height: 4; text-indent: 57px; }
#area_list a.f1 { display: block; width: 225px; height: 60px; overflow: hidden; float: left; background: url(../img/btn_f1.png) #FFF no-repeat scroll left top; }
#area_list a.f2 { display: block; width: 225px; height: 60px; overflow: hidden; float: left; background: url(../img/btn_f2.png) #FFF no-repeat scroll left top; }
#area_list a.f3 { display: block; width: 225px; height: 60px; overflow: hidden; float: left; background: url(../img/btn_f3.png) #FFF no-repeat scroll left top; }
#area_list a.f4 { display: block; width: 225px; height: 60px; overflow: hidden; float: left; background: url(../img/btn_f4.png) #FFF no-repeat scroll left top; }
#area_list a.f5 { display: block; width: 225px; height: 60px; overflow: hidden; float: left; background: url(../img/btn_f5.png) #FFF no-repeat scroll left top; }
#area_list a:hover { background-position: left bottom; }
/* ! fellow list */
#fellow_list { overflow: hidden; }
#fellow_list ul { margin-left: 0; list-style: none; padding-left: 0; }
#fellow_list li { display: inline; }
#fellow_list a { display: inline-block; color: #000; line-height: 2; float: left; text-decoration: none; margin-right: 10px; padding: 10px; border: 5px solid #d6f1f6; }
#fellow_list a:hover { border-color: #ffe4e5; }
/* ! zukan ranking */
.per_five_division.ranking,
.per_five_division.newer { border: none; margin-bottom: 0; }
.ranking { margin-bottom: 1em; text-align: center; }
/* ! floor */
#tabs { padding-top: 0.7em; }
.ui-tabs-nav { padding-left: 0; border-bottom: 4px solid #4995ff; }
.ui-tabs-nav li { display: inline-block; }
.ui-tabs-nav a { display: block; width: 110px; height: 25px; background-color: #89baff; color: #FFF; text-decoration: none; border-top-right-radius: 8px; border-top-left-radius: 8px; font-size: 1.2em; text-align: center; padding-top: 3px; }
.ui-tabs-active a { background-color: #4995ff }
.page-floor1 #nav-below a { width: 70px; text-align: center; text-indent: 0; }
.page-floor1 #nav-below a:hover { background-position: 0.3em 0.3em; }
/* ! contact form */
.ioworld_contact_form { width: 600px; margin: 2em auto; overflow: hidden; }
.form_head,
.form_foot { height: 10px; }
.form_head { background: url(../img/form/bg_blue_head.gif) no-repeat scroll left top; }
.form_foot { background: url(../img/form/bg_blue_foot.gif) no-repeat scroll left bottom; }
.form_inner { padding: 1em 2em 0 2em; background-color: #d6f1f6; color: #000; }
.form_inner .input_large { width: 400px; }
.form_inner .title { display: block; float: left; padding-top: 3px; width: 70px; }
.form_inner .input_large,
.form_inner .input_short,
.form_inner .input_middle { float: left; }
.form_inner .input_short { width: 219px; }
.form_inner .input_middle { width: 310px; }
.form_inner .input_age { width: 50px; }
#main_contents .form_inner h3 { border: none; font-size: 1em; margin-top: 2em; float: left; padding-left: 0; clear: both; width: 5em; }
.form_indent { overflow: hidden; float: left; margin: 1.7em 0 1em 4px; }
#main_contents .form_inner p { clear: both; margin-top: 0; overflow: hidden; }
.form_inner .form_indent p { width: 468px; }
.form_inner .form_indent .title { width: 160px; }
.form_inner .form_indent .title_middle { display: block; float: left; padding-top: 3px; width: 70px; }
.form_inner .title_large { display: block; float: left; padding-top: 3px; width: 140px; }
#main_contents #title_lecture { width: 320px; margin-left: 150px; }
#title_lecture .title { float: none; width: auto; }
.wpcf7-radio label { display: inline-block; width: 160px; }
.check_area { overflow: hidden; }
.buttons-area-confirm,
.submit-button { text-align: center; }
.checkcheck { background: url(../img/form/btn_check.gif) transparent no-repeat scroll left top; border: none; text-indent: -9999px; width: 120px; height: 30px; }
.checkcheck:hover { background-position: left bottom; }
.back_to_input { background: url(../img/form/back_to_input.gif) transparent no-repeat scroll left top; border: none; text-indent: -9999px; width: 120px; height: 30px; }
.back_to_input:hover { background-position: left bottom; }
.wpcf7-submit { background: url(../img/form/submit_subm.gif) transparent no-repeat scroll left top; border: none; text-indent: -9999px; width: 120px; height: 30px; margin-left: 1em; }
.wpcf7-submit:hover { background-position: left bottom; }
#input_cancel { background: url(../img/form/btn_cancel.gif) transparent no-repeat scroll left top; width: 120px; height: 30px; text-indent: -9999px; display: inline-block; line-height: 2; margin-left: 1em; }
#input_cancel:hover { background-position: left bottom; }
#main_contents .wpcf7-form-mode-confirm .before_send_area p { border-bottom: 2px dotted #CCC; padding-bottom: 0.5em; }
#main_contents .wpcf7-form-mode-confirm .check_area p { border: none; }
#main_contents .buttons-area-confirm,
#main_contents .buttons-area { margin: 0; padding: 0; }
.require { background: url(../img/form/bg_required.gif) transparent no-repeat scroll right center; }
.sent .before_send_area { display: none; }
.after_sent_block { display: none; }
.sent .after_sent_block { display: block; }
#main_contents .after_sent_block p { margin: 0; padding: 1em; text-align: center; }
div.wpcf7-mail-sent-ok { display: none !important; }
.error-messages { color: red; }
.wpcf7-not-valid-tip { position: relative !important; width: 76% !important; clear: both; display: block; }
div.wpcf7-validation-errors { position: static !important; z-index: 1000 !important; background-color: #FF0000 !important; color: #FFF !important; }
#main_contents .form_inner p.message { background-position: right 2.2em; padding-top: 2em; }
#main_contents .message .title { float: none; width: auto; margin-bottom: 0.5em; }
#main_contents .message textarea { width: 85.5%; }
#main_contents .message #caution_small { font-size: 85%; display: block; width: 85%; }
/* ! faq */
#main_contents .queston { background: url(../img/bg_faq_q.gif) #FFF no-repeat scroll left top; width: 652px; height: 30px; padding: 3px 0 3px 40px; margin-bottom: 0; color: #000; }
#main_contents .answer { background: url(../img/bg_faq_a.gif) #FFF no-repeat scroll left top; width: 652px; padding: 3px 0 3px 40px; margin-bottom: 1.5em; color: #000; }
/* ! event calendar :) */
.each_event { overflow: hidden; margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 1px solid #b2b2b2; }
.event_image { width: 255px; float: left; overflow: hidden; }
/*div.event_image img{width: 200px; height: 102px;}*/
.event_content { width: 420px; float: right; }
.each_event a.text_link,
.page-event a.text_link,
.page a.text_link,
.archive a.text_link { background: url(../img/bullet_link.png) no-repeat 0 6px; padding-left: 13px; display: inline-block; font-size: 115%; }
.each_event a.text_link:hover,
.page_event a.text_link:hover,
.page a.text_link:hover,
.archive a.text_link:hover { background: url(../img/bullet_link_hover.png) no-repeat 0 6px; }
.each_event .period { background: url(../img/event/bg_period.gif) #FFF no-repeat scroll left top; padding-left: 1em; color: #000; }
.single-event .each_event .period { background: url(../img/event/bg_period_single.gif) #FFF no-repeat scroll left top; }
.event-categories { margin: 0 0 1em 0; list-style: none; padding: 0 }
.event-categories li { display: inline-block; }
.event-categories a { color: #000; text-decoration: none; background-color: #fef8a6; padding: 3px 5px; font-size: 85%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.fullcalendar { width: 100%; }
#event_calendar_nav { overflow: hidden; }
#event_calendar_nav a { color: #FFF; text-decoration: none; }
#event_calendar_nav .nav-previous a { background: url(../img/bullet_link_w_left.png) #00a3a4 no-repeat scroll 0.3em 6px; padding: 2px 15px 2px 20px; }
#event_calendar_nav .nav-next a { background: url(../img/bullet_link_w_right.png) #00a3a4 no-repeat scroll 4.6em 6px; padding: 2px 19px 2px 18px; }
#event_calendar_nav a:hover { background-color: #ff5758; }
#retrieve td,
#retrieve table { border: none; }
#main_contents p#btn_to_calendar { text-align: center; margin: 0; padding: 0; }
#to_event_calendar { display: block; width: 491px; height: 50px; text-indent: -9999px; background: url(../img/event/butt_calendar.gif) no-repeat scroll left top; margin: 0 auto; }
#to_event_calendar:hover { background: url(../img/event/butt_calendar_ov.gif) no-repeat scroll left top; }
/* ! overwrite events manager calendar full */
table.em-calendar td.eventless-today,
table.em-calendar td.eventful-today { background-color: #ffecda !important; }
#main_contents table.fullcalendar td { padding: 0; vertical-align: top; }
#main_contents table.fullcalendar td { height: 95px !important; border-left: 1px solid #646464; border-bottom: 1px solid #646464; border-top: 0px; border-right: 0px; }
.inner_td { position: relative; width: 100%; height: 100%; }
.to_daily_event { position: absolute; bottom: 5px; right: 5px; text-decoration: none; color: #FFF !important; background-color: #00a3a4; padding: 1px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; line-height: 1.1; }
.to_daily_event:hover { background-color: #ff5758; }
#main_contents .each_event_image img { position: absolute; bottom: 5px; left: 5px; margin: 0; }
/* ! staff blog */
.widget-area { color: #FFF; }
.widget-area h3 { color: #FFF; margin-top: 0; }
.widget-area ul { list-style: none; padding-left: 0; }
.xoxo ul { margin-bottom: 0; }
.xoxo li { padding-left: 0 !important; }
.xoxo li li { padding-left: 1em !important; }
.widget_calendar { padding-top: 1em; }
#wp-calendar { width: 100%; text-align: center; }
#wp-calendar a { text-decoration: underline; font-weight: bold; color: #fef8a6; font-size: 110%; }
#wp-calendar a:hover { text-decoration: none; }
.blog h2,
.category h2,
.archive h2 { position: relative; }
.blog h2 a,
.category h2 a,
.archive h2 a { display: block; margin-right: 7em; color: #FFF; }
.blog h2 a:hover,
.category h2 a:hover,
.archive h2 a:hover { text-decoration: none; }
.blog h2 span,
.category h2 span,
.archive h2 span { position: absolute; font-size: 70%; font-weight: normal; right: 10px; top: 10px; }
.to_article:hover { border-color: #ffe4e5; }
/* clear */
.clearfix:after { clear: both; content: "."; display:block; height: 0.1px; visibility: hidden; font-size: 0.1em; line-height: 0; }
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px; }
.clear { clear: both; }
/* ==========================================================================
Media Queries
========================================================================== */
@media only screen and (min-width: 1260px) {
#sub_contents { left: 50%; width: 280px; margin-left: 350px; }
/* ! relational link */
#relational_link h2 { margin-right: 100px; }
#relational_link ul { padding-right: 100px; }
#relational_link ul ul { padding-right: 0; }
}
/* ==========================================================================
Helper classes
========================================================================== */
/* ============================== css hack */
/* floating box clear */
.clr:after, .mc:after, .ms:after, .multi_section:after, .multi_column:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clr, .mc, .ms, .multi_section, .multi_column { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 \*/
* html .clr, * html .mc, * html .ms, * html .multi_section, * html .multi_column { height: 1%; }
.clr, .mc, .ms, .multi_section, .multi_column { display: block; }
/* End Hide from mac IE5 */
/* hide text */
.hidetxt, .hd { text-indent: -9999px; overflow: hidden; }
.hidetxt a, .hd a { overflow: hidden; }
/* ============================== multi column */
.multi_section { }
.left_section { float: left; }
.right_section { float: right; }
.ms { }
.ls { float: left; }
.rs { float: right; }
.multi_column { }
.left_column { float: left; }
.right_column { float: right; }
.mc { }
.lc { float: left; }
.rc { float: right; }
/* ==========================================================================
鶴田編集分 後で統合します
========================================================================== */
/* 固定ページの基本的な調整 */
.graybox{ background:#cccccc; padding:10px; font-size:85%;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
img {
margin: 0;
}
img.size-auto,
img.size-large,
img.size-full,
img.size-medium {
max-width: 100%;
height: auto;
}
.alignleft,
img.alignleft {
display: inline;
float: left;
margin-right: 24px;
margin-top: 4px;
}
.alignright,
img.alignright {
display: inline;
float: right;
margin-left: 24px;
margin-top: 4px;
}
.aligncenter,
img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
margin-bottom: 12px;
}
.wp-caption {
border: none;
-khtml-border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
color: #646464;
font-size: 12px;
line-height: 18px;
margin-bottom: 20px;
max-width: 632px !important; /* prevent too-wide images from breaking layout */
padding: 4px;
text-align: center;
}
.wp-caption img {
margin: 5px;
}
.wp-caption p.wp-caption-text {
margin: 0 0 4px;
}
.event-area{color: #000; text-decoration: none; background-color: #fef8a6; padding: 3px 5px; font-size: 85%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
/* アンカーリンクリスト */
ul.anchor_link{
width:100%;
list-style:none;
margin:10px 0;
clear:both;
float:none;
padding:10px 0;
}
ul.anchor_link:after{
height:1px;
width:100%;
clear:both;
float:none;
margin-bottom:20px;
}
ul.anchor_link li{
min-width:24%;
display:block;
float:left;
}
ul.anchor_link a{
display:block;
min-width:20%;
padding:10px;
background:#CCCCCC;
color:#333333;
text-decoration:none;
border:1px solid #ffffff;
text-align:center;
}
ul.anchor_link a:hover{
background:#797979;
color:#ffffff;
}
/* フロアマップ用リスト */
ol.floormap{
padding:0;
margin:20px;
}
ol.floormap li{
list-style:none;
min-width:45%;
display:block;
float:left;
margin:5px 0;
}
ol.floormap li img{
margin-right:0.2em;
vertical-align:middle;
}
ol.floormap a{
}
#nav-below{margin:20px 0;}
/*201060302 追加*/
.teikievents{float:right;
margin-bottom:10px;
background-color: #00a3a4;
color:#ffffff;
padding:5px 10px;
text-decoration:none;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;}