/* style.css -------------------- index --------------- 00-レイアウト 01-header(ヘッダー) 02-ナビゲーション 03-トップバナー 04-メイン 05-新着情報 06-フッター kyuseki 01-ヘッダー 02-パンクズリスト 03-フローティング 04-メイン seijinbyo */ /************************* 00-レイアウト *************************/ body{ background-color:#DCF4FF; background-image:url("../img/top/body_ie8_bg.png"); background-repeat:repeat-x; background-position: left bottom ; } #headerWrapper{height:180px;width:100%;} #header{width:960px;margin:0px auto;} #headerColleft{float:left;width:240px;height:180px;} #headerColcenter{float:left;width:457px; height:180px;} #headerColright{float:right;width:263px;height:180px;} #headerFont{margin-top: 55px;width: 263px;float: right;} #headerFont dd{text-align:right;margin-top:-25px;} #navigation ul{width:960px;margin:0px auto;} #wrapper{width:960px;margin:25px auto;} #news{width:960px;margin:25px auto;} #hp{width:960px;margin:40px auto 25px;} #topBanner{width:960px;margin:0px auto 25px auto;} #footer{width:960px;margin:0px auto;} #footerAccess{float:left;width:390px;margin-top:170px;} #footerMenu{float:left;width:570px;margin-top:170px;} #index #subNavigation{display:none;} /************************* 01-header(ヘッダー) *************************/ #headerWrapper{ background-color: #DCF4FF; } #headerColleft{background:transparent url("../img/top/logo_opho.png") left no-repeat;} #headerColcenter{background:transparent url("../img/top/logo.png") center no-repeat;} #headerFont{background:transparent url("../img/top/fontsize.png") 100px 0px no-repeat;} #headerColleft,#headerColcenter,#headerContact,#headerFont dt{ text-indent:100%; white-space:nowrap; overflow:hidden; } #headerColcenter a{display: block;width: 330px;height: 160px;margin-left: 64px;} #headerTitle a{display:block;margin-top:75px;width:176px;height:32px;} #headerContact{overflow: hidden;} #headerContact p{float: left;} #headerContact p.btn01{ margin-right: 3px;} #headerContact p.btn01, #headerContact p.btn02{ display:block;width:130px;height:34px; } #headerContact p.btn01 a, #headerContact p.btn02 a{ display:block; width:130px; height:34px; text-indent:-9999px; } #headerContact p.btn01{background:transparent url("../img/top/btn_contribute.png") no-repeat;} #headerContact p.btn02{background:transparent url("../img/top/btn_inquiry.png") no-repeat;} #headerContact p.btn01 a:hover{background:transparent url("../img/top/btn_contribute-o.png") no-repeat;} #headerContact p.btn01 a{background:transparent url("../img/top/btn_contribute.png") top right no-repeat;} #headerContact p.btn02 a:hover{background:transparent url("../img/top/btn_inquiry-o.png") no-repeat;} #headerContact p.btn02 a{background:transparent url("../img/top/btn_inquiry.png") top right no-repeat;} #headerFont dl dd ul{margin-left:195px;} #headerFont dl dd ul li{float:left;padding:0px;cursor: pointer;} #headerFont dl dd ul li:last-child img{margin-left:-1px;} #headerFont dl dd ul li img{cursor: pointer;} /************************* 02-#navigation *************************/ #navigation{background-color: #0176BF;height:51px;} #navigation ul li{ float:left; text-indent:100%; white-space:nowrap; overflow:hidden; } #navigation ul li a{ background-image:url("../img/top/gnav.png"); display:block; width:150px; height:51px; } #navigation ul li.nav06 a{width:210px;} #kyuseki #navigation ul li.nav01 a{background-position: 0px 51px;} #kokyuki #navigation ul li.nav02 a{background-position: -150px 51px;} #seijinbyo #navigation ul li.nav04 a{background-position: -450px 51px;} #seisin #navigation ul li.nav03 a{background-position: -300px 51px;} #boshi #navigation ul li.nav05 a{background-position: -600px 51px;} #futankin #navigation ul li.nav06 a{background-position: -750px 51px;} #navigation ul li.nav02 a{background-position: -150px 0px;} #navigation ul li.nav03 a{background-position: -300px 0px;} #navigation ul li.nav04 a{background-position: -450px 0px;} #navigation ul li.nav05 a{background-position: -600px 0px;} #navigation ul li.nav06 a{background-position: -750px 0px;width:210px;} #navigation ul li.nav01 a:hover{background-position: 0px 51px;} #navigation ul li.nav02 a:hover{background-position: -150px 51px;} #navigation ul li.nav03 a:hover{background-position: -300px 51px;} #navigation ul li.nav04 a:hover{background-position: -450px 51px;} #navigation ul li.nav05 a:hover{background-position: -600px 51px;} #navigation ul li.nav06 a:hover{background-position: -750px 51px;width:210px;} /************************* 03-トップバナー *************************/ #topBnwrapper{ background:transparent url("../img/top/bg_header.png") top left repeat; } #topBanner{ height:374px; background:#F7F3E1 url("../img/top/mainImg.jpg") center no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; } /************************* 04-main *************************/ #index #wrapper{background: transparent url("../img/top/bg_board_middle.png") top repeat-y;} #index #main{background: transparent url("../img/top/bg_board_top.png") top no-repeat;font-size:18px;} .sectionLeft_oosaka5{ padding-left:235px; width:640px; height:420px; background:transparent url("../img/top/top_illust01.png") top left no-repeat; } .sectionLeft_oosaka5 ul{ padding-top:25px; } .sectionLeft_oosaka5 ul li{ background:transparent url("../img/top/icon_check.png") top left no-repeat; color:#fff; font-family: "メイリオ", oosaka, sans-serif; padding-left:35px; line-height:25px; margin-bottom:20px; opacity: 0.9; } .n_mg{margin-top:-74px;} #oosaka5{background:transparent url("../img/top/top_line.png") bottom no-repeat;} #index #role5{ background:transparent url("../img/top/bg_board_bottom.png") bottom center no-repeat; padding-bottom:40px; } h1.role5_title{ background:transparent url("../img/top/icon_hospital.png") top left no-repeat; padding-left:60px; } .section_role5 ul li{float:left;margin:15px 15px 0px 0px;} .role5box{display:block;width:270px;height:182px;position:relative;} .role5_01{background:transparent url("../img/top/hospitalImg_kyuuseiki.jpg") no-repeat;} .role5_02{background:transparent url("../img/top/hospitalImg_kokyuuki.jpg") no-repeat;} .role5_03{background:transparent url("../img/top/hospitalImg_seishin.jpg") no-repeat;} .role5_04{background:transparent url("../img/top/hospitalImg_seizinbyou.jpg") no-repeat;} .role5_05{background:transparent url("../img/top/hospitalImg_boshihoken.jpg") no-repeat;} .role5box p{ margin:0; text-indent:100%; white-space:nowrap; overflow:hidden; position:absolute; top:140px; left:75px; display:block; width:120px;h eight:30px; } .role5_01 p{background:transparent url("../img/top/btn_kyuuseiki.png") center no-repeat;} .role5_02 p{background:transparent url("../img/top/btn_kokyuuki.png") center no-repeat;} .role5_03 p{background:transparent url("../img/top/btn_seishin.png") center no-repeat;} .role5_04 p{background:transparent url("../img/top/btn_seizinbyou.png") center no-repeat;} .role5_05 p{background:transparent url("../img/top/btn_boshihoken.png") center no-repeat;} .role5box p a{ display:block; width:120px; height:30px; } .role5_01 p a{background:transparent url("../img/top/btn_kyuuseiki.png") center no-repeat;} .role5_02 p a{background:transparent url("../img/top/btn_kokyuuki.png") center no-repeat;} .role5_03 p a{background:transparent url("../img/top/btn_seishin.png") center no-repeat;} .role5_04 p a{background:transparent url("../img/top/btn_seizinbyou.png") center no-repeat;} .role5_05 p a{background:transparent url("../img/top/btn_boshihoken.png") center no-repeat;} .role5_01 p a:hover{background:transparent url("../img/top/btn_kyuuseiki_o.png") center no-repeat;} .role5_02 p a:hover{background:transparent url("../img/top/btn_kokyuuk_o.png") center no-repeat;} .role5_03 p a:hover{background:transparent url("../img/top/btn_seishin_o.png") center no-repeat;} .role5_04 p a:hover{background:transparent url("../img/top/btn_seizinbyou_o.png") center no-repeat;} .role5_05 p a:hover{background:transparent url("../img/top/btn_boshihoken_o.png") center no-repeat;} /************************* 06-news *************************/ #news{ background-color:#fff; } #news h2{ text-indent:100%; white-space:nowrap; overflow:hidden; background:transparent url("../img/top/ttl_news.png") top left no-repeat; height:57px; } #news dl{ width:938px; padding:30px 0px 20px 20px; font-family: "メイリオ", oosaka, sans-serif; border:1px solid #4996BE; border-top:none; border-bottom-left-radius:5px; border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; /* Safari,Google Chrome用 */ -moz-border-bottom-left-radius: 5px; /* Firefox用 */ -webkit-border-bottom-right-radius: 5px; /* Safari,Google Chrome用 */ -moz-border-bottom-right-radius: 5px; /* Firefox用 */ } #news dl dt{float:left;width:140px;margin-bottom:10px;} #news dl dd{float:left;width:770px;margin-bottom:10px;} #news dl dd a{text-decoration:underline;color:#4996BE;} /************************* 06-hp *************************/ #hp{ background-color:#fff; } #hp h2{ text-indent:100%; white-space:nowrap; overflow:hidden; background:transparent url("../img/top/ttl_hp.png") top left no-repeat; height:57px; } #hp ul{ list-style-type: disc ; padding:20px 0px 20px 35px; font-family: "メイリオ", oosaka, sans-serif; border:1px solid #4996BE; border-top:none; border-bottom-left-radius:5px; border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; /* Safari,Google Chrome用 */ -moz-border-bottom-left-radius: 5px; /* Firefox用 */ -webkit-border-bottom-right-radius: 5px; /* Safari,Google Chrome用 */ -moz-border-bottom-right-radius: 5px; /* Firefox用 */ overflow: hidden; } #hp ul li{ float: left; width: 430px; margin-bottom: 10px; } #hp ul li:last-child{ margin-bottom: 0; } /************************* 06-footer *************************/ #footerWrapper{ height:313px; background:transparent url("../img/top/bg_footer_img02.png") bottom left repeat-x; } #footer{ color:#003D64; height:313px; background:transparent url("../img/top/bg_footer_img01.png") top center no-repeat; } #footerAccess h2{ background:transparent url("../img/top/footer_Nameicon.png") top left no-repeat; padding-left:30px; line-height:24px; margin-bottom:5px; } #footerMenu ul li{ font-size:11px; background:transparent url("../img/top/footer_arrow.png") top left no-repeat; text-indent:15px; float:left; margin-right: 10px; margin-bottom:15px; } #footerAccess address{padding-left:30px;font-size:12px;} #footerMenu address{font-size:12px;text-align:right;} /************************* kyuseki *************************/ #kyuseki body{color:#444;} #kyuseki #kyusekitopBanner{ background:url("../img/kyuseki/kyuseki_mainImg.png") top center no-repeat; height:300px; min-width:960px; } #kyuseki #kyusekitopBanner h2{ margin-left:-310px; } /* パンクズリスト */ #bread{width:960px;margin:0px auto;} #bread a{color:#333;text-decoration:none;} #bread ul{margin:20px 0px;} #bread ul li{ display:inline; font-size:12px; font-family: "ＭＳ Ｐゴシック","メイリオ", oosaka, sans-serif; } #bread ul li:after{content:" > ";} #bread ul li.last:after{content:"";} /************************* フローティングメニュー *************************/ #subNavigation{background-color:#fff;height:51px;} #subNavigation ul{width:960px;margin:0px auto;} #subNavigation ul li{ float:left; text-indent:100%; white-space:nowrap; overflow:hidden; } #subNavigation ul li a{ background-image:url("../img/kyuseki/sub_nav.png"); display:block; width:192px; height:51px; } #kyuseki #subNavigation ul li a:hover{background-position: 0px 51px;} #kyuseki #subNavigation ul li.snav02 a{background-position: -192px 0px;} #kyuseki #subNavigation ul li.snav03 a{background-position: -384px 0px;} #kyuseki #subNavigation ul li.snav04 a{background-position: -576px 0px;} #kyuseki #subNavigation ul li.snav05 a{background-position: -768px 0px;} #kyuseki #subNavigation ul li.snav02 a:hover{background-position: -192px 51px;} #kyuseki #subNavigation ul li.snav03 a:hover{background-position: -384px 51px;} #kyuseki #subNavigation ul li.snav04 a:hover{background-position: -576px 51px;} #kyuseki #subNavigation ul li.snav05 a:hover{background-position: -768px 51px;} #kyuseki #subNavigation ul li:nth-child(1) a.current{background-position: 0px 51px;} #kyuseki #subNavigation ul li:nth-child(2) a.current{background-position: -192px 51px;} #kyuseki #subNavigation ul li:nth-child(3) a.current{background-position: -384px 51px;} #kyuseki #subNavigation ul li:nth-child(4) a.current{background-position: -576px 51px;} #kyuseki #subNavigation ul li:nth-child(5) a.current{background-position: -768px 51px;} /************************* オフィシャルへ遷移するボタン *************************/ .toOfficial_btn{width:495px;text-align:center;margin:50px auto;} .toOfficial_btn a{ display:block; width:495px; text-indent:100%; white-space:nowrap; overflow:hidden; height:49px; } #boshi .toOfficial_btn{ background:transparent url("../img/boshi/boshi_btn_hp.png") top center no-repeat;} #boshi .toOfficial_btn a:hover{ background:transparent url("../img/boshi/boshi_btn_hp_hover.png") top center no-repeat;} #seijinbyo .toOfficial_btn{ background:transparent url("../img/seijinbyo/seijinbyo_btn_hp.png") top center no-repeat;} #seijinbyo .toOfficial_btn a:hover{ background:transparent url("../img/seijinbyo/seijinbyo_btn_hp_hover.png") top center no-repeat;} #kokyuki .toOfficial_btn{ background:transparent url("../img/kokyuki/kokyuki_btn_hp.png") top center no-repeat;} #kokyuki .toOfficial_btn a:hover{ background:transparent url("../img/kokyuki/kokyuki_btn_hp_hover.png") top center no-repeat;} #kyuseki .toOfficial_btn{ background:transparent url("../img/kyuseki/kyuseki_btn_hp.png") top center no-repeat;} #kyuseki .toOfficial_btn a:hover{ background:transparent url("../img/kyuseki/kyuseki_btn_hp_hover.png") top center no-repeat;} #seisin .toOfficial_btn{ background:transparent url("../img/seisin/seisin_btn_hp.png") top center no-repeat;} #seisin .toOfficial_btn a:hover{ background:transparent url("../img/seisin/seisin_btn_hp_hover.png") top center no-repeat;} /************************* kyuseki メイン *************************/ #kyuseki #wrapper{background: transparent url("../img/kyuseki/kyuseki_bg_middle.png") top repeat-y;} #kyuseki #main{background: transparent url("../img/kyuseki/kyuseki_bg_top.png") top no-repeat;font-size:20px;} #k_nan{background: transparent url("../img/kyuseki/kyuseki_bg_bottom.png") bottom no-repeat;padding-bottom:40px;} .k_koudo_img img{padding-top:25px;padding-left:30px;} .k_re_left{float:left;width:237px;margin-right:20px;} .k_re_left img{ margin-top:120px; } .k_re_right{float:left;width:540px;} .kyuseki_btn{width:960px;text-align:center;margin:50px auto;} .kyuseki_btn button{border:none;} .kyuseki_btn{ background:transparent url("../img/kokyuki/btn_futankin.png") top center no-repeat; } .kyuseki_btn a{ display:block; width:458px; text-indent:100%; white-space:nowrap; overflow:hidden; height:84px; margin-left:251px; } .kyuseki_btn a:hover{ background:transparent url("../img/kokyuki/btn_futankin_hover.png") top center no-repeat; } /************************* kokyuki *************************/ #kokyuki{font-family: "メイリオ", oosaka, sans-serif;} #kokyuki body{color:#444;} #kokyukitopBanner{ background:url("../img/kokyuki/kokyuki_mainImg.png") top center no-repeat; height:300px; min-width:960px; } #kokyukitopBanner h2{ margin-left:-310px; } #kokyuki #subNavigation ul li a{ background-image:url("../img/kokyuki/sub_nav.png"); display:block; width:240px; height:51px; } #kokyuki #subNavigation ul li.snav02 a{background-position: -240px 0px;} #kokyuki #subNavigation ul li.snav03 a{background-position: -480px 0px;} #kokyuki #subNavigation ul li.snav04 a{background-position: -720px 0px;} #kokyuki #subNavigation ul li a:hover{background-position: 0px 51px;} #kokyuki #subNavigation ul li.snav02 a:hover{background-position: -240px 51px;} #kokyuki #subNavigation ul li.snav03 a:hover{background-position: -480px 51px;} #kokyuki #subNavigation ul li.snav04 a:hover{background-position: -720px 51px;} #kokyuki #subNavigation ul li:nth-child(1) a.current{background-position: 0px 51px;} #kokyuki #subNavigation ul li:nth-child(2) a.current{background-position: -240px 51px;} #kokyuki #subNavigation ul li:nth-child(3) a.current{background-position: -480px 51px;} #kokyuki #subNavigation ul li:nth-child(4) a.current{background-position: -720px 51px;} .ko_ko_article{ padding-right:265px; background:transparent url("../img/kokyuki/kokyuki_img_01.png") right 200px no-repeat; } .ko_ke_article{ padding-left:275px; background:transparent url("../img/kokyuki/kokyuki_img_02.png") left 130px no-repeat; } .ko_ka_article{ padding-right:275px; background:transparent url("../img/kokyuki/kokyuki_img_03.png") right top no-repeat; } .ko_ko_article dl{margin-top:30px;} .ko_ko_article dl dt{color:#F89F02;font-weight: bold;} .ko_ko_article dl dd{margin-left:25px;} .ko_ko_article dl dd{margin-left:25px;margin-top:-10px;} /************************* seijinbyo *************************/ #seijinbyo{font-family: "メイリオ", oosaka, sans-serif;} #seijinbyo body{color:#444;} #seijinbyotopBanner{ background:url("../img/seijinbyo/seijinbyo_mainImg.png") top center no-repeat; height:300px; min-width:960px; } #seijinbyotopBanner h2{ margin-left:-310px; } #seijinbyo #subNavigation ul li a{ background-image:url("../img/seijinbyo/sub_nav.png"); display:block; width:320px; height:51px; } #seijinbyo #subNavigation ul li a:hover{background-position: 0px 51px;} #seijinbyo #subNavigation ul li.snav02 a{background-position: -320px 0px;} #seijinbyo #subNavigation ul li.snav03 a{background-position: -640px 0px;} #seijinbyo #subNavigation ul li.snav02 a:hover{background-position: -320px 51px;} #seijinbyo #subNavigation ul li.snav03 a:hover{background-position: -640px 51px;} #seijinbyo #subNavigation ul li:nth-child(3) a.current{background-position: -640px 51px;} #seijinbyo #subNavigation ul li:nth-child(2) a.current{background-position: -320px 51px;} #seijinbyo #subNavigation ul li:nth-child(1) a.current{background-position: 0px 51px;} #seijinbyo #subNavigation ul li a.current{background-position: 0px 51px;} #seijinbyo dl.articleList{padding-top:15px;} #seijinbyo dl.articleList dt{color:#429CDC;font-weight:bold;padding-top:5px;} #seijinbyo dl.articleList dd{margin-left:20px;margin-bottom:10px;margin-top:-10px;} .se_left{float:left;width:520px;} .se_right{float:left;width:280px;text-align: right;margin-top:300px;} .se2_left{float:left;width:280px;margin-top:100px;} .se2_right{float:left;width:520px;} .se3_right{float:left;width:280px;text-align: right;margin-top:50px;} /************************* seisin *************************/ #seisin{font-family: "メイリオ", oosaka, sans-serif;} #seisin body{color:#444;} #seisintopBanner{ background:url("../img/seisin/seisin_mainImg.png") top center no-repeat; height:300px; min-width:960px; } #seisintopBanner h2{ margin-left:-310px; } #seisin #subNavigation ul li a{ background-image:url("../img/seisin/sub_nav.png"); display:block; width:192px; height:49px; } #seisin #subNavigation ul li a:hover{background-position: 0px 51px;height:51px;} #seisin #subNavigation ul li.snav02 a{background-position: -192px 0px;} #seisin #subNavigation ul li.snav03 a{background-position: -384px 0px;} #seisin #subNavigation ul li.snav04 a{background-position: -576px 0px;} #seisin #subNavigation ul li.snav05 a{background-position: -768px 0px;} #seisin #subNavigation ul li.snav02 a:hover{background-position: -192px 51px;} #seisin #subNavigation ul li.snav03 a:hover{background-position: -384px 51px;} #seisin #subNavigation ul li.snav04 a:hover{background-position: -576px 51px;} #seisin #subNavigation ul li.snav05 a:hover{background-position: -768px 51px;} #seisin #subNavigation ul li:nth-child(1) a.current{background-position: 0px 51px;} #seisin #subNavigation ul li:nth-child(2) a.current{background-position: -192px 51px;} #seisin #subNavigation ul li:nth-child(3) a.current{background-position: -384px 51px;} #seisin #subNavigation ul li:nth-child(4) a.current{background-position: -576px 51px;} #seisin #subNavigation ul li:nth-child(5) a.current{background-position: -768px 51px;} .sei_m_article{ padding-right:280px; background:transparent url("../img/seisin/seisin_img_01.png") right 20px no-repeat; } .sei_t_article{ padding-left:275px; background:transparent url("../img/seisin/seisin_img_02.png") left 188px no-repeat; } .sei_j_article{ padding-right:275px; background:transparent url("../img/seisin/seisin_img_03.png") right 180px no-repeat; } /************************* boshi *************************/ #boshi{font-family: "メイリオ", oosaka, sans-serif;} #boshi body{color:#444;} #boshitopBanner{ background:url("../img/boshi/boshi_mainImg.png") top center no-repeat; height:300px; min-width:960px; } #boshitopBanner h2{ margin-left:-310px; } #boshi #subNavigation ul li a{ background-image:url("../img/boshi/sub_nav.png"); display:block; width:240px; height:49px; } #boshi #subNavigation ul li a:hover{background-position: 0px 51px;height:51px;} #boshi #subNavigation ul li.snav02 a{background-position: -240px 0px;} #boshi #subNavigation ul li.snav03 a{background-position: -480px 0px;} #boshi #subNavigation ul li.snav04 a{background-position: -720px 0px;} #boshi #subNavigation ul li.snav02 a:hover{background-position: -240px 51px;} #boshi #subNavigation ul li.snav03 a:hover{background-position: -480px 51px;} #boshi #subNavigation ul li.snav04 a:hover{background-position: -720px 51px;} #boshi #subNavigation ul li:nth-child(1) a.current{background-position: 0px 51px;} #boshi #subNavigation ul li:nth-child(2) a.current{background-position: -240px 51px;} #boshi #subNavigation ul li:nth-child(3) a.current{background-position: -480px 51px;} #boshi #subNavigation ul li:nth-child(4) a.current{background-position: -720px 51px;} /* Sp横向きfix */ @media only screen and (min-device-width: 768px) and (max-device-width: 1,024px) and (-webkit-min-device-pixel-ratio: 2) { #kyuseki #kyusekitopBanner{min-width:1024px;} } @media only screen and (min-device-width: 768px) and (max-device-width: 1,024px) and (-webkit-min-device-pixel-ratio: 2) { #kokyuki #kokyukitopBanner{min-width:1024px;} } @media only screen and (min-device-width: 768px) and (max-device-width: 1,024px) and (-webkit-min-device-pixel-ratio: 2) { #boshi #boshitopBanner{min-width:1024px;} } @media only screen and (min-device-width: 768px) and (max-device-width: 1,024px) and (-webkit-min-device-pixel-ratio: 2) { #seijin #seijintopBanner{min-width:1024px;} } @media only screen and (min-device-width: 768px) and (max-device-width: 1,024px) and (-webkit-min-device-pixel-ratio: 2) { #seisin #seisintopBanner{min-width:1024px;} } .bo_s_article{ padding-right:265px; background:transparent url("../img/boshi/boshi_img_01.png") right 45px no-repeat; } .bo_k_article{ padding-left:275px; background:transparent url("../img/boshi/boshi_img_02.png") left 115px no-repeat; } .bo_blist{margin-top:5px;padding-bottom:20px;} .bo_blist dt{ color:#F07892; font-weight:bold; } .bo_blist dd ul li{ list-style: none; margin-top:20px; margin-bottom:34px; color:#444; } .bo_blist dd ul li:nth-child(2){margin-bottom:10px;} .bo_blist dd ul li ul li{ margin-left:20px;margin-top:5px;margin-bottom:0px;} .bo_blist dd{margin-left:25px;} .bo_bl dd{margin-top:-10px;} .bo_bo2_article{ padding-right:245px; background:transparent url("../img/boshi/boshi_img_03.png") right 240px no-repeat; } /************************* futankin *************************/ #futankin{font-family: "メイリオ", oosaka, sans-serif;} #futankin body{color:#444;} #futankin #wrapper{background: transparent url("../img/top/bg_board_middle.png") top repeat-y;} #futankin #main{background: transparent url("../img/top/bg_board_top.png") top no-repeat;font-size:20px;} #futankin #main{padding-top:55px;margin-top:-5px;} .futanbottom{background: transparent url("../img/top/bg_board_bottom2.png") bottom no-repeat;height:24px;} .futan_a{margin:0px 0px 30px 47px;} .futan_b{color:#fff;padding-left:55px;width:480px;padding-bottom:30px;} .futan_b p {margin-bottom:20px;line-height:25px;} #futantop {position:relative;margin-top:-15px;} .p_image{position:absolute;top:-10px;left:570px;} .futankintable{ margin:0px auto; margin-top:100px; width:960px; } .futankinTitle{ background:url("../img/futankin/futankin_subttl.png") top left no-repeat; height:56px; width:960px; text-indent:80px; font-size:20px; color:#fff; font-family: "ＭＳ Ｐゴシック","メイリオ", oosaka, sans-serif; font-weight:bold; line-height: 57px; } .futankintable table{ width:960px; border:2px solid #8CC4F0; border-top:none; font-size:15px; border-collapse:collapse; table-layout: fixed; } table tr th{ background-color:#0176BF; color:#fff; height:82px; vertical-align: middle; text-align:center; font-weight: bold; border:2px solid #8CC4F0; line-height:18px; } table tr.tabletop th{border-top:none;} table tr td{ vertical-align: middle; text-align:center; background-color:#fff; font-size:15px; color:#333; font-weight:bold; border:2px solid #8CC4F0; } table tr.tablebottom td{ background-color: #FFF0A7; height:78px; } table tr.tablebottom td.gokei{ background-color: #ffa7a7; } table tr.tablebottom td.big{font-size:17px;} .tb01{width:100px;} .tb02{width:130px;} .tb03{width:130px;} .tb04{width:130px;} .tb05{width:131px;} .tb06{width:131px;} .tb07{width:100px;} .tb07{width:90px;} table tr.tabletop th{background-color:#0176BF;color:#fff;height:78px;} .setsubiTable { margin-top: 30px; } .setsubiTable .tb08 { background-color: #FFF0A7; } .futan_wrap{ margin:0px auto; margin-top:30px; width:960px; padding-bottom:50px; } #futan_02{ background:url("../img/futankin/futankin_img_02.png") no-repeat right top; padding-right:400px; } #futankin #futan_02 dl{ font-size:20px; } #futankin #futan_02 dl dt{ font-weight:bold; color:#003D64; margin:30px 0px 20px 0px; } #futankin #futan_02 dl dd{ margin-left:20px; color:#333; margin-bottom:5px; line-height:25px; } .nendo_wrap{ margin:0px auto; width:960px; padding-bottom:80px; } .nendo_wrap p{ background-color:rgb(255,255,255); width:956px; padding: 40px 0; text-align: center; border-color:rgb(140,196,240); border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; border-width:2px; border-style:solid; border-top: 0; }