@charset "utf-8"; /* CSS Document */ body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, brockquote, pre, table, caption, th, td, address, form, fieldset, legend, object { margin: 0; padding: 0; } body{ background:#E9F6F9; font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "MS Pゴシック", sans-serif; font-size:95%; min-width:980px; } body:not(:target){ font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "メイリオ", Meiryo, "MS Pゴシック", sans-serif; } header,section,navi,footer{ display:block; } a, ins { text-decoration: none; } address, em, cite, dfn, var { font-style: normal; } input, textarea { font-family: sans-serif; font-weight: normal; } img { vertical-align: baseline; } a img { border: none; } h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, brockquote, pre, table, caption, th, td, address{ line-height:160%; letter-spacing:0.1em; color:#333; } a{ color:#01478F; text-decoration:underline; } a:hover{ text-decoration:none; color:#F30; } li{ list-style:none; } ol{ margin:5px 0 10px 28px; li{ list-style:decimal; margin-bottom:12px; } } p{margin-bottom:15px;} table{ border-collapse:collapse; margin:18px 0; width:100%; th{ text-align:left; font-weight:normal; white-space:nowrap; border:solid 1px #E1ECFF; background:#01478F; padding:8px; color:#FFFFFF; } td{ border:solid 1px #2762A0; padding:8px; vertical-align:top; } .bg-lightblue{ background:#F6FCFF; } } dl{ dt{ margin-bottom:12px; } dd{ margin:0 0 23px 5px; } } /* 共通 --------------------------------------------------------------*/ header{ background:#CCEEFF url(../img/common/head-bg.jpg) no-repeat center top; padding:0; min-height:275px; .head-inner{ position:relative; width:980px; margin:0 auto; padding:5px 0; .head-read2{ position:absolute; top:33px; left:217px; } .head-houterasu2{ position:absolute; top:38px; left:0px; } .head-name2{ position:absolute; top:112px; left:234px; } .head-tel2{ position:absolute; top:223px; left:264px; } .head-mail2{ position:absolute; top:226px; left:758px; } } } #gnavi{ width:100%; background:url(../img/common/gnavi-bg.gif) repeat-x left top; margin-bottom:25px; ul{ width:980px; margin:0 auto; li{ float:left; } } } #gnavi a{ background:url("../img/common/gnavi.gif") top left no-repeat; display:block; text-indent:-400px; overflow:hidden; } #gnavi01 a:hover{ width:330px; height:92px; background-position:-10px -10px; } #gnavi01 a{ width:330px; height:92px; background-position:-10px -112px; } #gnavi02 a:hover{ width:217px; height:60px; background-position:-10px -494px; } #gnavi02 a{ width:217px; height:60px; background-position:-10px -564px; } #gnavi03 a:hover{ width:217px; height:60px; background-position:-10px -354px; } #gnavi03 a{ width:217px; height:60px; background-position:-10px -424px; } #gnavi04 a:hover{ width:216px; height:60px; background-position:-10px -214px; } #gnavi04 a{ width:216px; height:60px; background-position:-10px -284px; } .contents{ width:980px; margin:20px auto 50px; } .main-contents{ width:670px; float:right; } #side-navi{ float:left; width:280px; nav{ margin:0 0 20px; ul{ li{ margin:0; padding:0; line-height:0; } } } .side-prof{ border:solid 2px #01478F; background:#FFFFFF; padding:8px; margin:0 0 20px; dt{ font-weight:bold; margin:0 0 3px; font-size:128%; } dd{ line-height:140%; font-size:83%; margin:0; } dd.adress{ margin:7px 0 0; font-size:100%; } } } .side-navi a{ background:url("../img/common/side-navi.gif") top left no-repeat; display:block; text-indent:-280px; overflow:hidden; } #side-navi29 a{ width:280px; height:60px; background-position:-10px -10px; } #side-navi28 a{ width:280px; height:59px; background-position:-10px -150px; } #side-navi27 a{ width:280px; height:59px; background-position:-10px -219px; } #side-navi26 a{ width:280px; height:59px; background-position:-10px -288px; } #side-navi25 a{ width:280px; height:59px; background-position:-10px -357px; } #side-navi24 a{ width:280px; height:59px; background-position:-10px -426px; } #side-navi23 a{ width:280px; height:59px; background-position:-10px -495px; } #side-navi22 a{ width:280px; height:59px; background-position:-10px -564px; } #side-navi21 a{ width:280px; height:59px; background-position:-10px -633px; } #side-navi20 a{ width:280px; height:59px; background-position:-10px -702px; } #side-navi19 a{ width:280px; height:59px; background-position:-10px -771px; } #side-navi18 a{ width:280px; height:59px; background-position:-10px -840px; } #side-navi17 a{ width:280px; height:59px; background-position:-10px -909px; } #side-navi16 a{ width:280px; height:59px; background-position:-10px -978px; } #side-navi15 a{ width:280px; height:59px; background-position:-10px -1047px; } #side-navi14 a{ width:280px; height:59px; background-position:-10px -1116px; } #side-navi13 a{ width:280px; height:59px; background-position:-10px -1185px; } #side-navi12 a{ width:280px; height:59px; background-position:-10px -1254px; } #side-navi11 a{ width:280px; height:59px; background-position:-10px -1323px; } #side-navi10 a{ width:280px; height:59px; background-position:-10px -1392px; } #side-navi09 a{ width:280px; height:59px; background-position:-10px -1461px; } #side-navi08 a{ width:280px; height:59px; background-position:-10px -1530px; } #side-navi07 a{ width:280px; height:59px; background-position:-10px -1599px; } #side-navi06 a{ width:280px; height:59px; background-position:-10px -1668px; } #side-navi05 a{ width:280px; height:59px; background-position:-10px -1737px; } #side-navi04 a{ width:280px; height:59px; background-position:-10px -1806px; } #side-navi03 a{ width:280px; height:59px; background-position:-10px -1875px; } #side-navi02 a{ width:280px; height:59px; background-position:-10px -1944px; } #side-navi01 a{ width:280px; height:59px; background-position:-10px -2013px; } #side-navi30 a{ width:280px; height:59px; background-position:-10px -2082px; } #side-navi00 a{ width:280px; height:59px; background-position:-10px -2151px; } #side-navi29 a:hover{ width:280px; height:60px; background-position:-10px -80px; } #side-navi28 a:hover{ width:280px; height:59px; background-position:-10px -2220px; } #side-navi27 a:hover{ width:280px; height:59px; background-position:-10px -2289px; } #side-navi26 a:hover{ width:280px; height:59px; background-position:-10px -2358px; } #side-navi25 a:hover{ width:280px; height:59px; background-position:-10px -2427px; } #side-navi24 a:hover{ width:280px; height:59px; background-position:-10px -2496px; } #side-navi23 a:hover{ width:280px; height:59px; background-position:-10px -2565px; } #side-navi22 a:hover{ width:280px; height:59px; background-position:-10px -2634px; } #side-navi21 a:hover{ width:280px; height:59px; background-position:-10px -2703px; } #side-navi20 a:hover{ width:280px; height:59px; background-position:-10px -2772px; } #side-navi19 a:hover{ width:280px; height:59px; background-position:-10px -2841px; } #side-navi18 a:hover{ width:280px; height:59px; background-position:-10px -2910px; } #side-navi17 a:hover{ width:280px; height:59px; background-position:-10px -2979px; } #side-navi16 a:hover{ width:280px; height:59px; background-position:-10px -3048px; } #side-navi15 a:hover{ width:280px; height:59px; background-position:-10px -3117px; } #side-navi14 a:hover{ width:280px; height:59px; background-position:-10px -3186px; } #side-navi13 a:hover{ width:280px; height:59px; background-position:-10px -3255px; } #side-navi12 a:hover{ width:280px; height:59px; background-position:-10px -3324px; } #side-navi11 a:hover{ width:280px; height:59px; background-position:-10px -3393px; } #side-navi10 a:hover{ width:280px; height:59px; background-position:-10px -3462px; } #side-navi09 a:hover{ width:280px; height:59px; background-position:-10px -3531px; } #side-navi08 a:hover{ width:280px; height:59px; background-position:-10px -3600px; } #side-navi07 a:hover{ width:280px; height:59px; background-position:-10px -3669px; } #side-navi06 a:hover{ width:280px; height:59px; background-position:-10px -3738px; } #side-navi05 a:hover{ width:280px; height:59px; background-position:-10px -3807px; } #side-navi04 a:hover{ width:280px; height:59px; background-position:-10px -3876px; } #side-navi03 a:hover{ width:280px; height:59px; background-position:-10px -3945px; } #side-navi02 a:hover{ width:280px; height:59px; background-position:-10px -4014px; } #side-navi01 a:hover{ width:280px; height:59px; background-position:-10px -4083px; } #side-navi30 a:hover{ width:280px; height:59px; background-position:-10px -4152px; } #side-navi00 a:hover{ width:280px; height:59px; background-position:-10px -4221px; } .main-contents section .contents-box{ border:solid 1px #DDDDDD; padding:15px 14px 5px; margin:0 0 20px; background:#FFFFFF; ul{ margin:10px 0 10px 22px; li{ list-style-type: disc; margin-bottom:10px; } } } .inbox{ margin:10px; } section{ h1{ background:#01478F url(../img/common/ttl-bg.gif) no-repeat right bottom; font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro" , "メイリオ", Meiryo, "MS Pゴシック", sans-serif; padding:10px 8px 8px; margin:0 0 15px; text-align:left; color:#FFFFFF; font-size:142.8%; font-weight:bold; span{ border-left:solid 5px #FFFFFF; padding:8px 0 8px 12px; } } h2{ font-size:128.57%; margin:0 0 18px; } } .main-contents section.topics .contents-box { dl{ padding:0 5px; height:180px; overflow:auto; margin:0 0 10px; dt{ display:inline-block; background:#1A9BFF; padding:0px 4px; margin:2px 18px 0 0; color:#FFFFFF; vertical-align:top; } dd{ width:500px; display:inline-block; vertical-align:top; margin:0 0 16px; } } } section.top-cnt-navi{ text-align:center; ul{ width:640px; margin:0 auto; li{ float:left; margin:0 5px 5px 0; } li:nth-child(3n){ margin:0 0 5px; } } } #pagetop{ width:960px; text-align:right; margin:20px auto 0; line-height:0; } footer{ background:#01478F; padding:25px 0 10px; } #footinner{ width:970px; margin:0 auto; padding:0 ; .f-right{ float:right; } .copy{ clear:both; text-align:right; color:#FFFFFF; padding:18px 0 0; } } .fnavi{ ul{ float:left; border-right:solid 1px #FFFFFF; padding:10px 18px 10px 0; margin:0 18px 0 0; font-size:87.5%; li{ margin:0 0 8px; a{ text-decoration:none; color:#FFFFFF; } } } ul:last-child{ border:none; margin:0; } } @media print { #footinner{ width:950px; padding:0 15px ; } } /* 共通部品 --------------------------------------------------------------*/ dl.faq{ margin:10px 8px; dt{ background:url(../img/common/q.gif) no-repeat left top; padding:8px 0 0 38px; margin:0 0 8px; color:#4A79A9; font-weight:bold; font-size:107%; } dd{ background:url(../img/common/a.gif) no-repeat left top; padding:8px 0 20px 38px; margin:0 0 30px 0; border-bottom:dotted 1px #999999; } dd:last-child{ border:none; margin-bottom:0; } } .faq-btn a{ display:block; background:url(../img/common/qa-btn-bg.gif) no-repeat left center; width:570px; padding:25px 0 25px 100px; margin:30px 0; font-size:171%; text-decoration:none; } section .box1{ margin:0 0 36px; padding:0 0 18px; border-bottom:dotted 1px #CCCCCC; } section .box1:last-child{ border:none; padding:0; } p.contact-bnr{ margin:35px 0 40px; } p.catchcopy{ color:#008C00; font-size:107%; } p.catchcopy1, h2.catchcopy1{ color:#008C00; font-size:142.8%; font-weight:bold; margin:0 0 12px; } p.catchcopy2, h2.catchcopy2{ color:#008C00; font-size:183%; font-weight:bold; margin:5px 0 12px; } p.catchcopy3, h2.catchcopy3{ color:#008C00; font-size:128%; font-weight:bold; margin:0 0 12px; } .pagetitle{margin-bottom:15px;} .name{font-size:160%; font-weight:normal; margin-bottom:14px;} .bold{ font-weight:bold; } .margin-b10{margin-bottom:10px;} .margin-b15{margin-bottom:15px;} .margin-b20{margin-bottom:20px;} .margin-b30{margin-bottom:30px;} .margin-b40{margin-bottom:40px;} .margin-b45{margin-bottom:45px;} .margin-b50{margin-bottom:50px;} .margin-t20{margin-top:20px;} .margin-t30{margin-top:30px;} .margin-t40{margin-top:40px;} .margin-t50{margin-top:50px;} .float-l{float:left;} .float-r{float:right;} .float-l-20{float:left; margin:0 25px 20px 0;} .float-r-20{float:right; margin:0 0 20px 25px;} .float-l-40{float:left; margin:0 40px 20px 0;} .float-r-40{float:right; margin:0 0 20px 40px;} .clear{clear:both;} .text-l{text-align:left;} .text-r{text-align:right;} .text-c{text-align:center;} .nowrap{ white-space:nowrap; } .text-c th, .text-c td{ text-align:center; } strong, span.strong{ color:#01478F; font-weight:bold; font-size:107%; } span.redstrong{ color:#EE0000; font-weight:bold; font-size:107%; } span.blue{ color:#01478F; font-weight:bold; } .list-bold{ font-size:114%; font-weight:bold; } ul.list{ padding-left:28px; margin-bottom:8px; li{ list-style:disc; font-weight:bold; } } .border-box1{ border:solid 3px #DDDDDD; padding:12px; margin:0 0 20px; dt{ font-weight:bold; font-size:114%; color:#008C00; margin:0 0 6px; } dd{ margin:0; } } dl.dl1{ dt{ font-size:114%; font-weight:bold; } } dl.dl2{ dt{ font-size:114%; font-weight:bold; } } h2.green-ttl{ color:#008C00; font-size:141%; } h2.blue-ttl{ color:#01478F; font-size:128%; } h2.blue-ttl span{ font-size:128%; } .dl3{ margin:0 0 38px; border-bottom:dotted 1px #CCCCCC; padding:0 0 12px; dt{ font-size:114%; font-weight:bold; color:#2762A0; } } dl.dl4{ margin-bottom:45px; dt{ font-size:114%; color:#FFFFFF; background:#4D7EB0; padding:5px 10px; } } .box-memo1{ border:solid 5px #CCCCCC; padding:15px 18px 0; margin:70px 0 20px; dt{ font-weight:bold; margin:0 0 5px; } dd{ margin:0 0 18px; } } .box-memo1:before{ content:""; background:url(../img/common/memo.png) no-repeat top left; display:block; width:92px; height:73px; margin:-48px 0 5px -10px; } .box-point1{ border:solid 5px #CCCCCC; padding:15px 18px 0; margin:50px 0 30px; } .box-point1:before{ content:""; background:url(../img/common/point.png) no-repeat top left; display:block; width:143px; height:60px; margin:-48px 0 5px -10px; } .clearfix:after{ content: "."; display: block; height: 1px; clear: both; visibility: hidden; } .clearfix{ display:inline-block;/* MAC IE用*/ min-height:1%;/* IE 7用 */ } /*--MAC IEは非適用→ \*/ * html .clearfix{height: 1%;} .clearfix{display: block;} /*--ここまでMAC IEは非適用 */ /*TOP --------------------------------*/ header.top{ background-repeat: no-repeat; background-position: center top; background-image: url(../img/top/top-head-bg2.png); min-height: 435px; padding: 0; .top-head-inner{ position:relative; width:980px; margin:0 auto; padding:5px 0; .head-read{ position:absolute; top:33px; left:77px; } .head-houterasu{ position:absolute; top:157px; left:80px; } .head-name{ position:absolute; top:247px; left:517px; } .head-tel{ position:absolute; top:360px; left:389px; } .head-mail{ position:absolute; top:359px; left:747px; } } } .top-amikura{ float:left; margin:0 30px 15px 0; } .top-prof{ h2{ margin:0 0 12px 8px; } ul{ padding:0 10px; margin:0 0 36px; li{ border-bottom:dotted 1px #CCCCCC; padding:0 0 3px; margin-bottom:8px; span{ display:inline-block; width:140px; } } } ul:last-child{ margin:0 0 20px; } } .top-igon{ margin:15px auto 25px; ul.top-case{ margin-bottom:10px; } ul.top-bnr{ li{ float:left; margin-right:30px; } li.last{ margin:0; } } } .top-igon img{ width: 100%; } .main-contents section .top-prof ul { margin:0; li{ list-style: none; } } /* IGON --------------------------------------------------------------*/ .igon-navi{ margin-bottom:38px; } .main-contents section ul.igon-btn{ margin:8px 0px 8px; li{ margin:0 0 15px; list-style: none; } li{ float:left; } li.even{ float:right; } } /*flow----------*/ .box-igon-flow{ border:solid 3px #DDDDDD; padding:12px 12px 2px; margin:0 0 12px; h3{ font-size:107%; color:#008C00; margin:0 0 8px; } p{ margin-bottom:10px; } } p.flow-arrow{ text-align:center; margin-bottom:6px; } .box-igon-flow-l{ float: left; width:48%; h3{ color:#4A79A9; } } .box-igon-flow-r{ float: right; width:48%; } .jihitu-flow{ text-align:center; color:#4A79A9; font-weight:bold; text-align:center; font-size:141%; } .kosei-flow{ text-align:center; color:#33A333; font-weight:bold; text-align:center; font-size:141%; } /*shurui--------*/ /*sozokuflow--------*/ .sozoku-flow1{ background:url(../img/igonsozoku/sozoku-flow1.gif) no-repeat left top; padding-left:60px; margin:0 0 28px 5px; min-height:630px; } .sozoku-flow2{ background:url(../img/igonsozoku/sozoku-flow2.gif) no-repeat left top; padding-left:60px; margin:0 0 28px 5px; min-height:430px; } .sozoku-flow3{ background:url(../img/igonsozoku/sozoku-flow3.gif) no-repeat left top; padding-left:60px; margin:0 0 28px 5px; min-height:570px; } .box-sozoku-flow{ border: solid 3px #DDDDDD; padding:8px 11px; margin-bottom:10px; h2{ font-size:114%; margin:0 0 5px; padding:0; } p{ margin:0; } p.margin-b10{ margin-bottom:10px; } } /*igonsozokuQ&A--------*/ .igonsozokufaq-tab{ margin:28px 0 0; padding:0; li{ float:left; margin:0 1px -1px 0; a{ display:block; width:240px; text-align:center; color:#FFFFFF; font-size:142%; padding:12px 0 10px; text-decoration:none; border-radius:12px 12px 0 0; } } } .tab-igon a{ background:#4D7EB0; } .tab-igon a.active{ background:#01478F; } .tab-sozoku a{ background:#63BB62; } .tab-sozoku a.active{ background:#008C00; } .main-contents section .igonfaq{ border:solid 2px #4D7EB0; } .main-contents section .sozokufaq{ border:solid 2px #33A333; } /* GYOMUANNAI --------------------------------------------------------------*/ .main-contents section .contents-box ul.gyomu-btn{ margin:18px 10px 20px; li{ list-style: none; margin-bottom:12px; } li:nth-child(odd){ float:left; } li:nth-child(even){ float:right; } } dl.koken-flow{ margin:10px 0 0; dt ol li{ font-size:128%; color:#008C00; font-weight:bold; } dd{ background:url(../img/common/flow-arrow3.gif) no-repeat left bottom; margin-left:5px; padding:15px 0 15px 60px; min-height:40px; } } .main-contents section .contents-box ul.saimuseiri-btn{ margin:0; text-align:center; li{ list-style: none; } } .about-saimu{ border:solid 4px #DDDDDD; margin-bottom:20px; li{ font-size:128%; line-height:140%; } } .about-jikohasan{ background:url(../img/gyomuannai/jikohasan-list-bg.gif) no-repeat right bottom; padding:8px 10px 55px; } .about-kojinsaisei{ background:url(../img/gyomuannai/kojinsaisei-list-bg.gif) no-repeat right bottom; padding:8px 10px 55px; } .about-niniseiri{ background:url(../img/gyomuannai/niniseiri-list-bg.gif) no-repeat right bottom; padding:8px 10px 72px; } .saimuseiri-img{ margin:28px 0; text-align:center; } .main-contents section .contents-box ul.saimuseiri-faq-btn{ margin:38px 20px 20px; li{ list-style: none; margin-bottom:18px; } li{ float:left; } li.even{ float:right; } } .hojintoroku-faq-tab{ margin:28px 0 0; padding:0; li{ float:left; margin-bottom:20px; a{ display:block; background:#FFFFFF; border: solid 3px #33A333; text-align:center; font-size:107%; padding:12px 0 10px; text-decoration:none; } } } .hojintoroku-faq-tab1{ width:180px; margin-right:15px; } .hojintoroku-faq-tab2{ width:280px; margin-right:15px; } .hojintoroku-faq-tab3{ width:180px; } #hojintoki02, #hojintoki03{ margin-top:40px; } /*contact -----------------------------------------------------------*/ .contact table{ width:100%; margin:0 0 30px; border-collapse:collapse; th,td{ text-align:left; font-weight:normal; padding:10px 12px; } } #submitarea{ margin:18px 0; text-align:center; input{ padding:10px 16px; color:#000; font-weight:normal; border:solid 1px #BBB; border-radius:3px; background:#CCC; letter-spacing:0.1em; cursor:pointer; font-size:114%; } } /*privacy -----------------------------------------------------------*/ .privacy dt{ font-weight:bold; } /*access -----------------------------------------------------------*/ .access{ table{ width:100%; margin:0 0 25px; border-collapse:collapse; th,td{ padding:10px; } } .map{ margin-bottom:20px; height:360px; border:solid 1px #DDDDDD; } } /*houterasu -----------------------------------------------------------*/ .box-houterasu{ margin:0 0 18px; p.no-bottom{ margin-bottom:0; } } /*minjishintaku -----------------------------------------------------------*/ table.minjishintaku th{ background:#4C7EB0; } dl.minjishintaku{ dt{ font-weight:bold; margin-bottom:5px; } dd{ margin:0 0 16px 3.3em; } } .box-minjishintaku{ border:solid 4px #CCCCCC; padding:10px 10px 0 12px; margin-bottom:22px; dl{ margin-bottom:10px; } dt{ font-weight:bold; margin-bottom:6px; } dd{ margin-bottom:6px; } }