/* ---------------------------------------------------------------------- pc style setting ---------------------------------------------------------------------- */ body { margin:0; padding:0; background:#fff; font-family:"Century Gothic",Arial,sans-serif; color:#333; overflow-x:hidden; } /* layout */ #header_wrap { border-top:5px solid #222; width:100%; min-width:1150px; } #header { width:1150px; height:118px; margin:0 auto; position:relative; } /*#contents { width:1150px; margin:0 auto 70px; }*/ #contents { width:1150px; margin:0 auto; } #main_col { width:950px; float:left; margin:0; } #side_col { width:180px; float:right; margin:-41px 0 0 0; } #side_col.no_global_menu { margin:0; } #left_col { width:630px; float:left; margin:20px 0 0 0; } #right_col { width:300px; float:right; margin:20px 0 0 0; } /* no side */ .page-template-page-noside-php #global_menu { width:950px; } .page-template-page-noside-php #contents { width:950px; } .page-template-page-noside-php #left_col { float:none; width:950px; } /* headline */ .headline1 { margin:0; padding:0 15px; height:36px; line-height:36px; border:1px solid #ccc; border-left:5px solid #adb8bf; font-size:15px; background:url(img/common/headline1.gif) repeat-x left bottom; } .archive_headline { margin:0 0 20px 0; padding:0 15px; height:36px; line-height:36px; background:#aaa; color:#fff; font-size:14px; } .headline2 { margin:0; padding:0 15px; height:36px; line-height:36px; border:1px solid #ccc; font-size:15px; background:url(img/common/headline1.gif) repeat-x left bottom; } /* mobile banner */ #mobile_banner_top, #mobile_banner_bottom { display:none; } /* ---------------------------------------------------------------------- header ---------------------------------------------------------------------- */ #logo_text { position:absolute; top:40px; left:0px; } #logo { margin:0 0 6px 0; padding:0; line-height:100%; font-size:24px; font-weight:normal; } #logo_image #logo { position:absolute; } #logo a { color:#333; text-decoration:none; } #description { font-size:10px; color:#888; margin:0; padding:0; line-height:100%; font-weight:normal; } /* header menu */ #header_menu_area { position:absolute; right:0px; top:18px; } #header_menu { float:left; margin:4px 20px 0 0; } #header_menu ul { margin:0; padding:0; font-size:11px; } #header_menu li { float:left; margin:0 0 0 20px; padding:0; } #header_menu li a { text-decoration:none; background:url(img/common/arrow1.png) no-repeat left 3px; padding:0 0 0 11px; } #header_menu li a:hover { text-decoration:underline; } /* social link */ #header_social_link { margin:0; float:left; } .social_link { margin:0; } .social_link li { float:left; margin:0 0 0 5px; } .social_link li a { display:block; width:22px; height:22px; text-decoration:none; text-indent:-9999px; } .social_link li.rss a { background:url(img/common/icon_rss.png) no-repeat left top; } .social_link li.twitter a { background:url(img/common/icon_twitter.png) no-repeat left top; } .social_link li.facebook a { background:url(img/common/icon_facebook.png) no-repeat left top; } .social_link li a:hover { background-position:left bottom; } /* banner */ #header_banner { position:absolute; top:30px; right:360px; } /* search */ .search_area { width:330px; height:35px; position:absolute; right:0px; top:56px; background:url(img/header/search_input.gif) no-repeat left 2px; } .search_area #search_input input { font-size:12px; color:#6d7478; width:205px; height:26px; float:left; margin:5px 0 0 10px; padding:0; border:none; background:none; } .search_area #search_button input { cursor:pointer; float:right; height:35px; width:92px; line-height:42px; text-indent:150%; white-space:nowrap; overflow:hidden; display:block; border:none; background:url(img/header/search_button.gif) no-repeat left top; } .search_area #search_button input:hover { background-position:left bottom; } /* global menu */ .menu_button { display:none; } #global_menu { height:41px; width:1150px; margin:0 auto; } #global_menu > ul { height:36px; width:950px; border-bottom:5px solid #222; margin:0 -30px 0 0; position:relative; } #global_menu > ul > li { float:left; margin:0 5px 0 0; font-size:1%; position:relative; } #global_menu > ul > li.last { margin:0 0 0 -10px; float:right; } #global_menu > ul > li a { background:#adb8bf; font-size:12px; font-weight:bold; text-align:center; text-decoration:none; color:#000; margin:0; display:block; height:36px; line-height:36px; -moz-border-radius:4px 4px 0 0; -khtml-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; } #global_menu > ul > li a:hover { background:#6e787e; } #global_menu ul ul { display:none; width:100%; position:absolute; top:36px; left:0px; margin:0; padding:0; z-index:9; } #global_menu ul ul ul { left:100%; top:0; margin:0 0 0 -1px; } #global_menu ul ul li { float:none; line-height:150%; padding:0; margin:0; text-align:left; position:relative; } #global_menu ul ul a { font-size:11px; position:relative; padding:14px 20px 12px 20px; height:auto; line-height:160%; margin:0 0 -1px 0; text-align:left; border:1px solid #666; color:#fff; -moz-border-radius:0; -khtml-border-radius:0; -webkit-border-radius:0; border-radius:0; } #global_menu ul ul a:hover { background:none; color:#fff; } /* bread crumb */ #bread_crumb { margin:0; height:40px; line-height:40px; overflow:hidden; border:1px solid #ccc; background:url(img/common/bread_background.gif) repeat-x left bottom; padding:0 20px; } #bread_crumb li { float:left; height:40px; line-height:40px; font-size:12px; background:url(img/common/bread_arrow.gif) no-repeat right bottom; padding-right:30px; margin-right:20px; } #bread_crumb li.last { background:none; margin:0; padding:0; } #bread_crumb li a { text-decoration: color:#aaa; text-decoration:none; display:inline-block; } #bread_crumb li.home span { display:block; text-indent:-9999px; width:17px; height:16px; background:url(img/common/bread_home.gif) no-repeat left 1px; height:40px; line-height:40px; } #bread_crumb li.home a:hover span { background-position:left -39px; } /* ---------------------------------------------------------------------- index ---------------------------------------------------------------------- */ /* featured post 650 x 330 */ #left_col{overflow:hidden;} #index_featured_post {position:relative; width:630px; height:330px; margin-bottom:20px;} #main_slider { width:630px; height:330px; float:left;} #main_slider img {display:block; margin-left:-10px;} /*#main_slider img:hover img { opacity:0.7; }*/ #main_slider .flex-caption { margin:0; background:rgba(0, 0, 0, 0.5); width:630px; height:50px; line-height:50px; padding:0 20px; color:#fff; display:block; font-size:14px; position:absolute; bottom:0px; left:0px; z-index:2; text-decoration:none; } /**** .flexslider-controls { width:300px; float:right; margin:0; padding:0; } .flex-control-nav { margin:0; padding:0; list-style-type:none; } .flex-control-nav li { height:82px; line-height:100%; margin:0; padding:0; border-bottom:1px dotted #555; cursor:pointer; -webkit-transition: background-color 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out; -ms-transition: background-color 300ms ease-in-out; transition: background-color 300ms ease-in-out; } .flex-control-nav li:hover, li.flex-active { background:#444; } .flex-control-nav .image { float:left; margin:10px 15px 0 10px; } .flex-control-nav .image img { width:60px; height:60px; display:block; } .flex-control-nav .info { float:left; width:200px; margin:11px 0 0 0; } .flex-control-nav .title { clear:both; margin:0; padding:0; color:#fff; font-size:13px; line-height:170%; } .flex-control-nav p { float:left; color:#888; line-height:100%; font-size:11px; border-right:1px solid #888; margin:0 10px 5px 0; padding:0 10px 0 0; } .flex-control-nav p.category { border:none; margin:0; padding:0; } ****/ /* recent post */ #index_recent_post { margin:0 0 20px 0; overflow:hidden; } #index_recent_post ul { border-left:1px solid #ccc; border-right:1px solid #ccc; margin:0; padding:0; background:#f9f9f9; } #index_recent_post li { width:314px; height:95px; float:left; border-bottom:1px solid #ccc; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #index_recent_post li.odd { border-right:1px solid #ccc; width:313px; } #index_recent_post .image { float:left; margin:10px 10px 0 10px; display:block; background:#000; width:100px; height:75px; } #index_recent_post .image img { width:100px; height:75px; display:block; opacity:1; transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; -webkit-transform:rotate(0); -moz-transform: rotate(0); transform: rotate(0); } #index_recent_post .image:hover img { opacity:0.5; } #index_recent_post .info { float:left; width:180px; margin:10px 0 0 0; } #index_recent_post .date { margin:0 0 5px 0; padding:0; line-height:100%; font-size:12px; } #index_recent_post .title { margin:0; padding:0; font-size:13px; line-height:160%; height:60px; overflow:hidden; } #index_recent_post .title a { text-decoration:none; display:block; } #index_recent_post .title a:hover { text-decoration:underline; } /* PR post */ #index_pr_post { margin:0 0 20px 0; } #index_pr_post .headline1 { border-left:5px solid #d9d900; } #index_pr_post ul { margin:0; } #index_pr_post ul li { background:url(img/common/dot1.gif) repeat-x left bottom; padding:10px 0; font-size:14px; } #index_pr_post a { text-decoration:none; color:#333; background:url(img/common/arrow_yellow.gif) no-repeat left 5px; padding:0 0 0 12px; display:block; } #index_pr_post a:hover { text-decoration:underline; color:#9a9a00; } #index_pr_post ul li:last-child { background:none; padding-bottom:0; } /* category post */ .index_category_post{ /* margin:0 0 20px 0;*/ position:relative; border:1px solid #ccc; border-top:none; background:#f9f9f9; height:377px; overflow:hidden; } .index_category_more{ display:block; margin-bottom:20px; text-align:right; padding:5px 10px; /* border:1px solid #ccc; border-top:none; background:#f9f9f9;*/ } .index_category_more a{ font-size:90%; text-decoration:none; padding-left:5px; background:url(img/common/arrow1.png) no-repeat left center; } .index_category_post .post1 { float:left; width:312px; } .index_category_post .post1 .image { background:#000; display:block; height:210px; margin:11px 0 15px 16px; } .index_category_post .post1 .image img { display:block; height:210px; opacity:1; transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; -webkit-transform: rotate(0); -moz-transform:rotate(0); transform: rotate(0); } .index_category_post .post1 .image:hover img { opacity:0.5; } .index_category_post .post1 .date { margin:0 0 5px 16px; padding:0; line-height:100%; font-size:12px; } .index_category_post .post1 .title { margin:0 16px 12px; padding:0; font-size:15px; line-height:160%; /*max-height:50px;*/ } .index_category_post .post1 .title a { text-decoration:none; } .index_category_post .post1 .title a:hover { text-decoration:underline; } .index_category_post .post1 .excerpt { margin:0 16px; padding:0; line-height:200%; font-size:12px; /* max-height:50px;*/ overflow:hidden; height:6em; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; } .index_category_post .post2 { float:right; width:315px; border-left:1px solid #ccc; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; position:absolute; right:0px; } .index_category_post .post2 li { border-bottom:1px solid #ccc; overflow:hidden; height:94px; font-size:13px; line-height:150%; } .index_category_post .post2 .image { width:100px; height:75px; display:block; float:left; margin:10px 10px 0 10px; background:#000; } .index_category_post .post2 .image img { width:100px; height:75px; display:block; opacity:1; transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); } .index_category_post .post2 .image:hover img { opacity:0.5; } .index_category_post .post2 .info { float:left; width:180px; margin:10px 0 0 0; overflow:hidden; height:6em; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; } .index_category_post .post2 .date { margin:0 0 5px 0; padding:0; line-height:100%; font-size:12px; } /*.index_category_post .post2 .title { margin:0; padding:0; font-size:13px; line-height:150%; font-weight:bold; }*/ .index_category_post .post2 .title { font-weight:bold; } .index_category_post .post2 .info a { text-decoration:none; } .index_category_post .post2 .info a:hover { text-decoration:underline; } .headline1 a { float:right; font-size:11px; background:url(img/common/arrow1.png) no-repeat left 15px; text-decoration:none; color:#999; padding:0 0 0 12px; } /* ranking post */ #index_ranking_post { margin:0 0 20px 0; } #index_ranking_post .headline1 { border-left:5px solid #865fac; } #index_ranking_post ul { margin:0; } #index_ranking_post ul li { background:url(img/common/dot1.gif) repeat-x left bottom; padding:10px 0; font-size:14px; } #index_ranking_post span { width:60px; font-weight:bold; color:#865fac; float:left; } #index_ranking_post a { width:565px; float:left; text-decoration:none; color:#333; display:block; } #index_ranking_post a:hover { text-decoration:underline; color:#865fac; } #index_ranking_post ul li:last-child { background:none; padding-bottom:0; } /* bottom banner */ #index_bottom_banner { margin:0 -28px 0 0; position:relative; } #index_bottom_banner li { float:left; margin:0 28px 10px 0; } #index_bottom_banner img { display:block; } /* ---------------------------------------------------------------------- archive ---------------------------------------------------------------------- */ #post_list { margin:0; padding:0; border:1px solid #ccc; background:#f9f9f9; } #post_list li { border-bottom:1px solid #ccc; padding:0 0 15px 0; } #post_list ul { margin:0; } #post_list ul li { border:none; padding:0; margin:0 0 10px 0; float:left; font-size:12px; line-height:100%; } #post_list .meta { margin:0 0 15px 0; } #post_list li.post_date { border-right:1px solid #aaa; margin:0 10px 10px 0; padding:0 10px 0 0; } #post_list li.post_author { border-left:1px solid #aaa; margin:0 0 10px 10px; padding:0 0 0 10px; } #post_list .image { height:210px; background:#000; display:block; float:left; margin:15px; } #post_list .image img { display:block; height:210px; opacity:1; transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; -webkit-transform:rotate(0); -moz-transform: rotate(0); transform: rotate(0); } #post_list .image:hover img { opacity:0.5; } #post_list .info { float:left; width:300px; margin:15px 0 0 0; overflow:hidden; } #post_list .title { font-size:16px; margin:0 0 10px 0; line-height:160%; } #post_list .title a { text-decoration:none; display:block; } #post_list .title a:hover { text-decoration:underline; } #post_list .excerpt { font-size:12px; line-height:180%; margin:0 0 15px 0; } #post_list .bookmark { margin:0 0 -10px 0; } #post_list .bookmark li { float:none; display:inline-block; width:120px; margin:0 0 10px 0; } #post_list .bookmark li.social3 { width:60px; margin-right:-15px; position:relative;} /* Author page */ #author_post_list #post_list { border-top:none; } #author_profile_area { border:1px solid #ccc; margin:20px 0; padding:15px 15px 0; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:#f9f9f9; } #author_avatar { float:left; margin:0 10px 20px 0; } #author_avatar img { width:70px; height:70px; display:block; border:none; padding:0; } #author_meta { float:left; width:505px; position:relative; } #author_name { margin:0 0 10px 0; font-size:14px; line-height:160%; background:#222; color:#fff; padding:7px 15px; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } #author_name2 { margin:0 0 0 15px; font-size:10px; } #author_desc { font-size:12px; } /* Author list page */ #profile_author_list { margin:0; padding:0; } #profile_author_list li { border:1px solid #ccc; margin:20px 0; padding:15px 15px 0; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:#f9f9f9; } .profile_author_avatar { float:left; margin:0 10px 20px 0; } .profile_author_avatar img { width:70px; height:70px; display:block; border:none; padding:0; } .profile_author_meta { float:left; width:505px; position:relative; } .profile_author_name { margin:0 0 10px 0; font-size:14px; line-height:160%; } .profile_author_name2 { margin:0 0 0 15px; font-size:10px; } .profile_author_link { color:#333; position:absolute; right:0px; top:0px; text-decoration:none; font-size:12px; background:#e8e8e8 url(img/common/arrow_right.png) no-repeat 16px 9px; padding:5px 20px 5px 30px; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } .profile_author_link:hover { color:#fff; } .profile_author_desc { font-size:12px; } .profile_author_desc p { margin:0 0 10px 0; } /* News Press */ #news_list { margin:0; padding:0; list-style-type:none; } #news_list li { margin:0; padding:15px 0; background:url(img/common/dot1.gif) repeat-x left bottom; } #news_list .news_date { font-size:12px; margin:0 0 7px 0; padding:0; line-height:100%; } #news_list .news_title { font-size:14px; margin:0; padding:0; } #news_list .news_title a { text-decoration:none; display:block; } #news_list .news_title a:hover { text-decoration:underline; } /* ---------------------------------------------------------------------- single post page ---------------------------------------------------------------------- */ #single_title { border:1px solid #ccc; overflow:hidden; } #single_title h2 { margin:0; font-size:16px; background:#ccc; color:#fff; padding:10px 15px; line-height:180%; } #single_meta { margin:0; font-size:12px; overflow:hidden; background:#f9f9f9; } #single_meta li { float:left; padding:10px 15px; margin:0 0 -1px 0; border-right:1px dotted #ccc; border-bottom:1px dotted #ccc; line-height:100%; } #single_meta li:last-child { border:none; } #single_meta li.post_category { background:url(img/common/icon_category.png) no-repeat 15px 11px; padding-left:31px; } #single_meta li.post_tag { background:url(img/common/icon_tag.png) no-repeat 15px 11px; padding-left:31px; } #single_meta li.post_comment { background:url(img/common/icon_comment.png) no-repeat 15px 9px; padding-left:31px; } #single_meta li.post_author { background:url(img/common/icon_author.png) no-repeat 15px 11px; padding-left:31px; } #news_title { border:1px solid #ccc; overflow:hidden; } #news_title h2 { margin:0; font-size:16px; background:#ccc; color:#fff; padding:10px 15px; line-height:180%; } #news_title p { margin:0 15px; font-size:12px; overflow:hidden; } .post { padding:30px 0px 10px; } .post_image { text-align:center; margin:0 0 15px 0; } /* next page */ #post_pagination { margin:0 0 30px 0; } #post_pagination h5 { margin:0 10px 0 0; float:left; line-height:30px; font-size:12px; } #post_pagination a, #post_pagination p { float:left; display:inline-block; background:#eee; margin:0 5px 0 0; width:30px; height:30px; line-height:30px; text-align:center; text-decoration:none; color:#333; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:12px; } #post_pagination p { background:#999; color:#fff; } #post_pagination a:hover { background:#333; color:#fff; } /* bookmark */ .post .bookmark2 { clear:both; float:right; margin:5px 0 0 0; padding:0; list-style-type:none; } .post .bookmark2 li { background:none; padding:0; float:left; margin:0 0 0 10px; } /* banner */ #single_banner1 { text-align:center; margin:-10px 0 18px 0; } #single_banner2 { clear:both; text-align:center; padding:15px 0 10px 0; } /* author information */ #single_author { margin:0 0 20px; border:1px solid #ccc; padding:15px 15px 2px; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius :4px; border-radius:4px; background:#f9f9f9; } #single_author_avatar { float:left; margin:0 10px 20px 0; } #single_author_avatar img { width:70px; height:70px; display:block; border:none; padding:0; } #single_author_meta { float:left; width:505px; position:relative; } #single_author_name { margin:0 0 10px 0; font-size:14px; line-height:160%; } #single_author_name2 { margin:0 0 0 15px; font-size:10px; } #single_author_link { color:#333; position:absolute; right:0px; top:0px; text-decoration:none; font-size:12px; background:#e8e8e8 url(img/common/arrow_right.png) no-repeat 16px 9px; padding:5px 20px 5px 30px; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } #single_author_link:hover { color:#fff; } #single_author_desc { padding:10px 0 0 0; font-size:12px; border-top:1px dotted #ccc; } #single_author_desc p { margin:0 0 10px 0; } /* author post */ #single_author_post { margin:0 0px 20px; } #single_author_post ul { margin:0; border:1px solid #ccc; border-top:none; background:#f9f9f9; } #single_author_post ul ul { margin:0 0 10px 0; border:none; } #single_author_post li { float:left; display:inline-block; margin:0 0 -1px 0; width:314px; height:105px; border-bottom:1px solid #ccc; } #single_author_post li.odd { border-right:1px solid #ccc; width:313px; } #single_author_post li li { color:#999; float:none; display:inline; margin:0 0 5px 0; width:auto; font-size:11px; line-height:110%; border:none; height:auto; width:auto; } #single_author_post li li.date { border-right:1px solid #ccc; margin:0 5px 0 0; padding:0 9px 0 0; } #single_author_post .image { } #single_author_post .image img { width:100px; height:75px; display:block; float:left; margin:15px; } #single_author_post .image:hover img { opacity:0.5; } #single_author_post .info { width:170px; float:left; margin:15px 0 0 0; overflow:hidden; } #single_author_post .title { font-size:13px; margin:0; } #single_author_post .title a { display:block; text-decoration:none; } #single_author_post li li a { color:#999; text-decoration:none; } #single_author_post a:hover { text-decoration:underline; } /* related post*/ /**** masao #related_post { margin:0 0 20px 0; } #related_post ul { margin:0; border:1px solid #ccc; border-top:none; background:#f9f9f9; } #related_post li { float:left; margin:0; width:125px; height:170px; border-right:1px solid #ccc; padding-bottom:15px; overflow:hidden; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #related_post li.num5 { border:none; width:124px; } #related_post .image { } #related_post .image img { width:100px; height:70px; display:block; margin:13px; } #related_post .image:hover img { opacity:0.5; } #related_post .title { font-size:12px; margin:0 13px; max-height:60px; overflow:hidden; } #related_post .title a { text-decoration:none; display:block; } #related_post .title a:hover { text-decoration:underline; } ****/ #related_post { margin:0 0 20px 0; } #related_post ul { margin:0; padding:0; background:#f9f9f9; } #related_post li { float:left; padding:10px; width:50%; border:1px solid #ccc; border-top:none; box-sizing:border-box; font-size:13px; } #related_post .image { float:left; display:block; width:100px; margin:0 10px 0 0;} #related_post .image img { width:100px; height:70px; } #related_post .info { height:6.0em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; } #related_post .title { color:#0066ff; font-weight:bold; } #related_post a { text-decoration:none; display:block; } #related_post a:hover { color:#ffc900; } #related_post a:hover img { opacity:0.5; } /* next prev post link */ #previous_next_post { margin:0 0 40px; padding:0; } #previous_next_post a { color:#333; text-decoration:none; line-height:140%; font-size:11px; padding:12px 0; } #previous_post a { margin:0; width:284px; float:left; padding-left:30px; background:#eee url(img/common/arrow_left.png) no-repeat 12px 16px; } #next_post a { margin:0; width:285px; float:right; text-align:right; padding-right:30px; background:#eee url(img/common/arrow_right.png) no-repeat 296px 16px; } #previous_next_post a:hover { color:#fff; } /* ---------------------------------------------------------------------- footer ---------------------------------------------------------------------- */ #return_top { z-index:10; position:fixed; right:20px; bottom:20px; margin:0; display:block; width:44px; height:44px; text-indent:-9999px; background:#222 url(img/footer/return_top.png) no-repeat center; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } #return_top:hover { background-color:#666; } /* footer widget */ #footer_widget_wrap { background:#f9f9f9; width:100%; min-width:1150px; } /*#footer_widget { width:1150px; margin:0 auto; padding:40px 0 0; }*/ #footer_widget { width:1150px; margin:0 auto; padding:0; margin-top:10px;} .footer_widget { width:250px; float:left; margin:0 50px 30px 0; font-size:11px; } .footer_widget.right_widget { margin-right:0; } .footer_headline { font-size:14px; background:url(img/common/dot1.gif) repeat-x left bottom; padding:0 0 7px 0; margin:0 0 12px 0; } .footer_widget ul { margin:0; } .footer_widget li ul { margin:10px 0 0 0; } .footer_widget li { line-height:170%; margin:0 0 10px 0; padding:0 0 0 9px; background:url(img/common/bullet1.gif) no-repeat left 8px; } .footer_widget a { } .footer_widget img { height:auto; max-width:100%; width:auto; } /* footer */ #footer_wrap { clear:both; width:100%; min-width:1150px; background:#f2f2f2; border-top:4px solid #222; } #footer { width:1150px; height:140px; margin:0 auto; position:relative; font-size:11px; } #footer a { text-decoration:none; } #footer a:hover { color:#8dd0d9; } /* footer menu */ #footer_menu_area { position:absolute; right:0px; top:59px; } #footer_menu { float:left; margin:2px 20px 0 0; } #footer_menu ul { margin:0; padding:0; font-size:12px; } #footer_menu li { float:left; margin:0 0 0 20px; padding:0; } #footer_menu li a { text-decoration:none; background:url(img/common/arrow1.png) no-repeat left 3px; padding:0 0 0 11px; } #footer_menu li a:hover { text-decoration:underline; } #footer_social_link { float:left; } /* footer logo */ #footer_logo_area { position:absolute; } #footer_logo { margin:0; line-height:100%; } #footer_logo_area #footer_description2 { padding-top:25px; display:block; width:300px; } #footer_logo_text_area { position:absolute; left:0px; top:42px; } #footer_logo_text { margin:0 0 5px 0; font-size:24px; padding:0; font-weight:normal; } #footer_logo_text a { display:block; text-decoration:none; } #footer_description { margin:0; font-weight:normal; font-size:11px; display:block; padding:0; color:#aaa; } #footer_description2 { } #footer_description2 p { line-height:160%; } /* copyright */ #copyright { font-size:12px; width:100%; height:40px; line-height:40px; min-width:1150px; background:#222; text-align:center; color:#aaa; margin:0; padding:0; } #copyright a { text-decoration:none; color:#aaa; } #copyright a:hover { text-decoration:underline; } /* ---------------------------------------------------------------------- side ---------------------------------------------------------------------- */ #side_col .styled_post_list1 .image { float:none; margin:0 auto 15px; width:100%; height:auto; } #side_col .styled_post_list1 .image img { width:100%; height:auto; display:block; } /* Header full */ .page-template-page_header-full-php #contents-header { width:100%; height:auto; margin:auto;text-align:center; box-shadow:1px 0 1px rgba(0, 0, 0, 0.2); } .page-template-page_header-full-php #contents-header img { width:100%; height:auto; margin:0 auto; } .page-template-page_header-full-php #contents { width:960px; margin:0 auto; } .page-template-page_header-full-php #main_col { float:none; width:100%; margin:-25px auto 0; } .page-template-page_header-full-php #left_col { float:none; width:100%; margin:0 auto; } .page-template-page_header-full-php .headline3 { width:940px; height:40px; margin:90px auto 60px; padding:0 0 50px; font-family:"Century Gothic",Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height:36px; font-size:36px; font-weight:400; text-align:center; color:#1b4679; background:url(img/common/headline3.gif) no-repeat center bottom; } .page-template-page_header-full-php #main_col p { width:720px; margin:0 auto 24px; font-size:15px; line-height:2.2; background-color:#fff; } .page-template-page_header-full-php .social_links { text-align: center; } .page-template-page_header-full-php ul.twfb_btn { margin:10px auto 40px; display: inline-block; /display: block; /zoom: 1; padding: 0;} .page-template-page_header-full-php ul.twfb_btn li { list-style-type:none; float:left; background-color:#fff; } .fade { -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; } .fade:hover { opacity: 0.6; filter: alpha(opacity=60); } /* ---------------------------------------------------------------------- interview ---------------------------------------------------------------------- */ /*-------------------- div.interviewBox --------------------*/ div.interviewBox { width: 100%; float: left; padding-bottom: 2em; } img.interviewPH { width: 307px; } div.westside img.interviewPH { float: left; padding: 0 15px 15px 0; } div.eastside img.interviewPH { float: right; padding: 0 0 15px 15px; } h3.boxTTL { color: #09f; padding-bottom: 1em; } p.question { color: #f00; padding-bottom: 1em; } p.answer { line-height: 1.9; padding-bottom: 1.9em; } /*-------------------- div#interviewNote --------------------*/ div#interviewNote { clear: both; background: #fff4e7; margin-bottom: 23px; padding: 29px 18px; border: 2px solid #fc0; } h3#noteTTL { padding-bottom: 1em; } p.noteTTL { line-height: 1.65; } /*-------------------- div#prAREA --------------------*/ div#prAREA { clear: both; background: #ffc; padding: 4em 1.7em; border-radius: 10px; float: left; margin-bottom: 23px; } h3#prTTL { padding-bottom: 1em; } div#innerPR { width: 100%; float: left; padding: 3em 0 0; } img#prPH { width: 175px; float: right; } p#data { width: 440px; float: left; font-size: 1.2em; } /*-------------------- div#presentArea --------------------*/ div#presentArea { clear: both; background: #cbe3c0; border-radius: 10px; margin-bottom: 23px; padding: 2em 3.5em; float: left; } h3#presentTTL { padding-bottom: 0.8em; } img#presentPH, div#presentArea img { width: 113px; float: left; padding-left: 8px; } p#presentTXT { padding-left: 150px; line-height: 1.9; } /*-------------------- div#profArea --------------------*/ div#profArea { background: #f7ebda; padding: 24px; float: left; margin-bottom: 23px; } img#profPH { width: 101px; float: left; } h3#profTTL { padding: 0 0 0.8em 130px; } p#profTXT { line-height: 2; padding-left: 130px; } hr#rule { border: 1px solid #d7c3a0; margin-bottom: 1.8em; } /*** footer ***/ div#footer div.wrapArea {background: none;} p#footNote {font-size: 1.2em;padding: 0 0 0.5em;} address { text-decoration: none; font-style: normal; padding-bottom: 1.5em; } ul#footNavi {list-style: none;} ul#footNavi li { display: inline-block; border-right: 1px solid #fff; padding: 0 1em; margin-bottom: 0.5em; } div#footer a:link, div#footer a:visited { color: #000; text-decoration: none; } div#footer a:hover { color: #ccc; text-decoration: underline; background: none; } div#footer a:active {color: #222;} /*----------------------------------------------------------------------- (index) -----------------------------------------------------------------------*/ div#packageBlock {position: relative;height: 254px;} div#packageBlock img {position: absolute;top: 0;left: 0;background: #fff;} img#package01 {z-index: 110;} img#package02 {z-index: 109;} img#package03 {z-index: 108;} img#package04 {z-index: 107;} imgp#package05 {z-index: 106;} img#package06 {z-index: 105;} img#package07 {z-index: 104;} img#package08 {z-index: 103;} img#package09 {z-index: 102;} imgp#package10 {z-index: 101;} div.contentBox { float: left; padding: 1px; border: 1px solid #ccc; } h2.contentTTL { font-size: 1.4em; padding: 0.5em 1em 0.5em 1.8em; margin-bottom: 10px; background: #fcd000 url(/toppage/pc/images/contentTTL_bg_yellow.png) left center no-repeat; } /*--- あいさつエリア ---*/ div#aisatsuArea {padding: 10px;background: #f0f0e6;border: 1px solid #ccc;border-radius: 5px;margin-bottom: 14px;} #aisatsuArea h3 {font-size: 14px;padding-bottom: 0.5em;color: #f60;} #aisatsuArea h3 span {font-size: 12px;color: #333;} #aisatsuArea p {font-size: 12px;} /*--- おすすめ新着情報／イチ押し！情報 ---*/ div#topicArea01 { width: 650px; float: right; background: url(/toppage/pc/images/topicBox01_bg.png) left bottom no-repeat; margin-bottom: 15px; } div#ossume01 { width: 396px; float: left; border-bottom: none; } div.osusumeBox { clear: both; margin: 0 10px 10px; border-bottom: 1px dotted #ccc; float: left; } div.osusumeBox:last-child { border-bottom: none; margin-bottom: 0; } img.osusumeIMG { width: 130px; float: left; padding: 0 10px 10px 0; } h3.osusumeTTL { font-size: 1.3em; } p.osusumeTxt { font-size: 1.2em; color: #333; padding-bottom: 1em; } p.osusumeTxt span { color: #06f; } div#ossume02 { width: 232px; float: right; border-bottom: none; } dl.ichioshiList { margin: 0 1em 1em; } dl.ichioshiList dt { font-size: 1.3em; font-weight: bold; padding-bottom: 0.4em; } dl.ichioshiList dd { font-size: 1.2em; } dl.ichioshiList dt img { margin-bottom: 0.5em; } p#toForm { clear: both; padding: 1em 0; } /*-------------------- 旅いく --------------------*/ div#jtbArea { clear: both; border: 3px solid #069bff; padding: 1px; background: #ffffe7; margin: 15px 0; position: relative; /* display: none;*/ } div#jtbArea h2.contentTTL { background: #09f url(/toppage/pc/images/contentTTL_bg_blue.png) left center no-repeat; color: #fff; } img#tabiLogo { position: absolute; top: 2px; left: 545px; } div.jtbBox { padding-bottom: 1.2em; margin: 1em 1em 1.2em; position: relative; border-bottom: 1px dotted #9b9a98; min-height: 66px; } div.jtbBox:last-child { border-bottom: none; margin-bottom: 0; } div.jtbTxtBox { margin: -76px 0 12px; } div.jtbTxtBox:last-child { margin-bottom: 0; } img.jtbImg { width: 82px; padding: 1px; border: 1px solid #ccc; } h3.jtbMidashi { width: 380px; margin-top: -66px; padding-left: 100px; font-size: 1.3em; color: #09f; } p.jtbTxt { width: 380px; padding-left: 100px; font-size: 1.2em; } img.jtbBtn { height: 66px; margin: 0 0 12px 490px; border: 1px solid green; } /*-------------------- 新着イベント情報 --------------------*/ div#eventArea01 { width: 646px; padding: 1px; border: 1px solid #ccc; margin-bottom: 1.5em; /* position: relative;*/ } p#toEvent2 { position: absolute; top: 6px; left: 562px; } div#listBox { padding: 0 1em 1em; overflow: auto; height: 300px; } ul.eventList { list-style: none; } ul.eventList li { border-bottom: 1px dashed #ccc; margin-bottom: 0.5em; } ul.eventList a { font-size: 1.2em; } ul.eventList sapn.xdate { color: #f00; } /*-------------------- イベント直前情報 --------------------*/ div#eventArea02 { clear: both; width: 650px; margin-bottom: 1.5em; border-top: none; position: relative; } p#toEvent { position: absolute; top: 0; left: 562px; } ul#eventTab { list-style: none; border-bottom: 5px solid #379900; background: #fff; padding: 0 1em; } ul#eventTab li { display: inline-block; background:url(/toppage/pc/images/eventTab_bg_off.png) left top no-repeat; text-align: center; font-size: 1.2em; letter-spacing: 0.2em; cursor: pointer; width: 122px; height: 22px; color: #fff; padding-top: 5px; } ul#eventTab li.on { background:url(/toppage/pc/images/eventTab_bg_on.png) left top no-repeat; } div#nowListBox { border: 1px solid #379b05; border-top: none; overflow: auto; height: 300px; padding: 0.5em 1em 1em; } /*--- おすすめスポット体験レポート ---*/ div#spotArea {width: 646px;padding: 1px;border: 1px solid #ccc;margin-bottom: 1.5em;} div#spotArea h2 {background: #a5db00 url(/toppage/pc/images/contentTTL_bg_green.png) left center no-repeat;} p#toSpot {margin: -40px 0 15px 562px;} ul.spotList {width: 656px;padding: 0 0 0 8px;list-style: none;} ul.spotList li {display: inline-block;padding: 0 8px 8px 0;vertical-align: top;} /*--- 子どもと一緒に楽しめる！オススメ映画・DVD ---*/ div#movieArea { width: 646px; padding: 1px; border: 1px solid #ccc; margin-bottom: 1.5em; } div#movieArea h2 { color: #fff; background: #000 url(/toppage/pc/images/contentTTL_bg_black.png) left center no-repeat; } p#toMovie { margin: -40px 0 15px 562px; } div.movieBox { width: 290px; border: 1px solid #ccc; padding: 9px; float: left; } div.movieBox p.catch { padding-bottom: 3px; } div.movieBox h3.movieTTL { font-size: 1.1em; line-height: 1.2; padding-bottom: 0.5em; } div.movieBox img { width: 130px; float: left; } div.movieBox p.about { padding-left: 140px; font-size: 1.1em; } div.movieBox p.detail { padding-left: 140px; font-size: 1.1em; text-align: right; padding-top: 5px; } /*--- 生き物の飼い方 ---*/ div#ikimonoArea { width: 100%; margin-bottom: 1.5em; } div#ikimonoArea h2 { color: #fff; background: #ae3132 url(/toppage/pc/images/contentTTL_bg_brown.png) left center no-repeat; } p#toIkimono {margin: -39px 0 15px 562px;} div.ikimonoBox { width: 290px; border: 1px solid #ccc; padding: 9px; float: left; } div.ikimonoBox h3 { font-size: 1.1em; line-height: 1.2; padding-bottom: 0.5em; } div.ikimonoBox p { font-size: 1.1em; line-height: 1.4; } div.ikimonoBox p.imgPH { width: 130px; float: left; padding: 0 0.8em 0 0; } /*--- 子ども・子育て関連ニュース ---*/ div#newsArea {width: 100%;margin-bottom: 1.5em;} div#newsArea h2 {color: #fff;background: #9a9a9a url(/toppage/pc/images/contentTTL_bg_gray.png) left center no-repeat;} p#toNews {margin: -39px 0 15px 562px;} #newsArea ul#newsList {list-style: none;padding: 0 1em;} #newsArea ul#newsList li {padding-bottom: 0.5em;margin-bottom: 1em;border-bottom: 2px dotted #ccc;line-height: 1.6;} #newsArea ul#newsList a {font-size: 1.2em;padding-left: 1em;} /*----------------------------------------------------------------------- about -----------------------------------------------------------------------*/ /*h2#pageCatch {margin-bottom: 20px;}*/ h3.aboutTTL {font-size: 2em;color: #f30;padding: 0.5em 0;} p.honmon {font-size: 1.2em;} .endLine {padding-bottom: 10px;} p.signature {padding: 1.5em 0;} ul.linkList {list-style: none;padding: 1.5em 0;} ul.linkList li {font-size: 1.2em;} ul.condition {list-style-position: inside;padding: 0 1em;} ul.condition li {font-size: 1.2em;padding: 0 1em 1em;text-indent: -1em;} /*----------------------------------------------------------------------- circle -----------------------------------------------------------------------*/ /*--- indexページ ---*/ div.itemBoxCircle {width: 160px;float: left;padding: 10px 5px 20px;text-align: center;} /*img.itemPH {width: 130px;padding: 5px;border: 1px solid #6d6d6d;margin-bottom: 8px;}*/ /*--- 詳細ページ ---*/ div#circleArea {border: 1px solid #95cbff;background: #fffaea;padding: 1em;margin-bottom: 1em;} p#catch.circle {font-size: 1.2em;} img#toDetail {margin-left: 536px;} h2#circleName {margin-top: -52px;color: #44a0ff;font-size: 1.6em;line-height: 1.2;padding-right: 100px;height: 56px;} div#specBox.circle {width: 100%;float: left;padding-bottom: 1.5em;} img#circlePH {width: 250px;float: left;} p#spec {width: 368px;float: right;font-size: 1.4em;} /*--- div.boxAreaCircle ---*/ div.boxAreaCircle {clear: both;width: 100%;} div.boxAreaCircle + hr {clear: both;visibility: hidden;} h3.boxTTLCircle {font-size: 2em;color: #f30;line-height: 1.2;padding-bottom: 0.8em;} h3.circleDataTTL {font-size: 1.6em;color: #ffcd00;padding-bottom: 1em;} p.com {font-size: 1.4em;padding-bottom: 30px;} ul.phListCircle {list-style: none;text-align: center;padding-bottom: 10px;} ul.phListCircle li {font-size: 1.3em;line-height: 1.3;padding-bottom: 1.5em;display: inline-block;vertical-align: top;} ul.phListCircle img {width: 250px;padding-bottom: 0.3em;} dl.circleDL {padding-bottom: 20px;} dl.circleDL dt {clear: both;display: block;width: 81px;float: left;text-align: center;font-size: 1.2em;font-weight: bold;line-height: 1.8;background: #95cbff;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;} dl.circleDL dd {font-size: 1.3em;padding: 0.2em 0 0.4em 90px;margin-bottom: 1em;border-bottom: 1px dotted #ffcd00;} /*--- .center_txt ---*/ div.center_txt ul.phListCircle li {width: 280px;padding-right: 10px;padding-left: 10px;} /*--- .right_txt ---*/ div.right_txt {float: left} div.right_txt p.com {width: 380px;float: right;} div.right_txt ul.phListCircle {width: 250px;} /*--- .left_txt ---*/ div.left_txt {float: left} div.left_txt p.com {width: 360px;float: left;} div.left_txt ul.phListCircle {width: 250px;float: right;} /*--- div#profArea ---*/ div#profArea.circle {width: 100%;min-height: 150px;} h3#profTTL {padding: 0 0 0 110px;margin-top: -150px;font-size: 1.4em;} p#profCom {padding: 0 0 0 110px;font-size: 1.3em;padding-bottom: 30px;} div#profPH {width: 100px;padding-bottom: 3em;} div#profPH img {width: 100px;padding-bottom: 0.5em;} p#profName.circle {font-size: 1.3em;} /*----------------------------------------------------------------------- editors -----------------------------------------------------------------------*/ /*--- indexページ ---*/ ul#itemList.editors {list-style: none;padding-bottom: 3em;} ul#itemList.editors li {padding: 0 1em;margin-bottom: 1em;border-bottom: 1px dotted #ccc;} ul#itemList.editors a {display: block;font-size: 1.3em;padding: 0.3em 0 1em;} /*--- 詳細ページ ---*/ /*hgroup#pageTTLarea {background: url(/images/h2_bg_above.png) left top repeat;margin-bottom: 2em;}*/ /*h2#pageTTL {font-size: 2em;color: #f30;background: url(/images/h2_bg_bottom.png) left bottom repeat-x;line-height: 1.2;padding: 5px 10px;}*/ div#commentAreaEditors {width: 650px;padding-bottom: 2em;} p#commentEditors {font-size: 1.3em;padding-bottom: 2em;} ul.phListEditors {list-style: none;padding-bottom: 1em;} ul.phListEditors li {display: inline-block;vertical-align: top;font-size: 1.2em;line-height: 1.3;margin-bottom: 1em;width: 250px;} ul.phListEditors img {width: 250px;padding-bottom: 5px;} /*--- center_txt ---*/ div.center_txt ul.phListEditors {width: 610px;padding-left: 30px;} div.center_txt ul.phListEditors li {padding: 0 25px;} /*--- left_txt ---*/ div.left_txt {float: left;} div.left_txt p#commentEditors {width: 380px;float: left;} div.left_txt ul.phListEditors {width: 250px;float: right;} /*--- right_txt ---*/ div.right_txt {float: left;} div.right_txt p#commentEditors {width: 380px;float: right;} div.right_txt ul.phListEditors {width: 250px;float: left;} /*----------------------------------------------------------------------- error -----------------------------------------------------------------------*/ p.honmonError {font-size: 1.4em;} /*----------------------------------------------------------------------- event -----------------------------------------------------------------------*/ /*--- indexページ ---*/ ul.months {list-style: none;border: 1px solid #ffcd00;background: #fffaea;text-align: center;margin-bottom: 1em;} ul.months li {font-size: 1.1em;display: inline-block;} ul.months a {display: block;width: 11.5em;text-align: center;padding: 1em 0;} dl.eventList {background: url(/images/el_wd_bg.png) left top repeat-x;padding-bottom: 1em;} dl.eventList dt {font-size: 1.3em;color: #fff;background: url(/images/el_wd_dt_bg.png) left top no-repeat;padding: 0.2em 0.5em;} dl.eventList dd {padding: 0.5em 1em;} dl.saturday {background: url(/images/el_st_bg.png) left top repeat-x;} dl.saturday dt {background: url(/images/el_st_dt_bg.png) left top no-repeat;} dl.holiday {background: url(/images/el_hd_bg.png) left top repeat-x;} dl.holiday dt {background: url(/images/el_hd_dt_bg.png) left top no-repeat;} ul.eachLine {list-style: none;} ul.eachLine li {font-size: 1.2em;line-height: 1.2;padding-bottom: 0.4em;} /*--- 詳細ページ ---*/ p#spanTXT {font-size: 13px;font-weight: bold;color: #ff2400;background: #ffcd00;padding: 4px 30px 3px;margin-bottom: 1px;} div#eventArea {padding: 2em;background: #fffaea;border: 1px solid #ffcd00;margin-bottom: 1em;} p#category {font-size: 15px;font-weight: bold;color: #f00;padding-bottom: 0.1em;} p#catch.event {font-size: 12px;padding-bottom: 10px;} h2#eventName {font-size: 16px;font-weight: bold;color: #06f;padding-right: 100px;} p#btnDetail.event {width: 92px;margin: -28px 0 10px 490px;} ul.phListEvent {list-style: none;width: 150px;float: left;padding-bottom: 1em;} ul.phListEvent li {font-size: 12px;line-height: 1.3;padding-bottom: 1em;} ul.phListEvent img {width: 150px;padding-bottom: 5px;} ul.phListEvent + dl#eventData {float: right;width: 390px;} dl#eventData {padding-bottom: 1em;} dl#eventData dt {font-size: 12px;font-weight: bold;line-height: 1.7;text-align: center;width: 8em;float: left;background: #ffcd00;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;} dl#eventData dd {font-size: 13px;border-bottom: 2px dotted #ffcd00;padding: 2px 0 1em 108px;margin-bottom: 1em;word-wrap: break-word;} p#comment.event {clear: both;font-size: 13px;} hr.lineEvent {clear: both;display: none;} /*--- div.randamBox ---*/ div.randamBox {clear: both;width: 100%;float: left;padding-bottom: 1.5em;margin-bottom: 1.5em;border-bottom: 1px dotted #ccc;} div.randamBox:last-child {border: none;padding-bottom: 0;margin-bottom: 0;} img.randamIMG {width: 150px;float: left;} h4.randamTTL {font-size: 1.4em;line-height: 1.2;padding: 0 0 0.5em 160px;} p.randamSpan {font-size: 1.2em;padding: 0 0 0.5em 160px;} p.randamMain {font-size: 1.2em;padding: 0 0 0 160px;color: #000;} /*----------------------------------------------------------------------- facilities -----------------------------------------------------------------------*/ /*--- indexページ ---*/ div.fcBox {width: 650px;border-bottom: 1px dotted #666;margin-bottom: 1em;position: relative;height: 100px;padding-bottom: 2em;} p.catchFacilities {font-size: 1.2em;line-height: 1.2;padding: 0 1em 1em 155px;} h3.fcName {font-size: 1.6em;padding: 0 1em 1em 155px;color: #000;} img.fcPH {width: 130px;border: 1px solid #ccc;padding: 1px;position: absolute;top: 0;left: 10px;} p.detailFacilities {font-size: 1.2em;text-align: right;padding-right: 1em;} /*--- 詳細ページ ---*/ /*---------- div#facTTLarea ----------*/ div#facTTLarea {position: relative;margin-top: 5em;padding-bottom: 1em;} p#catch.facilities {font-size: 1.5em;font-weight: bold;line-height: 1.2;color: #06f;padding: 0 0 5px 260px;} h2#facName {font-size: 1.6em;line-height: 1.2;padding: 0 0 8px 260px;} img#thumbPH {width: 250px;position: absolute;top: 0;left: 0;} p#btnDetail.facilities {text-align: right;} div#facMap {width: 288px;height: 100px;border: 1px solid #ffcd00;margin: -58px 0 0 260px;} /*--- dl#facSpec ---*/ dl#facSpec {padding-bottom: 1em;} /*dl#facSpec dt {clear: both;width: 90px;background: #95cbff;font-size: 1.3em;font-weight: bold;line-height: 2.2;padding-left: 6px;float: left;}*/ dl#facSpec dt {clear: both;width: 130px;background: #95cbff;font-size: 1.3em;font-weight: bold;line-height: 2.2;padding-left: 6px;float: left;} /*dl#facSpec dd {font-size: 1.3em;line-height: 1.8;padding: 0.3em 1em 0.4em 110px;margin-bottom: 0.3em;border-bottom: 1px dotted #95cbff;}*/ dl#facSpec dd {font-size: 1.3em;line-height: 1.8;padding: 0.3em 1em 0.4em 150px;margin-bottom: 0.3em;border-bottom: 1px dotted #95cbff;} /*--- div#commentArea ---*/ div#commentArea {width: 618px;background: #fffaea url(/images/commenArea-_bg_above.png) left top repeat-x;border: 1px solid #95cbff;border-top: none;padding: 40px 15px 0;} p#comment.facilities {font-size: 1.5em;padding-bottom: 2em;} ul.phListFacilities {list-style: none;padding-bottom: 3em;} ul.phListFacilities li {display: inline-block;vertical-align: top;font-size: 1.2em;line-height: 1.3;margin-bottom: 1em;width: 250px;} ul.phListFacilities img {width: 250px;padding-bottom: 5px;} /*--- center_txt ---*/ div.center_txt ul.phListFacilities {padding-left: 36px;} div.center_txt ul.phListFacilities li {padding-right: 36px;} /*--- left_txt ---*/ div.left_txt {float: left;} div.left_txt p#comment.facilities {width: 353px;float: left;} div.left_txt ul.phListFacilities {width: 250px;float: right;} /*--- right_txt ---*/ div.right_txt {float: left;} div.right_txt p#comment.facilities {width: 353px;float: right;} div.right_txt ul.phListFacilities {width: 250px;float: left;} hr.lineFacilities {clear: both;padding-top: 2em;visibility: hidden;} div.addthis_toolbox {clear: both;} /*----------------------------------------------------------------------- ikimono -----------------------------------------------------------------------*/ /*--- indexページ ---*/ div#titleArea.ikimono {width: 614px;} div.itemBoxIkimono {width: 160px;float: left;padding: 10px 1px 20px;text-align: center;} /*img.itemPH {width: 130px;padding: 5px;border: 1px solid #6d6d6d;margin-bottom: 8px;}*/ h3.itemTTLIkimono {font-size: 1.2em;} /*--- 詳細ページ ---*/ /*--- div#ttlArea ---*/ div#ttlArea.ikimono {width: 650px;float: left;padding-bottom: 1em;border-bottom: 1px dotted #333;margin-bottom: 2em;} /*img#catchPH {width: 250px;float: left;}*/ p#catch.ikimono {font-size: 1.5em;color: #ff4d3b;line-height: 1.2;padding: 0 0 0.6em 270px;} h2#ikimonoTTL {font-size: 2.7em;line-height: 1.1;padding: 0 0 15px 270px;} p#lead.ikimono {font-size: 1.4em;padding: 0 0 0 270px;} /*--- div.boxAreaIkimono ---*/ div.boxAreaIkimono {clear: both;width: 650px;padding-bottom: 2em;} h3.boxTTLIkimono {font-size: 2em;line-height: 1.2;color: #ff3f00;padding-bottom: 0.8em;} p.commentIkimono {font-size: 1.4em;padding-bottom: 1em;} ul.phListIkimono {list-style: none;} ul.phListIkimono li {display: inline-block;width: 250px;vertical-align: top;font-size: 1.2em;line-height: 1.3;padding-bottom: 1.5em;} ul.phListIkimono img {width: 250px;padding-bottom: 5px;} /*--- div.center_txt ---*/ div.center_txt ul.phListIkimono {padding-left: 46px;} div.center_txt ul.phListIkimono li {padding-right: 46px;} /*--- div.left_txt ---*/ /*div.left_txt {float: left;}*/ div.left_txt p.commentIkimono {width: 380px;float: left;} div.left_txt ul.phListIkimono {width: 250px;float: right;} /*--- div.right_txt ---*/ /*div.right_txt {float: right;}*/ div.right_txt p.commentIkimono {width: 380px;float: right;} div.right_txt ul.phListIkimono {width: 250px;float: left;} /*----------------------------------------------------------------------- input -----------------------------------------------------------------------*/ div#content {width: 650px;} div#titleArea.input p {font-size: 1.2em;} p.notice {color: #f00;} p.noteList {padding-left: 1em;text-indent: -1em;} h3.contentTTL {font-size: 2em;} dl.formList {width: 650px;float: left;border-top: 2px solid #666;margin: 1em 0 2em;} dl.formList dt {clear: both;font-size: 1.3em;width: 178px;float: left;padding: 1em;} dl.formList dd {font-size: 1.3em;padding: 1em 1em 1em 220px;background: url(/images/formList_dd_bg.png) left top repeat-y;border-bottom: 1px dotted #333;} input.shortSpace {width: 100px;} .longSpace {width: 400px;} textarea.longSpace {height: 8em;} p.blue {font-size: 12px;color: #39f;} p.tac {text-align: center;} p.tac input {margin: 10px 0;border: 0px;width: 120px;height: 24px;background: #ffcc00;cursor: pointer;font-size: 12px;} p#backBTN {width: 30%;float: left;padding-left: 20%;} p#sendBTN {width: 30%;float: left;} p#thanx {font-size: 1.2em;font-weight: bold;color: red;text-align: center;padding: 1em;} /*----------------------------------------------------------------------- konnako -----------------------------------------------------------------------*/ /* indexページ */ div#titleArea.konnako {width: 614px;} div.itemBoxKonnako {width: 160px;float: left;padding: 10px 1px 20px;text-align: center;} /*img.itemPH {width: 130px;padding: 5px;border: 1px solid #6d6d6d;margin-bottom: 8px;}*/ h3.itemTTLKonnako {font-size: 1.2em;line-height: 1.3;} p.updateKonnako {font-size: 1em;padding: 0.3em 0;} /* 詳細ページ */ div#contentBox.konnako {width: 650px;float: left;padding-bottom: 1em;border-bottom: 1px dotted #333;} img#mainPH.konnako {width: 392px;float: left;} p#catch.konnako {font-size: 1.5em;color: #ff3f00;padding: 0 0 0.6em 400px;} h2#contentTTL.konnako {font-size: 1.9em;line-height: 1.2;border-bottom: 1px dotted #333;padding: 0 0 6px 400px;margin-bottom: 10px;} p#comment.konnako {font-size: 1.4em;padding: 0 0 0 400px;} /* 共通 */ /*---------- div#profBox ----------*/ div#profBox.konnako {clear: both;width: 648px;background: url(/images/prof_dt_bg.png) left top repeat-x;border: 1px solid #9bcb00;border-top: none;position: relative;margin-bottom: 2em;} h3#profName.konnako {font-size: 1.6em;color: #ff3f00;padding: 0.3em 0 1em 145px;} ul#workgraphy {list-style: none;padding: 0 0 3em 145px;border-bottom: 1px dotted #9bcb00;margin-bottom: 1em;} ul#workgraphy li {font-size: 1.2em;} img#profPH.konnako {position: absolute;top: 10px;left: 10px;} dl#works {padding: 0 1em 1em;} dl#works dt {font-size: 1.5em;font-weight: bold;color: #9bcb00;padding-bottom: 1em;} ul#otherSites {list-style-position: inside;padding-left: 0.5em;} ul#otherSites li {font-size: 1.3em;} /*----------------------------------------------------------------------- movie -----------------------------------------------------------------------*/ /*--- indexページ ---*/ div.newsBox {width: 300px;display: inline-block;vertical-align: top;margin: 0 0 10px 12px;} img.newsPH {width: 143px;border: 1px solid #ccc;float: left;} p.releaseDate {font-size: 1.1em;color: #f00;padding-left: 150px;margin-bottom: 0.5em;} h3.newsTTL {padding-left: 150px;margin-bottom: 1em;} p.newDate {font-size: 1.1em;padding-left: 150px;color: #6A6761;} /*--- div.releasBox ---*/ div.releasBox {border-bottom: 1px solid #ddd;margin-bottom: 10px;} div.releasBox:last-child {margin-bottom: 0;border-bottom: none;} div.itemBoxMovie {width: 140px;vertical-align: top;display: inline-block;padding: 10px 0 20px;margin-right: 16px;} div.no4th {margin-right: 0;} p.releaseTxt {color: #f00;text-align: center;} img.moviePH {width: 130px;padding: 5px;border: 1px solid #6d6d6d;margin-bottom: 8px;} /*--- 旧デザイン ---*/ div.movieBoxMovie {width: 160px;float: left;padding: 10px 1px 20px;} /*img.itemPH {width: 130px;padding: 5px;border: 1px solid #6d6d6d;margin-bottom: 8px;}*/ div.movieBoxMovie h3.movieTTL {width: 140px;line-height: 1.3;text-align: center;padding: 0.5em 0 0;} div.movieBoxMovie p.publicTxt {width: 140px;font-size: 1em;color: #f00;padding-bottom: 0.4em;} /*--- 詳細ページ ---*/ /*--- div#ttlArea ---*/ div#ttlArea.movie {width: 650px;float: left;padding-bottom: 1em;border-bottom: 1px dotted #333;margin-bottom: 2em;} p#catch.movie {font-size: 1.5em;font-weight: bold;line-height: 1.2;color: #ff3f00;padding-bottom: 0.9em;} h2#contentTTL.movie {font-size: 2.7em;line-height: 1.1;border-bottom: 1px dotted #333;padding-bottom: 6px;margin-bottom: 10px;} /*img#catchPH {width: 250px;float: left;}*/ div#specBox.movie {width: 385px;float: right;} /*p#url {font-size: 1.2em;padding-bottom: 0.8em;}*/ p#lead.movie {font-size: 1.2em;} /*--- div.boxAreaMovie ---*/ div.boxAreaMovie {width: 650px;} h3.boxTTLMovie {font-size: 2em;line-height: 1.2;padding-bottom: 0.9em;color: #ff3f00;} p.commentMovie {font-size: 1.4em;padding-bottom: 2em;} ul.phListMovie {list-style: none;padding-bottom: 1em;} ul.phListMovie li {width: 250px;display: inline-block;font-size: 1.2em;line-height: 1.3;padding-bottom: 1em;vertical-align: top;} ul.phListMovie img {width: 250px;padding-bottom: 5px;} /*dl.dataList {padding: 1em 10px 2em;}*/ /*dl.dataList dt {clear: both;font-size: 1.3em;font-weight: bold;float: left;}*/ /*dl.dataList dd {font-size: 1.3em;padding-bottom: 0.5em;}*/ p.alertMovie {font-size: 1.2;padding-bottom: 0.5em;padding-left: 1em;text-indent: -1em;} /*--- div.center_txt ---*/ div.center_txt ul.phListMovie {padding-left: 50px;} div.center_txt ul.phListMovie li {padding-right: 40px;} /*--- div.right_txt ---*/ /*div.right_txt {float: left;}*/ div.right_txt p.commentMovie {width: 400px;float: right;} div.right_txt ul.phListMovie {width: 250px;float: left;} /*--- div.left_txt ---*/ /*div.left_txt {float: left;}*/ div.left_txt p.commentMovie {width: 380px;float: left;} div.left_txt ul.phListMovie {width: 250px;float: right;} /*--- div.informationAreaMovie ---*/ div.informationAreaMovie {width: 608px;float: left;background: url(/images/informationArea_bg_above.png) left top no-repeat;border: 1px solid #ff2400;border-top: none;padding: 35px 20px 0;margin-bottom: 20px;} div.informationAreaMovie p.commentMovie, div.informationAreaMovie p.alert {width: 440px;float: right;} div.informationAreaMovie p.noFloat {float: none;width: 100%;} div.informationAreaMovie ul.phListMovie {width: 150px;float: left;} div.informationAreaMovie ul.phListMovie li {padding-bottom: 0;} div.informationAreaMovie ul.phListMovie img {width: 150px;} div.informationAreaMovie dl.dataList {width: 440px;float: right;padding-left: 0;padding-right: 0;} div.informationAreaMovie dl.noFloat {float: none;width: 100%;} /*----------------------------------------------------------------------- news -----------------------------------------------------------------------*/ ul#newsList {list-style: none;} ul#newsList li {padding: 0 1em;margin-bottom: 1em;border-bottom: 1px dotted #ccc;} ul#newsList a {display: block;font-size: 1.3em;line-height: 1.3;padding: 0.3em 0 1em;} /*----------------------------------------------------------------------- present -----------------------------------------------------------------------*/ /*--- indexページ ---*/ ul#itemList.present {list-style: none;} ul#itemList.present li {padding: 0 1em;margin-bottom: 1em;border-bottom: 1px dotted #ccc;} ul#itemList.present a {display: block;font-size: 1.3em;padding: 0.3em 0 1em;} /* 詳細ページ */ /*--- div#ttlArea ---*/ div#ttlArea.present {width: 610px;background: #fffaea;padding: 30px 20px;border-top: 1px dotted #333;border-bottom: 1px dotted #333;margin-bottom: 2em;} p#catch.present {font-size: 1.5em;font-weight: bold;line-height: 1.2;color: #ff8f6c;padding-bottom: 0.5em;} h2#contentTTL.present {font-size: 2.7em;line-height: 1.1;} /*--- div.boxAreaPresent ---*/ div.boxAreaPresent {width: 650px;} h3.boxTTLPresent {font-size: 2em;line-height: 1.2;padding-bottom: 0.9em;color: #ff3f00;} p.commentPresent {font-size: 1.3em;padding-bottom: 2em;} ul.phListPresent {list-style: none;padding-bottom: 1em;} ul.phListPresent li {width: 250px;display: inline-block;font-size: 1.2em;line-height: 1.3;padding-bottom: 1em;vertical-align: top;} ul.phListPresent img {padding-bottom: 5px;} /*--- div.center_txt ---*/ div.center_txt ul.phListPresent {padding-left: 56px;} div.center_txt ul.phListPresent li {padding-right: 26px;} div.center_txt ul.phListPresent img {width: 250px;} /*--- div.right_txt ---*/ div.right_txt {clear: both;width: 626px;float: left;background: #fffde3;border: 1px solid #ff7e78;margin-bottom: 1em;padding: 11px;} div.right_txt p.commentPresent {width: 500px;float: right;padding-bottom: 0;} div.right_txt ul.phListPresent {width: 120px;float: left;padding-bottom: 0;} div.right_txt ul.phListPresent li {width: 110px;padding-bottom: 0;} div.right_txt ul.phListPresent img {width:100px;} /*--- div.left_txt ---*/ /*div.left_txt {float: left;}*/ div.left_txt p.commentPresent {width: 380px;float: left;} div.left_txt ul.phListPresent {width: 250px;float: right;} div.left_txt ul.phListPresent img {width: 250px;} /*--- div.imageArea ---*/ div.imageArea ul.phListPresent li {width: 500px;padding-left: 80px;} div.imageArea ul.phListPresent img {width: 500px;} /*--- div.informationAreaPresent ---*/ div.informationAreaPresent {clear: both;width: 648px;background: url(/images/infoArea_bg_bottom.png) left top repeat-x;border: 1px solid #9bcb00;border-top: none;margin-bottom: 2em;} div.informationAreaPresent + hr {clear: both;visibility: hidden;} div.informationAreaPresent h3.boxTTLPresent {background: url(/images/infoArea_bg_bottomLine.png) left bottom repeat-x;padding: 6px 10px;} div.informationAreaPresent p.commentPresent {padding: 1em 10px;} div.informationAreaPresent p.alert {font-size: 1.2em;padding: 0 2em 1em;text-indent: -1em;} /*dl.dataList {padding: 1em 10px 2em;}*/ /*dl.dataList dt {clear: both;font-size: 1.3em;font-weight: bold;float: left;}*/ /*dl.dataList dd {font-size: 1.3em;padding-bottom: 0.5em;}*/ .present_box { border: 1px solid #76aac2; margin-bottom: 15px; padding: 10px; background-color: #ffffe5; position: relative; } .present_deadline { height: 94px; width: 94px; top: -30px; left: -10px; float: left; position: absolute; } .days1 { background-image: url(/images/present_today.png); } .days2 { background: url(/images/present_2days.png) left top no-repeat; } .days3 { background-image: url(/images/present_3days.png); } .now { background-image: url(/images/present_now.png); } /*----------------------------------------------------------------------- recipe -----------------------------------------------------------------------*/ /*--- indexページ ---*/ div#titleArea.recipe {width: 614px;} div.recipeBox {width: 160px;padding: 0 1px 2em;text-align: center;float: left;} /*img.itemPH {width: 130px;padding: 5px;border: 1px solid #6d6d6d;margin-bottom: 8px;}*/ h3.recipeName {font-size: 1.2em;line-height: 1.2;padding-bottom: 0.5em;} /*--- 新デザイン ---*/ div#osusumeArea {width: 646px;border: 2px solid #41a011;border-radius: 3px;padding: 12px 0;text-align: center;margin-bottom: 15px;} div#osusumeArea h3.areaName {color: #fff;background: #390;} div#osusumeArea p {font-size: 1.2em;margin:0 10px 10px 11px;text-align: left;} div#osusumeArea div.itemBoxRecipe {padding-bottom: 10px;} div#profArea.recipe {clear: both;width: 646px;border: 2px solid #41a011;padding: 12px 0;margin-bottom: 20px;} div#profArea.recipe h3.areaName {color: #fff;background: #390;} p#profTXT {font-size: 1.2em;margin: 0 11px;} div#newestArea {width: 100%;text-align: center;padding-bottom: 30px;} div#osusume2Area {width: 646px;float: left;border: 2px solid #ffd014;border-radius: 3px;padding: 12px 0 0;margin-bottom: 20px;} div.itemBoxRecipe {vertical-align: top;width: 142px;display: inline-block;*display: inline;*zoom: 1; text-align: center;margin: 0 8px;} h3.genre {width: 142px;color: #fff;font-size: 1.3em;margin: 0 0 5px;padding: 0.2em 0;} .newestOne {background: #f30;} .popularOne {background: #c60;} .easyOne {background: #f93;} .sweetOne {background: #f99;} img.newestPH {width: 130px;padding: 5px;border: 1px solid #6d6d6d;margin-bottom: 8px;} h4.itemName {font-size: 1.2em;line-height: 1.2;padding-bottom: 0.4em;} p.dateSTR {line-height: 1.2;} a.toGenreList {display: block;background: #fc0;color: #333;margin-top: 5px;padding: 2px 0;} a.toGenreList:before {content: '▶';} h3.areaName {font-size: 1.6em;text-align: left;margin: 0 11px 12px;padding: 0.2em 1em;} div#osusume2Area h3.areaName {background: #ffd014;} div.osusume2Box {width: 614px;padding: 0 16px 15px;float: left;} img.os2PH {width: 133px;float: left;} h4.os2TTL {font-size: 1.4em;padding: 0 0 0.5em 150px;color: #333;} p.os2TXT {font-size: 1.2em;padding: 0 0 1em 150px;color: #333;} p.toItem {font-size: 1.2em;text-align: right;} /*--- 詳細ページ ---*/ /*--- div#ttlArea ---*/ div#ttlArea.recipe {width: 650px;float: left;padding-bottom: 1em;/*border-bottom: 1px dotted #333;*/margin-bottom: 2em;} p#catch.recipe {font-size: 1.5em;line-height: 1.3;color: #ff3f00;} h2#contentTTL.recipe {font-size: 2.7em;line-height: 1.1;padding-bottom: 6px;border-bottom: 1px dotted #333;margin-bottom: 10px;} img#mainPH.recipe {width: 250px;float: left;} p#lead.recipe {font-size: 1.4em;padding-left: 265px;} /*--- div#ttlArea ---*/ div#costArea {clear: both;width: 646px;border: 1px solid #f2ca1c;padding: 1px;margin-bottom: 1em;} table#costTbl {width: 646px;border: 1px solid #f2ca1c;border-spacing: 0;border-collapse: collapse;} table#costTbl th {background: #fa9b00;vertical-align: middle;width: 40px;} table#costTbl td {vertical-align: middle;font-size: 1em;padding: 1em;background: url(/images/tbl_bg.png) left top repeat;} table#costTbl td#tdTime {width: 48px;} table#costTbl td#tdCost {width: 68px;} table#costTbl td#tdPoint {} /*--- div#cookArea ---*/ div#cookArea {width: 650px;float: left;} div#cookArea + hr {clear: both;visibility: hidden;} /*--- div#materialArea ---*/ div#materialArea {width: 212px;float: left;border: 1px solid #9bcb00;border-top: none;background: url(/images/amount_bg_above.png) left top repeat-x;padding-top: 1px;} p#amount {font-size: 1.4em;font-weight: bold;text-align: center;color: #fff;background: url(/images/amount_bg_bottom.png) left bottom repeat-x;} ul#materialList {list-style: inside;padding: 0.5em 1em;margin: 0 0.2em;} ul#materialList li {border-bottom: 1px dotted #9bcb00;font-size: 1.3em;line-height: 1.3;padding: 0.4em 0 0.4em 1em;text-indent: -1em;} /*--- div#howtoArea ---*/ div#howtoArea {/*width: 424px;float: right;*//*background: url(/images/howto_bg_above.png) left top repeat-x;*/padding-top: 1px;} h3#howtoTTL {font-size: 1.4em;font-weight: bold;text-align: center;color: #fff;background: url(/images/howto_bg_bottom.png) left bottom repeat-x;} ul#howtoList {list-style: none;padding: 1em 0 0;} ul#howtoList li {clear: both;float: left;padding-bottom: 1em;margin-bottom: 1em;border: 1px solid #ff9b00; width: 100%;} div.howtoBox {clear: both;/*background: url(/images/howto_li_bg.png) left top repeat-y;*/position: relative;/*width: 424px;*//*float: left;*/width:100%;display: -webkit-box;display: -moz-box;} p.howtoNum {font-size: 1.6em;font-weight: bold;color: #999999;width: 26px;text-align: center;/*float: left;*/padding-top: 12px;padding-left: 12px;} div.howtoBox img[data-largePH] {cursor: pointer;} dl.how2 {padding-left: 30px;float: left;margin-top: -2.2em;} dl.how2 dt img {width: 200px;float: left;} dl.how2 dd {padding-left: 210px;font-size: 1.4em;} /*--- div#backNumbers ---*/ div#backNumbers {width: 648px;border: 1px solid #9bcb00;border-top: none;padding-bottom: 1em;margin-top: 1em;} h3#bnTTL {font-size: 1.6em;background: url(/images/prof_dt_bg.png) left top repeat-x;color: #ff3f00;padding: 0.3em 10px;} div.bnBox {padding: 1em;border-bottom: 1px dotted #9bcb00;} img.bnPH {width: 80px;float: left;} h4.bnName {font-size: 1.5em;padding: 0 0 0.2em 90px;} p.bnCom {font-size: 1.2em;padding: 0 0 1em 90px;} p.bnLink {font-size: 1.4em;text-align: right;padding: 0 0 0 90px;} /*--- dl#profBox ---*/ dl#profBox.recipe {clear: both;width: 648px;border: 1px solid #9bcb00;border-top: none;margin: 2em 0;} dl#profBox.recipe dt {font-size: 1.6em;font-weight: bold;color: #ff3f00;background: url(/images/prof_dt_bg.png) left top repeat-x;padding: 0.3em 10px;} dl#profBox.recipe dd {padding: 10px;font-size: 1.2em;} /*----------------------------------------------------------------------- review -----------------------------------------------------------------------*/ /*--- indexページ ---*/ div.itemBoxReview {width: 160px;padding: 0 1px 2em;text-align: center;float: left;} /*img.itemPH {padding: 5px;border: 1px solid #6d6d6d;margin-bottom: 8px;}*/ h3.itemTTLReview {font-size: 1.2em;font-weight: normal;line-height: 1.2;padding-bottom: 0.5em;} /*--- 詳細ページ ---*/ /*--- div#ttlArea ---*/ div#ttlArea.review {width: 650px;float: left;padding-bottom: 1em;border-bottom: 1px dotted #333;margin-bottom: 2em;} p#catch.review {font-size: 1.5em;font-weight: bold;line-height: 1.2;color: #ff3f00;padding-bottom: 0.9em;} h2#contentTTL.review {font-size: 2.7em;line-height: 1.1;border-bottom: 1px dotted #333;padding-bottom: 6px;margin-bottom: 10px;} /*img#catchPH {width: 250px;float: left;}*/ div#specBox.review {width: 385px;float: right;} /*p#url {font-size: 1.2em;padding-bottom: 0.8em;}*/ p#lead.review {font-size: 1.2em;} /*--- div.boxAreaReview ---*/ div.boxAreaReview {width: 650px;} h3.boxTTLReview {font-size: 2em;line-height: 1.2;padding-bottom: 0.9em;color: #ff3f00;} p.commentReview {font-size: 1.2em;padding-bottom: 2em;} ul.phListReview {list-style: none;padding-bottom: 1em;} ul.phListReview li {width: 250px;display: inline-block;font-size: 1.2em;line-height: 1.3;padding-bottom: 1em;vertical-align: top;} ul.phListReview img {width: 250px;padding-bottom: 5px;} /*--- div.center_txt ---*/ div.center_txt ul.phListReview {padding-left: 46px;} div.center_txt ul.phListReview li {padding-right: 46px;} /*--- div.right_txt ---*/ div.right_txt {float: left;} div.right_txt p.commentReview {width: 380px;float: right;} div.right_txt ul.phListReview {width: 250px;float: left;} /*--- div.left_txt ---*/ div.left_txt {float: left;} div.left_txt p.commentReview {width: 380px;float: left;} div.left_txt ul.phListReview {width: 250px;float: right;} /*----------------------------------------------------------------------- schedule -----------------------------------------------------------------------*/ /*--- 共通 ---*/ /*p#pageCatch,h2#pageCatch {margin-bottom: 0;}*/ div#titleArea.schedule {background: #fff;border-top: none;} /*p#pageLead {padding-bottom: 0;}* /*--- index ---*/ ul#areaList {list-style: none;background: #fffaea;padding: 2em;} ul#areaList li {display: inline-block;font-size: 1.3em;width: 125px;color: #ccc;box-shadow: 3px 3px 8px #666;margin: 0 1.2em 1.2em 0;padding: 4px 0 3px 10px;} li.g0 {background: #fff url(/images/sticky01.png) right top repeat-y;} li.g1 {background: #fff url(/images/sticky02.png) right top repeat-y;} li.g2 {background: #fff url(/images/sticky03.png) right top repeat-y;} li.g3 {background: #fff url(/images/sticky04.png) right top repeat-y;} li.g4 {background: #fff url(/images/sticky05.png) right top repeat-y;} ul#areaList a {display: inline-block;width: 135px;} /*--- 詳細ページ ---*/ p#itemLead {font-size: 1.5em;font-weight: bold;color: #f30;padding-top: 10px;} h2#areaTTL {font-size: 2.7em;margin-top: -18px;} p#noData {font-size: 1.4em;padding: 18px;} div.eventBoxSchedule {width: 650px;border-bottom: 1px dotted #f30;padding: 10px 0;font-size: 1.3em;} p.catSpan {padding-bottom: 3px;} span.category {color: #f30;font-weight: bold;} h3.eventNameSchedule {line-height: 1.2;padding: 0 0 0.5em 0.4em;} hr#ruler {clear: both;padding-top: 2em;visibility: hidden;} /*----------------------------------------------------------------------- search -----------------------------------------------------------------------*/ /*p#pageCatch {margin-bottom: 2em;}*/ div#yahooArea {padding: 0 1em;margin-bottom: 2em;} div.googleArea {padding: 0 1em;margin-bottom: 2em;} div.my_form {margin-bottom: 2em;} /*----------------------------------------------------------------------- special -----------------------------------------------------------------------*/ /*h2#pageTTL {font-size: 16px;color: #f00;}*/ p#catchPH {text-align: center;padding-bottom: 1em;border-bottom: 1px dotted #032f77;} div.eventBoxSpecial {padding: 1.5em 1em;border-bottom: 1px dotted #032f77;} p.spanTxt {font-size: 1.2em;} p.addressTxt {font-size: 1.2em;padding-bottom: 1em;} h3.eventNameSpecial {font-size: 2em;line-height: 1.2;color: #f00;padding-bottom: 0.5em;} p.linkTxt {font-size: 1.3em;font-weight: bold;text-align: right;} ul#eventsList {list-style: none;padding: 0 1em 1em;} ul#eventsList li {width: 610px;font-size: 1.6em;font-weight: bold;padding: 1em 10px 1em;border-bottom: 1px dotted #ccc;} /*----------------------------------------------------------------------- spot -----------------------------------------------------------------------*/ /*--- indexページ ---*/ div.itemBoxSpot {width: 160px;float: left;padding: 10px 1px 20px;text-align: center;} /*img.itemPH {width: 130px;padding: 5px;border: 1px solid #6d6d6d;margin-bottom: 8px;}*/ h3.itemTTLSpot {font-size: 1.2em;line-height: 1.3;} p.updateSpot {font-size: 1.2em;padding: 0.3em 0;} /*--- 詳細ページ ---*/ /*--- div#ttlArea ---*/ div#ttlArea.spot {width: 650px;float: left;padding-bottom: 1em;border-bottom: 1px dotted #333;margin-bottom: 2em;} p#catch.spot {font-size: 1.5em;font-weight: bold;line-height: 1.2;color: #ff3f00;padding-bottom: 0.9em;} h2#contentTTL.spot {font-size: 2.7em;line-height: 1.1;border-bottom: 1px dotted #333;padding-bottom: 6px;margin-bottom: 10px;} /*img#catchPH {width: 250px;float: left;}*/ div#specBox.spot {width: 385px;float: right;} dl#headDL {padding-bottom: 0.8em;} dl#headDL dt {clear: both;float: left;font-size: 1.3em;font-weight: bold;} dl#headDL dd {font-size: 1.3em;padding-bottom: 0.5em;} /*p#url {font-size: 1.3em;padding-bottom: 0.8em;}*/ p#lead.spot {font-size: 1.3em;} /*--- div.boxAreaSpot ---*/ div.boxAreaSpot {width: 650px;} div.boxAreaSpot + hr {clear: both;visibility: hidden;} h3.boxTTLSpot {font-size: 2em;line-height: 1.2;padding-bottom: 0.9em;color: #ff3f00;} p.commentSpot {font-size: 1.4em;padding-bottom: 2em;} ul.phListSpot {list-style: none;padding-bottom: 1em;} ul.phListSpot li {width: 250px;display: inline-block;font-size: 1.2em;line-height: 1.3;padding-bottom: 1em;vertical-align: top;} ul.phListSpot img {width: 250px;padding-bottom: 5px;} p.alertSpot {clear: both;font-size: 1.3em;padding: 0 0 2em 2em;text-indent: -1em;} p.creditTxt {font-size: 1.2em;text-align: right;padding-bottom: 2em;} /*--- div.center_txt ---*/ div.center_txt ul.phListSpot, div.informationAreaSpot ul.phListSpot {padding-left: 46px;} div.center_txt ul.phListSpot li, div.informationAreaSpot ul.phListSpot li {padding-right: 46px;} /*--- div.right_txt ---*/ div.right_txt {float: left;} div.right_txt p.commentSpot {width: 380px;float: right;} div.right_txt ul.phListSpot {width: 250px;float: left;} /*--- div.left_txt ---*/ div.left_txt {float: left;} div.left_txt p.commentSpot {width: 380px;float: left;} div.left_txt ul.phListSpot {width: 250px;float: right;} /*--- div.informationAreaSpot ---*/ div.informationAreaSpot {width: 648px;background: url(/images/infoArea_bg_bottom.png) left top repeat-x;border: 1px solid #9bcb00;border-top: none;margin-bottom: 2em;} div.informationAreaSpot + hr {clear: both;visibility: hidden;} div.informationAreaSpot h3.boxTTLSpot {background: url(/images/infoArea_bg_bottomLine.png) left bottom repeat-x;padding: 6px 10px;} div.informationAreaSpot p.commentSpot {padding: 1em 10px;} /*dl.dataList {padding: 1em 10px 2em;}*/ /*dl.dataList dt {clear: both;font-size: 1.3em;font-weight: bold;float: left;}*/ /*dl.dataList dd {font-size: 1.3em;padding-bottom: 0.5em;}*/ /** * Facilities */ section.facilities { background-color:#fff4e8; border:2px solid #ffcc01; border-radius:4px; padding:15px; } section.facilities .title { margin-bottom:20px; padding:9px 0 7px 13px; } section.facilities .search { background-color:#ffcc00; } section.facilities .osusume { background-color:#fe9900; } section.facilities li { float:left; font-size:1.4em; list-style-image:url(/images/toList_bg.png); margin-right:30px; } /** * */ section.fclty { border:2px solid #fc0; border-radius:4px; margin-bottom:20px; padding:12px; } section.fclty h3 { background:#fc0; font-size:1.4em; margin-bottom:12px; padding:0.2em 1em; } dl#fcltySpec dt, dl#fcltySpec dd { font-size:1.3em; } dl#fcltySpec dt { clear:both; float:left; font-weight:bold; line-height:2.2; padding-left:6px; width:130px; } dl#fcltySpec dd { border-bottom:1px dotted #fc0; line-height:1.8; margin-bottom:0.3em; padding:0.3em 1em 0.4em 150px; } section.fclty article:not(:last-child) { border-bottom:2px solid #cccccc; } section.fclty article { padding:10px; position: relative; margin-bottom:24px; } section.fclty article h1 { font-size:1.6em; margin-left:155px; } article p.catch, article p.address { font-size:1.2em; line-height:1.2; padding:0 1em 1em 155px; } img.fcPH2 { width:130px;border:1px solid #ccc;padding:1px;position:absolute;top:0;left:10px; } .utility_icons {}