/* Theme Name:Corporate Theme URI: Description:WordPressテーマ「Corporate (TCD011)」 Author:Design Plus Author URI:http://design-plus1.com/tcd-w/ Version:1.2 */ /* ---------------------------------------------------------------------- basic setting ---------------------------------------------------------------------- */ .contents_wrap { margin-left:12px; margin-right:12px; } .contents_wrap2 { margin-left:24px; margin-right:24px; } .imgborder {border:1px solid #aaa;} .pcmt10 {margin-top:10px !important;} .pcmt20 {margin-top:20px !important;} .pcml30 {margin-left:30px!important; } .pcwidth200 {width:200px;} .mini {font-size:16px; color:#6f6f6f;} .pcnone {display:none !important;} q {quotes: "" "";} div { max-height: 999999px; } body { margin:0; padding:0; font-family:"Century Gothic",Arial,sans-serif; color:#333; -webkit-text-size-adjust:none; background-color:#F9F9F9; } a img { border:none; vertical-align:top; } a, a:visited { outline:none; } a:hover { } p { margin:0 0 1em 0; padding:0; line-height:240%; } ul { list-style-type:none; margin:0 0 2em 0; padding:0; line-height:0%; } ul li { margin:0; padding:0; line-height:normal; zoom:1; } ol { margin:0 0 2em 19px; padding:0; } ol li { padding:0 0 5px 0; line-height:normal; } dl { list-style-type:none; margin:0 0 1em 0; padding:0; line-height:0%; } dl dt, dl dd { margin:0; padding:0; line-height:normal; zoom:1; } dl dt { font-weight:bold; } form,table,input,textarea,dl,dt,dd { margin:0; padding:0; } table { border-collapse:collapse; width:100%; border:0; } cite { text-align:right; display:block; } object { display:block; margin:0 auto; height:auto; } del { color:#333; } hr { border:1px solid #ccc; margin:40px 0; } .wp-caption-text { text-align:center; } .alignright { float:right; } .alignleft { float:left; } .aligncenter { margin-left:auto; margin-right:auto; } .centered { margin-left:auto; margin-right:auto; } .clear { clear:both; } input[type="text"], input[type="password"], textarea, select { outline: none; } /* layout */ #main_content { width:1000px; margin:20px auto; } #main_col { width:770px; float:left; } #side_col { width:200px; float:right; } .page #main_content { margin-top:40px; } .page_noside #main_col, .co_noside #main_col { float:none; width:800px; margin:0 auto; } .index_noside #main_col, .noside #main_col { float:none; margin:0 auto; } .index_left #main_col, .left #main_col { float:right; } .index_left #side_col, .left #side_col { float:left; } /* headline */ .headline1 { border-bottom:2px solid #ccc; padding:0 0 5px 0; font-size:16px; line-height:170%; margin:0 0 15px 0; } .headline2 { background:url(img/common/headline_bg.gif) repeat-x left top; font-size:14px; height:41px; line-height:43px; padding:0 20px; } /* ---------------------------------------------------------------------- top page ---------------------------------------------------------------------- */ #pickuptopics { background-color:white; margin:0 0 5px 0; height:380px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; box-shadow: 1px 1px 6px 1px #ececec; -webkit-box-shadow: 1px 1px 6px 1px #ececec; -moz-box-shadow: 1px 1px 6px 1px #ececec; } #pickuptopics .pickuptopics_title { font-size:18px; line-height:40px; color:white; background:#111 url(img/common/check24.png) no-repeat 12px 7px; padding-left:52px; margin:0; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; } #pickuptopics img:hover { cursor:pointer; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } #pickuptopics ul {} #pickuptopics li { width:220px; height:308px; display:inline-block; padding:0 0 12px; margin:0 0 0 20px; border-bottom:1px dotted #aaa; } #pickuptopics .last {} #pickuptopics a.image img {margin:6px 0 10px 0;height: 169px;border:1px solid #ccc;padding:1px;width: 100%;} #pickuptopics a.title { display:block; height:20px; color:#333; font-size:16px; margin:0 0 5px 0; text-decoration:none; font-weight:bold; } #pickuptopics a.title:hover { text-decoration:underline; } #pickuptopics .desc { font-size:12px; line-height:160%; margin:0; } #topics_list, #press_list { margin:0 0 15px 0; } .post_list ul { margin:0 0 15px 0; } .post_list li { background:url(img/common/dot1.gif) repeat-x left bottom; padding:0 0 10px 0; margin:0 0 10px 0; } .post_list li span { float:left; display:block; width:75px; } .post_list li a.title { color:#333; float:left; display:block; width:655px; padding:0 0 0 15px; border-left:1px solid #ddd; } .post_list .archive_link a { font-size:11px; background:#f2f2f2; padding:0 25px; line-height:32px; text-decoration:none; color:#333; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; float:right; } .post_list .archive_link a:hover { color:#fff; } #column_wrap { background-color:white; margin:0 0 5px 0; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; box-shadow: 1px 1px 6px 1px #ececec; -webkit-box-shadow: 1px 1px 6px 1px #ececec; -moz-box-shadow: 1px 1px 6px 1px #ececec; } #column_wrap .column_title { font-size:18px; line-height:40px; color:white; background:#111 url(img/common/check24.png) no-repeat 12px 7px; padding-left:52px; margin:0; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; } #column_wrap .column_contents { margin:12px 12px 18px; } #column_wrap .column_contents li { height:48px; padding:0 0 0 12px; list-style-type:disc !important; list-style-position: inside; line-height:48px; border-bottom:1px dashed #aaa; } #column_wrap .column_contents li a { } #column_wrap .column_contents li:hover { background-color:#eee; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; } /* ---------------------------------------------------------------------- single post page ---------------------------------------------------------------------- */ #contents { margin:0 0 20px 0;} #single_post { } /* title */ #single_post_title { margin:0; padding:8px 0 6px; border-bottom:4px double #333; margin:0 0 15px 0; font-size:15px;} #single_post_title .date { float:left; background:url(img/common/post_date.gif) no-repeat left bottom; color:#fff; font-size:11px; display:block; width:36px; height:37px; text-align:center; line-height:37px; margin:0 0 0 15px; } #single_post_title .title { font-size:15px; line-height:160%; float:right; padding:0; margin:2px 15px 0 0; display:inline-block; width:670px; } #single_post_title .title.no_date { float:none; margin:2px 20px 0; width:705px; } /* post meta */ #single_post .meta { font-size:11px; background:url(img/common/post_title.gif) no-repeat bottom; padding:0 20px 25px; margin:0 0 20px 0; } #single_post .meta a { color:#333; } #single_post .meta .date { float:left; margin:0 25px 0 0; line-height:150%; } #single_post .meta ul { float:left; margin:0 25px 0 0; } #single_post .meta li { float:left; line-height:150%; margin:0 5px 0 0; } #single_post .meta ul.post_category { background:url(img/common/icon_category.png) no-repeat left 3px; padding:0 0 0 16px; } #single_post .meta ul.post_tag { background:url(img/common/icon_tag.png) no-repeat left 3px; padding:0 0 0 16px; } #single_post .meta .post_comment { float:left; margin:0; line-height:150%; background:url(img/common/icon_comment.png) no-repeat left 3px; padding:0 0 0 18px; } /* post */ #single_post .post { padding:0; } /* post thumbnail */ .post_image img { max-height:300px; width:auto; display:block; margin:25px auto 20px; } /* bookmark */ #bookmark { margin:30px 20px 20px; } #bookmark li { float:left; margin:0 10px 0 0; } /* related post */ #related_post { margin:0 0 25px 0; } #related_post ul { margin:0 25px; } #related_post ul li { margin:0; min-height:88px; line-height:100%; width:348px; float:left; } #related_post ul li .meta { width:230px; float:left; display:inline; margin:0 0 0 10px; } #related_post ul li .date { line-height:100%; font-size:11px; margin:0 0 5px 0; padding:12px 0 0 0; font-weight:bold; } #related_post ul li .title { line-height:130%; font-size:11px; font-weight:normal; margin:0; padding:0; } #related_post ul li .title a { color:#333; display:block; margin:0 0 10px 0; } #related_post ul li .image img { display:block; border:1px solid #ccc; padding:2px; float:left; width:64px; height:64px; } #related_post ul li.even .meta { float:right; } #related_post ul li.even .image img { margin:0 0 0 35px; } /* next prev post link */ #previous_next_post { margin:0; padding:0 0 30px 0; } #previous_next_post a { color:#333; } #previous_post a { margin:0; width:42%; float:left; line-height:140%; font-size:10px; background:url(img/common/arrow_left.gif) no-repeat left 2px; padding:7px 0 8px 30px; } #next_post a { margin:0; width:42%; float:right; text-align:right; line-height:140%; font-size:10px; background:url(img/common/arrow_right.gif) no-repeat right 2px; padding:8px 30px 8px 0; } /* --- WordPress preset CSS ----------------------------------------------------------------------------------------- */ /* image */ .post img { height:auto; max-width:100%; } .post img.centered,div.centered { display:block; margin:15px auto; } .post img.aligncenter,div.aligncenter { display:block; margin:15px auto; } .post img.alignright,div.alignright { margin:10px 0 30px 30px; display:inline; } .post img.alignleft,div.alignleft { margin:10px 30px 30px 0; display:inline; } .post .wp-caption { background:#fff; border:1px solid #ccc; max-width:96%; padding:14px 3px 1px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .post .wp-caption img { display:block; margin:0 auto; max-width:100%; } .post .wp-caption .wp-caption-text { padding:10px 0 0; } /* table */ .post table { margin:0 0 1em 0; } .post th { border:1px solid #c1c1c1; padding:10px 5px; } .post td { border:1px solid #c1c1c1; padding:10px 5px; } .post th { text-align:center; background:#eee; font-weight:normal; background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(248,248,248,1))); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); } /* block quote */ .post blockquote { margin:0 0 1em 0; padding:50px 50px 40px; background:#f2f2f2; background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(248,248,248,1))); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:relative; border:1px solid #c1c1c1; } .post blockquote:before { content: '"'; font-style:italic; font-size:40px; font-weight:bold; line-height:40px; width:30px; height:30px; position:absolute; top:20px; left:20px; color:#999; } .post blockquote:after { content: '"'; font-style:italic; font-size:40px; font-weight:bold; text-align:left; line-height:60px; width:30px; height:30px; position:absolute; bottom:20px; right:20px; color:#999; } /* list */ .post li, .post dt, .post dd { margin:0; line-height:200%; } .post ul li {font-size: 16px; background:url(img/common/bullet1.gif) no-repeat left 11px; padding:0 0 0 9px; } .post ul ul, .post ol ol { margin:0 0 0 1em; } /* ---------------------------------------------------------------------- press release ---------------------------------------------------------------------- */ /* single page */ #recent_press_list { } #recent_press_list ul { margin:0px 20px 20px 20px; overflow:hidden; } #recent_press_list li { background:url(img/common/dot1.gif) repeat-x left bottom; padding:0 0 10px 0; margin:10px 0 -1px 0; } #recent_press_list li span { float:left; display:block; width:75px; } #recent_press_list li a.title { color:#333; float:left; display:block; width:615px; padding:0 0 0 15px; border-left:1px solid #ddd; } /* ---------------------------------------------------------------------- pages ---------------------------------------------------------------------- */ #page_title { margin:0; padding:8px 0 6px; border-bottom:4px double #333; margin:0 0 15px 0; font-size:15px;} .page #contents { padding:0 0 20px 0; } /* company info */ #company_info dl { border-bottom:1px solid #ddd; margin:0 0 40px 0; } #company_info dt { float:left; width:185px; display:inline; margin:0 0 0px 0; line-height:200%; font-weight:bold; font-size:11px; border-top:1px solid #ddd; padding:15px 10px 10px 0; } #company_info dd { margin:0 0 0 185px; line-height:200%; background:#fcfcfc; padding:12px 10px 10px 20px; border-top:1px solid #ddd; } #company_info dd p { margin:0; } #gmap { text-align:center; margin-top:30px; } #gmap iframe { border:1px solid #ccc; padding:1px; width:700px; } /* ---------------------------------------------------------------------- Archive, Search result page ---------------------------------------------------------------------- */ #post_list { position:relative; margin:0 -28px 0 0; } #post_list li { width:231px; float:left; display:none; margin:0 28px 40px 0; border-bottom:1px solid #ccc; } #post_list .image img { border:1px solid #ccc; padding:1px; margin:0 0 10px 0; display:block; width:227px; height:83px; } #post_list .title { margin:0 0 10px 0; font-size:14px; line-height:150%; } #post_list .title a { color:#333; display:none; } #post_list .desc { font-size:0px; color:#666; line-height:150%; padding:0 0 10px 0; background:url(img/common/dot1.gif) repeat-x left bottom; } #post_list .meta p { margin:0 0 10px 0; padding:0 10px 1px 0; font-size:10px; line-height:120%; float:left; } #post_list .meta a { color:#333; } #post_list .meta .post_date { background:url(img/common/icon_date.png) no-repeat left 1px; padding-left:16px; width:89px; } #post_list .meta .post_comment { background:url(img/common/icon_comment.png) no-repeat left 1px; padding-left:15px; width:90px; } #post_list .meta .post_category { background:url(img/common/icon_category.png) no-repeat left 1px; padding-left:15px; width:90px; } #post_list .meta .post_tag { background:url(img/common/icon_tag.png) no-repeat left 1px; padding-left:15px; width:90px; } /* page navi */ .page_navi { margin:0 0 25px 0; padding:0; } .page_navi h4 { font-size:10px; font-weight:normal; margin:0 0 5px 0; color:#888; } .page_navi ul { } .page_navi li { float:left; } .page_navi a, .page_navi a:hover, .page_navi span { text-decoration:none; color:#fff; font-size:11px; padding:13px 15px; line-height:100%; margin:0 4px 4px 0; background:#bbb; display:block; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .page_navi a:hover { color:#fff; text-decoration:none; } .page_navi span.dots { background:#fff; } .page_navi span.current { color:#fff; background:#666; } .page_navi a.prev, .page_navi a:hover.prev, .page_navi a:visited.prev { } .page_navi a.next, .page_navi a:hover.next, .page_navi a:visited.next { } .page_navi p.back a, .page_navi p.back a:hover { display:inline-block; padding:12px 20px; } /* ---------------------------------------------------------------------- Widget setting ---------------------------------------------------------------------- */ .side_widget { margin:0 0 35px 0; font-size:11px; clear:both; } .side_widget { } .side_widget ul { margin:0; } .side_widget li ul { margin:15px 0 0 0; } .side_widget li { line-height:170%; margin:0 0 15px 0; font-size:11px; background:url(img/common/bullet1.gif) no-repeat left 8px; padding:0 0 0 8px; } .side_widget li.last { margin:0; } .side_widget a { color:#333; } /* recommend */ .recommend_widget li, #footer .recommend_widget li { background:url(img/common/dot1.gif) repeat-x left bottom; margin:0 0 8px 0; padding:2px 0 8px 0; } .recommend_widget a { color:#333; display:block; } .recommend_widget a:hover { } .recommend_widget .info { width:100px; margin:2px 0 0 0; float:right; } .recommend_widget .date { font-size:10px; font-weight:bold; margin:0 0 5px 0; line-height:100%; } .recommend_widget .title { font-size:11px; } .recommend_widget .image { display:inline-block; } .recommend_widget .image img { border:1px solid #ccc; padding:1px; } .recommend_widget .image:hover img { } .recommend_widget li.last, #footer .recommend_widget li.last { background:none; margin:0; padding:0; } #footer .recommend_widget .info { width:135px; } /* calendar */ #wp-calendar { margin:0 auto; width:100%; font-size:11px; border-collapse:separate; table-layout:fixed; } #wp-calendar th, #wp-calendar td { color:#333; padding:0; line-height:220%; text-align:center; } #wp-calendar td a { display:block; margin:0; padding:0; text-decoration:none; color:#333; background:#ddd; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } #wp-calendar td a:hover { text-decoration:none; color:#fff;} #wp-calendar caption { padding:7px 0; } #wp-calendar thead th, #wp-calendar tfoot td { border:none; padding:0; line-height:200%; } #wp-calendar #prev, #wp-calendar #next { line-height:200%; } #wp-calendar #prev a, #wp-calendar #next a { text-decoration:none; background:none; color:#333; } #wp-calendar #prev a:hover, #wp-calendar #next a:hover { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color:#fff; } #wp-calendar td#today { color:#fff; background:#c1c1c1; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } /* search */ .widget_search label { display:none; } .widget_search #s { padding:7px 10px; margin:0 5px 0 0; width:53%;} #searchsubmit { border:1px solid #333; background:#333; color:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; padding:5px 10px; cursor:pointer; display:inline-block; } /* adsense */ .ad_widget img { height:auto; max-width:100%; width:auto; margin:0 auto; display:block; } /* ---------------------------------------------------------------------- header ---------------------------------------------------------------------- */ #header_wrap { width:100%; min-width:1000px; height:100px; margin:0; background-color:#000;} #header { width:1000px; height:100px; margin:0 auto; z-index:30; position:relative; overflow:hidden; } /* logo */ #logo { position:absolute; top:32px; left:0px; line-height:120%; font-size:30px; font-weight:normal; margin:0 0 1px 0; paddgin:0; } #logo a { text-decoration:none; color:#333; } #logo a:hover { text-decoration:underline; } #logo img:hover { filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } /* global menu */ #global_menu { position:absolute; right:-10px; top:67px; } #global_menu ul { margin:0; padding:0; overflow:hidden; } #global_menu li { border-left:1px solid #ccc; padding:0 0 0 10px; margin:0 10px 0 -1px; float:left; display:inline; line-height:110%; } #global_menu li a { color:#333; text-decoration:none; } #global_menu li a:hover { text-decoration:underline; } /* global menu2 */ #global_menu2_wrap {border-bottom: 2px solid #333; background-color:#000; height:60px; min-width:1000px;} #global_menu2 {width:1000px; margin:0 auto;} #global_menu2 ul {margin:0; padding:10px 0;} #global_menu2 ul li {display:inline-block; list-style-type:none; width:142px; height:40px; margin:0 -4px 0 0; text-align:center; border-left:1px solid white;} #global_menu2 ul li:hover {border-bottom:3px solid white;} #global_menu2 .last {border-right:1px solid white;} #global_menu2 ul li a {display:block; width:100%; height:40px; line-height:40px; color:white; text-decoration:none; font-weight:bold; font-size:16px;} #global_menu2 ul li a:hover {filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;} #sub_global_menu2 {height:2px; border-bottom:2px solid #333;} /* rss */ .header_rss { position:absolute; right:180px; top:26px; } /* search area */ .search_area { background:url(img/header/search_input.gif) no-repeat left top; width:171px; height:27px; position:absolute; top:25px; right:0px; } #search_input { float:left; font-size:11px; width:100px; margin:5px 0 0 10px; line-height:100%; overflow:hidden; border:none; background:transparent; color:#aaa; } #search_button { float:right; } /* slider */ #main_image { border-bottom:1px solid #CDCED0; height:600px; margin:0 auto; overflow:hidden; padding:0 0 1px; width:100%; min-width:1000px; } #main_image img { max-height:600px; } /* breadcrumb navi */ #bread_crumb { margin:0 0 20px 0; } #bread_crumb ul { margin:0 0 0 15px; padding:0; } #bread_crumb li { line-height:22px; float:left; display:inline; margin:0 12px 0 0; padding:0 15px 0 0; background:url(img/common/arrow1.gif) no-repeat right 8px; font-size:10px; color:#888; } #bread_crumb li a {color:#666; } #bread_crumb li a:hover { } #bread_crumb li.last { background:none; margin:0; padding:0; } /* ---------------------------------------------------------------------- footer ---------------------------------------------------------------------- */ #footer_wrap { clear:both; min-width:1000px; border-top:1px solid #ccc; background-color:#efefef; } #footer { width:1000px; margin:0 auto; overflow:hidden;} /* return top */ #return_top { position:fixed; right:10px; bottom:10px; } #return_top img { opacity:0.6; display:block; } #return_top:hover img { opacity:1; } #footer_widget_area { position:relative; margin:0 -30px 0 0; padding:20px 0 0; } .footer_headline { font-size:14px; border-bottom:2px solid #ccc; line-height:100%; margin:0 0 10px 0; padding:0 0 10px 0; } .footer_widget { margin:0 30px 10px 0; width:217px; float:left; } .footer_widget ul { margin:0; } .footer_widget li ul { margin:15px 0 0 0; } .footer_widget li { line-height:170%; margin:0 0 15px 0; font-size:11px; background:url(img/common/bullet1.gif) no-repeat left 8px; padding:0 0 0 8px; } .footer_widget a { color:#666; } /* ------------------------------------------ footer_entry --------------------------------------------*/ #footer_entry_wrap { min-width:1000px; padding:16px 0 24px; background-color:#000; } #footer_entry { width:960px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin:0 auto 0; padding:6px 0 0; } #footer_entry .title { font-size:17px; color:white; margin:0px 13px -28px; padding:0; } #footer_entry .kakomi { float:left; margin:0 28px 0 0; padding:0 12px 0; text-align:center; } #footer_entry .kakomi p { font-weight:bold; color: #fff; line-height:160%; font-size:16px; margin: 40px 0 0; } #footer_entry .entry { float:left; position: relative; top: 0px; text-decoration: none; font-size: 18px; color: #4c4c4c; border: 1px solid #F0DE8B; background: #ffd04a; background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffec94), color-stop(0.00, #ffb400)); background: -webkit-linear-gradient(top, #ffec94 0%, #ffb400 100%); background: -moz-linear-gradient(top, #ffec94 0%, #ffb400 100%); background: -o-linear-gradient(top, #ffec94 0%, #ffb400 100%); background: -ms-linear-gradient(top, #ffec94 0%, #ffb400 100%); background: linear-gradient(top, #ffec94 0%, #ffb400 100%); text-align:center; display:block; width:220px; font-weight:bold; padding: 20px 0 18px; margin: 0 28px 0 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 5px 0px #9E925C; -moz-box-shadow: 0px 5px 0px #9E925C; -ms-box-shadow: 0px 5px 0px #9E925C; -o-box-shadow: 0px 5px 0px #9E925C; box-shadow: 0px 5px 0px #9E925C; -webkit-transition: All 50ms ease; -moz-transition: All 50ms ease; -o-transition: All 50ms ease; transition: All 50ms ease; } #footer_entry .entry:hover { position: relative; top: 6px; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; -webkit-transition: All 50ms ease; -moz-transition: All 50ms ease; -o-transition: All 50ms ease; -ms-transition: All 50ms ease; transition: All 50ms ease; } #footer_entry .inquiry { float:left; position: relative; top: 0px; text-decoration: none; font-size: 18px; background: #72D630; background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #B2FF3D), color-stop(0.00, #72D630)); background: -webkit-linear-gradient(top, #B2FF3D 0%, #72D630 100%); background: -moz-linear-gradient(top, #B2FF3D 0%, #72D630 100%); background: -o-linear-gradient(top, #B2FF3D 0%, #72D630 100%); background: -ms-linear-gradient(top, #B2FF3D 0%, #72D630 100%); background: linear-gradient(top, #B2FF3D 0%, #72D630 100%); text-align:center; display:block; width:184px; color: #4c4c4c; font-weight:bold; border:1px solid #7EF52F; padding: 20px 0 18px; margin: 0 auto 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 5px 0px #74802D; -moz-box-shadow: 0px 5px 0px #74802D; -ms-box-shadow: 0px 5px 0px #74802D; -o-box-shadow: 0px 5px 0px #74802D; box-shadow: 0px 5px 0px #74802D; -webkit-transition: All 50ms ease; -moz-transition: All 50ms ease; -o-transition: All 50ms ease; -ms-transition: All 50ms ease; transition: All 50ms ease; } #footer_entry .inquiry:hover { position: relative; top: 5px; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; -webkit-transition: All 50ms ease; -moz-transition: All 50ms ease; -o-transition: All 50ms ease; -ms-transition: All 50ms ease; transition: All 50ms ease; } /* ------------------------------------------ footer_bottom ---------------------------------------------- */ #footer_bottom_wrap { width:100%; height:32px; background-color:#000; } #footer_bottom { position:relative; width:1000px; margin:0 auto; height:32px; } #footer_bottom_contents { float:left; font-size:12px; } #footer_bottom_contents ul { margin:0; padding:0; } #footer_bottom_contents ul li { list-style-type:none; display:inline; line-height:32px; padding:0 12px; border-left:1px solid #555; } #footer_bottom_contents ul .last { border-right:1px solid #555; } #footer_bottom_contents ul li a { color:#ddd; } #footer_bottom_copyright { float:right; height:32px; } #footer_bottom_copyright p { font-size:12px; color:#ddd; line-height:32px; } /************************************************************* 【ボタン 青・緑】aタグに使えます *************************************************************/ a.button { color:#fff; font-size:11px; font-weight:bold; padding:0px 15px 0px; height:34px; line-height:35px; margin:0 4px 4px 0; background:#008ece; display:inline-block; text-decoration:none; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background: -moz-linear-gradient(top, rgba(0,216,255,1) 0%, rgba(0,142,206,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,216,255,1)), color-stop(100%,rgba(0,142,206,1))); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d8ff', endColorstr='#008ece',GradientType=0 ); border:1px solid #009de1; text-shadow: 1px 1px 0px #0085bf; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); } a.button:hover { color:#fff; text-decoration:none; background:#0ddaff; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ddaff', endColorstr='#0ddaff',GradientType=0 ); } a.button:active { box-shadow:none; bottom:-2px; position:relative; } .post a.button2 { color:#fff; font-size:11px; font-weight:bold; padding:0px 15px 0px; height:34px; line-height:35px; margin:0 4px 4px 0; background:#36bf00; display:inline-block; text-decoration:none; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background: -moz-linear-gradient(top, rgba(65,231,0,1) 0%, rgba(54,191,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(65,231,0,1)), color-stop(100%,rgba(54,191,0,1))); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41e700', endColorstr='#36bf00',GradientType=0 ); border:1px solid #2da000; text-shadow: 1px 1px 0px #227a00; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); } a.button2:hover { color:#fff; text-decoration:none; background:#7bf013; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bf013', endColorstr='#7bf013',GradientType=0 ); } a.button2:active { box-shadow:none; bottom:-2px; position:relative; } /************************************************************** 【fontの設定】 **************************************************************/ .text70{font-size:70%} /* フォントサイズ70% */ .text80{font-size:80%} .text90{font-size:90%} .text100{font-size:100%} .text110{font-size:110%} .text120{font-size:120%} .text130{font-size:130%} .text140{font-size:140%} .text150{font-size:150%} .text160{font-size:160%} .text170{font-size:170%} .text180{font-size:180%} .text190{font-size:190%} .text200{font-size:200%} .text210{font-size:210%} .text220{font-size:220%} .size12{font-size:12px} .size13{font-size:13px} .pcsize13 {font-size:13px;} .size14{font-size:14px} .size16{font-size:16px} .b{font-weight:700} /* 太字 */ .normal{font-weight:normal;} .u{text-decoration:underline} /* 下線 */ .pctext120 {font-size:120%;} .pctext200 {font-size:200%;} .pctext220 {font-size:220%;} /************************************************************** 【colorの設定】 **************************************************************/ .red{color:red} /* 赤色 */ .blue{color:#2ca9e1} /* 青色 */ .green{color:#82ae46} /* 緑色 */ .orange{color:#ff7d00} /* 橙色 */ .yellow{color:#fff000} /* 黄色 */ .gray{color:#666} .white {color:white} .pink {color:#e8538d} .emerald {color:#00a6ba} /************************************************************** 【background-colorの設定】 **************************************************************/ .bg-yellow{background:#ff0} /* 黄色の文字背景 */ .bg-blue{background:#4ab0f5} /* 青色の文字背景 */ .bg-red{background:red} /* 赤色の文字背景 */ .bg-black{background:#111;} /**************************************************************** 【align 配置の設定】 *****************************************************************/ .align1{text-align:center !important} /* 中央寄せ */ .align2{text-align:right !important} /* 右寄せ */ .align3{text-align:left !important} /* 左寄せ */ /**************************************************************** 【float 回り込みの設定】 *****************************************************************/ .r-flo{float:right;margin:10px} /* 右に回り込み */ .l-flo{float:left;margin:10px} /* 左に回り込み */ .f-clear{clear:both} /* 回り込みの解除 */ /**************************************************************** 【マウスオーバー時の画像リンク 不透明度の設定】※初期設定は60% *****************************************************************/ a img.linkimg{background:none!important} a:hover img.linkimg{ opacity:0.7; filter:alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; background:none!important; } /************************************************************* 【marginの設定】 *************************************************************/ .m0{margin:0 !important} /* margin 0px を指定するクラス */ .mt0{margin-top:0 !important} /* margin-top0px を指定するクラス */ .mr0{margin-right:0 !important} /* margin-right0px を指定するクラス*/ .mb0{margin-bottom:0 !important} /* margin-bottom0px を指定するクラス*/ .ml0{margin-left:0 !important} /* margin-left0px を指定するクラス*/ .m5{margin:5px !important} .mt5{margin-top:5px !important} .mr5{margin-right:5px !important} .mb5{margin-bottom:5px !important} .ml5{margin-left:5px !important} .m10{margin:10px !important} .mt10{margin-top:10px !important} .mr10{margin-right:10px !important} .mb10{margin-bottom:10px !important} .ml10{margin-left:10px !important} .m15{margin:15px !important} .mt15{margin-top:15px !important} .mr15{margin-right:15px !important} .mb15{margin-bottom:15px !important} .ml15{margin-left:15px !important} .m20{margin:20px !important} .mt20{margin-top:20px !important} .mr20{margin-right:20px !important} .mb20{margin-bottom:20px !important} .ml20{margin-left:20px !important} .m25{margin:25px !important} .mt25{margin-top:25px !important} .mr25{margin-right:25px !important} .mb25{margin-bottom:25px !important} .ml25{margin-left:25px !important} .m30{margin:30px !important} .mt30{margin-top:30px !important} .mr30{margin-right:30px !important} .mb30{margin-bottom:30px !important} .ml30{margin-left:30px !important} .m35{margin:35px !important} .mt35{margin-top:35px !important} .mr35{margin-right:35px !important} .mb35{margin-bottom:35px !important} .ml35{margin-left:35px !important} .m40{margin:40px !important} .mt40{margin-top:40px !important} .mr40{margin-right:40px !important} .mb40{margin-bottom:40px !important} .ml40{margin-left:40px !important} .m45{margin:45px !important} .mt45{margin-top:45px !important} .mr45{margin-right:45px !important} .mb45{margin-bottom:45px !important} .ml45{margin-left:45px !important} .m50{margin:50px !important} .mt50{margin-top:50px !important} .mr50{margin-right:50px !important} .mb50{margin-bottom:50px !important} .ml50{margin-left:50px !important} .m55{margin:55px !important} .mt55{margin-top:55px !important} .mr55{margin-right:55px !important} .mb55{margin-bottom:55px !important} .ml55{margin-left:55px !important} .m60{margin:60px !important} .mt60{margin-top:60px !important} .mr60{margin-right:60px !important} .mb60{margin-bottom:60px !important} .ml60{margin-left:60px !important} .m65{margin:65px !important} .mt65{margin-top:65px !important} .mr65{margin-right:65px !important} .mb65{margin-bottom:65px !important} .ml65{margin-left:65px !important} .m70{margin:70px !important} .mr70{margin-right:70px !important} .mb70{margin-bottom:70px !important} .ml70{margin-left:70px !important} .m75{margin:75px !important} .mt75{margin-top:75px !important} .mr75{margin-right:75px !important} .mb75{margin-bottom:75px !important} .ml75{margin-left:75px !important} .m80{margin:80px !important} .mt80{margin-top:80px !important} .mr80{margin-right:80px !important} .mb80{margin-bottom:80px !important} .ml80{margin-left:80px !important} /************************************************************** 【paddingの設定】 **************************************************************/ .p0{padding:0 !important} /* padding-0px を指定するクラス */ .pt0{padding-top:0 !important} /* padding-top0px を指定するクラス */ .pr0{padding-right:0 !important} /* padding-right0px を指定するクラス */ .pb0{padding-bottom:0 !important} /* padding-bottom0px を指定するクラス */ .pl0{padding-left:0 !important} /* padding-left0px を指定するクラス */ .p5{padding:5px !important} .pt5{padding-top:5px !important} .pr5{padding-right:5px !important} .pb5{padding-bottom:5px !important} .pl5{padding-left:5px !important} .p10{padding:10px !important} .pt10{padding-top:10px !important} .pr10{padding-right:10px !important} .pb10{padding-bottom:10px !important} .pl10{padding-left:10px !important} .p15{padding:15px !important} .pt15{padding-top:15px !important} .pr15{padding-right:15px !important} .pb15{padding-bottom:15px !important} .pl15{padding-left:15px !important} /* ---------- clearfix hack ---------- */ .clearfix:after { content: "."; display:block; clear:both; height:0; font-size:0.1em; line-height:0; visibility:hidden; overflow:hidden; } .clearfix { display: inline-block; } /* exlude MacIE5 \*/ * html .clearfix { height:1% } .clearfix {display:block;} /* end MacIE5 */ /* ------------------------------------- 増やしたクラス・ID -------------------------------------- */ /* ---------- スライダー下secondline ---------- */ #secondline { width:770px; margin:0 0 40px; padding-bottom:8px; border-bottom: 1px solid #999; background: repeating-linear-gradient( -55deg, #F9F9F9, #FEFEFE 10px, #F9F9F9 10px, #FEFEFE 10px); background: -moz-repeating-linear-gradient(to top left, #F9F9F9 10px, #FEFEFE 10px); } #secondline h2 { font-size:24px; font-weight:bold; background: url("img/common/question-shield-32.png") no-repeat 6px 4px; padding:6px 0 6px 46px; margin:18px 0 12px; border-bottom:2px solid #444; } #secondline .secondline_imgbox { float:left; width:404px; } #secondline .secondline_imgbox img { border:2px solid #999; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; } #secondline .secondline_contentbox { float:right; width:350px; } #secondline p { line-height:160%; margin:0 0 0.6em 0; } /* ---------- thirdline -----------------*/ #thirdline { background-color:white; margin:0 0 20px 0; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; box-shadow: 1px 1px 6px 1px #F1F1F1; -webkit-box-shadow: 1px 1px 6px 1px #F1F1F1; -moz-box-shadow: 1px 1px 6px 1px #F1F1F1; } #thirdline .thirdline_title { font-size:18px; line-height:40px; color:white; background:#111 url(img/common/check24.png) no-repeat 12px 7px; padding-left:52px; margin:0 0 6px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; } #thirdline .thirdline_leftbox { float:left; width:368px; height:140px; margin:12px 0 18px; padding:0 0 0 12px; border-right:1px solid #ccc; } #thirdline .thirdline_rightbox { float:left; width:368px; height:140px; margin:12px 0 18px 12px; } #thirdline .thirdline_img { float:left; width:150px; height:115px; } #thirdline .thirdline_box_content { position:relative; float:left; width:198px; height:130px; margin-left:16px; } #thirdline .thirdline_box_subtitle { background: url("img/common/ok16.png") no-repeat top left; margin:0 0 6px; padding-left:22px; font-size:16px; line-height:16px; } #thirdline .thirdline_box_button { position:absolute; margin:2px 0 -19px; bottom:0px; right:12px; text-align:center; border:1px solid #333; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; background-color:#555; width:160px; height:30px; } #thirdline .thirdline_box_button a { display:block; width:160px; height:30px; line-height:30px; font-size:14px; text-decoration:none; color:white; } #thirdline .thirdline_box_button a:hover { filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; } #thirdline .thirdline_box_button2 { position:absolute; margin:2px 0 -19px; bottom:0px; right:12px; text-align:center; border:1px solid #333; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; background-color:#555; width:280px; height:30px; } #thirdline .thirdline_box_button2 a { display:block; width: 280px; height:30px; line-height:30px; font-size:14px; text-decoration:none; color:white; } #thirdline .thirdline_box_button2 a:hover { filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; } /* ---------- imgbox ------------------ */ #imgbox2 { margin:0 0 16px; } #imgbox2 img { width:600px; height:250px; display:inline-block; border:2px solid #999; } #imgbox { margin:0 0 16px; } #imgbox img { width:234px; height:197px; display:inline-block; border:2px solid #999; } #imgbox .leftimage { margin:0 24px 0 0; } #imgbox .centerimage { margin:0 24px 0 0; } #imgbox .rightimage { margin:0; } #imgbox .leftimage2 { margin:0 15% 0 0; } #imgbox .centerimage { margin:0 24px 0 0; } #imgbox .rightimage2 { margin:0; } /* ---------- コンテンツ contentbox ---------- */ .contentbox { position:relative; } .contentbox1 { height: 370px; position:relative; } .contentbox2 { height: 769px; position:relative; } .contentbox_left { position:relative; width:450px; height:230px; margin-left:20px; } .contentbox_left2 { position:relative; width:450px; height:260px; margin-left:20px; } .contentbox_right { position:absolute; bottom:6px; right:30px; } .contentbox_right img { width:250px; } .contentbox_left2 { margin:0 0 0 32px;; width:250px; text-align:center; } .contentbox_left2 img { max-width:250px; max-height:250px; } .contentbox_right2 { position:absolute; width:420px; height:260px; left:320px; top:-12px; } .content_wrap hr { border: 0; border-bottom: 1px dashed #ccc; background: #999; margin:8px 6px 32px; } .contentbox .detailbutton { position:absolute; right:0; top:2px; width:100px; height:23px; background-color:#555; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; text-align:center; border:1px solid #333; } .contentbox .detailbutton a { line-height:23px; text-decoration:none; color:white; font-size:12px; } .contentbox .detailbutton:hover { cursor:pointer; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } /* ---------通常投稿------------- */ .contentbox_in { position:relative; padding:6px 20px 18px; } /* ---------おうち割------------- */ .ouchi_leftimg { float:left; width:350px; margin:0 24px 24px 0; } .ouchi_rightimg { float:left; width:350px; margin:0 0 24px 0; } /* ---------- optionlist ------------- */ .optionlist_wrap { top: 6px; width:100%; height:290px; position:relative; } .optionlist_wrap ul { display:block; width:600px; margin:0 auto; } .optionlist_wrap li { display:inline-block; background:none !important; text-align:center; max-height:120px; vertical-align:middle; } .optionlist_wrap .type1 { width:100px; padding:0 !important; } .optionlist_wrap .type2 { width:40px; padding:0 0 20px !important; } .optionlist_wrap .komikomi { position:absolute; text-align:center; bottom:20px; left:128px; border:3px solid #ff8080; padding:24px 0 0; font-size:11px; width:145px; height:121px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; } .optionlist_wrap .kakaku { position:absolute; left:350px; bottom:20px; font-size:28px; font-weight:bold; color:#e8538d; } /* ---------- contentbox2 ----------------- */ .contentbox2 { position:relative; margin:0 0 32px; } .contentbox2 .contentbox_title { font-size:18px; color:white; font-weight:bold; margin:0; padding:0 0 0 12px; line-height:230%; background-color:#00a6ba; } .contentbox2 .contentbox_content { padding:6px 14px; } /* ---------- pricetable　料金説明 ----------- */ #pricetable { width:600px; margin:0 auto; } .toprow { color: white; font-size:15px; font-weight: bold !important; background-image:none !important; background-color: #333 !important; } #pricetable td { border:none; text-align:center; padding:5px; font-size:15px; } #pricetable .col1 { width:250px; border-bottom:1px solid #111; background: repeating-linear-gradient( -55deg, #F9F9F9, #F3F3F3 10px, #F9F9F9 10px, #F3F3F3 10px); background: -moz-repeating-linear-gradient(to top left, #F9F9F9 10px, #F3F3F3 10px); } #pricetable .col2 { width:100px; } #pricetable .col3 { width:250px; border-bottom:1px solid #111; background: repeating-linear-gradient( -55deg, #F9F9F9, #F3F3F3 10px, #F9F9F9 10px, #F3F3F3 10px); background: -moz-repeating-linear-gradient(to top left, #F9F9F9 10px, #F3F3F3 10px); } #pricetable .arrowcell { vertical-align:middle; text-align:center; } #pricetable .nurocell { font-weight:bold; } #pricetable .pluscell { vertical-align:middle; text-align:center; padding:0; } #pricetable .sumcell { border-top:2px solid #111; } .default_construction { margin:10px 20px; } .after_construction { margin:10px 20px; } #pricetable_nochange th, #pricetable_nochange td { font-size:13px; padding:10px 15px; line-height:200%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* ---------- ウィジェットトップ ------------ */ #inquiry { border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background-color:#333; padding:2px 0 10px; background: repeating-linear-gradient( -55deg, #111, #222 10px, #111 10px, #222 10px); background: -moz-repeating-linear-gradient(to top left, #111 10px, #222 10px); } #inquiry .inquiry_title { display:block; margin:0 0 8px; width:100%; height:60px; line-height:60px; font-size:16px; color:white; text-align:center; } #inquiry .inquiry_number { color:white; font-weight:bold; margin:0 0 3px 12px; text-align:center; } #inquiry .inquiry_number_sub { color:#bbb; font-size:11px; text-align:center; margin:0 8px 3px; } #inquiry .box1 { position: relative; top: 0px; text-decoration: none; font-size: 18px; color: #444; border: 1px solid #F0DE8B; background: #ffd04a; background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffec94), color-stop(0.00, #ffb400)); background: -webkit-linear-gradient(top, #ffec94 0%, #ffb400 100%); background: -moz-linear-gradient(top, #ffec94 0%, #ffb400 100%); background: -o-linear-gradient(top, #ffec94 0%, #ffb400 100%); background: -ms-linear-gradient(top, #ffec94 0%, #ffb400 100%); background: linear-gradient(top, #ffec94 0%, #ffb400 100%); text-align:center; display:block; width:150px; font-weight:bold; padding: 22px 0 20px; margin: 0 auto 28px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 5px 0px #9E925C; -moz-box-shadow: 0px 5px 0px #9E925C; -ms-box-shadow: 0px 5px 0px #9E925C; -o-box-shadow: 0px 5px 0px #9E925C; box-shadow: 0px 5px 0px #9E925C; -webkit-transition: All 50ms ease; -moz-transition: All 50ms ease; -o-transition: All 50ms ease; transition: All 50ms ease; } #inquiry .box1:hover { position: relative; top: 6px; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; -webkit-transition: All 50ms ease; -moz-transition: All 50ms ease; -o-transition: All 50ms ease; -ms-transition: All 50ms ease; transition: All 50ms ease; } #inquiry .box2 { position: relative; top: 0px; text-decoration: none; font-size: 18px; background: #72D630; background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #B2FF3D), color-stop(0.00, #72D630)); background: -webkit-linear-gradient(top, #B2FF3D 0%, #72D630 100%); background: -moz-linear-gradient(top, #B2FF3D 0%, #72D630 100%); background: -o-linear-gradient(top, #B2FF3D 0%, #72D630 100%); background: -ms-linear-gradient(top, #B2FF3D 0%, #72D630 100%); background: linear-gradient(top, #B2FF3D 0%, #72D630 100%); text-align:center; display:block; width:150px; color: #444; font-weight:bold; border:1px solid #7EF52F; padding: 18px 0 16px; margin: 0 auto 24px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 5px 0px #74802D; -moz-box-shadow: 0px 5px 0px #74802D; -ms-box-shadow: 0px 5px 0px #74802D; -o-box-shadow: 0px 5px 0px #74802D; box-shadow: 0px 5px 0px #74802D; -webkit-transition: All 50ms ease; -moz-transition: All 50ms ease; -o-transition: All 50ms ease; -ms-transition: All 50ms ease; transition: All 50ms ease; } #inquiry .box2:hover { position: relative; top: 5px; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; -webkit-transition: All 50ms ease; -moz-transition: All 50ms ease; -o-transition: All 50ms ease; -ms-transition: All 50ms ease; transition: All 50ms ease; } /* ----------- 記事本文 -------------- */ .details { font-size:17px; line-height:40px; color:white; background:#111 url(img/common/check24.png) no-repeat 12px 7px; padding-left:52px; margin:6px 0 22px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; } .content_wrap { margin: 0 0 20px 0; background-color:white; border-right:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; box-shadow: 1px 1px 6px 1px #F1F1F1; -webkit-box-shadow: 1px 1px 6px 1px #F1F1F1; -moz-box-shadow: 1px 1px 6px 1px #F1F1F1; } .content_wrap p { font-size: 16px; line-height:170%; margin:0 0 1em 0; } .content_midashi { position: relative; font-size: 17px; font-weight: bold; margin: 16px 0 12px; padding: 6px 0 3px 30px; border-bottom: 2px solid #333; } .content_midashi:before{ content: "□"; font-size: 200%; position: absolute; color: #6ddc16; top: -0.8em; left: 0.3em; height: 12px; width: 12px; } .content_midashi:after{ content: "□"; font-size: 200%; position: absolute; color: #6ddc16; top: -0.5em; left: 0; height: 12px; width: 12px; } /* ------------ 記事本文テーブル ----------- */ .details_table_wrap { width:96%; margin:0 auto !important; padding:0 0 40px; } .details_table th { width:180px; } .details_table td { min-width:96px; } .details_table p {margin-bottom:0 !important;} .details_table .pickup { color:#e8538d; font-weight:bold; } .details_table ul { margin:0; } .details_table .details_arrow { margin:6px 0 6px 35%; } /* ----------- 申し込みからの流れ --------- */ .process_box { border:1px solid #111; } .process_title { padding:0 20px 0; font-weight:bold; font-size:17px; line-height:220%; } .process_content { padding:6px; } .process_arrow { margin:8px 0 8px 40%; } /* ---------- ヘッダーインフォメーション ---------- */ #header_information { position:absolute; right:0; top:8px; } #header_information img { width:427px; height:84px; } /* --------- --------- --------- お申込みボタン トラッキング用--------- */ .last_button { padding:22px 30px; margin:8px 30% 20px; width:358px; font-family:Arial, sans-serif; text-align:center; font-size:20px; font-weight:bold; border:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative; color:#fff; cursor:pointer; background-color:#0077b3; background-image:url(../../../img/arrow-24-48.png); background-repeat:no-repeat; background-position:328px center; background-size:20px 20px; box-shadow: 0 3px 0 #003b58; -webkit-transition: All 50ms ease; -moz-transition: All 50ms ease; -o-transition: All 50ms ease; -ms-transition: All 50ms ease; transition: All 50ms ease; } .ilast_button:hover { top: 2px; box-shadow: 0 1px 0 #003b58; -webkit-transition: All 50ms ease; -moz-transition: All 50ms ease; -o-transition: All 50ms ease; -ms-transition: All 50ms ease; transition: All 50ms ease; } /* ------------------------------------------------- 申し込みフォーム ------------------------------------------------- */ .form_toptitle { position: relative; font-size: 21px; margin: 0 0 18px; padding: 12px 0 10px 15px; border-bottom: 3px solid skyblue; } .form_toptitle:after { position: absolute; content: " "; display: block; border-bottom: solid 3px #ffc778; bottom: -3px; width: 30%; } .form_toptitle2 { font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; position: relative; font-size: 19px; margin: 0 0 36px; text-align:center; padding: 10px 0 10px; border-bottom: 2px solid #093f6c; } .form_toptitle2 span { position: relative; z-index: 2; display: inline-block; margin: 0 2em; padding: 0 1em; background-color: #fff; text-align: left; } .form_toptitle2::before { position: absolute; top: 50%; z-index: 1; content: ''; display: block; width: 100%; height: 1px; background: #ccc; background: -webkit-linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent); background: linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent); } .form-flow-list { padding: 0; width:950px; margin-left:auto; margin-right:auto; font-size: 0; font-weight: bold; letter-spacing: 0; margin-bottom: 30px; text-align: center; overflow: hidden; } .form-flow-list li.active { color: #fff; background-color: #272f89; } .form-flow-list li { font-size: 12px; line-height: 40px; color: #777; letter-spacing: 0.05em; width: 33.333333%; padding-right: 15px !important; padding-left: 15px !important; display: inline-block; background-image:none !important; background-color: #ececec; box-sizing: border-box; position: relative; z-index: 2; } .form-flow-list li:first-child { z-index: 3; } .form-flow-list li:last-child { z-index: 1; } .form-flow-list li:nth-child(2):before, .form-flow-list li:last-child:before { content: ''; border-top: 30px solid transparent; border-left: 15px solid #fff; border-right: 15px solid transparent; border-bottom: 30px solid transparent; position: absolute; left: 0px; top: 50%; margin-top: -30px; } .form-flow-list li:after { content: ''; border-top: 20px solid transparent; border-left: 10px solid #ececec; border-right: 10px solid transparent; border-bottom: 20px solid transparent; position: absolute; right: -20px; top: 50%; margin-top: -20px; } .form-flow-list li.active:after { border-left-color: #272f89; } .inquiry_form_class { color:#333; width:950px; margin:0 auto 32px !important; border-collapse:collapse; border-spacing:0; } .inquiry_form_class th, .inquiry_form_class td { position:relative; padding:22px 0 22px; font-size:13px; border:1px solid #ddd; } .inquiry_form_class th { color:#333; width:240px; padding:20px 15px; font-size:14px; font-weight:bold; background-color:#f8f8f8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .inquiry_form_class td { background-color:#fff; vertical-align:top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .inquiry_form_class .m-alert{ font-size:11px; position:absolute; right:4px; top:6px; padding:2px 5px; background:#F4A460; color:#fff; font-weight:normal; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .inquiry_form_class tr td .row { font-size: 0; margin-top: 14px; } .right-cell { text-align:left; } .inquiry_form_class tr td .row:after { content: ""; display: table; clear: both; } .inquiry_form_class tr td .row:first-child { margin-top: 0; } .inquiry_form_class tr td .row .col:first-child:nth-last-of-type(2), .inquiry_form_class tr td .row .col:first-child:nth-last-of-type(2)+.col { width: 330px; } .inquiry_form_class tr td .row .col { width: 100%; display: inline-block; float: left; box-sizing: border-box; } .inquiry_form_class .form-label { font-size: 12px; width: 125px; display: inline-block; text-align: right; vertical-align: middle; } .inquiry_form_class tr td .input-wrap { font-size: 12px; margin-left: 130px; display: inline-block; vertical-align: middle; position: relative; } .inquiry_form_class tr td .form-label+.input-wrap { margin-left: 10px; } .inquiry_form_class .popup-ng { font-size: 12px; min-width: 100px; color: #fff; text-align: left; padding: 5px 10px; background: #333; position: absolute; top: -30px; left: 20px; z-index: 100; } .inquiry_form_class .must { background-color:rgb(226, 249, 255) } .inquiry_form_class .form-jidoutext { display:inline-block; margin:0 0 0 48px !important; font-size:11px !important; color:#555; line-height:100% !important; vertical-align:middle; } .inquiry_form_class input[type=text], .inquiry_form_class input[type=tel] { padding:3px 5px 3px; line-height:25px; min-width:192px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; border:1px solid #bfbfbf; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .inquiry_form_class input[type=text].form_addressall { min-width:462px; } .inquiry_form_class select { padding:3px 5px 3px; line-height:25px; border-radius:2px; width:192px; -webkit-border-radius:2px; -moz-border-radius:2px; border:1px solid #bfbfbf; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .inquiry_form_class input[type=email] { padding:3px 5px 3px; line-height:25px; border-radius:2px; width:312px; -webkit-border-radius:2px; -moz-border-radius:2px; border:1px solid #bfbfbf; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .inquiry_form_class textarea { display:block; width: 90%; margin-left:auto; margin-right:auto; resize: vertical; font-size: 12px; line-height: 1.5; min-width: 190px; padding: 5px; border: 1px solid #ddd; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .inquiry_form_class input[type=text]:focus, .inquiry_form_class input[type=tel]:focus, .inquiry_form_class input[type=email]:focus, .inquiry_form_class textarea:focus { border-color:#F4A460 !important; outline: none; } .inquiry_form_class .icon_ok, .inquiry_form_class .icon_ng { position:absolute; height:24px; width:24px; right:-30px; top:4px; } .inquiry_form_class .icon_ok { background:url(../../../img/icon_form_ok.png) no-repeat left center; background-size: contain; } .inquiry_form_class .icon_ng { background:url(../../../img/icon_form_ng.png) no-repeat left center; background-size: contain; } .important_button { padding:22px 30px; margin:8px 0 20px; width:358px; font-family:Arial, sans-serif; text-align:center; font-size:15px; font-weight:bold; border:none; text-transform:uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .important_button_ng { color:#888; background-color:#cdcdcd; box-shadow: 0 3px 0 #aaa; } .important_button_ok { position: relative; color:#fff; cursor:pointer; background-color:#3cb805; background-image:url(../../../img/arrow-24-48.png); background-repeat:no-repeat; background-position:328px center; background-size:20px 20px; box-shadow: 0 3px 0 #329904; -webkit-transition: All 50ms ease; -moz-transition: All 50ms ease; -o-transition: All 50ms ease; -ms-transition: All 50ms ease; transition: All 50ms ease; } .important_button_ok:hover { top: 2px; box-shadow: 0 1px 0 #329904; -webkit-transition: All 50ms ease; -moz-transition: All 50ms ease; -o-transition: All 50ms ease; -ms-transition: All 50ms ease; transition: All 50ms ease; } .form_wrap { display: block!important; text-align: center; } .thanks_message { padding: 20px; display: none; } /* fadein up */ .contactform { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 0; } @keyframes fadeInUp { from { transform: translate3d(0,40px,0) } to { transform: translate3d(0,0,0); opacity: 1 } } @-webkit-keyframes fadeInUp { from { transform: translate3d(0,40px,0) } to { transform: translate3d(0,0,0); opacity: 1 } } .important_pretext { text-align:left; font-size:12px; color:#555; margin:0 0 6px 5%; } .importantbox { text-align:left; overflow-y: scroll; overflow-x: hidden; padding: 2%; margin:0 5% 12px; border: 1px solid #ddd; height:800px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .importantbox h2 { font-size:13px; text-decoration:underline; margin:0 0 6px; padding:0; } .importantbox p { font-size:12px; line-height:140%; margin:0 0 6px; } .importantbox ul li { font-size:12px; line-height:140%; margin:0 0 6px; background-position: left 7px !important; } .important_kiyaku_wrap { margin:10px 5% 0; text-align:left; } .important_kiyaku_wrap a { font-size:12px; color:#555; margin-right:14px; } /* ----------- 元フォーム ---------- */ .form_name, .must, .form_phonetic, .form-tel, .form-email { background-color: rgb(255, 225, 225); } .inquiry_form { width:74%; margin:0 auto 24px !important; } .inquiry_form th { padding:18px 8px; width:140px; border:1px solid #777; } .inquiry_form td { position:relative; border:1px solid #777; padding:18px 0 18px 16px } .inquiry_form td:hover{ background-color:#FFEEEE; } .inquiry_form .m-alert{ position:absolute; right:4px; top:6px; padding:5px; background:#ff8080; color:#fff; margin:5px; font-weight:normal; } .inquiry_form .topcell { background-image:none; background-color:black; color:white; font-size:16px; padding:6px 0; margin:0; } .inquiry_form_careerchoice .wpcf7-list-item { display:inline-block; width:44%; line-height:26px; } .inquiry_form input[type=text], .inquiry_form input[type=tel], .inquiry_form input[type=email] { padding:1px 2px; height:22px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; } #important_button { border:solid 1px #ccc; padding:22px 30px; margin:8px 0 20px; width:256px; font-family:Arial, sans-serif; font-size:1.2em; text-transform:uppercase; font-weight:bold; color:#333; cursor:pointer; background: -moz-linear-gradient(90deg, #EFEFEF 0%, white 100%); background: -webkit-linear-gradient(90deg, #EFEFEF 0%, white 100%); background: -ms-linear-gradient(90deg, #EFEFEF 0%, white 100%); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #important_button:hover { background-image:none; background-color:#FFB6C1; } /* ------------- 個人情報保護方針 -------------- */ .p_wrap p { font-size:13px; line-height:180%; margin-bottom:1em !important; } .p_wrap ul, .p_wrap ol { width:96%; margin-left:auto; margin-right:auto; } .p_wrap li { font-size:12px; } .p_wrap ul li ul, .p_wrap ol li ul { margin-bottom:0 !important; } .p_wrap .p_maintitle { font-size:13px; line-height:100%; padding:12px 20px; margin:0 auto 24px; background-color:#efefef; } .p_wrap .p_subtitle { font-size:14px; font-weight:bold; padding:0; margin:24px auto 4px; } .p_wrap .p_subsubtitle { font-size:13px; font-weight:bold; padding:0; margin:6px auto 4px; } .p_wrap .p_inquiry_wrap { background-color:#f5f5f5; padding:16px 24px 8px; font-size:13px; width:92%; margin:12px auto 22px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* ---------- その他CSS ----------- */ .topimage_wrap { width:750px; margin:0 auto 20px; } .topimage { display:block; width:750px; } .tenyouimg { display:block; width:700px; height:250px !important; margin-bottom:8px; } /* --------- policy -------------- */ .policy_midashi { position: relative; margin: 0 0 1.5em; padding: 0.8em 0 0.8em 1.5em; border: 2px solid #00a6ba; font-size: 1.143em; font-weight: bold; } .policy_midashi:before{ content: ""; position: absolute; background: #00a6ba; top: 50%; left: 0.5em; margin-top :-15px; height: 30px; width: 8px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } /* --------- sidebanner ------------- */ .sidebanner { width:200px; height:80px; margin:10px 0 0; } .side_processbox { width:199px; margin:12px 0 0; border-top:4px solid #111; border-bottom:10px solid #111; border-right:1px solid #ccc; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; box-shadow: 1px 1px 6px 1px #ececec; -webkit-box-shadow: 1px 1px 6px 1px #ececec; -moz-box-shadow: 1px 1px 6px 1px #ececec; } .side_processbox h3{ width:200px; height:40px; text-align:center; line-height:40px; margin:0; background-color:#111; color:white; font-size:16px; border-bottom:1px solid #ccc; } .side_processbox .side_processbutton { width:184px; height:46px; margin:0; text-align:center; border-bottom:1px solid #ccc; border-left:16px solid #68D115; background: url(img/common/point16.png) no-repeat 6px 15px, linear-gradient(#FFF, #F0F0F0, #EEE); background: url(img/common/point16.png) no-repeat 6px 15px, -moz-linear-gradient(left top, #F8F8F8, #F5F5F5 20%, #F5F5F5 80%, #EEE); } .side_processbox .last { border-bottom:none !important; } .side_processbox .side_processbutton a { display:block; width:180px; height:46px; line-height:46px; font-size:16px; font-weight:bold; color:#333; text-decoration:none; } .side_processbox .side_processbutton:hover { filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } /* --------- campaign --------------- */ .campaign_content { position:relative; float:right; width:440px; margin:0 30px 0 0; } .campaign_img { float:left; width:245px; height: 172px; margin:25px 0 0 25px; } .campaign_img img { width:245px; height:85px; } .campaign_content .detailbutton { position:absolute; right:0; top:17px; width:105px; height: 24px; background-color:#555; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; text-align:center; border:1px solid #333; } .campaign_content .detailbutton a { line-height:23px; text-decoration:none; color:white; font-size:12px; } .campaign_content .detailbutton:hover { cursor:pointer; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } /* --------　ご利用までの流れstepbox ------- */ .contentbox_processleft { position:relative; width:420px; height:282px; margin-left:30px; } .contentbox_processright { position:absolute; width:250px; height:230px; bottom:0; right:30px; } .contentbox_processright img { margin:20px 0 0 40px; } .content_processmidashi1 { background:url(img/common/step1.png) no-repeat 3px 2px; font-size: 17px; font-weight: bold; margin: 16px 0 12px; padding: 6px 0 8px 48px; border-bottom: 2px solid #333; } .content_processmidashi2 { background:url(img/common/step2.png) no-repeat 3px 2px; font-size: 17px; font-weight: bold; margin: 16px 0 12px; padding: 6px 0 8px 48px; border-bottom: 2px solid #333; } .content_processmidashi3 { background:url(img/common/step3.png) no-repeat 3px 2px; font-size: 17px; font-weight: bold; margin: 16px 0 12px; padding: 6px 0 8px 48px; border-bottom: 2px solid #333; } .content_processmidashi4 { background:url(img/common/step4.png) no-repeat 3px 2px; font-size: 17px; font-weight: bold; margin: 16px 0 12px; padding: 6px 0 8px 48px; border-bottom: 2px solid #333; } .contentbox_processright .inquiry_mini { margin: 36px 0 0; width:240px; height:150px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: #333; padding: 2px 0 10px; background: repeating-linear-gradient( -55deg, #111, #222 10px, #111 10px, #222 10px); background: -moz-repeating-linear-gradient(to top left, #111 10px, #222 10px); } .contentbox_processright .inquiry_button { border:3px solid white; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background-color:#23ac38; color:white; height:70px; width:180px; margin:14px auto 12px; text-align:center; } .contentbox_processright .inquiry_button a { display:block; height:100%; width:100%; line-height:70px; font-weight:bold; font-size:16px; color:#fff; text-decoration:none; text-shadow: 1px 1px 3px rgba(0,0,0,0.3); box-shadow: 0 0 6px 1px white inset; -webkit-box-shadow: 0 0 6px 1px white inset; -moz-box-shadow: 0 0 6px 1px white inset; } .contentbox_processright .inquiry_button:hover { filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; box-shadow: 0 0 6px 4px white inset; -webkit-box-shadow: 0 0 6px 4px white inset; -moz-box-shadow: 0 0 6px 4px white inset; } .cashback_title { text-align:center; font-size:20px; margin:8px 0 12px; } .cashback_text { margin: 0 24px 1em !important; } /* -------------------------------------------- エリア確認 -------------------------------------------- */ .area_leftbox { width:52%; float:left; margin:0 38px 6px 26px } .area_rightbox { float:left; } .area_rightbox img {display:block; width:252px; height:auto;} #areaform_wrap { clear:both; width:84%; margin:0 auto 28px; padding:0 0 8px; background-color:#eee; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; } .areaform_title { font-size:16px; color:#fff; background-color:#555; text-align:center; padding:12px 0 12px; margin:0 auto 12px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; } #areaform_wrap .areaform_subtitle { display:inline-block; width:100px; background-color:#333; background: repeating-linear-gradient( -55deg, #111, #222 10px, #111 10px, #222 10px); background: -moz-repeating-linear-gradient(to top left, #111 10px, #222 10px); color:#fff; margin:12px 12px 12px 26px; padding:10px 0 10px; text-align:center; font-size:15px; font-weight:bold; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } #areaform_wrap .areaform_form { display:inline-block; width:24%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } #areaform_wrap input[type=text], #areaform_wrap input[type=tel], #areaform_wrap input[type=email] { padding:1px 2px; height:36px; font-size:15px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /*-------------------------------------------------------- LP -------------------------------------------------- */ #lp-header-wrapper { position:relative; width:1050px; height:84px; margin:0 auto; } .lp-header-logoarea { position:absolute; left:0; top:8px; padding-top:12px; } .lp-header-logoarea img { width:auto; } .lp-header-rightarea { position:absolute; height:100px; width:700px; right:2px;; top:0; } .lp-header-rightarea .lp-global_wrap .lp-global-info { position:absolute; right:0; top:0; display:block; width:480px; height:44px !important; } .lp-header-rightarea .lp-global_wrap { position:relative; } .lp-header-rightarea .lp-global_wrap .lp-global_list { position:absolute; left:0; top:50px; margin:0; } .lp-header-rightarea .lp-global_wrap .lp-global_list li { display:inline-block; vertical-align:top; width:150px; height:36px; border-left:1px solid #afafaf; } .lp-header-rightarea .lp-global_wrap .lp-global_list li.lp-global_entry { border-right:1px solid #aaa; width:200px; } .lp-header-rightarea .lp-global_wrap .lp-global_list li a { display:block; width:100%; height:100%; line-height:36px; text-align:center; text-decoration:none; color:#222; font-size:14px; } .lp-header-rightarea .lp-global_wrap .lp-global_list li.lp-global_entry a { margin:-2px auto -2px; width:74%; height:40px; line-height:40px; color:#222; font-weight:bold; border: 1px solid; border-color: #deb372 #ce9c4b #c1882e; background-color: #fcdc80; background-image: linear-gradient(to bottom, #fde5a0 0%, #fcdc80 50%, #ffc01e 100%); box-shadow: inset 0 1px 0 #fff1d1; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fde5a0', endColorstr='#ffc01e',GradientType=0 ); } .lp-header-rightarea .lp-global_wrap .lp-global_list li a:hover { background-color:#efefef; text-decoration:none; opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; } #lp-slider { position:relative; border-top:1px solid #bcbcbc; width: 100%; min-width:1050px; height: 300px; margin:0; padding:0; overflow: hidden; } #lp-slider img { position:absolute; left:50%; width:2000px; height:300px; display:block; margin-left:-1000px; } .lp-entry1_wrap { background: #222; height:200px; padding:32px 0 0; } .lp-entry1_wrap img { display:block; margin:0 auto 0; } #lp-point_wrap_wrapper .lp-point_wrap .lp-point_title { display:block; margin:0 auto; } .lp-point1_title_wrapper, .lp-point2_title_wrapper, .lp-point3_title_wrapper { padding:18px 0 18px; background: url("img/lp/bg_title01.png") repeat left top; } .lp-point1_title, .lp-point2_title, .lp-point3_title { display:block; margin:0 auto 0; } #lp-point_wrap_wrapper { background: url("img/lp/bg_green.png") repeat left top; } #lp-point_wrap_wrapper .pointtitle { padding:14px 0 0; margin:0 auto 4px; display:block; } #lp-point_wrap_wrapper .lp-point_wrap { width:1050px; margin:0 auto; padding:12px 0 8px; } #lp-point_wrap_wrapper .lp-point_wrap .lp-point_left, #lp-point_wrap_wrapper .lp-point_wrap .lp-point_center, #lp-point_wrap_wrapper .lp-point_wrap .lp-point_right { float:left; width:24%; height:392px; padding:30px 0 0; margin:0 4%; } #lp-point_wrap_wrapper .lp-point_wrap .lp-point_center { } #lp-point_wrap_wrapper .lp-point_wrap .lp-point_left h3, #lp-point_wrap_wrapper .lp-point_wrap .lp-point_center h3, #lp-point_wrap_wrapper .lp-point_wrap .lp-point_right h3 { text-align:center; font-size:19px; margin:10px 0 12px; } #lp-point_wrap_wrapper .lp-point_wrap .lp-point_left p, #lp-point_wrap_wrapper .lp-point_wrap .lp-point_center p, #lp-point_wrap_wrapper .lp-point_wrap .lp-point_right p { font-size:14px; color:#333; margin:0 0 0; line-height:160% !important; } #lp-point1_wrapper .img1 { display:block; margin:24px auto 24px } #lp-point1_wrapper .img2 { display:block; margin:0 auto 10px } #lp-point1_wrapper .img3 { display:block; margin:0 auto 10px } #lp-point2_wrapper .img1 { display:block; margin:24px auto 24px } #lp-point2_wrapper .img2 { display:block; margin:0 auto 10px } #lp-point3_wrapper .img1 { display:block; margin:24px auto 24px } #lp-point3_wrapper .img2 { display:block; margin:0 auto 10px } .lp-point4_title_wrapper { background: url("img/lp/bg_green.png") repeat left top; } .lp-point4_title_wrapper .lp-point4_title { padding:14px 0 14px; margin:0 auto 18px; display:block; } #lp-point4_wrapper { width:1000px; margin:0 auto; } #lp-point4_wrapper .lp-point4_subtitle{ display:block; margin:0 auto 12px; } /* -------------------------------------------------- indexフォーム -------------------------------------------------- */ .lp-entry_wrap { background:url("img/lp/bg_title01.png") repeat left top; } #lp-entry .lp-entry_title { margin:24px auto 14px; padding:12px 0 0; } #lp-entry .lp-entry_title img { display:block; margin:0 auto 0; } .index_form_inner { background-image:none !important; background-color:#fff; position:relative; width:1000px; height:168px; margin:0 auto 32px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .index_form { z-index:10; background-color: #0082D6; position:absolute; left:0; top:-16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; width:1000px; height:240px; padding:0; margin:0; } .index_form_title { height:68px; margin:0; padding:5px 0 0 36px; color:#FFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .index_form_title img { display:block; width:630px; height:auto; } .index_form_table_wrap { width:984px; margin:0 auto; height:164px; background-color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } #index_form_table { float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width:452px; margin:0 18px 0 24px; padding:16px 0 16px; } #index_form_table .index_form_table_subtitle { display:inline-block; font-size:14px; line-height:44px; width:62px; } #index_form_table .index_form_table_form { display:inline-block; } #index_form_table .box1 { width:168px; } #index_form_table .box2 { width:140px; } #index_form_table .box3 { width:168px; } #index_form_table .box4 { width:140px; } #index_form_table .box5 { width:328px; } #index_form_table .must, .inquiry_form .must { background-color:rgb(255, 238, 181); } #index_form_career { float:left; margin:12px 0 0; padding:10px 16px 8px 18px; border-right:2px dashed #f1f1f1; border-left:2px dashed #f1f1f1; } #index_form_career .wpcf7-list-item { display:block; line-height:29px; } #index_form_table input[type=text], #index_form_table input[type=tel], #index_form_table input[type=email] { padding: 1px 2px; height: 28px; font-size: 15px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } #index_form_button_wrap { float:left; padding:30px 0 0 18px } #index_form_button { padding: 28px 30px; margin: 0; width: 236px; font-family: Arial, sans-serif; font-size: 26px; text-transform: uppercase; font-weight: bold; color: #fff; cursor: pointer; border: 1px solid #E6D485; background: #ffd04a; background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FAE68D), color-stop(0.00, #ffb400)); background: -webkit-linear-gradient(top, #FAE68D 0%, #ffb400 100%); background: -moz-linear-gradient(top, #FAE68D 0%, #ffb400 100%); background: -o-linear-gradient(top, #FAE68D 0%, #ffb400 100%); background: -ms-linear-gradient(top, #FAE68D 0%, #ffb400 100%); background: linear-gradient(top, #FAE68D 0%, #ffb400 100%); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 4px 0px #BAAC6C; -moz-box-shadow: 0px 4px 0px #BAAC6C; -ms-box-shadow: 0px 4px 0px #BAAC6C; -o-box-shadow: 0px 4px 0px #BAAC6C; box-shadow: 0px 4px 0px #BAAC6C; -webkit-transition: All 80ms ease; -moz-transition: All 80ms ease; -o-transition: All 80ms ease; transition: All 80ms ease; text-shadow: 0px 1px 0 rgba(150, 150, 150, 0.5); } #index_form_button:hover { position: relative; top: 5px; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; -webkit-transition: All 50ms ease; -moz-transition: All 50ms ease; -o-transition: All 50ms ease; -ms-transition: All 50ms ease; transition: All 50ms ease; } .thankspage_thanks_wrapper { width: 860px; margin: 52px auto 124px; border: 5px solid #111; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 25px; font-size: 16px; color:#222; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .thankspage_title { font-size:23px; margin:0 auto 28px; text-decoration:underline; } .thanks_mini { text-align:left; padding-left:42px; color: #777; font-size: 13px; } /* ------------- 個人情報保護方針 -------------- */ .p_wrap p { font-size:13px; line-height:180%; margin-bottom:1em !important; } .p_wrap ul, .p_wrap ol { width:96%; margin-left:auto; margin-right:auto; } .p_wrap li { font-size:12px; } .p_wrap ul li ul, .p_wrap ol li ul { margin-bottom:0 !important; } .p_wrap .p_maintitle { font-size:13px; line-height:100%; padding:12px 20px; margin:0 auto 24px; background-color:#efefef; } .p_wrap .p_subtitle { font-size:14px; font-weight:bold; padding:0; margin:24px auto 4px; } .p_wrap .p_subsubtitle { font-size:13px; font-weight:bold; padding:0; margin:6px auto 4px; } .p_wrap .p_inquiry_wrap { background-color:#f5f5f5; padding:16px 24px 8px; font-size:13px; width:92%; margin:12px auto 22px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }