/* For PC */ @media print, screen and (min-width: 561px) { h1 {margin:0; color:#004e63; font-size:12px; position:absolute; top:5px; left:0; font-weight:normal; z-index:2; letter-spacing: .5px;} h2 {margin:0 auto 45px auto; color:#0a308f; font-size:17px; font-weight:normal; line-height:1; text-align:center;} /*h2:after{ content:""; display:block; background-color:#0a308f; width:20px; height:1px; margin:28px auto 0 auto;}*/ h2 span {display:block; font-size:47px; margin-bottom: 13px; letter-spacing: 4px;} #wrap-outer2nd h2{margin-bottom:0; position:absolute;top:50%;left:0;right:0;margin:auto; transform:translateY(-50%); color:#fff; font-size:46px;} #wrap-outer2nd .ttl {display:table; margin:0 auto 55px auto; width:100%; min-width:1200px; text-align:center; background:url(../images/title/about_title_bg.jpg?t=2) no-repeat center top; position: relative; z-index: 2; padding:278px 0 0 0; box-sizing: border-box;} #wrap-outer2nd .ttl.company_ttl{ background-image:url(../images/title/company_title_bg.jpg?t=1);} #wrap-outer2nd .ttl.bukken_ttl{ background-image:url(../images/title/bukken_title_bg.jpg);} #wrap-outer2nd .ttl.news_ttl{ background-image:url(../images/title/news_title_bg.jpg?t=1);} #wrap-outer2nd .ttl.recruit_ttl{ background-image:url(../images/title/recruit_title_bg.jpg);} #wrap-outer2nd .ttl.privacy_ttl{ background-image:url(../images/title/privacy_title_bg.jpg);} #wrap-outer2nd .ttl.contact_ttl{ background-image:url(../images/title/contact_title_bg.jpg?t=1);} .sp_none{ display:none;} .pc_none{ display:block;} @media print, screen and (min-width: 2001px) { #wrap-outer2nd .ttl.business_ttl, #wrap-outer2nd .ttl.company_ttl, #wrap-outer2nd .ttl.news_ttl, #wrap-outer2nd .ttl.recruit_ttl, #wrap-outer2nd .ttl.privacy_ttl, #wrap-outer2nd .ttl.contact_ttl{ background-size:2600px auto; background-position: center top -95px;} } /*h3 {color:#2c2721; font-size:28px; font-weight:bold; line-height:1; margin:0px auto 5px auto; padding:0 0 15px 0; }*/ #wrap-outer2nd h3{ font-size:20px; color:#ffffff; font-weight:bold; box-sizing: border-box; padding: 10px 10px 10px 20px; letter-spacing: .5px; margin:0px 0 30px 0; background:#00a7d4;} h4 {font-size:24px; margin-bottom:8px;} h5{font-size:18px; margin:0 0 10px 10px; color:#333;} #wrap-outer2nd h4{ font-size:24px; color:#0098c3; font-weight:bold; border-bottom:2px solid #0098c3; box-sizing: border-box; padding: 0 0 5px 0; letter-spacing: .5px; margin-bottom: 20px;} #contents-inner-pages #safe .safe_list + h4{ margin-top:60px;} /*--- form --------------------------------------------------------------------------------------*/ input, textarea {font-size:160%; border:1px solid #DDD;} select{font-size:110%; margin-right:20px; border:1px solid #DDD;} label{font-size:110%; margin-right:20px;} .wrap_privacy_accept{text-align:center; margin:30px 0 20px 0; font-weight:bold;} .btn_mail, .btn_top, .btn_line { display:block; /*border-radius:2px;*/ background: #d02465; /*background: -moz-linear-gradient(top, #ff8900 0%, #c63602 100%); background: -webkit-linear-gradient(top, #ff8900 0%,#c63602 100%); background: linear-gradient(to bottom, #ff8900 0%,#c63602 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8900', endColorstr='#c63602',GradientType=0 );*/ border:none; text-align:center; color:#FFF; font-size:20px; line-height:1; letter-spacing:1px; text-decoration:none; width:350px; box-sizing:border-box; padding:22px; margin:35px auto 0 auto; cursor:pointer; } .btn_top {width:50%; margin-top:60px;} .btn_line {width:50%; background:#00b900; border-bottom:6px solid #00a100; font-size:22px;} .btn_back a { display:block; /*border-radius:6px;*/ background:url(/images/contact/form_btn_indent_back.png),#666; background-repeat:no-repeat; background-position:15% center; border:none; /*border-bottom:6px solid #1A7;*/ text-align:center; cursor:pointer; color:#FFF; font-size:20px; line-height:1; letter-spacing:1px; text-decoration:none; box-sizing:border-box; padding:20px 25px 18px 55px; margin:0; cursor:pointer; width: 200px; } .btn_end { display:block; /*border-radius:6px; */background:url(/images/contact/form_btn_indent.png),#c81717; background-repeat:no-repeat; background-position:10% center; border:none; /*border-bottom:6px solid #924;*/ text-align:center; cursor:pointer; color:#FFF; font-size:20px; line-height:1; letter-spacing:1px; text-decoration:none; box-sizing:border-box; padding:20px 25px 18px 55px; margin:0; float:right; cursor:pointer; width: 200px; } .btn_more { display:block; border-radius:2px; background: #004e63; border:none; /*border-bottom:6px solid #924;*/ text-align:center; color:#FFF; font-size:20px; font-weight:bold; line-height:1; letter-spacing:1px; text-decoration:none; box-sizing:border-box; padding:15px 0 15px 0; margin:50px auto 0 auto; width:400px; cursor:pointer; letter-spacing: .1em; } .btn_more a{color:#fff; display:block; text-decoration:none;} .btn_more a span{ display:block; font-size:16px;margin-bottom:8px;} .w1 {width:300px; box-sizing:border-box;} .w2 {width:600px; box-sizing:border-box;} .w3 {width:300px; box-sizing:border-box;} .w4 {width:500px; box-sizing:border-box; border:1px solid #DDD;} .w5 {width:800px; box-sizing:border-box;} /*--- menu --------------------------------------------------------------------------------------*/ #menu {display:none;} #menu li{display:none;} #toggle {display: none;} /*--- wrap-outer --------------------------------------------------------------------------------*/ #wrap-outer {width:100%; min-width:1200px;} #wrap-outer2 {width:100%; min-width:1200px; background:url(/images/footer/footer_bk.jpg?t=2) no-repeat center bottom/100% 600px;} #wrap-outer3 {} #wrap-outer2nd {width:100%; min-width:1200px; } #wrap-outer2nd #wrap-outer2 {width:100%; min-width:1200px; background:none;} #wrap-outerContact {margin-bottom:0px;} /*--- wrap --------------------------------------------------------------------------------------*/ #wrap,#wrap-outer2nd #wrap,#wrap-outer2nd #wrap-navi {width:100%; min-width:1200px; /*background:url(/images/bg_wrap-outer.png) repeat; background-position:center top;*/ } /*--- my_menu ------------------------------------------------------------------------------------*/ #my_menu{width:100%; height:26px; background-color:#f0f9fb;} #my_menu .inn{width:1200px; height:110px; margin:0 auto 0 auto; position:relative; left:0; font-size:0;} #my_menu ul{position:absolute; top:0; right:0;} #my_menu ul li{display:inline-block;} /*--- h_sns_area ---------------------------------------------------------------------------------*/ #my_menu .h_sns_area{ position: absolute; right:210px; top:1px;} #my_menu .h_sns_area li { margin-left:20px;} #my_menu .h_sns_area li img{ width:25px;} /*--- header ------------------------------------------------------------------------------------*/ #header {width:100%; position:relative; background: #fff;} #header .inn {width:1200px; height:100px; margin:0 auto 0 auto; position:relative;} #header .logo {position: absolute; top: 28px; left: 0; z-index:1;} #header ul li {/*line-height:1em;*/} #header ul.navi {position:absolute; top:35px; right:0;} #header ul.navi li {float:left; margin:0 40px 0 0; font-size:16px; letter-spacing: .8px;} #header ul.navi li:not(.contact) a {color:#ffffff; text-decoration:none; display:block; box-sizing:border-box; padding:0 0 6px 0; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; overflow: hidden; opacity:1 !important;} #header ul.navi li:not(.contact) a:before { content: ""; position: absolute; z-index: -1; left: 51%; right: 51%; bottom: 0; background: #ffffff; height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } #header ul.navi li:not(.contact) a:hover:before, #header ul.navi li:not(.contact) a:focus:before, #header ul.navi li:not(.contact) a:active:before {left: 0; right: 0; } #header ul.navi li:nth-child(4),#header ul.navi li:last-child {margin-right:0;} #header ul.navi .active a { color: #ff6633; border-bottom: 3px solid #ff6633; padding-bottom: 2px;} #header ul.navi li.contact{ background-color:#ffffff; color:#0a308f; width:100px; text-align:center; position: absolute; top: -54px; right: -145px; transition:.3s;} #header ul.navi li.contact a{ display:block; color:#0a308f; text-decoration:none; opacity:1 !important; height: 110px; padding-top: 28px;} #header ul.navi li.contact span{ display:block; font-family:'Century Gothic', Helvetica, Arial, sans-serif; font-weight:normal; font-weight:bold; font-size:13px; margin-top:7px;} #header ul.navi li.contact:hover{ background-color:#ffccea} #header ul.navi_sp{ display:none;} /*--- contents ----------------------------------------------------------------------------------*/ #contents {width:100%; margin:0 auto 0 auto; padding:0 0 0 0;} #contents .mainvis { position:relative; z-index:2;} #contents .mainvis .scene_01 img{ display:none;} #contents .mainvis .scene_01{ background:url(../images/top/scene_01.jpg?t=1) no-repeat center top; width:100%; height:717px;} #contents .mainvis .mainvis_btn{position:absolute; top:417px; left:52%; z-index:3;} #contents .mainvis .mainvis_btn img{width:296px; height:60px;} #contents .mainvis .top-text{position: absolute;top: 71px;right: 18%;} #contents.no_width {width:100%; max-width:100%;} #contents.no_width .inn {width:1200px; margin:0 auto 0 auto; padding:0; position:relative;} /*--- wrap_add01 --------------------------------------------------------------------------------*/ #wrap_add01 {width:100%; height:1047px; padding:89px 0 55px 0; background:url(../images/top/bg_service.jpg) no-repeat top center/auto 1047px; box-sizing:border-box; position:relative;} #wrap_add01:after{content:""; position:absolute; bottom:-37px; left:0; background:url(../images/top/nami_bk02.png) no-repeat center top/auto 37px ; width:100%; height:37px; z-index:9999; } #wrap_add01 .inn {width:1200px; margin:0 auto 0 auto; padding:0;} #wrap_add01 h2 + p{ text-align:center; line-height:1.8;font-size:16px;} #wrap_add01 .box{width:auto; margin:50px auto 0 auto; text-align:center; font-size:0;} #wrap_add01 .box > div{ display:inline-block; font-size:0;/* background-color:#ffffff; */transform:.3s;} /*#wrap_add01 .box > div:hover{ box-shadow:none; margin-top:3px; margin-bottom:-3px; opacity:.7;}*/ #wrap_add01 .box > div + div{ margin-left:40px;margin-bottom:40px;} #wrap_add01 .box > div + div:nth-of-type(4n){ margin-left:0;} #wrap_add01 .box > div a{ display:block; width:324px; text-decoration:none; color:#000; opacity:1 !important; } #wrap_add01 .box > div h3{ font-size:35px; color:#0a308f; font-weight:bold; margin:25px 20px 21px 20px; padding-bottom:0;} #wrap_add01 h3 span{font-size:16px;} #wrap_add01 .box > div p{ font-size:13px; margin:0 20px 0 20px;} #wrap_add01 .page_link{ width:1026px; margin:40px auto 0 auto; text-align:center;} #wrap_add01 .page_link .img_pc{ display:block; margin:auto;} #wrap_add01 .page_link .img_sp{ display:none;} /*--- wrap_add02 　--------------------------------------------------------------------------------*/ #wrap_add02 {width:100%; margin:0 auto 0 auto; padding:112px 0 100px 0; background:url(../images/top/bg_gallery.jpg) no-repeat top center/100% 867px; position:relative;} /*#wrap_add02:after{content:""; position:absolute; bottom:4px; left:0; background:url(../images/top/nami_bk04.png) no-repeat center top/auto 36px ; width:100%; height:36px; z-index:9999; }*/ #wrap_add02 .inn {width:1200px; margin:0 auto 0 auto; text-align:center; font-size:0} #wrap_add02 .inn p{font-size:16px; box-sizing:border-box;/* padding:0 300px 0 300px;*/} #wrap_add02 ul{margin-top:46px; font-size:0;} #wrap_add02 ul li{display:inline-block; margin-left:28px; margin-bottom:24px; width:265px;} #wrap_add02 ul li img{ max-width:100%; height:auto; border-radius:20px; border:6px solid #00a7d4;} #wrap_add02 ul li:first-child,#wrap_add02 ul li:nth-of-type(5n){margin-left:0;} /*--- wrap_add03 --------------------------------------------------------------------------------*/ #wrap_add03 {width:100%; height:831px; padding:89px 0 55px 0; background:url(../images/top/bg_event.jpg) no-repeat top center/auto 831px; box-sizing:border-box; position:relative;} #wrap_add03:after{content:""; position:absolute; bottom:-37px; left:0; background:url(../images/top/nami_bk03.png) no-repeat center top/auto 37px ; width:100%; height:37px; z-index:9999;} #wrap_add03 h2 + p{ text-align:center; line-height:1.8;font-size:16px;} #wrap_add03 .inn {width:1200px; margin:0 auto 0 auto; color:#ffffff; text-align:center; padding:24px 0 60px 0;} /*#wrap_add03 #map{ display:block; width:100%; height:550px;} #wrap_add03 #map iframe{ display:block; width:100%; height:550px;} */ #wrap_add03 .top_event{width:800px; border-radius:50px; margin:20px auto 0 auto; background:#fff; color:#004e63; text-align:left; box-sizing:border-box; padding:28px 0 10px 0; font-size:16px; text-align:center;} #wrap_add03 .top_event h3{margin-bottom:38px; border-bottom:#0096be 1px solid; padding-bottom:24px; color:#0096be; font-size:24px;} #wrap_add03 .top_event h3 img{margin-top:20px;} #wrap_add03 .top_event_inn{overflow:hidden; zoom:1; box-sizing:border-box; padding:0 52px 38px 52px; text-align:left;} #wrap_add03 .top_event_inn > table{ border-spacing:0; position:relative;} #wrap_add03 .top_event_inn > table > tbody > tr > td:nth-child(1){ width:220px;} #wrap_add03 .top_event_inn > table tbody tr td:nth-child(2){ width:474px; vertical-align:top;} #wrap_add03 .top_event_inn > table tbody tr td:nth-child(2) img{ width:294px;} #wrap_add03 .top_event_inn td{ box-sizing:border-box;} #wrap_add03 .top_event_inn > img{float:left; margin-right:40px;} #wrap_add03 .top_event_inn dl{margin:0 0 20px 0; width:474px; line-height:1;} #wrap_add03 .top_event_inn table table td{width:90px;padding:20px 0 20px 0;} #wrap_add03 .top_event_inn table table tr{border-bottom:dotted 1px #004e63;} #wrap_add03 .top_event_inn table table tr:nth-child(1) td{ padding-top:0; } #wrap_add03 .top_event_inn table table tr:nth-last-child(-n+2){border-bottom:none; } #wrap_add03 .top_event_inn table table td a{ display:block; position:absolute; bottom:0;} /*--- wrap_add04 --------------------------------------------------------------------------------*/ #wrap_add04 {width:1200px; position:relative; margin:0 auto;} #wrap_add04:after{content:""; position:absolute; bottom:-21px; left:0; background:url(/images/nami_bk01.png) repeat-x; width:100%; height:21px; z-index:9999; display:none;} #wrap_add04 .inn {width:1200px; margin:0 auto 0 auto; padding:38px 0 67px 295px; /*position:relative;*/ box-sizing:border-box; min-height:290px; /*z-index:-9999;*/} #wrap_add04 .inn .h{ width:250px; /*height:97%;*/ box-sizing:border-box; position:absolute; top:auto; left:0; } #wrap_add04 .inn .h h2{ font-size:15px; color:#164a84; text-align:left;} #wrap_add04 .inn .h h2 span{ font-size:30px; letter-spacing:2px;} #wrap_add04 .inn .h h2:after{ display:none;} /*#wrap_add04 .news-list{height:226px; overflow-y:scroll;} #wrap_add04 .news-list li{border-bottom:1px dotted #00a7d4; padding-bottom:20px;} #wrap_add04 .news-list li + li{ margin-top:20px; color:#000000;} #wrap_add04 .news-list li a{ color:#00a9d9; opacity:1 !important;} #wrap_add04 .news-list li .date{display:inline-block; vertical-align:middle; width:120px; height:38px; text-align:center; font-size:18px; color:#fff; background-color:#ffffff; padding-top: 6px; box-sizing: border-box; background:#00a7d4; margin-bottom:10px;} #wrap_add04 .news-list li p{ display:inline-block; vertical-align:middle; width: 830px; padding-left: 15px; box-sizing: border-box; font-size: 16px; color:#004e63;-webkit-text-stroke-width:0.4px;} #wrap_add04 .news-list li .end{color:#ef485b; background:none;} #wrap_add04 .news-list li a:hover span{ color:#d02465;} #wrap_add04 .news-list li a:hover p{ text-decoration:underline; color:#d02465;}*/ #wrap_add04 .news-list{height:230px; overflow-y:scroll; padding-right:20px; margin:25px 0 0 0;} #wrap_add04 .news-list tr{border-bottom:1px dotted #00a7d4; padding-bottom:20px;} #wrap_add04 .news-list td{ padding:20px 20px 20px 20px;} #wrap_add04 .news-list td:nth-child(1){ width:150px;} #wrap_add04 .news-list a{ color:#00a9d9; opacity:1 !important;} /*---sns_wrap---*/ #wrap_add04 .news_left {width:250px; position:absolute; top:65px; left:10px;} #wrap_add04 .news_left h2{ margin:0 0 20px 0;} #wrap_add04 .sns_wrap {text-align:center;} #wrap_add04 .sns_wrap h3{ color:#00a9d9; font-size:16px;} #wrap_add04 .sns_wrap ul { font-size:0; text-align:center;} #wrap_add04 .sns_wrap ul li:first-child{ margin:0 0 0 0;} #wrap_add04 .sns_wrap ul li { display:inline-block; margin:15px 0 0 0; padding:0 15px 0 15px;} #wrap_add04 .sns_wrap ul li img{ border:none; width:50px;} /*--- wrap_add05 　--------------------------------------------------------------------------------*/ #wrap_add05 {width:100%; margin:0 auto 0 auto; padding:86px 0 157px 0; box-sizing:border-box; position:relative;} #wrap_add05 .inn {width:1200px; margin:0 auto 0 auto; text-align:center; font-size:0} #wrap_add05 .inn p{font-size:16px; box-sizing:border-box;/* padding:0 300px 0 300px;*/ /*color:#fff;*/} #wrap_add05 ul{margin-top:60px; font-size:0;} #wrap_add05 ul li{display:inline-block; margin-left:30px; width:276px;} #wrap_add05 ul li img{ max-width:100%; height:auto;} #wrap_add05 ul li:first-child{margin-left:0;} #wrap_add05 {width:100%; margin:0 auto 0 auto; padding:112px 0 100px 0; background:url(../images/top/bg_gallery02.jpg?t=1) no-repeat top center/100% 643px; position:relative;} #wrap_add05:after{content:""; position:absolute; bottom:-37px; left:0; background:url(../images/top/nami_bk05.png) no-repeat center top/auto 37px ; width:100%; height:37px; z-index:9999;} /*--- footer ------------------------------------------------------------------------------------*/ #footer-outer {width:100%;} #wrap-outer2nd #footer{background:url(/images/footer/footer_bk.jpg?t=1) no-repeat center bottom/100% 600px;} #footer {width:100%; min-height:240px; position:relative; } #footer .inn {width:1200px; margin:0 auto 0 auto; padding:70px 0 286px 480px; box-sizing:border-box; position:relative;} #footer .inn .page_link_footer{ display:none;} #footer .inn .company_info{ position:absolute; top:64px; left:0; color:#ffffff;} #footer .inn .company_info .h{ font-weight:bold; font-size:22px; margin:0 0 15px 0;} #footer .inn .company_info .h img{ display:block; margin-bottom:7px; width:419px;} #footer .inn .company_info p{line-height:1.81;} #footer .inn .company_info p a,#footer .inn .company_info p a:hover{ color:#ffffff; text-decoration:none; opacity:1 !important; cursor:text;} #footer .inn .company_info .pc_none{display:inline-block;} #footer .inn .company_info table{margin-top:10px;} #footer .inn .company_info table th{font-weight: normal; vertical-align: top; text-align: left; font-size:14px; width:80px;} #footer .inn .company_info table td{font-size:14px;} #footer .inn table.footer_navi {width:100%; margin:0; padding:0;} #footer .inn table.footer_navi td {width:25%; padding:0 20px 0 20px; box-sizing:border-box; vertical-align:top;} #footer .inn table.footer_navi td:first-child {padding-left:0;} #footer .inn table.footer_navi td:last-child {border:none; margin:0; padding-right:0;} #footer .inn table.footer_navi td ul li {background:url(/images/footer/indent.png) no-repeat left 0px; background-size:14px auto; font-size:14px; padding-left:20px; margin-bottom:30px; line-height:1; white-space:nowrap; letter-spacing:1px;} #footer .inn table.footer_navi td ul li:last-child {margin-bottom:0;} #footer .inn table.footer_navi td ul li.nest {background:none; margin-bottom:0;} #footer .inn table.footer_navi td ul li ul li {font-weight:normal; background:url(/images/indent_sub.png) no-repeat 0px 3px;} #footer .inn table.footer_navi td ul li a {color:#ffffff; text-decoration:none; opacity:1 !important;} #footer .inn table.footer_navi td ul li a:hover{ text-decoration:underline;} #footer-outer .bookmarkArea {width:1000px; position:relative;} #footer-outer .bookmarkArea #bookMarks {overflow:hidden; position:absolute; bottom:15px; right:0;} #footer-outer .bookmarkArea #bookMarks li {float:left; background:none; margin-right:15px;} #footer-outer .bookmarkArea #bookMarks .twitter {} #footer-outer .bookmarkArea #bookMarks .google {} #footer-outer .bookmarkArea #bookMarks .facebook {} #footer #footer-copyright {width:1200px; margin:5px auto 0 auto; padding:25px 0 20px 0; text-align:center; font-size:11px; color:#FFF; line-height:1; letter-spacing:1px; border-top:1px solid rgba(255,255,255,.2);} /*--- contents-inner-pages ---------------------------------------------------------------------*/ /*================================== 2ndpage navigation ==================================*/ #contents ul#contents_navi {overflow:hidden; height:52px; box-sizing:border-box; background:url(/images/common/contents_navi_line.gif) no-repeat left top;} #contents ul#contents_navi li {float:left; font-size:16px; font-weight:bold; line-height:52px; text-align:center; background:url(/images/common/contents_navi_line.gif) no-repeat right top;} #contents ul#contents_navi li:nth-child(n+5) {width:120px;} #contents ul#contents_navi li a {color:#FFF; text-decoration:none; display:block;} #contents ul#contents_navi li.current a {background:url(/images/common/contents_navi_triangle.gif) no-repeat center bottom;} /*================================== 2ndpage 共通 ==================================*/ #contents-inner-pages {width:100%; margin:0 auto 0 auto; padding-bottom:68px; font-size:18px; line-height:1.8;} #contents-inner-pages .inn{width:1200px; margin:0 auto 0 auto;} #contents.no_width #contents-inner-pages {width:100%;} #contents-inner-pages:after {content:""; display:block; clear:both;} #contents-inner-pages p.read {} #contents-inner-pages .common_h { font-size: 36px; font-weight: bold; line-height: 1.3; margin:80px 0 30px 0; } #contents-inner-pages .common_h_pink{ color:#ee5599; font-size: 36px; font-weight: bold; line-height: 1.3; margin:80px 0 20px 0; } #contents-inner-pages .table_caption{ font-weight:bold; font-size:28px; margin:0 0 8px 0; } #contents-inner-pages .text_img td:first-of-type{ padding:0 20px 0 0; } .gray_back{ background-color:#f8f4f3; padding:1px 0 75px 0; margin-top:70px;} /* table typeA */ #contents-inner-pages table.common_table_type_a {} #contents-inner-pages table.common_table_type_a th, #contents-inner-pages table.common_table_type_a td {border-right:2px solid #FFF; border-bottom:2px solid #FFF; padding:17px 0 15px 0; text-align:center; font-weight:bold; line-height:1; box-sizing:border-box; line-height:1.4;} #contents-inner-pages table.common_table_type_a td:first-child{ text-align:left; padding:0 0 0 20px;} #contents-inner-pages table.common_table_type_a th:last-child, #contents-inner-pages table.common_table_type_a td:last-child {border-right:none;} /*color*/ #contents-inner-pages table.common_table_type_a th {background:#FC3; color:#432; border-bottom:2px solid #D7D3CD;} #contents-inner-pages table.common_table_type_a tr:nth-child(even) {background:#F5F4F2;} #contents-inner-pages table.common_table_type_a tr:nth-child(odd){background:#EBE9E5;} /* table typeB */ #contents-inner-pages table.common_table_type_b {margin:0 0 65px 0;} #contents-inner-pages table.common_table_type_b th, #contents-inner-pages table.common_table_type_b td {border-right:2px solid #FFF; text-align:left; border-bottom:2px solid #FFF; padding:17px 0 15px 0; line-height:1.8; box-sizing:border-box;} #contents-inner-pages table.common_table_type_b th{background:#EBE9E5; font-weight:bold; padding:0 20px 0 20px; width:265px;} #contents-inner-pages table.common_table_type_b td{background:#F5F4F2; border-right:none; padding:13px 18px 11px 20px;} #contents-inner-pages .weight_normal tr td{ font-weight:normal; } #contents-inner-pages .weight_normal tr td:first-of-type{ font-weight:bold; } /*================================== パンくず ==================================*/ #bread_navi{ background:url(../images/common/bread_bg.png) no-repeat left top; min-height:30px; margin-top: -2px; padding-top: 2px; padding-left: 25px; letter-spacing: .6px;} #bread_navi li{ display:inline;color:#ffffff; font-size:12px; } #bread_navi li a{ display:inline-block; color:#ffffff; font-size:12px; text-decoration:none;} #bread_navi li:first-child a{ font-weight:bold;} #bread_navi li + li:before{ display:inline-block; content:""; background:url(../images/common/bread-icon.png) no-repeat; width:4px; height:8px; margin:0 20px 0 20px;} /*================================== course ==================================*/ #contents-inner-pages .course{display:flex; text-align:center;margin-bottom:70px;} #contents-inner-pages .course li{ display:table-cell; width:50%;border:1px solid #90c2d9; border-collapse:collapse;} #contents-inner-pages .course li:nth-of-type(2){border-left:none;} #contents-inner-pages .course li table{ width:100%; border-collapse:collapse;} #contents-inner-pages .course li table td{ vertical-align:middle; box-sizing:border-box;} #contents-inner-pages .course li table td.row1{ vertical-align:top;padding-top:18px;} #contents-inner-pages .course li table tr:nth-child(1) td{ height:88px; background-color:#357dab;color:#fff; font-size:18px;} #contents-inner-pages .course li table tr:nth-child(2) td{ font-size:16px; text-align:left; padding-left:20px;padding:20px;} #contents-inner-pages .course li:nth-child(1) td{ border-right:none;} /*================================== 相談したい ==================================*/ #contents-inner-pages .consultation_box .text{width:680px;} #contents-inner-pages .consultation_box .images{float:right;} #contents-inner-pages .consultation_box p + p{ margin-top:16px;} #contents-inner-pages .consultation_box p.bold{ font-weight:bold; font-size:17px;} #contents-inner-pages #wrap_add04{padding-bottom:52px;} #contents-inner-pages #wrap_add01{padding:15px 0 62px 0; background-image:none; background: -moz-linear-gradient(top, #ebf7fa, #fdfeff); background: -webkit-linear-gradient(top, #ebf7fa, #fdfeff); background: linear-gradient(to bottom, #ebf7fa, #fdfeff);} #contents-inner-pages #wrap_add01:after{background:none;} /*================================== リモート無料相談 ==================================*/ #contents-inner-pages #remote{ background:url(../images/title/remote_ttl_bg.jpg) no-repeat center top !important; margin:0 auto 45px auto; padding:67px 0 26px 0 !important;} #contents-inner-pages #remote h2 img{ margin-left:-103px;} #contents-inner-pages .remote_box .inn{ min-height:inherit;} #contents-inner-pages .remote_box .text{ text-align:center; font-size:18px; padding-bottom:65px;} #contents-inner-pages .remote_box .inn{ box-sizing:border-box; padding:0 50px 0 50px;} #contents-inner-pages .remote_box #wrap_add01{ background:#eaf7fb; padding:58px 0 84px 0;} #contents-inner-pages .remote_box #wrap_add01::after{ background:url(/images/nami_bk02.png) repeat-x;} #contents-inner-pages .remote_box #wrap_add01.osusume{ padding:78px 0 19px 0; margin-bottom:113px;} #contents-inner-pages .remote_box #wrap_add01.step{ background: -moz-linear-gradient(top, #ebf7fa, #fdfeff); background: -webkit-linear-gradient(top, #ebf7fa, #fdfeff); background: linear-gradient(to bottom, #ebf7fa, #fdfeff);} #contents-inner-pages .remote_box #wrap_add01.step::after{ background:none;} #contents-inner-pages .remote_box #wrap_add04{ position:relative; margin-bottom:0; padding-bottom:0;} #contents-inner-pages .remote_box #wrap_add01 .osusume_title{ text-align:center; margin-bottom:40px;} #contents-inner-pages .remote_box #wrap_add01 .osusume_img_sp{ display:none;} #contents-inner-pages .remote_box #wrap_add01 .osusume_img_pc img{ margin-left:-70px;} #contents-inner-pages .remote_box #wrap_add04 .ans_img{ position:absolute; top:-75px; right:94px; z-index:99999;} #contents-inner-pages .remote_box #wrap_add04 ul.remote_ques{ padding-top:11px; font-size:0; padding-bottom:79px;} #contents-inner-pages .remote_box #wrap_add04 ul.remote_ques li{ display:inline-block; margin-right:11px; margin-bottom:11px;} #contents-inner-pages .remote_box #wrap_add04 ul.remote_ques li:nth-child(3n){ margin-right:0;} #contents-inner-pages .remote_box #wrap_add01 .step_box{ padding:26px 50px 44px 50px; background:#dff2f7; position:relative;} #contents-inner-pages .remote_box #wrap_add01 .step_box::after{ display:block; content:""; clear:both;} #contents-inner-pages .remote_box #wrap_add01 .step_box span.step_num{ display:block; position:absolute; top:-10px; left:-12px;} #contents-inner-pages .remote_box #wrap_add01 .step_box .step_ttl{ padding-left:97px; font-size:22px; color:#004e63; font-weight:bold; margin-bottom:28px;} #contents-inner-pages .remote_box #wrap_add01 .step_box .step_ttl .large{ display:block; font-size:32px; color:#00a7d4;} #contents-inner-pages .remote_box #wrap_add01 .step_box .float{ float:left; width:640px;} #contents-inner-pages .remote_box #wrap_add01 .step_box .float .step_contact{ margin-top:23px;} #contents-inner-pages .remote_box #wrap_add01 .step_box .step_img{ margin-left:40px;} #contents-inner-pages .remote_box #wrap_add01 .step_box.step01 .step_img{ margin-top:-44px;} #contents-inner-pages .remote_box #wrap_add01 .step_box.step02 .step_img{ margin-top:33px;} #contents-inner-pages .remote_box #wrap_add01 .step_box table{ margin:14px auto 0 auto;} #contents-inner-pages .remote_box #wrap_add01 .step_box table td{ font-size:14px; text-align:center; padding:0 4px 0 4px;} #contents-inner-pages .remote_box #wrap_add01 .step_box table td.zoom{ padding:12px 20px 0 0; vertical-align:middle;} #contents-inner-pages .remote_box #wrap_add01.step h2{ margin-bottom:60px;} #contents-inner-pages .remote_box #wrap_add01.step .arrow_bottom{ text-align:center; margin:17px 0 17px 0;} #contents-inner-pages .remote_box #wrap_add01 .attention{ margin-top:65px;} #contents-inner-pages .remote_box #wrap_add01 .attention .attention_title{ border-top:1px solid #00a7d4; padding-top:21px; font-size:20px; font-weight:bold; color:#00a7d4; margin-bottom:18px;} #contents-inner-pages .remote_box #wrap_add01 .attention .attention_text{ font-size:16px;} /*================================== 背景無し ==================================*/ #non_bg{background:none !important; padding:0 !important;} /*================================== diving01 ==================================*/ #diving02{background:url(../images/title/diving02_ttl_bg.jpg) no-repeat center top !important;} /*================================== diving05 ==================================*/ #diving05{background:url(../images/title/diving05_ttl_bg.jpg) no-repeat center top !important;} /*================================== diving06 ==================================*/ #diving06{background:url(../images/title/diving06_ttl_bg.jpg) no-repeat center top !important;} /*================================== event ==================================*/ #event{background:url(../images/title/event_ttl_bg.jpg) no-repeat center top !important;} /*================================== blog ==================================*/ #blog{background:url(../images/title/blog_ttl_bg.jpg) no-repeat center top !important;} /*================================== voice ==================================*/ #voice{background:url(../images/title/voice_ttl_bg.jpg) no-repeat center top !important;} /*================================== プライバシーポリシー ==================================*/ #pricacy{background:none !important; padding:0 !important;} #contents-inner-pages .privacy_blocks p + h3{ margin-top:50px; margin-bottom:20px;} #contents-inner-pages .privacy_blocks a.btn { display:block; border:1px solid #000000; color:#000000; text-decoration:none; text-align:center; width:250px; margin:25px 0 0 0; padding:10px 0 10px 0; opacity:1 !important; transition:.3s;} #contents-inner-pages .privacy_blocks a.btn:hover{ background-color:#000000; color:#ffffff;} /*================================== 財務諸表 ==================================*/ #financial{background:none !important; padding:0 !important;} /*================================== よくあるご質問 ==================================*/ #contents-inner-pages .faq {} #contents-inner-pages .faq table {margin:50px 0 0 0; padding:0 0 50px 0; border-bottom:1px solid #EEE;} #contents-inner-pages .faq table td.icon_q {width:70px; padding-bottom:20px; vertical-align:top;} #contents-inner-pages .faq table td.h {font-weight:bold; font-size:24px; line-height:1.6; padding-bottom:20px;} #contents-inner-pages .faq table td.icon_a {vertical-align:top;} #contents-inner-pages .faq table td.text {font-size:18px; line-height:1.8;} #contents-inner-pages .faq table:last-child {border:none; padding-bottom:0;} /*================================== 新着情報 ==================================*/ #contents-inner-pages .news {} #contents-inner-pages .news table {margin-bottom:50px;} #contents-inner-pages .news td.oshirase, #contents-inner-pages .news td.blog {width:80px; font-size:13px; color:#FFF; vertical-align:middle; padding:3px 4px 2px 4px; text-align:center; box-sizing:border-box;} #contents-inner-pages .news td.oshirase {background:#E59;} #contents-inner-pages .news td.blog {background:#0AE;} #contents-inner-pages .news td.date {padding-left:20px; font-size:20px; font-weight:bold;} /*================================== 準備中 ==================================*/ #wrap-outer2nd .comming_soon{ margin:100px auto 100px auto; opacity:.75;} #wrap-outer2nd .comming_soon h3{ font-size:36px; margin-bottom:0;} #wrap-outer2nd .comming_soon h3:before{ display:none;} #wrap-outer2nd .comming_soon h3 img{ display:block; margin:0 auto 15px auto;} /*================================== お問い合わせ ==================================*/ .contact{margin-bottom:60px;} #contents .contents-form input[type="text"],#contents .contents-form input[type="tel"] {font-size:160%;} #contents .contents-form {margin:30px 0 0 0; color:#000;} #contents .contents-form .item {width:235px; line-height:1; margin:0 20px 30px 0; padding:10px; box-sizing:border-box; background:#3BD; border-radius:6px; color:#FFF; font-weight:normal; white-space:nowrap; text-align:center; float:left; font-size:22px;} #contents .contents-form label {padding:0 5px 0 5px;} #contents .contents-form .value {margin:0 0 30px 0; float:left; max-width:600px;} #contents .contents-form .lng {width:100%; margin-bottom:10px;} #contents .contents-form .vlng {width:100%; text-align:center;} #contents .contents-form .required {color:#FFF; font-size:12px; vertical-align:middle; padding-left:10px;} #contents .contents-form .supplement{color:#666; font-weight:normal; font-size:14px; margin-bottom:10px;} #contents .contents-form .reaffirmation{color:#666; font-weight:normal; font-size:14px; margin:10px 0 10px 0;} #contents .contents-form .error_description, #contents .contents-form .description1 {margin:0 0 30px 0px;} #contents .contents-form .error_list {margin-bottom:30px;} #contents .contents-form .error_list .alert {margin-bottom:15px; background:url(/images/contact/attention.gif) no-repeat 0 0; padding:5px 0 10px 50px; color:#e64545;} #contents .contents-form .msg_top {text-align:center;} #wrap .form_btn_pos{text-align:center} #contents .contents-form td.btn input{ padding:0; border:none;} #contents .contents-form .bt td{background:none;} #contents .contents-form table.basicTable {margin:0 auto 50px auto;} #contents .contents-form .contact_mail p.read{ text-align:center;} /* --- */ /*#scrollUp { bottom: 112px; right: 10px; height: 50px; width: 50px; background-size:50px; }*/ /* --- */ .menu-btn { display:none; } /*---------------------------------------------contact------------------------------------------*/ #contents-pages .contact {} #contents-pages .contact .title_img {position:absolute;top:-32px; left:0px;} .contents-form {margin:0 auto;} .contents-form .borderTable th, .contents-form .borderTable, .contents-form .borderTable th, .contents-form .borderTable td {border:none;} #contents-inner-pages .contact .telephone{ margin:0 0 30px 0; text-align:left;} #contents-inner-pages .contact .telephone th{ font-weight:normal;} #contents-inner-pages .contact .form{ width:100%;} #contents-inner-pages .contact .form th{ width:200px; text-align:left; padding: 0 20px 20px 0; box-sizing:border-box; vertical-align:top;} #contents-inner-pages .contact .form td{ width:600px; padding:0 0 30px 0; box-sizing:border-box;} #contents-inner-pages .contact .form td span{ display:block;} #contents-inner-pages .contact .form td span.ex{ margin:10px 0 0 0;} #contents-inner-pages .contact .form td span.supplement{ margin: 0 0 10px 0;} #contents-inner-pages .contact .form td span.supplement.ex{margin-top:20px;} #contents-inner-pages .contact .contact_bt{ width:100%; text-align:center; margin-top:30px;} /*================================== TEL ==================================*/ #telephone.inquiry {margin:0 auto 60px auto; display:table; background-color: #f2f2f2; width:500px; padding:33px 0 40px 0; text-align:center;} #contents.no_width .contact_phone .inn {width:auto; margin:0 auto 0 auto; padding:0; position:relative;} #telephone.inquiry a.num { display:inline-block; font-size:55px; color:#000000; text-decoration:none; margin: -10px 0 -10px 0;} #telephone.inquiry a.num em:before{ content:""; width:44px; height:39px; background:url(/images/common/inquiry_tel_v3.png) no-repeat; background-size:auto 100%; display: inline-block; } #telephone.inquiry .open {font-size:18px; line-height:1; letter-spacing:1px; margin-top:6px; } #telephone.inquiry .open table{margin-bottom:0; margin-top:0;} #telephone.inquiry .open table th{border:none; background: none; width:105px; color:#000; padding:0 0 10px 45px; vertical-align: top; font-weight: normal; line-height: 1.5em;} #telephone.inquiry .open table td{border:none; background: none; width:350px; padding:0 0 10px 0; text-align: left; line-height: 1.5em;} #contents .bytel { border: 5px solid #ccc; margin: 0 auto; padding: 20px; position: relative; } #contents .bytel .name { font-size: 20px; font-weight: bold; } #contents .bytel .tel { background: rgba(0, 0, 0, 0) url("../images/contact/icon_tel.png") no-repeat scroll left center; color: #f60; font-family: /*"Century Gothic",Verdana,*/Arial,sans-serif; font-size: 60px; line-height: 1.2; padding-left: 76px; white-space: nowrap; } #contents .bytel .open { bottom: 40px; font-size: 16px; position: absolute; left: 20px; } /*-----------------------------------------contact form---------------------------------------*/ #contents .contents-form, #contents_1column .contents-form {} #contents .contents-form table.basicTable, #contents_1column .contents-form table.basicTable { border-top: 1px solid #dddddd; color: #333333; margin: 15px 0 60px 0;} #contents .contents-form table.basicTable th, #contents .contents-form table.basicTable td, #contents_1column .contents-form table.basicTable th, #contents_1column .contents-form table.basicTable td { /*width:15%;*/ padding:20px 15px 20px 15px; /*white-space:nowrap;*/ text-align:left; vertical-align:top; border-bottom: 1px solid #dddddd; } #contents .contents-form table.basicTable th, #contents_1column .contents-form table.basicTable th { width: 240px;} #contents .contents-form p, #contents_1column .contents-form p {} #contents .contents-form .red, #contents_1column .contents-form .red {color: #CC0000;} #contents .contents-form #btnTable, #contents_1column .contents-form #btnTable {/*width:630px;*/ margin:43px 0 0 0;} #contents .contents-form #btnTable input, #contents_1column .contents-form #btnTable input {border:none;} #contents .contents-form .contact_bt, #contents_1column .contents-form .contact_bt {text-align:center; margin:40px 0 0 0;} #contents .contents-form .contact_bt input, #contents_1column .contents-form .contact_bt input {border:none;} #contents .contents-form .contact_bt2 .soushin, #contents_1column .contents-form .contact_bt2 .soushin {text-align:right;} #contents .contents-form .error_description, #contents .contents-form .description1, #contents_1column .contents-form .error_description, #contents_1column .contents-form .description1 {margin:0 0 30px 0px;} #contents .contents-form .error_list, #contents_1column .contents-form .error_list {margin-bottom:30px;} #contents .contents-form .error_list .alert, #contents_1column .contents-form .error_list .alert { margin-bottom:15px; background: url(../images/contact/attention.gif) no-repeat 0 0; padding:5px 0 10px 50px; color:#e64545; } #contents .contents-form td.btn input, #contents_1column .contents-form td.btn input {padding:0; border:none;} #contents .contents-form .bt td, #contents_1column .contents-form .bt td {background:none;} .contents-form .imeDisabled{ime-mode: disabled;} .contents-form .mail{font-size:20px;} .contents-form .other{margin:10px 0 0 0;padding:5px 0 0 0; border-top:1px solid #ccc;} .contents-form .use div{display:block; float:left; width:150px;margin:0 0 5px 0;} .contents-form .ex {color:#666; font-size:12px; padding-left:5px;} .contents-form .require {color:#d02465; padding-left:5px; font-size:12px; font-weight:normal;} .contents-form input {} .contents-form div.privacy { padding: 10px; overflow: auto; height: 200px; border: 1px solid #ccc; background-color:#ffffff;} .contents-form div.privacy p + p{ margin-top:20px;} /*.contents-form .w1 {width:275px;} .contents-form .w2 {width:400px;} .contents-form .w3 {width:50px;}*/ .contents-form .soft .div1 div{width:180px; margin:0 0 5px 0;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #aaa; font-weight: normal; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #aaa; font-weight: normal; } input::-moz-placeholder, textarea::-moz-placeholder { color: #aaa; font-weight: normal; } /*================================== 相談したい ==================================*/ .contact_box{width:1200px; min-height:290px; margin:30px auto 0 auto; background: url("../images/common/contact_bk.png") no-repeat left center; box-sizing:border-box; padding-left:340px;} .contact_box > img{margin:48px 0 29px 0;} .contact_box ul{font-size:0;} .contact_box li{display:inline-block; vertical-align: top;} .contact_box li:first-child{margin-right:42px;} /*--------------------------------------相談したい（相続）------------------------------------*/ #contents-inner-pages .consultation.sozoku{} #contents-inner-pages .consultation *{ box-sizing:border-box;} #contents-inner-pages .consultation .clearfix:before,#contents-inner-pages .consultation .clearfix:after{ display:block; content:""; clear:both;} #contents-inner-pages .consultation #soudan .blue_blocks{ border-top:1px solid #16aacd; border-bottom:1px solid #16aacd; color:#16aacd; font-size:18px; text-align:center; padding:15px 0 13px 0; margin:30px 0 40px 0;} #contents-inner-pages .consultation #soudan .question{ background-color:#faf1df; border:1px solid #e7cfa0; border-radius:6px; padding:15px 20px 15px 20px; position:relative;} #contents-inner-pages .consultation #soudan .question .h{ font-size:21px; border-bottom:1px solid #e7cfa0; color:#926d22; padding-bottom:2px; margin-bottom:16px;} #contents-inner-pages .consultation #soudan .question > img{ position:absolute; bottom:15px; } #contents-inner-pages .consultation #soudan .question li{ background-color:#ffffff; font-size:18px; color:#333333; border-radius:5px; position:relative; padding:10px 25px 10px 25px;} #contents-inner-pages .consultation #soudan .question li + li{ margin-top:7px;} #contents-inner-pages .consultation #soudan .question.or > img{ left:20px;} #contents-inner-pages .consultation #soudan .question.or li{ margin-left:118px;} #contents-inner-pages .consultation #soudan .question.or li:before { content: ""; position: absolute; top: 50%; left: -24px; margin-top: -6px; border: 6px solid transparent; border-right: 18px solid #ffffff; } #contents-inner-pages .consultation #soudan .question.blue{ background-color:#e4edf1; border-color: #a9c3cf; margin-top:25px;} #contents-inner-pages .consultation #soudan .question.blue .h{ color:#357dab; border-color:#a9c3cf;} #contents-inner-pages .consultation #soudan .question.blue > img{ right:20px;} #contents-inner-pages .consultation.syakuchi #soudan .question.blue > img{ right:0;} #contents-inner-pages .consultation #soudan .question.blue li{ margin-right:118px;} #contents-inner-pages .consultation #soudan .question.blue li:before { content: ""; position: absolute; top: 50%; right: -24px; margin-top: -6px; border: 6px solid transparent; border-left: 18px solid #ffffff; } #contents-inner-pages .consultation .inquiry{ margin:40px 0 60px 0;} #contents-inner-pages .consultation .inquiry .text{background:url(../images/consultation/souzoku/contact_img.png) no-repeat left bottom; padding: 21px 0 30px 250px; min-height:330px; } #contents-inner-pages .consultation .inquiry .h{ font-size:28px; color:#2a73a3; margin:1px 0 8px 0;} #contents-inner-pages .consultation .inquiry .h span{ display:block; font-size:16px; line-height:1.31;} #contents-inner-pages .consultation:not(.syakuchi) .inquiry .h br{ display:none;} #contents-inner-pages .consultation .inquiry small{ display:block; background-color:#f2f2f2; padding:7px 10px 5px 10px; margin-top:11.5px; margin-bottom:} #contents-inner-pages .consultation.akiya .inquiry .text{ background-position:left bottom -23px; min-height:305px;} #contents-inner-pages .consultation.syakuchi .inquiry .text{ min-height:338px;} #contents-inner-pages .consultation.syakuchi .inquiry .h{ line-height: 1.25;} #contents-inner-pages .consultation.syakuchi .inquiry .h span{ margin-bottom:5px;} #contents-inner-pages .consultation .inquiry .btn a{ display:block; font-size:22px; color:#ffffff; font-weight:bold; text-align:center; width:340px; border-radius:6px; text-decoration:none; padding:10px 0 6px 0; letter-spacing:1px;} #contents-inner-pages .consultation .inquiry .btn a span{ display:block; font-size:13px; font-weight:normal; border-bottom:1px solid #e79300; width:280px; margin:0 auto 6px auto; padding-bottom:5px;} #contents-inner-pages .consultation .inquiry .btn a:hover {opacity:.7;} #contents-inner-pages .consultation .inquiry .btn_blue{ float:left; border:1px #009ac3 solid; background-color:#00bddf; background:-moz-linear-gradient(top, #00bddf, #0090c9); background:-webkit-linear-gradient(top, #00bddf, #0090c9); background:linear-gradient(to bottom, #00bddf, #0090c9); background:-webkit-gradient(linear, left top, left bottom, from(#00bddf), to(#0090c9)); -pie-background:linear-gradient(top, #00bddf, #0090c9); } #contents-inner-pages .consultation .inquiry a.btn_blue span{ border-color:#009ac3;} #contents-inner-pages .consultation .inquiry .btn_orange{ float:right; border:1px #e79300 solid; background-color:#ffc018; background:-moz-linear-gradient(top, #ffc018, #ff940e); background:-webkit-linear-gradient(top, #ffc018, #ff940e); background:linear-gradient(to bottom, #ffc018, #ff940e); background:-webkit-gradient(linear, left top, left bottom, from(#ffc018), to(#ff940e)); -pie-background:linear-gradient(top, #ffc018, #ff940e); } #contents-inner-pages .consultation #qa .h{ background-color:#faf1df; border:1px solid #e7cfa0; /*border-radius:6px;*/ padding:7px 20px 5px 20px; font-size:21px; color:#926d22; margin-bottom:16px;} #contents-inner-pages .consultation #qa .sub_h{ font-size:24px; color:#d4920c; margin-bottom:8px;} #contents-inner-pages .consultation #qa dl + .sub_h{ background:url(../images/consultation/souzoku/dotline_or.png) no-repeat center top; padding-top:20px;} #contents-inner-pages .consultation #qa .blue .h{ background-color:#e4edf1; border-color: #a9c3cf; color:#357dab;} #contents-inner-pages .consultation #qa .blue .sub_h{ color:#357dab;} #contents-inner-pages .consultation #qa .blue dl + .sub_h{ background:url(../images/consultation/souzoku/dotline_bl.png) no-repeat center top;} #contents-inner-pages .consultation #qa dl{ padding:0 0 0 16px; margin-bottom: 25px;} #contents-inner-pages .consultation #qa dt{ position:relative; padding:6px 0 0 40px; margin-bottom:10px; cursor:pointer;} #contents-inner-pages .consultation #qa dt:hover{ text-decoration:underline;} #contents-inner-pages .consultation #qa dt:before{ display:block; content:""; background:url(../images/consultation/souzoku/faq_icon_q.png) no-repeat left top; background-size:100% auto; width:30px; height:31px; position:absolute; top:0; left:0;} #contents-inner-pages .consultation #qa dt:after{ display:inline-block; content:""; background:url(../images/consultation/souzoku/icon-normal.png) no-repeat left top; width:22px; height:15px; vertical-align: middle; margin-left:10px;} #contents-inner-pages .consultation #qa dd{ margin-left:40px; border-left:3px solid #dedede; padding:2px 25px 2px 15px; color:#333333; margin-bottom:25px; line-height: 1.85; display:none;} #contents-inner-pages .consultation #qa .box.orange{ margin-top:30px;} #contents-inner-pages .consultation #qa .box.blue{ margin-top:45px;} #contents-inner-pages .consultation #qa .blue dt:before{ background:url(../images/consultation/souzoku/faq_icon_q_bl.png) no-repeat left top; background-size:100% auto;} #contents-inner-pages .consultation #qa .blue dt:after{ background:url(../images/consultation/souzoku/icon-blue.png) no-repeat left top;} #contents-inner-pages .consultation #qa dt.active:before{ background:url(../images/consultation/souzoku/faq_icon_q_out.png) no-repeat left top; background-size:100% auto;} #contents-inner-pages .consultation #qa dt.active:after{ background:url(../images/consultation/souzoku/icon-red.png) no-repeat left top;} #contents-inner-pages .consultation #jirei > div + div{ margin-top:20px;} #contents-inner-pages .consultation #jirei .sub_h{ font-size:22px; /*margin-bottom:5px;*/} #contents-inner-pages .consultation #jirei .soudan .sub_h{ color:#8f82b0;} #contents-inner-pages .consultation #jirei .outai .sub_h{ color:#4981bf;} #contents-inner-pages .consultation #jirei .keika .sub_h{ color:#9f8972;} #contents-inner-pages .sozoku #jirei .soudan{ background:url(../images/consultation/souzoku/jirei_bk01.png) no-repeat left top; padding:11px 80px 0 110px; min-height:190px; margin-left:30px; margin-bottom:30px} #contents-inner-pages .sozoku #jirei .outai{ background:url(../images/consultation/souzoku/jirei_bk02.png) no-repeat left top; padding:15px 210px 15px 25px; min-height:176px; margin-left:30px; margin-bottom:30px} #contents-inner-pages .sozoku #jirei .keika{ background:url(../images/consultation/souzoku/jirei_bk03.png) no-repeat left top; padding:15px 210px 15px 25px; min-height:109px; margin-left:30px; margin-bottom:30px} #contents-inner-pages .akiya #jirei .soudan{ background:url(../images/consultation/akiya/jirei_bk01.png) no-repeat left top; padding:12px 25px 0 110px; min-height:119px; margin-left:30px; margin-bottom:30px} #contents-inner-pages .akiya #jirei .soudan .sub_h{ color:#369046;} #contents-inner-pages .akiya #jirei .outai{ background:url(../images/consultation/akiya/jirei_bk02.png) no-repeat left top; padding:15px 240px 15px 25px; min-height:200px; margin-left:30px; margin-bottom:30px} #contents-inner-pages .akiya #jirei .keika{ background:url(../images/consultation/akiya/jirei_bk03.png) no-repeat left top; padding:15px 240px 15px 25px; min-height:125px; margin-left:30px; margin-bottom:30px} #contents-inner-pages .syakuchi #jirei .soudan{ background:url(../images/consultation/syakuchi/jirei_bk01.png) no-repeat left top; padding:15px 80px 0 110px; min-height:149px; margin-left:30px; margin-bottom:30px} #contents-inner-pages .syakuchi #jirei .outai{ background:url(../images/consultation/syakuchi/jirei_bk02.png) no-repeat left top; padding:15px 210px 15px 25px; min-height:224px; margin-left:30px; margin-bottom:30px} #contents-inner-pages .syakuchi #jirei .keika{ background:url(../images/consultation/syakuchi/jirei_bk03.png) no-repeat left top; padding:15px 210px 15px 25px; min-height:200px; margin-left:30px; margin-bottom:30px} #contents-inner-pages .consultation #support > img{ display:block; margin:20px auto 0 auto;} #contents-inner-pages .consultation #voice dt{ font-size:24px; padding-left:40px; margin:30px 0 6px 0; position:relative;} #contents-inner-pages .consultation #voice dt:before{ display:block; content:""; background:url(../images/consultation/souzoku/icon_user_or.png) no-repeat left top; background-size:100% auto; width:30px; height:31px; position:absolute; top:0; left:0;} #contents-inner-pages .consultation #voice dd + dt:before{background:url(../images/consultation/souzoku/icon_user_bl.png) no-repeat left top; background-size:100% auto;} #contents-inner-pages .consultation #voice dd{ background-color:#f2f2f2; color:#333333; padding:16px 20px 16px 20px; border-radius:6px;} #contents-inner-pages .consultation .im1{ display:block; float:right; margin-left:25px; margin-bottom:10px;} #contents-inner-pages .consultation .contact, #contents-inner-pages .consultation img.sodan {display:none;} /*-----------------------------------------common----------------------------------------*/ #contents-inner-pages #main .box{ margin:0 0 60px 0;} /*-----------------------------------------about----------------------------------------*/ #contents-inner-pages .about table img {padding:2px; background:#fff; border:1px solid #cdcdcd; margin-top:7px;} #contents-inner-pages .about #skill td:first-child img {margin-bottom:15px;} #contents-inner-pages .about .noborderTable span{line-height:2.0;} #contents-inner-pages .about .handwriting{border:none; vertical-align:middle;} #contents-inner-pages .about .chairman_images{ text-align:right;} #contents-inner-pages .about .top img{width:800px; margin-bottom:10px;} #contents-inner-pages .about .top p{font-size:16px;} #contents-inner-pages .about .staff {margin-top:50px;} #contents-inner-pages .about .staff h3{font-weight: bold; font-size: 24px; color:#000; background:none; border-left:solid #00a7d4 3px; padding:0px 10px 0 10px;} #contents-inner-pages .about .staff .staff-name {font-size:22px; font-weight: bold; margin-bottom:15px;} #contents-inner-pages .about .staff .staff-name span{display:block; font-size:16px; font-weight: normal; color:#666} #contents-inner-pages .about .staff .photo{padding-right:20px;} #contents-inner-pages .about .staff td{font-size:16px;} #contents-inner-pages .about .staff strong span{color:#0000ff;} #contents-inner-pages .about .staff hr{border: 1px solid #eee; margin:25px 0 25px 0;} #contents-inner-pages .about .staff-inner table table{ padding:0 20px 0 0; box-sizing:border-box; margin:0 0 50px 0;} #contents-inner-pages .about .staff-inner table table td{ vertical-align:top; padding:0 10px 10px 0; box-sizing:border-box;} #contents-inner-pages .about .staff-inner table table td:nth-of-type(1){ font-weight:bold;} #contents-inner-pages .about .staff-inner table table td:last-of-type{ font-weight:inherit;} #contents-inner-pages .about .staff-inner table tr td:nth-of-type(2) img{width:240px; max-width:inherit;} /*-----------------------------------------introduction staff----------------------------------------*/ #contents-inner-pages .introduction .staff {margin-top:0 !important;} #contents-inner-pages .introduction .staff #anchor_btn td{ text-align:center;} #contents-inner-pages .introduction #career{ border-collapse:collapse; border-spacing:0;} #contents-inner-pages .introduction #career th,#contents-inner-pages .introduction #career td{ padding:10px; border:1px solid #DEDEDE;} #contents-inner-pages .introduction #career th{ text-align:left; background:#efefef;} /*------------------------------------------スクール・ライセンス----------------------------------------*/ #contents-inner-pages .school-license .top {position:relative;} #contents-inner-pages .school-license .top img{margin-bottom:40px;} #contents-inner-pages .school-license .top .fl{position: absolute;top: -55px;right: 21px;} #contents-inner-pages .school-license .top p{margin-bottom:39px;} #contents-inner-pages .school-license .top .desc{margin-bottom:20px;} #contents-inner-pages .school-license ul li.point_box { width: 788px; margin: 0 0 50px 12px; position: relative; padding: 25px 29px 24px 54px; box-sizing: border-box; } #contents-inner-pages .school-license ul li.point_box.point_odd {background: #f3f9fb;} #contents-inner-pages .school-license ul li.point_box .point_ttl { padding: 0 0 0 100px; font-size: 36px; color: #2da7e0; font-weight: bold; margin-bottom: 43px; } #contents-inner-pages .school-license ul li.point_box .point_ttl span.point_num { display: block; position: absolute; top: -10px; left: -12px; } #contents-inner-pages .school-license ul li.point_box .point_text { float: left; width: 350px; } #contents-inner-pages .school-license ul li.point_box .point_img { margin-left: 28px; max-width:100%; } /*------------------------------------------price----------------------------------------*/ #wrap-outer2nd #contents-inner-pages .price{ font-size:16px;} #wrap-outer2nd #contents-inner-pages .price h3 + p{margin:0;} #contents-inner-pages .price .price_tb{ margin:30px 0 30px 0;border-collapse:collapse; border-spacing:0;} #contents-inner-pages .price .price_tb th,#contents-inner-pages .price .price_tb td{ padding:12px; box-sizing:border-box; border:1px solid #DEDEDE;} #contents-inner-pages .price .price_tb th.cat{background:#efefef;} #contents-inner-pages .price .wrap + ul li{ margin-bottom:10px;} #contents-inner-pages .price .btn_more{margin-bottom:30px;} /*------------------------------------------rental----------------------------------------*/ #contents-inner-pages .rental .rental_price table{border-collapse:collapse; border-spacing:0;} #contents-inner-pages .rental .rental_price tr th{ background:#efefef;} #contents-inner-pages .rental .rental_price tr th:first-child{ border-right:1px solid #DEDEDE;} #contents-inner-pages .rental .rental_price tr td{ vertical-align:top; padding:10px;} #contents-inner-pages .rental .rental_price table td:nth-of-type(1){padding-left:20px; box-sizing:border-box;} #contents-inner-pages .rental .rental_price table td,#contents-inner-pages .rental .rental_price table th{ border:1px solid #DEDEDE; box-sizing:border-box; margin:0;} #contents-inner-pages .rental .rental_price table + p{ width:380px; padding-left:20px;} /*#contents-inner-pages .rental .photo{margin:10px auto 20px auto; }*/ #contents-inner-pages .rental .photo div{ float:left; width:49%;} #contents-inner-pages .rental .photo div:nth-of-type(even){ float:right;} #contents-inner-pages .rental .photo img{ width:98%; height:auto; display:inline-block; margin-bottom:12px;} #contents-inner-pages .rental .rental_bnr img{ height:auto; width:120px;} #contents-inner-pages .rental .rental_bnr td{ padding:10px; box-sizing:border-box; text-align:center;} /*------------------------------------------overhaul_price----------------------------------------*/ #contents-inner-pages .overhaul table{ border-spacing:0;} #contents-inner-pages .overhaul .price_tb{ margin:30px 0 20px 0;} #contents-inner-pages .overhaul .price_tb td:nth-of-type(2){ text-align:center; font-size:36px; line-height:1.2; vertical-align:top;} #contents-inner-pages .overhaul .overhaul_price { width:100%;border-collapse:collapse; border-spacing:0;} #contents-inner-pages .overhaul .overhaul_price th{background:#efefef; padding:5px !important; box-sizing:border-box;} #contents-inner-pages .overhaul .overhaul_price th,#contents-inner-pages .overhaul .overhaul_price td{border:1px solid #DEDEDE; box-sizing:border-box; margin:0; padding:10px;} #contents-inner-pages .overhaul .overhaul_price th:first-child{ border-right:1px solid #DEDEDE;} #contents-inner-pages .overhaul .overhaul_price p{margin:0 0 0 0;} #contents-inner-pages .overhaul .caution{ margin:30px 0 0 0;} /*------------------------------------------voice----------------------------------------*/ #contents-inner-pages .voice .entry-body p{margin:0 0 20px 0;} /*------------------------------------------campaign---------------------------------------*/ #contents-inner-pages #main .campaign table.box{ border-collapse:collapse; border-spacing:0; margin-bottom:0} #contents-inner-pages .campaign table.box th,#contents-inner-pages .campaign table.box td{border:1px solid #DEDEDE; box-sizing:border-box; margin:0; padding:10px;} #contents-inner-pages .campaign table.box th{ background:#efefef; height:117px;} #contents-inner-pages .campaign table.box td{ width:60%;} /*------------------------------------------license_course---------------------------------------*/ #contents-inner-pages .license_course table.tb1 td:nth-of-type(1){ width:560px;} #contents-inner-pages .license_course table.tb1 td:nth-of-type(1) .table_ttl{ background:#efefef; display:block; padding:5px; box-sizing:border-box;} /*------------------------------------------wrap_adjust---------------------------------------*/ #contents-inner-pages .wrap_adjust table th{ background:#357dab; color:#fff; } #contents-inner-pages .wrap_adjust table th,#contents-inner-pages .wrap_adjust table td{ padding:10px;border:1px solid #DEDEDE;} /*------------------------------------------会員一覧----------------------------------------*/ #contents-inner-pages .member-list {} #contents-inner-pages .member-list ul.member {margin:0 0 0 30px; padding-top:20px;} #contents-inner-pages .member-list ul.member li {float:left; width:25%; margin:0 0 20px 0;} #contents-inner-pages .member-list ul.member li dl dd:nth-of-type(1) {font-weight:bold; color:#8A7146;} #contents-inner-pages .member-list table#list {} #contents-inner-pages .member-list table#list tr {} #contents-inner-pages .member-list table#list td { padding:15px 5px 15px 5px; vertical-align:top;border-bottom:1px solid #e0e0e0;} #contents-inner-pages .member-list table img{padding:2px; background:#fff; border:1px solid #cdcdcd;} #contents-inner-pages .member-list ul.member li dl dd:nth-of-type(2) {margin:-9px 0 0 0;} /*------------------------------------------privacy----------------------------------------*/ #contents-inner-pages .privacy{ font-size:16px;} #contents-inner-pages .privacy th{ vertical-align:top; text-align:left;} #contents-inner-pages .privacy td{ padding:0 0 20px 20px;} /*------------------------------------------入会案内----------------------------------------*/ #contents-inner-pages .join {} #contents-inner-pages .join li{background:url(../images/indent.gif) no-repeat 0 5px; padding:0px 0 0 15px; margin:0 0 3px 0;} #contents-inner-pages .join p strong br {display:none;} /*------------------------------------------イベントレポート----------------------------------------*/ #contents-inner-pages .event-report{overflow:hidden;} #contents-inner-pages .event-report h3 a{color:#fff; text-decoration:none;} #contents-inner-pages .event-report h3 a:hover {color:#266fa0;} #contents-inner-pages .event-report .entry-asset {margin:0 0 50px 0;} #contents-inner-pages .event-report .contents-nav {text-align:center; margin:50px 0;} #contents-inner-pages .event-report .borderTable {border: 1px solid #90C2D9; border-collapse:collapse;} #contents-inner-pages .event-report .borderTable td {border: 1px solid #90C2D9; /*padding:5px;*/} #contents-inner-pages .event-report .event-ul {overflow:hidden;} #contents-inner-pages .event-report .event-ul li {float:left; width:25%;} #contents-inner-pages .event-report .event-ul_01 {overflow:hidden;} #contents-inner-pages .event-report .event-ul_01 li {float:left; margin-right:70px;} #contents-inner-pages .event-report .event-ul_01 li:last-child {margin-right:0;} #contents-inner-pages .event-report h3 +table tr td:nth-of-type(2) {padding:0 0 0 10px;} #contents-inner-pages .event-report .tb1{ border:1px solid #ebebeb; border-collapse:collapse;} #contents-inner-pages .event-report .tb1 td{ border-bottom:1px solid #ebebeb;padding:5px 0 5px 10px !important;} /*------------------------------------------event----------------------------------------*/ #contents-inner-pages .event{padding:0px 0 15px 0px;} #contents-inner-pages .event .page_link{ margin-bottom:37px;} #contents-inner-pages .event .borderTable{ background:none; border-collapse: collapse; border:1px solid #90c2d9; } #contents-inner-pages .event .borderTable th{border:1px solid #90c2d9; background:#eaf7fb; color:#004e63; padding:10px; box-sizing:border-box;} #contents-inner-pages .event .borderTable td{ border:1px solid #90c2d9; /*padding:5px;*/ box-sizing:border-box;} #contents-inner-pages .event table{ /*background:url(../images/event/plan_bg.gif) no-repeat bottom;*/ padding:0; border-collapse: collapse; } #contents-inner-pages .event .back_number .borderTable td:first-child{width:120px !important;} #contents-inner-pages .event strong{} #contents-inner-pages .event table img{ /*padding:3px; background:#fff; border:1px solid #cdcdcd;*/ } #contents-inner-pages .event .noborderTable, #contents-inner-pages .event .noborderTable img {background:none; border:none;} /*#contents-inner-pages .event .noborderTable .noborderTable img {background:none; border:none;}*/ #contents-inner-pages .event .noborderTable td {padding:7px; vertical-align:top; border-bottom:1px solid #eee;} #contents-inner-pages .event .noborderTable td .noborderTable td {background:none; border:none;} #contents-inner-pages .event table table{background:none; width:100%;} #contents-inner-pages .event table table td{ background:url(../images/event/plan_td_bg.gif) repeat-x bottom left; padding:5px 15px 20px 15px; } #contents-inner-pages .event h5{ background:url(../images/h5_bg.gif) no-repeat bottom; height:35px; padding:15px 0 0 15px; font-size:16px; color:#266fa0; } #contents-inner-pages .event .im1{ margin:20px 0 0 0; } #contents-inner-pages .event h3{font-size:20px;} #contents-inner-pages .event h3 span{font-size:16px;} #contents-inner-pages .event .event_month{ width:100%;} #contents-inner-pages .event .event_month td{ vertical-align:top;} #contents-inner-pages .event .event_month td:nth-of-type(2){ text-align:right;} #contents-inner-pages .event .event_month td:nth-of-type(2) img{ width:200px; height:auto;} #contents-inner-pages .event .mini_calendar{ width:100%;} #contents-inner-pages .event .mini_calendar th,#contents-inner-pages .event .mini_calendar td{ padding:10px;border-spacing:0; box-sizing:border-box; border:1px solid #ccc; border-collapse:collapse;} #contents-inner-pages .event .mini_calendar th{ width:114px;} #contents-inner-pages .event .mini_calendar td{ vertical-align:top; height:114px;} #contents-inner-pages .event .mini_calendar th:nth-of-type(1){color:#e51629;} #contents-inner-pages .event .mini_calendar td:nth-of-type(1) p{color:#e51629;} #contents-inner-pages .event .mini_calendar th:nth-of-type(7){color:#114be5;} #contents-inner-pages .event .mini_calendar td:nth-of-type(7) p{color:#114be5;} /*------------------------------------------event entry-body----------------------------------------*/ #contents-inner-pages .event .entry-body{ font-size:16px;} #contents-inner-pages .event .entry-body .main-body td,#contents-inner-pages .entry-body .main-body th{ vertical-align:top;} /*#contents-inner-pages .event .entry-body .main-body > table > tbody > tr:nth-of-type(1) td:nth-of-type(1) >div{ text-align:left !important;}*/ /*#contents-inner-pages .event .entry-body .main-body > table{ position:relative;}*/ /*#contents-inner-pages .event .entry-body .main-body > table > tbody > tr:nth-of-type(2){ position:absolute; top:150px; left:0;}*/ #contents-inner-pages .event .entry-body .main-body > table > tbody > tr:nth-of-type(1) td:nth-of-type(1) img{ margin-top:10px;} #contents-inner-pages .event .entry-body .main-body > table > tbody > tr > td:nth-of-type(2) table th{ width:40%;padding:10px;border-bottom:1px solid #ccc; } #contents-inner-pages .event .entry-body .main-body > table > tbody > tr > td:nth-of-type(2) table td{border-bottom:1px solid #ccc; vertical-align:middle; padding:10px;} /*------------------------------------------blog----------------------------------------*/ #contents-inner-pages .blog ul li h3 a{ color:#fff; text-decoration:none;} #contents-inner-pages .blog .entry-body{ margin-bottom:60px;} #contents-inner-pages .blog > table > tbody > tr:nth-of-type(1) > td:nth-of-type(1){ width:80%; box-sizing:border-box; padding-right:20px;} #contents-inner-pages .blog .byline{ text-align:right;} #contents-inner-pages .blog .byline abbr{ text-decoration:none;} #contents-inner-pages .blog .main-body{ margin:30px 0 0 0;} #contents-inner-pages .blog .right_column{ font-size:14px;} #contents-inner-pages .blog .right_column h3{ background-color:transparent;color:#000;padding:0;margin-bottom:10px; font-size:16px;} #contents-inner-pages .blog .right_column > div{ margin-bottom:20px;} #contents-inner-pages .blog .right_column > div > div table{ width:100%; text-align:center;} /*------------------------------------------store----------------------------------------*/ #contents-inner-pages #company_info .photo{ display:flex; justify-content: space-between; text-align:center; margin: 45px auto 45px auto; font-size:0;} /*#contents-inner-pages #company_info .photo li{ display:inline-block; padding:6px; margin:0 22px 0 22px;}*/ #contents-inner-pages #company_info .photo li p{ display:table; width:380px; height:380px; background:#e6e6e6;} #contents-inner-pages #company_info .photo li p span{ display:table-cell; vertical-align:middle; /*font-size:16px;*/} #contents-inner-pages table.mod-table {width:100%; table-layout:fixed; border-collapse:collapse; text-align:left; background-color:#ffffff; border-top:1px dotted #727171;} #contents-inner-pages table.mod-table th, #contents-inner-pages table.mod-table td {vertical-align:middle; padding:20px; border-bottom:1px dotted #727171; line-height:1.8; clear:both; /*font-size:16px;*/ color:#333333;} #contents-inner-pages table.mod-table th {width:240px; background-color:#edf6fa; font-weight:normal; vertical-align:top;} #contents-inner-pages table.mod-table .add_box em{ display:table; font-weight:bold; margin-bottom:20px;} #contents-inner-pages table.mod-table .add_box + .add_box{ border-top:1px dotted #b19f85; margin-top:15px; padding-top:15px;} #contents-inner-pages table.mod-table .add_box .add,#contents-inner-pages table.mod-table .gmap{ display:table-cell; vertical-align:top;} #contents-inner-pages table.mod-table .add_box .add{ width:320px; min-height:245px;} #contents-inner-pages table.mod-table .add_box .add a{ color:#444444; text-decoration:none;} #contents-inner-pages #access .gmap {width:100%; height:550px;} #contents-inner-pages #company_info{margin-top:60px;} #contents-inner-pages #access{margin-top:100px;} #contents-inner-pages a.tel_link{ color:#333333; text-decoration:none; cursor:text; opacity:1 !important;} #contents-inner-pages a.tel_link:hover{ color:#333333; text-decoration:none;} #contents-inner-pages #access p.text-center{ text-align:center; margin-bottom:50px;} /*---財務諸表---*/ #contents-inner-pages .financial h2{ margin:0 0 10px 0; padding:4px 0 3px 0px; font-size:30px; color:#000; font-weight:normal; } /*---*/ #scrollUp { bottom: 10px; right: 10px; height: 50px; width: 50px; background: url(../images/icons/top.png) no-repeat; background-size:50px; z-index:1000; } #scrollUp:hover { opacity:0.9; } /*---*/ ul#sns_btn { display:none; position: fixed; left:20px; bottom:0; width:auto; padding:10px 10px 10px 10px; box-sizing:border-box; border-top-right-radius:10px; border-top-left-radius:10px; background:#FFF; /* box-shadow */ box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0; -webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0; -moz-box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0; z-index:100; overflow:hidden; } ul#sns_btn li {margin-right:10px; float:left;} ul#sns_btn li:last-child {margin-right:0;} ul#sns_btn li img {width:40px; height:auto; vertical-align:top;} /*--------------------------------------　2カラム　------------------------------------*/ #wrap-outer2nd #main{width:800px;} #wrap-outer2nd #side_menu{float:right; font-weight:middle; width:320px;} #wrap-outer2nd #side_menu ul{ margin-bottom:40px;} #wrap-outer2nd #side_menu li.head{ border-left:1px solid #00a7d4; color:#00a7d4; background:#fff; font-size:18px; box-sizing:border-box; padding:18px 0 18px 20px; margin:0 0 10px 0;-webkit-text-stroke-width:0.3px;} #wrap-outer2nd #side_menu ul.snow li.head{ border-left:1px solid #63c6a5; color:#7ccdb1; background:#fff;} #wrap-outer2nd #side_menu ul.shop li.head{ border-left:1px solid #af5fc1; color:#b883c4; background:#fff;} #wrap-outer2nd #side_menu li{font-size:20px; /*border-bottom:#ddd 1px solid;*/ background:#f0f9fb; line-height:1; margin-bottom:5px;-webkit-text-stroke-width:0.2px;} #wrap-outer2nd #side_menu li:last-child{margin-bottom:0;} #wrap-outer2nd #side_menu li a{display:block; color:#00a7d4; text-decoration:none; width:320px; box-sizing:border-box; padding:22px 0 20px 20px;} #wrap-outer2nd #side_menu ul.snow li a{color:#7ccdb1; } #wrap-outer2nd #side_menu ul.shop li a{color:#b883c4; padding:32px 0 30px 20px;box-sizing:border-box;} /*#wrap-outer2nd #side_menu li a:hover{color:#004e63;}*/ #wrap-outer2nd #side_menu li a span{font-size:14px; display:block; margin-bottom:7px;-webkit-text-stroke-width:0;} #wrap-outer2nd #side_menu ul.snow li{background:#f3fefa; } #wrap-outer2nd #side_menu ul.shop li{background:#fbf4fc; } #wrap-outer2nd h3 + p{margin:0 10px 25px 18px;font-size:16px;} #wrap-outer2nd .read{font-size:30px; color:#333; font-weight:bold; text-align:center;} #wrap-outer2nd .read + div{margin-top:40px;font-size:16px;} #wrap-outer2nd #side_menu li.page_link_side{ background:none; box-sizing:border-box; padding:0; margin:0 0 20px 0;} #wrap-outer2nd #side_menu li.page_link_side a{display:block; text-decoration:none; padding:0;} #wrap-outer2nd #side_menu li.page_link_side a:hover{ background:none;} #wrap-outer2nd #side_menu .side_bnr{ margin-top:60px;text-align:center;} #wrap-outer2nd #side_menu .side_bnr a{ display:block; margin:0 0 10px 0;} /* table ================================================== */ /* borderが1以上のテーブルCSS */ .borderTable { border:1px solid #ccc; border-collapse:collapse; } .borderTable th, .borderTable td { border:1px solid #ccc; border-collapse:collapse; padding:7px; } .borderTable td ul li { border-bottom:none; } /*------------------------------------------各ページ共用----------------------------------------*/ #contents-inner-pages .clear {border: 0 none; clear: both; height: 0; margin: 0; padding: 0;} /*　戻るボタン　*/ #contents-inner-pages .pageback a { display:block; background:url(/images/pageback_indent.png),#999; background-repeat:no-repeat; background-position:15% center; border:none; background-size:22px 22px; text-align:center; cursor:pointer;color:#FFF; font-size:20px; line-height:1; letter-spacing:1px; text-decoration:none; box-sizing:border-box; padding:20px 20px 18px 40px; margin:0; cursor:pointer; width: 180px;} /* 余白 */ #contents-inner-pages section + section{ margin-bottom:60px;} /*イベントリスト*/ #contents-inner-pages #list_event a { display:block; background:#006556; text-align:center; cursor:pointer;color:#FFF; font-size:14px; line-height:1; letter-spacing:1px; text-decoration:none; box-sizing:border-box; padding:3px 0px 3px 0px; margin:0; width:150px; }