@charset "utf-8"; /* CSS Document */ #index { min-width: 960px; color: #000; font-size: 1.5rem; line-height: 1.25rem; } #container { position: relative; width: 100%; height: 100%; height: auto!important; min-height: 100%; } #header_area { width: 100%; height: auto; } .tag_line_top { padding-left: 15px; height: 25px; background-image: url(images/header_top_bg.jpg); } .tag_line_text { color: #ffffff; font-size: 14px; margin: 0px auto 0 auto; width: 960px; padding-top: 3px; } p { font-size: 18px; line-height: 150%; } /* 装飾 -------------------------------*/ .bold { font-weight: bold; } .blue { color: #68b2f7; } .pink { color: #f56baf; } .pl10 { padding-left: 10px; } .pl20 { padding-left: 0px; } .mt8 { margin-top: 8px; } /* ヘッダー -----------------------------*/ .header { width: 100%; height: auto; padding: 10px 0 10px 0; margin: 0 auto 0 auto; border-bottom: 8px solid #009EF5; overflow: hidden; } .header_contents { width: 960px; overflow: hidden; margin: 0 auto; } .header_fl { float: left; height: auto; overflow: hidden; } .header_logo { margin-top: 15px; text-align: left; } .header_text_01 { font-size: 14px; margin-top: 10px; color: #707070; } .header_fr { float: right; width: 480px; height: auto; } .header_text_02 { font-size: 13px; color: #434343; text-align: left; margin-left: 35px; } .header_fl_01 { float: left; margin: 5px 0 10px 25px; } .tel_m { font-size: 20px; color: #009ef4; margin-bottom: 5px; } .header_fr_01 { float: right; margin: 5px 0 10px 0; } .tel_s { font-size: 20px; color: #f0a0ad; margin-bottom: 5px; } /* コンテンツ ----------------------------------*/ #contents { height: auto; overflow: hidden; margin: 0 auto 0 auto; font-size: 18px; line-height: 150%; } .sub_contents { width: 960px; margin: 0 auto; margin-top: -76px; } .cmn_box_01 { height: 434px; background: url(images/contents_img_01.jpg) repeat-x; overflow: hidden; width: 100%; } .cmn_sub_box_01 { background: url(images/contents_img_02.jpg) no-repeat; width: 960px; margin: 0 auto; overflow: hidden; height: 434px; } .text_01 { font-size: 18px; width: 630px; margin-left: 280px; margin-top: 220px; line-height: 25px; } .cmn_box_02 { height: auto; overflow: hidden; width:960px; margin: 116px auto 0 auto; } .fl_01 { float: left; overflow: hidden; height: auto; width: 585px; } .text_02 { width: 550px; height: auto; overflow: hidden; background: url(images/contents_img_05.jpg) no-repeat; padding: 20px 18px 50px 18px; } .fr_01{ float: right; overflow: hidden; height: auto; width: 375px; } .cmn_box_03 { height: auto; margin: 16px auto 0 auto; width: 960px; } .contents_img_06 { text-align: center; } .text_03 { background: url(images/contents_img_07.jpg) left bottom no-repeat; height: auto; padding: 20px 0 0 160px; width: 770px; } .cmn_box_04 { width: 960px; height: auto; overflow: hidden; margin: 0 auto; } .contents_img_08 { text-align: center; } .text_04 { background: url(images/contents_img_09.jpg) repeat-y; margin-left: 1px; padding: 5px 60px 0px 60px; } .contents_img_10 { margin-left: 1px; } .cmn_box_05 { margin-top: 30px; height: auto; overflow: hidden; } .contents_img_11 { text-align: center; } .text_05 { width: 865px; background-color: #4CA4F6; margin: 0 auto; padding: 0px 40px 0px 40px; color: #FFFFFF; } .contents_img_12 { text-align: center; height: auto; overflow: hidden; margin-left: 16px; margin-top: -7px; } .cmn_box_06 { overflow: hidden; height: auto; background-image: url(images/q&a_bg_img.jpg); background-repeat: no-repeat; margin: 39px auto 0px; text-align: center; width: 960px; padding-bottom: 50px; } .QandA_01 { margin-top: 15px; margin-bottom: 20px; } .QandA { margin-bottom: 20px; } .QandA_title { margin-top: 10px; } .cmn_box_07 { background-image: url(images/contents_img_13.jpg); background-repeat: no-repeat; width: 960px; margin-top: 29px; padding-bottom: 13px; margin: 29px auto 0px; } .fl_02 { float: left; color: #FFFFFF; width: 585px; padding: 20px 10px 0px 70px; font-size: 17px; } .fr_02 { padding-top: 20px; } .information { height: auto; overflow: hidden; } .information_contents { width: 960px; margin: 20px auto; height: auto; overflow: hidden; } .contents_fl { float: left; } .imnformation_title { width: 100%; margin-top: 70px; text-align: center; background-image: url(images/information_gb_img.jpg); background-repeat: repeat-x; } .info_contents_fl { float: left; width: 471px; height: auto; } .info_contents_fr { float: right; width: 471px; height: auto; } .info_fl_01 { float: left; width: 215px; height: auto; } .info_fr_01 { float: right; width: 245px; height: auto; } .info_address { margin-top: 20px; } .info_tel_01 { font-size: 17px; font-weight: bold; float: left; padding-top: 5px; } .info_tel_02 { font-size: 23px; font-weight:bold; float: right; } .info_text_01 { font-size: 16px; overflow: hidden; width: 220px; } .info_text_02 { font-size: 14px; width: 218px; padding-left: 10px; } .info_text_04 { font-size: 16px; overflow: hidden; width: 240px; margin-bottom: 20px; } .info_text_03 { text-align: center; overflow: hidden; height: auto; width: 510px; font-size: 15px; margin: 20px auto 0px auto; font-weight: bold; } /* フッター ------------------------------*/ .footer { width: 100%; text-align: center; margin-top: 65px; background-color: #68B2F7; padding: 28px 0px 25px 0px; color: #fff; height: 17px; } .footer_text { font-size: 15px; }