/* ---------------------------------------------------------------------- smart phone setting ---------------------------------------------------------------------- */ body { -webkit-text-size-adjust:100%; margin:0; padding:0; /*font-family:"Century Gothic",Arial,sans-serif;*/ font-family:'Quicksand', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; width:100%; position:relative; overflow-x: hidden; color:#333; font-size:15px;} /* Add Shige */ a:hover, #index_topics .title a:hover, #index_blog .post_date, #product_list ol li .title a, #related_post .date, .product_headline a:hover, #top_headline .title, #logo_text a:hover, .widget_post_list .date, .tcdw_product_list_widget a.title:hover, #comment_header ul li.comment_switch_active a, #comment_header ul li#comment_closed p, #comment_header ul li a:hover { color:#005DD9; } #index_news .month, .index_archive_link a, #post_list .date, #news_list .month, .page_navi a:hover, #post_title .date, #post_pagination a:hover, #product_main_image .title, #news_title .month, #global_menu li a:hover, #wp-calendar td a:hover, #social_link li a, .pc #return_top:hover, #wp-calendar #prev a:hover, #wp-calendar #next a:hover, #footer #wp-calendar td a:hover, .widget_search #search-btn input:hover, .widget_search #searchsubmit:hover, .tcdw_category_list_widget a:hover, .tcdw_news_list_widget .month, .tcd_menu_widget a:hover, .tcd_menu_widget li.current-menu-item a, #submit_comment:hover { background-color:#005DD9; } #guest_info input:focus, #comment_textarea textarea:focus { border-color:#005DD9; } #product_list ol li .title a:hover { color:#75DCFF; } .index_archive_link a:hover, #social_link li a:hover { background-color:#75DCFF; } /* EndAdd Shige */ /* layout */ #contents { width:100%; } #main_col,#no_side_page { padding:15px 10px; } #side_col { padding:30px 10px 2px; background:#fff; border-top:1px solid #ccc; } .content { margin:30px 10px; } /*.bar { margin:30px 10px; background-color:#f2f2f2; }*/ .bar { background-color:#000000; color:#ffffff; } .bar_custom { width:100%; min-width:1000px; background-color:#000000; color:#ffffff; text-align: center;} h3.footer_headline{ color:#333; } /* ---------------------------------------------------------------------- company info ---------------------------------------------------------------------- */ #company_info { margin:0 0 50px 0; padding:1px 0 0 0; } #company_info p { margin:0; } #company_info dl { margin:0 0 40px 0; } #company_info dt { background:#f2f2f2; margin:0 0 5px 0; line-height:200%; font-weight:bold; font-size:12px; padding:0 10px; } #company_info dd { margin:0 0 10px 0; line-height:200%; padding:0 10px; } #company_info h4, #company_map_area h4 { font-size:16px; border-bottom:1px dotted #aaa; padding:0 0 10px 0; width:100%; } #company_map { text-align:right; } #company_map a { color:#333; } #company_map iframe { width:100%; } #company_map_desc { padding:20px 0 0; } /* ---------------------------------------------------------------------- index ---------------------------------------------------------------------- */ /* topics */ #index_topics { padding:30px 15px; /*background:url(img/common/background2.jpg);*/ background:#262626; } #index_topics ol { margin:0; padding:0; list-style-type:none; } #index_topics li { margin:0 0 20px 0; padding:0; line-height:100%; } #index_topics .num3 { margin:0; } #index_topics .title { background:#081a28; border:1px solid #000; padding:10px 20px; text-align:center; margin:0; line-height:180%; font-size:15px; } #index_topics .title a { color:#fff; text-decoration:none; display:block; } #index_topics .title a:hover { color:#00a2d9; } #index_topics .title2 { background:#005CD9; border:1px solid #000; padding:14px 20px 10px; text-align:center; margin:0; line-height:130%; font-size:15px; } #index_topics .title2 a { color:#fff; text-decoration:none; display:block; } #index_topics .title2 a span { display:block; font-size:11px; font-weight:normal; color:#F2F2F2; } #index_topics .title2 a:hover, #index_topics .title2 a:hover span { color:#00a2d9; } #index_topics .image { background:#000; display:block; margin:0; } #index_topics .image img { display:block; margin:0; width:100%; height:auto; -webkit-transition-property:opacity; -webkit-transition-duration:0.5s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.5s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.5s; -o-transition-timing-function:ease; } #index_topics .image:hover img { opacity:0.5; } /* new product */ #index_product_area { background:#f2f2f2; } #index_product { padding:20px 10px; } #index_product .headline { margin:0 0 15px 0; padding:0; line-height:100%; font-size:20px; } #index_product ol { margin:0; padding:0; list-style-type:none; } #index_product li { margin:0 0 20px 0; } #index_product .num4 { margin:0; } #index_product .image { display:block; margin:0 0 10px 0; background:#000; width:100%; } #index_product .image img { display:block; width:100%; height:auto; -webkit-transition-property:opacity; -webkit-transition-duration:0.5s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.5s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.5s; -o-transition-timing-function:ease; } #index_product .image:hover img { opacity:0.5; } #index_product .title { display:block; margin:0 0 10px 0; padding:0; line-height:160%; font-size:16px; } #index_product .title a { text-decoration:none; display:block; } #index_product .title a:hover { } #index_product .desc { font-size:12px; line-height:160%; margin:0; padding:0; } /* new construction */ #index_construction_area { background:#f2f2f2; } #index_construction { padding:20px 10px; } #index_construction .headline { margin:0 0 15px 0; padding:0 0 15px 0; line-height:100%; font-size:20px; border-bottom: 1px dotted #aaa; } #index_construction ol { margin:0; padding:0; list-style-type:none; } #index_construction li { margin:0 0 20px 0; } #index_construction li { border-bottom: 1px dotted #aaa; margin: 0 0 12px 0; padding: 0 0 10px 0; } #index_construction .num4 { margin:0; } #index_construction .image { display:block; margin:0 0 10px 0; background:#000; width:100%; } #index_construction .image img { display:block; width:100%; height:auto; text-align:center; margin:auto; -webkit-transition-property:opacity; -webkit-transition-duration:0.5s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.5s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.5s; -o-transition-timing-function:ease; } #index_construction .image:hover img { opacity:0.5; } #index_construction .title { display:block; margin:0 0 10px 0; padding:0; line-height:160%; font-size:14px; text-align: center;} #index_construction .title a { text-decoration:none; display:block; } #index_construction .title a:hover { } #index_construction .desc { font-size:12px; line-height:160%; margin:0; padding:0; } /* news */ #index_news { position:relative; margin:0 0 20px 0; } #index_news .headline { margin:0 0 15px 0; padding:0 0 15px 0; line-height:100%; font-size:20px; border-bottom:1px dotted #aaa; } #index_news ol { margin:0; padding:0; list-style-type:none; } #index_news ol li { border-bottom:1px dotted #aaa; margin:0 0 12px 0; padding:0 0 7px 0; } #index_news .news_date { font-size:14px; width:70px; height:70px; text-align:center; margin:0 15px 5px 0; line-height:100%; float:left; } #index_news .date { background:#091928; color:#fff; display:block; height:35px; line-height:35px; } #index_news .month { background:#00a2d9; color:#fff; display:block; height:35px; line-height:35px; } #index_news .title { margin:0 0 5px 0; padding:0; line-height:160%; font-size:14px; } #index_news .title a { text-decoration:none; display:block; } #index_news .title a:hover { } #index_news .desc { font-size:11px; line-height:160%; margin:0 0 5px 0; padding:0; } /* blog */ #index_blog { margin:0 0 20px 0; position:relative; } #index_blog .headline { margin:0 0 15px 0; padding:0 0 15px 0; line-height:100%; font-size:20px; border-bottom:1px dotted #aaa; } #index_blog ol { margin:0; padding:0; list-style-type:none; } #index_blog ol li { border-bottom:1px dotted #aaa; margin:0 0 12px 0; padding:0 0 10px 0; } #index_blog .image { background:#000; float:left; margin:0 4% 5px 0; width:19%; } #index_blog .image img { display:block; width:100%; height:auto; -webkit-transition-property:opacity; -webkit-transition-duration:0.5s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.5s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.5s; -o-transition-timing-function:ease; } #index_blog .image:hover img { opacity:0.5; } #index_blog .info { float:left; width:77%; } #index_blog ul { margin:0 0 7px 0; padding:0; } #index_blog ul li { border:none; margin:0; padding:0; float:left; font-size:11px; line-height:120%; } #index_blog .post_date { border-right:1px solid #aaa; margin:0 10px 0 0; padding:0 10px 0 0; color:#00a2d9; font-weight:bold; } #index_blog .title { margin:0; padding:0; line-height:160%; font-size:14px; } #index_blog .title a { text-decoration:none; display:block; } #index_blog .title a:hover { } /* twitter_Area */ #twitter_Area { margin:0 0 20px 0; position:relative; } #twitter_Area .headline { margin:0 0 15px 0; padding:0 0 15px 0; line-height:100%; font-size:20px; border-bottom:1px dotted #aaa; } /* facebook_Area */ #facebook_Area { margin:0 0 20px 0; position:relative; } #facebook_Area .headline { margin:0 0 15px 0; padding:0 0 15px 0; line-height:100%; font-size:20px; border-bottom:1px dotted #aaa; } /* archive link */ .index_archive_link a { display:inline-block; text-decoration:none; color:#fff; background:#00a2d9; font-size:12px; padding:5px 10px; position:absolute; right:0px; top:0px; -webkit-transition-property:background; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:background; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:background; -o-transition-duration:0.4s; -o-transition-timing-function:ease; } .index_archive_link a:hover { background:#75dcff; color:#fff; } /* banner */ #index_banner { margin:0; padding:0; line-height:100%; } #index_banner li { margin:0 0 15px 0; padding:0; } #index_banner li.num3 { margin:0; } #index_banner li a { width:100%; background:#000; display:block; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } #index_banner li img { display:block; width:100%; height:auto; margin:0; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -webkit-transition-property:opacity; -webkit-transition-duration:0.5s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.5s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.5s; -o-transition-timing-function:ease; } #index_banner li a:hover img { opacity:0.5; } /* ---------------------------------------------------------------------- side content ---------------------------------------------------------------------- */ .side_widget { margin:0 0 25px 0; font-size:12px; } .side_headline { background:none; border-bottom:1px dotted #aaa; } /* post list */ .widget_post_list li { background:none; border-bottom:1px dotted #aaa; } .widget_post_list li:last-child { border:none; } /* search */ .widget_search #search-box, .widget_search #s { width:70%; padding:0 2%; } .widget_search #search-btn input, .widget_search #searchsubmit { width:24%; } /* news list */ .tcdw_news_list_widget li { background:none; border-bottom:1px dotted #aaa; } /* ---------------------------------------------------------------------- header ---------------------------------------------------------------------- */ #header_wrap { width:100%; } #header { width:100%; min-height:32px; padding:7px 0 9px; position:relative; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); background:#ffffff; } #site_description { display:none; } /* logo */ #logo_text, #logo_image { margin:5px 0 0 15px; line-height:120%; float:left; font-size:18px; font-weight:normal; width:80%; overflow:hidden; } #logo_text a, #logo_image a { color:#fff; text-decoration:none; display:block; font-size: 9px; } #logo_text a:hover, #logo_image a:hover { } /* #logo_image img { display:none; } */ #logo_image a:before { content:attr(title); } /* global menu */ #header a.menu_button { position:absolute; right:15px; top:30px; margin:0; display:inline-block; font-size:13px; color:#fff; padding:15px; line-height:1; text-decoration:none; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:1px solid #d41c36; background: #d41c36; } #header a.menu_button:hover { color:#fff; } #header a.active { color:#fff; box-shadow:1px 1px 2px rgba(0,0,0,0.2) inset; } #global_menu { display:none; clear:both; width:100%; margin:0; top:10px; position:relative; box-shadow: 1px 2px 1.5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 2px 1.5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 2px 1.5px rgba(0, 0, 0, 0.1); background:#333;} #global_menu ul { margin:0; } #global_menu li { margin:0; line-height:100%; } #global_menu li a { display:block; border:1px solid #222; margin:0 0 -1px 0; padding:10px 10px 10px 30px; line-height:160%; text-decoration:none; background:#333 url(img/common/arrow4.png) no-repeat 16px 18px; color:#fff; } #global_menu li a:hover { background-color:#000; color:#fff; } #global_menu li li a { padding-left:45px; background:#333 url(img/common/arrow4.png) no-repeat 31px 18px; } #global_menu li li li a { padding-left:60px; background:#333 url(img/common/arrow4.png) no-repeat 46px 18px; } #global_menu li li li li a { padding-left:75px; background:#333 url(img/common/arrow4.png) no-repeat 61px 18px; } /* ---------------------------------------------------------------------- single post page ---------------------------------------------------------------------- */ .post { padding:15px 0 0; overflow: hidden; margin: 0 10px;} .post h2 { height: auto; font-size: 20px; line-height: 160%; padding: 10px 3px; } .post h3 { font-size: 20px; border-top: 1px solid #000; border-bottom: 1px solid #000; background: none; margin: 25px 0 10px; padding: 10px 0 10px 10px; } /* title */ #post_title { margin:0 0 30px 0; } #post_title h2 { background:#363636; color:#fff; float:left; width:74%; margin:0; padding:21px 5%; font-size:18px; line-height:160%; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } #post_title .post_date { width:15%; height:70px; text-align:center; line-height:100%; display:block; float:left; margin:0 1% 0 0; font-size:11px; } #post_title .date { background:#00a2d9; color:#fff; display:block; height:35px; line-height:35px; } #post_title .month { background:#091928; color:#fff; display:block; height:35px; line-height:35px; } #post_title h2.no_date { float:none; width:90%; } /* post thumbnail */ .post_image { text-align:center; margin:-42px 0 30px 0; } .post_image img { margin:0; width:100%; height:auto; } /* 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:#00a2d9; color:#fff; } /* meta and bookmark */ #post_meta { border-top:1px dotted #aaa; border-bottom:1px dotted #aaa; margin:0 0 30px 0; padding:15px 0 5px; } #post_meta #meta { margin:0 0 20px 0; font-size:12px; } #post_meta #meta li { padding:0; margin:0 0 6px 0; line-height:160%; } #post_meta #meta li.meta_author { background:url(img/common/icon_author.png) no-repeat left 5px; padding:0 0 0 18px; } #post_meta #meta li.meta_comment { background:url(img/common/icon_comment.png) no-repeat left 5px; padding:0 0 0 18px; } #post_meta #meta li.meta_category { background:url(img/common/icon_category.png) no-repeat 3px 4px; padding:0 0 0 18px; } #post_meta #meta li.meta_tag { background:url(img/common/icon_tag.png) no-repeat left 5px; padding:0 0 0 18px; } #post_meta .bookmark { margin:0; } #post_meta .bookmark li { float:left; margin:0 10px 10px 0; } /* related post*/ #related_post { margin:0 0 35px 0; } #related_post .headline { font-size:18px; margin:0 0 12px 0; line-height:100%; } #related_post ul { margin:0; } #related_post li { margin:0 0 10px 0; border:1px solid #ccc; padding:10px; } #related_post .image { float:left; margin:0 15px 0 0; background:#000; } #related_post .image img { width:72px; height:72px; display:block; -webkit-transition-property:opacity; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.4s; -o-transition-timing-function:ease; } #related_post .image:hover img { opacity:0.5; } #related_post .info { } #related_post .date { margin:0 0 5px 0; line-height:100%; font-size:12px; color:#00a2d9; font-weight:bold; } #related_post .title { font-size:14px; margin:0; } #related_post .title a { text-decoration:none; display:block; } /* comment */ #comments { margin:0; } .comment-meta-left { float:left; width:auto; min-width:150px; } .comment-content { padding:0; } #submit_comment { width:100%; -webkit-appearance:none; } #trackback_url_area input, .three_column #trackback_url_area input { padding:5px 2%; width:96%; border:none; background:#eee; } #guest_info input, #comment_textarea textarea { -webkit-appearance:none; -moz-border-radius:0; -khtml-border-radius:0; -webkit-border-radius:0; border-radius:0; } /* next prev post link */ #previous_next_post { margin:0; padding:0; } #previous_next_post a { } #previous_post, #next_post { margin:0 0 5px 0; } #previous_post a { margin:0; line-height:140%; font-size:11px; background:url(img/common/arrow_left.gif) no-repeat left 2px; padding:7px 0 8px 30px; border-bottom:1px dotted #ccc; display:block; } #next_post a { margin:0; line-height:140%; font-size:11px; background:url(img/common/arrow_right.gif) no-repeat left 2px; padding:7px 0 8px 30px; display:block; } /* ---------------------------------------------------------------------- archive ---------------------------------------------------------------------- */ #top_headline { background:#2e2e2e; } .archive_headline { margin:0; padding:12px 15px; line-height:120%; font-size:20px; color:#fff; } #main_image { background:url(img/common/background2.jpg) repeat left top; } #main_image img { display:block; margin:0 ; width:100%; height:auto; } /* blog archive */ #post_list { margin:0; padding:0; list-style-type:none; } #post_list li { border-bottom:1px dotted #aaa; margin:0 0 22px 0; padding:0 0 12px 0; } #post_list li:last-child { margin:0; } #post_list .image { margin:0 0 15px 0; display:block; background:#000; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } #post_list .image img { display:block; width:100%; height:auto; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -webkit-transition-property:opacity; -webkit-transition-duration:0.5s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.5s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.5s; -o-transition-timing-function:ease; } #post_list .image:hover img { opacity:0.5; } #post_list .info { } #post_list .post_date { width:70px; height:70px; text-align:center; float:left; margin:0 15px 10px 0; line-height:100%; display:block; } #post_list .date { background:#00a2d9; color:#fff; display:block; height:35px; line-height:35px; } #post_list .month { background:#091928; color:#fff; display:block; height:35px; line-height:35px; } #post_list .title { margin:0 0 5px 0; padding:0; line-height:180%; font-size:16px; } #post_list .title a { text-decoration:none; display:block; } #post_list .desc { font-size:11px; line-height:180%; margin:0 0 5px 0; padding:0; } /* product archive */ #product_list { padding:15px 10px 0; background:#ddd; margin:0 0 -15px 0; } #product_list ol { margin:0; padding:0; list-style-type:none; } #product_list ol li { margin:0 0 15px 0; padding:0; line-height:0; } #product_list ol li:last-child { margin:0; } #product_list ol li .image { margin:0; background:#000; } #product_list ol li .image img { width:100%; height:auto; display:block; -webkit-transition-property:opacity; -webkit-transition-duration:0.5s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.5s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.5s; -o-transition-timing-function:ease; } #product_list ol li .image:hover img { opacity:0.5; } #product_list ol li .info { padding:20px; background:#222222; color:#fff; } #product_list ol li .title { font-size:21px; margin:0 0 10px 0; padding:0; line-height:160%; } #product_list ol li .title a { color:#00a2d9; text-decoration:none; } #product_list ol li .title a:hover { color:#75dcff; } #product_list ol li .sub_title { font-size:14px; margin:0 0 10px 0; padding:0; line-height:160%; font-weight:bold; } #product_list ol li .desc { font-size:12px; margin:0; padding:0; line-height:200%; } /* construction archive */ #construction_list { padding:15px 10px 0; background:#ddd; margin:0 0 -15px 0; } #construction_list ol { margin:0; padding:0; list-style-type:none; } #construction_list ol li { margin:0 0 15px 0; padding:0; line-height:0; } #construction_list ol li:last-child { margin:0; } #construction_list ol li .image { margin:0; background:#000; } #construction_list ol li .image img { width:100%; height:auto; display:block; -webkit-transition-property:opacity; -webkit-transition-duration:0.5s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.5s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.5s; -o-transition-timing-function:ease; } #construction_list ol li .image:hover img { opacity:0.5; } #construction_list ol li .info { padding:20px; background:#222222; color:#fff; } #construction_list ol li .title { font-size:21px; margin:0 0 10px 0; padding:0; line-height:160%; } #construction_list ol li .title a { color:#00a2d9; text-decoration:none; } #construction_list ol li .title a:hover { color:#75dcff; } #construction_list ol li .sub_title { font-size:14px; margin:0 0 10px 0; padding:0; line-height:160%; font-weight:bold; } #construction_list ol li .desc { font-size:12px; margin:0; padding:0; line-height:200%; } /* ---------------------------------------------------------------------- product page ---------------------------------------------------------------------- */ .product_headline{ margin:0; padding:12px 15px; line-height:180%; font-size:16px; color:#fff; font-weight:normal; } .product_headline a{ color: #fff; } #top_headline .title{ margin:0; padding:12px 15px; line-height:180%; } #top_headline .sub_title{ padding:0px 15px 5px; line-height:130%; color:#fff; } #product_main_image .info .title{ padding: 0 15px;} #product_main_image .info .desc{ padding: 12px 15px; color: #fff;} /* ---------------------------------------------------------------------- construction page ---------------------------------------------------------------------- */ .construction_headline{ margin:0; padding:5px 15px; line-height:150%; font-size:12px; color:#fff; font-weight:normal; } .construction_headline a{ color: #fff; } #top_headline .title{ margin:0; padding:0px 15px 5px 15px; line-height:140%; font-size: 22px; } #top_headline .sub_title{ padding:0px 15px 5px; line-height:150%; color:#fff; } #top_headline h1.sub_title{ font-size:18px; } #construction_main_image .info .title{ padding: 10px 15px; margin: 0; background: #f3f3f3; font-size:20px; } #construction_main_image .info .desc{ padding: 12px 15px; color: #fff; display:none; } #top_headline .const_title { margin: 0; padding: 12px 15px; /*line-height: 120%; font-size: 20px;*/ line-height: 1.5; font-size: 18px; color: #fff; } /* ---------------------------------------------------------------------- footer ---------------------------------------------------------------------- */ /* footer top area */ #footer { clear:both; width:100%; background:#f2f2f2; } #footer_inner { font-size:11px; padding-top:20px; } #footer li { line-height:170%; margin:0 0 10px 0; padding:0; } /* widget area */ #footer_widget { margin:0 10px; } .footer_widget { margin:0 0 20px 0; } .footer_headline { font-size:16px; margin:0 0 15px 0; padding:0 0 8px 0; border-bottom:1px dotted #aaa; } .footer_widget ul { margin:0; } .footer_widget li ul { margin:10px 0 0 0; } .footer_widget li { } .footer_widget img { height:auto; max-width:100%; width:auto; } /* logo */ #footer_logo_area { background:#f2f2f2; border-top:1px solid #ccc; } #footer_logo_area_inner { margin:0 10px; } #footer_logo_text, #footer_logo_image { display:none; } #footer_menu { margin:0; padding:20px 0; display: none;} #footer_menu ul { margin:0; } #footer_menu li { margin:0; line-height:100%; margin:0; padding:10px 0; border-bottom:1px dotted #aaa; } #footer_menu li:last-child { border:none; } #footer_menu li a { text-decoration:none; display:block; background:url(img/common/arrow3.gif) no-repeat left 5px; padding:0 0 0 10px; } /* copyright area */ #copyright { width:100%; color:#ccc; background:#000; margin:0; padding:10px 0; } /* return top */ /*#return_top { position:fixed; bottom:4px; right:5px; display:block; text-indent:100%; overflow:hidden; white-space:nowrap; width:40px; height:40px; margin:0; padding:0; background:#555 url(img/footer/return_top2.gif) no-repeat center center; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } #return_top:hover { background-color:#00a2d9; }*/ /* social link */ #social_link { display:none; } /* copyright */ #copyright p { margin:0 0 0 10px; float:left; font-size:12px; } #copyright a { text-decoration:none; color:#fff; } #copyright a:hover { text-decoration:underline; } /* Add Shige */ .price { margin:0 0 50px 0; padding:1px 0 0 0; } .price p { margin:0; } .price dl { border-bottom:1px solid #ddd; margin:0 0 40px 0; } .price dt { float:left; width:150px; display:inline; margin:0 0 0px 0; line-height:200%; font-weight:bold; font-size:11px; border-top:1px solid #ddd; padding:12px 10px 10px 0; } .price dd { margin:0 0 0px 150px; line-height:200%; background:#f9f9f9; padding:12px 10px 10px 10px; border-top:1px solid #ddd; } #post_title h1 { background: #363636; color: #fff; float: left; /*width: 74%;*/ margin: 0; padding: 15px 5%; font-size: 20px; line-height: 120%; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #breadcrumbs { font-size: 12px; } #index_greeting { padding: 20px 10px; } #index_greeting .headline { margin: 0 0 15px 0; padding: 0 0 15px 0; line-height: 100%; font-size: 20px; background: url(img/common/dot2.gif) repeat-x left bottom; } #index_greeting_area p { line-height: 150%; font-size: 14px; } #index_greeting_area dl { margin: 0; } #index_greeting_area dt p, #index_greeting_area dd p { font-size: 10px; margin: 0; } #index_greeting h4{ position:relative; padding:9px; font-weight: bold; font-size: 16px; background-color: #f2f2f2; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; line-height: 1.5; margin-top: 40px; margin-bottom: 10px; } #index_greeting .f-large { font-size:110%; } .wc-shortcodes-pricing .wc-shortcodes-pricing-header h5 { font-size: 120%; } .wc-shortcodes-pricing .wc-shortcodes-pricing-cost { font-size: 110%; padding-top: 5px; border-top: 1px solid #000000; } .wc-shortcodes-pricing .wc-shortcodes-pricing-content ul li { background: none; } .wc-shortcodes-pricing .wc-shortcodes-pricing-header { padding: 20px 0 5px 0; text-align: center; border: 1px solid #357ebd; background: #333333; color: #ffffff; border: 1px solid #cccccc; } .wc-shortcodes-pricing.wc-shortcodes-pricing-type-secondary .wc-shortcodes-pricing-cost { background-color: #666; } .wc-shortcodes-pricing.wc-shortcodes-pricing-type-primary .wc-shortcodes-pricing-cost { background-color: #666; } .wc-shortcodes-button.wc-shortcodes-button-secondary { color: #333333; background-color: #ffffff; border: 1px solid #cccccc; } .wc-shortcodes-button.wc-shortcodes-button-secondary:visited, .wc-shortcodes-button.wc-shortcodes-button-secondary { border: none; text-decoration: none; color: #ffffff; background-color: #428bca; border: 1px solid #357ebd; display: inline-block; padding: 6px 20px; } .wc-shortcodes-button.wc-shortcodes-button-secondary:hover { color: #ffffff; background-color: #3276b1; border-color: #285e8e; text-decoration: none; outline: none; } .spNone{ display:none; } .pcNone ul{ border-bottom: 1px solid #ccc; margin: 0; } .pcNone ul li{ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0)); background: linear-gradient(#fff, #f0f0f0); border-top: 1px solid #ccc; height: 50px; margin: 0px; padding: 0px; line-height: 120%; } .pcNone ul li a{ background: url(img/sp/list_mark1.png) no-repeat 100% 50%; color: #666; display: block; height: 50px; margin: 0; padding: 0 20px 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; font-size: 13px; } .pcNone ul li img{ float: left; height: 70px; width: 70px; margin-right: 10px; } .pcNone ul li a strong{ color: #000; display: block; font-weight: bold; padding-top: 10px; font-size: 15px; } .pcNone h2{ font-size: 18px !important; color: #333333 !important; padding: 5px 15px !important; background-color: #ffffff !important; text-shadow: #999999 0px 1px 1px; line-height: 1.7; margin: 40px 0px 10px 0px; } h2.first{ margin: 5px 0px; } .pcNone h2.brown{ border-left: 7px solid #A78603 !important; } .pcNone h2.blue{ border-left: 7px solid #005DD9 !important; } .pcNone h2.gray{ border-left: 7px solid #494949 !important; } .pcNone h2.greenblue{ border-left: 7px solid #017589 !important; } .pcNone h2.orange{ border-left: 7px solid #DA6601 !important; } .pcNone h2.yellow{ border-left: 7px solid #feed00 !important; } .pcNone h2.green{ border-left: 7px solid #7EBA03 !important; } .pcNone h2.purple{ border-left: 7px solid #8c177e !important; } .full{ margin-left: -10px !important; margin-right: -10px !important; } .follow-social{clear:both;overflow:hidden;font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;} .follow-social a{color:#fff;text-decoration:none;display:block} .follow-social div{float:left;text-align:center;color:#fff;font-size:15px;font-weight:bold;overflow:hidden;width:50%;height:50px;line-height:50px} .follow-social div:hover{opacity:0.8} .follow-twitter{background:#06C755} .follow-facebook{background:#3b5998} .follow-feed{background:#FF6600} .follow-feedly{background:#dd4b39} .follow-pinterest{background:#C72527} .follow-insta{background:#4B789D} .follow-me{line-height:50px;font-size:20px;display:none} .detail_figure { font-weight: bold; } #price_Area dd { background: #EFEFF0; } .pcNone h3 { font-size: 18px; border-top: none; border-bottom: 1px solid #000; background: none; margin: 15px 0 5px; padding: 5px 0; } .subheading{ text-align: right; position:relative; padding-left:30px; font-weight: bold; font-size: 14px; line-height: 1.7; margin: 0; } .subheading:before{ content:''; height:0; width:0; display:block; border:5px transparent solid; border-right-width:0; border-left-color:#00A8FF; position:absolute; top:6px; right:133px; } .subheading:after{ content:''; height:2px; width:10px; display:block; background:#00A8FF; position:absolute; top:10px; right:138px; } .subheading a, a:visited { text-decoration:none; } .single h2 { margin: 40px 0 20px; font-size: 24px; text-align: left; font-weight: bold; line-height: 1.6; color: #000; background-color: #F3F3F3; border-radius: 10px; padding: 21px 18px 20px; height: auto; } .single h2.first{ margin: 0 0 20px; } .single h3 { margin: 35px 0 20px; font-size: 20px; font-weight: bold; color: #000; line-height: 1.6; padding: 18px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; background: none; height: auto; } .single h4 { margin: 30px 0 20px; font-size: 18px; font-weight: bold; line-height: 1.6; padding-left: 20px; border-left: 1px solid #000; color: #000; height: auto; } .single h5{ font-size: 16px !important; color: #ffffff !important; margin: 5px 0px !important; padding: 5px 15px 5px 25px !important; position: relative !important; font-weight: bold !important; background-color: #666666 !important; border-radius: 3px !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; } .single h5:before{ position: absolute; top: 11px; left: 10px; width: 3px; height: 20px; background: #ffffff; content:''; } .single a { color: #00a9c7; text-decoration: underline; word-break: break-all; } .single a:hover { text-decoration: none; } .single p { margin-bottom: 30px; line-height: 1.6; font-size: 16px; } .single ul { margin: 30px 0; } .single ul li { margin: 0 0 7px; line-height: 1.6; position: relative; padding-left: 20px; list-style: none; background: none; } .single ul li:before{ display: block; width: 7px; height: 7px; content: ""; position: absolute; left: 5px; top: 8px; background: #000; border-radius: 50%; } .wc-shortcodes-box.wc-shortcodes-box-primary, .wc-shortcodes-box.wc-shortcodes-box-success { font-weight: bold; } .tel_btn { font-size: 15px; text-decoration:none; display:block; text-align:center; color:#fff; background: #29A7E1; height: 50px; border-radius:5px; box-shadow:2px 2px 2px #555; line-height: 120%; margin-bottom: 10px; padding-right: 20px; } .mail_contact_btn { font-size: 15px; text-decoration:none; display:block; text-align:center; color:#fff; background: #F39801; height: 50px; border-radius:5px; box-shadow:2px 2px 2px #555; line-height: 120%; margin-bottom: 10px; padding-right: 20px; } .mail_appo_btn { font-size: 15px; text-decoration:none; display:block; text-align:center; color:#fff; background: #EB5350; height: 50px; border-radius:5px; box-shadow:2px 2px 2px #555; line-height: 120%; margin-bottom: 10px; padding-right: 20px; } .mail_contact_btn a, .mail_appo_btn a, .tel_btn a { text-decoration: none; height: 50px; font-size: 13px; display:block; color: #fff; } .tel_btn i { padding-top: 3px; padding-left: 23px; } .mail_contact_btn i, .mail_appo_btn i { padding-left: 20px; padding-top: 10px; } strong.tittle { display: block; padding-top: 7px; font-size: 15px; } .sp-bar-Area { clear: both; overflow: hidden; } .sp-bar-Area div { text-align: center; overflow: hidden; width: 49%; height: auto; } .sp-bar-left { float: left; } .sp-bar-right { float: right; } .sp-bar-Area a { display: block; } .sp-foot-mapArea { font-size: 15px; text-decoration:none; display:block; text-align:center; background-color: #fafafa; height: 50px; border-radius:5px; box-shadow:2px 2px 2px #ddd; line-height: 120%; margin-bottom: 10px; } .sp-foot-mapArea a { text-decoration: none; height: 50px; display:block; color: #333; margin-right: 10%; } .sp-foot-mapArea i { padding-top: 10px; padding-left: 10%; } strong.mapText { font-weight: bold; padding-top: 15px; display: block; } #foot_companyArea { margin: 0; } .card_pay { width: 38%; margin-left: 25%; padding-left: 10px; padding-right: 10px; } #foot_menu { position: fixed; bottom:0px; display:block; left: 0; background: #fff; z-index: 99999999999; } ul#foot_menu { margin: 0 auto; padding: 5px 0 0 0; width: 100%; overflow: hidden; background-color: #000; } ul#foot_menu li { margin: 0; padding: 0; float: left; width: 25%; list-style-type: none; font-size: 13px; } ul#foot_menu li a { border: none; display: block; color: #fff; text-align: center; text-decoration: none; } #foot_menu div:hover { opacity: 0.4; } ul#foot_menu li.foot_menu_col_2 { width: 50%; } .sidr { font-size: 20px; } .sidr ul li { padding-left: 15px; } #campaign-head { padding: 15px 10px; } #campaign-head img { width: 100%; height: auto; } .buttonArea { text-align: center; } input[type="submit"].send-button:hover { box-shadow: 0 2px 2px rgba(136,136,136,4); } input[type="submit"].send-button { box-shadow: none; -webkit-transition-property: background; transition-property: background; -webkit-transition-duration: .3s; transition-duration: .3s; background: #F18D05; color: #FFF; text-shadow: none; border: none; padding: 10px 40px; font-size: 1em; } .move-page-top:hover { opacity: 0.85 ; } #sb_instagram .sb_instagram_header { padding: 0 !important; } ul.standar-dropdown.standard.autodrop_submenu.sub-menu { width: 100% !important; }