@CHARSET "UTF-8"; /****************************************/ /* 共通 */ /****************************************/ html { text-align: center; font-size: 0.9em; font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif; color:#444; line-height:140%; } a {color:#3366CC;text-decoration: underline; /* *** for Mac IE hotspot *** */ outline:underline 0 #3366CC; } a:hover{color: #FF6600; text-decoration: underline;} /****************************************/ /* ヘッダー */ /****************************************/ #header ul { list-style: none; } #logo_line { width: 1000px; display: inline-block; _display:inline; _zoom:1; } #h_logo { float: left; } #h_other { float: right; } #h_other ul { text-align: right; } #font_list_li { height: 40px; text-align: right; } #font_list_li ul { display: inline-block; _display:inline; _zoom:1; } #access_li { height: 45px; text-align: right; } #access_li ul { display: inline-block; _display:inline; _zoom:1; } #font_list li { float: left; margin-top: 10px; } .font_image { margin-right: 2px; } .font_all a { display: block; width: 25px; height: 25px; overflow: hidden; text-indent: 100%; white-space: nowrap; margin-left: 3px; } .font_all a:hover { background-position: 0px 25px; } .font_small a { background: url(../img/header/font_s.jpg) 0 0; } .font_middle a { background: url(../img/header/font_m.jpg) 0 0; } .font_lerge a { background: url(../img/header/font_l.jpg) 0 0; } .font_active a { background-position: 0px 25px; } .font_search_txt { margin-left: 10px; } .font_search_btn { margin-left: 3px; } #search_text { height: 19px; width: 200px; } .h_access a { display: block; width: 110px; height: 25px; overflow: hidden; text-indent: 100%; white-space: nowrap; background: url(../img/header/h_access.jpg) 0 0; } .h_access a:hover { background-position: 0px 25px; } .h_access { float: left; margin-top: 20px; margin-left: 35px; } .h_contact a { display: block; width: 180px; height: 25px; overflow: hidden; text-indent: 100%; white-space: nowrap; background: url(../img/header/h_contact.jpg) 0 0; } .h_contact a:hover { background-position: 0px 25px; } .h_contact { float: left; margin-top: 20px; margin-left: 5px; } .h_tel { margin-top: 5px; margin-left: 15px; float: left; } /* ナビゲーション */ #nav { background: url(../img/header/navi_bg.jpg); height: 50px; } #nav ul { width: 1000px; display: inline-block; _display:inline; _zoom:1; } #nav ul li { float: left; } #nav ul li a { display: block; height: 50px; overflow: hidden; text-indent: 100%; white-space: nowrap; } #nav ul li.nav_home a { width: 71px; background: url(../img/header/navi01.jpg) 0 0; } #nav ul li.nav_about a { width: 181px; background: url(../img/header/navi02.jpg) 0 0; } #nav ul li.nav_job a { width: 124px; background: url(../img/header/navi03.jpg) 0 0; } #nav ul li.nav_course a { width: 192px; background: url(../img/header/navi04.jpg) 0 0; } #nav ul li.nav_consul a { width: 131px; background: url(../img/header/navi05.jpg) 0 0; } #nav ul li.nav_system a { width: 107px; background: url(../img/header/navi06.jpg) 0 0; } #nav ul li.nav_osasoi a { width: 78px; background: url(../img/header/navi08.jpg) 0 0; } #nav ul li.nav_inquiry a { width: 116px; background: url(../img/header/navi07.jpg) 0 0; } #nav ul li a:hover { background-position: 0px 50px; } /****************************************/ /* コンテンツ共通 */ /****************************************/ #contents { width: 1000px; display: inline-block; _display:inline; _zoom:1; margin-top: 15px; text-align:left; } .c_block { width: 100%; display: inline-block; _display:inline; _zoom:1; } .block_title { margin-bottom: 12px; } #right_block { margin-top: 15px; float: right; width: 720px; margin-left: 15px; } /* サイドバー */ #left_block { margin-top: 15px; float: left; width: 250px; margin-right: 15px; } #left_block ul.side_banner li { margin-bottom: 10px; } #left_block ul.side_banner li.s_all a { display: block; width: 250px; height: 75px; overflow: hidden; text-indent: 100%; white-space: nowrap; } #left_block ul.side_banner li.s_all a:hover { background-position: 0px 75px; } #left_block ul.side_banner li.s_banna01 a { background: url(../img/side/s_bana01.jpg) 0 0; } #left_block ul.side_banner li.s_banna02 a { background: url(../img/side/s_bana02.jpg) 0 0; } #left_block ul.side_banner li.s_banna03 a { background: url(../img/side/s_bana03.jpg) 0 0; } #left_block ul.side_banner li.s_banna04 a { background: url(../img/side/s_bana04.jpg) 0 0; } #left_block ul.side_banner li.s_banna05 a { background: url(../img/side/s_bana05.jpg) 0 0; } #left_block ul.side_banner li.s_banna06 a { background: url(../img/side/s_bana06.jpg) 0 0; } #left_block ul.side_banner li.s_banna07 a { background: url(../img/side/s_bana07.jpg) 0 0; } #left_block ul.side_banner li.s_banna08 a { background: url(../img/side/s_bana08.jpg) 0 0; } #left_block ul.side_banner li.s_banna09 a { background: url(../img/side/s_bana09.jpg) 0 0; } #left_block ul.side_banner li.s_banna05 { margin-bottom: 30px; } #left_block ul.side_banner li.s_banna09 { margin-bottom: 30px; } #left_block ul.side_banner li.s_link_title { margin-bottom: 0px; } #left_block ul.side_banner li.s_banna11 a { background: url(../img/side/s_bana11.jpg) 0 0; } #left_block ul.side_banner li.s_banna12 a { background: url(../img/side/s_bana12.jpg) 0 0; } #left_block ul.side_banner li.s_banna13 a { background: url(../img/side/s_bana13.jpg) 0 0; } #left_block ul.side_banner li.s_banna14 a { background: url(../img/side/s_bana14.jpg) 0 0; } /****************************************/ /* トップページ */ /****************************************/ #tab-box { display: block; } #tab-box ul { padding: 0; list-style: none; } #tab-box ul li { margin-right:3px; float:left; display:inline; font-size:0; } #tab-box ul li a { display: block; height: 34px; width: 120px; overflow: hidden; text-indent: 100%; white-space: nowrap; } #tab-box div.news_tab { padding:10px 20px; border:1px solid #ccc; text-align: left; margin-bottom: 30px; } .clearFix:after{ display:block; clear:both; height:0; visibility:hidden; content:"."; zoom:1; } #tab-01 table { margin: auto; border: 0; border-collapse: collapse; border-spacing: 0; width: 680px; } #tab-01 table tr { /*height: 40px;*/ line-height: 140%; } #tab-01 table tr td { border-bottom: dotted 1px #D3D3D3; vertical-align: middle; padding: 7px 0px; } #tab-01 table tr td.news_date { width: 150px; } #tab-01 table tr td.news_image { width: 90px; } #tab-01 table tr td.news_content { width: 440px; } #news_other_list { display: block; text-align: right; border: none; margin: 12px 0; padding: 0px; width: 100%; } #news_other_list div { display: inline-block; _display:inline; _zoom:1; width: 140px; } #news_other_list a { display: block; width: 140px; height: 25px; overflow: hidden; text-indent: 100%; white-space: nowrap; background: url(../img/index/news_btn.jpg) 0 0; } #news_other_list a:hover { background-position: 0px 25px; } .event_list { width: 355px; float: left; margin-bottom: 24px; border-bottom: dotted 1px #ddd; } .event_list_even { margin-left: 10px; } .event_list ul li { float: left; /*height: 70px;*/ width: 60px; } .event_list ul li.event_text { text-align: left; margin-left: 8px; font-size:90%; width: 277px; } .event_list ul li.event_text div { width: 100%; text-align: right; } .event_list ul li.event_text div a { display: inline-block; _display:inline; _zoom:1; width: 100px; height: 25px; overflow: hidden; /*text-indent: 100%;*/ text-indent: 190px; white-space: nowrap; background: url(../img/index/event_btn.jpg) 0 0; } .event_list ul li.event_text div a:hover { background-position: 0px 25px; } .event_list ul li.event_text ul li { float: none; width: 290px; /*height: 24px;*/ line-height: 140%; margin-bottom: 5px; } #c_program { display: block; width: 720px; height: 230px; overflow: hidden; text-indent: 100%; white-space: nowrap; background: url(../img/index/program_img01.jpg) 0 0; } #c_program:hover { background-position: 0px 230px; } /****************************************/ /* 下層ページ */ /****************************************/ /* margin */ .m-5{margin:5px;} .m-t5{margin-top:5px;} .m-b5{margin-bottom:5px;} .m-tb5{margin:5px 0px;} .m-l5{margin-left:5px;} .m-r5{margin-right:5px;} .m-lr5{margin:0px 5px;} .m-lb5{margin:0px 0px 5px 5px;} .m-rb5{margin:0px 5px 5px 0px;} .m-10{margin:10px;} .m-t10{margin-top:10px;} .m-b10{margin-bottom:10px;} .m-tb10{margin:10px 0px;} .m-l10{margin-left:10px;} .m-r10{margin-right:10px;} .m-lr10{margin:0px 10px;} .m-lb10{margin:0px 0px 10px 10px;} .m-rb10{margin:0px 10px 10px 0px;} .m-15{margin:15px;} .m-t15{margin-top:15px;} .m-b15{margin-bottom:15px;} .m-tb15{margin:15px 0px;} .m-l15{margin-left:15px;} .m-r15{margin-right:15px;} .m-lr15{margin:0px 15px;} .m-lb15{margin:0px 0px 15px 15px;} .m-rb15{margin:0px 15px 15px 0px;} .m-20{margin:20px;} .m-t20{margin-top:20px;} .m-b20{margin-bottom:20px;} .m-tb20{margin:20px 0px;} .m-l20{margin-left:20px;} .m-r20{margin-right:20px;} .m-lr20{margin:0px 20px;} .m-lb20{margin:0px 0px 20px 20px;} .m-rb20{margin:0px 20px 20px 0px;} /* clear */ .clear{ clear:both; width:100%; } /* position */ .align_left { text-align: left; } /* color */ .font_red{ color:#CC0000; } /* パンくず */ #breadcrumb ul li { float: left; margin-right: 10px; display:inline; font-size:85%; } #breadcrumb ul li * { margin-left: 10px; } #breadcrumb ul li.first * { margin-left: 0px; } /* title */ h1.entry-title { background: url(../img/contents/tit_main.jpg) 0 0; line-height: 50px; text-align: left; vertical-align: middle; padding-left: 40px; font-size: 150%; margin-bottom: 15px; } h1.entry-title2 { background: url(../img/contents/tit_main2.jpg) 0 0; line-height: 30px; height:80px; text-align: left; vertical-align: middle; padding-left: 40px; padding-top:10px; font-size: 150%; margin-bottom: 15px; } h2.title2 { line-height: 40px; text-align: left; vertical-align: middle; padding-left: 10px; font-size: 130%; color: #FF6600; background-color: #FEF8E0; border: solid 1px #FFE1C5; border-left: solid 7px #FF6600; margin-bottom: 15px; } h3.title3 { background: url(../img/contents/tit_arrow01.jpg) 0 4px; background-repeat: no-repeat; line-height: 30px; text-align: left; vertical-align: middle; padding-left: 18px; padding-right: 10px; font-size: 120%; border-bottom: dotted 1px #ccc; display: inline; margin-bottom: 15px; } /* box */ .box01 { border: solid 5px #FED7B3; background-color: #FDF1F1; margin-bottom: 15px; padding:15px; background:url(../img/contents/box_bg01.jpg); background-repeat: repeat; background-position: left top; } .box01 li { width: 100%; text-align: left; } .box02 { border: solid 1px #E9E9E9; background-color: #F9F9F9; margin-bottom: 15px; padding:15px; } .box02 li { width: 100%; text-align: left; } /* table */ .table_gray { margin-bottom: 20px; } .table_gray th { background-color: #F4F4F4; border: solid 1px #E4E4E4; vertical-align: middle; text-align: left; padding: 10px; font-weight: normal; } .table_gray td { border: solid 1px #E4E4E4; vertical-align: middle; text-align: left; padding: 10px; } .table_orange { margin-bottom: 20px; } .table_orange th { background-color: #FEF8E0; border: solid 1px #E4E4E4; vertical-align: middle; text-align: left; padding: 10px; font-weight: normal; } .table_orange td { border: solid 1px #E4E4E4; vertical-align: middle; text-align: left; padding: 10px; } .table_ds1 { margin-bottom: 20px; } .table_ds1 th { background-image: url(../img/contents/arrow02.jpg); background-repeat: no-repeat; background-position: 10px center; border-bottom: dotted 1px #CCC; border-right: dotted 1px #CCC; vertical-align: middle; text-align: left; padding: 10px; padding-left: 20px; font-weight: normal; } .table_ds1 td { border-bottom: dotted 1px #CCC; border-left: dotted 1px #CCC; vertical-align: middle; text-align: left; padding: 10px; } /* ul list */ .ul_list1 { margin-bottom: 15px; } .ul_list1 li { background-image: url(../img/contents/arrow01.jpg); background-repeat: no-repeat; background-position: left 8px; padding: 7px 0px; padding-left: 20px; margin: 0px 0px 5px 0px; text-align: left; border-bottom:dotted 1px #ccc; } .ul_list1 li ul li { background-image: url(../img/contents/arrow02.jpg); background-position: left 8px; padding: 3px 0px 0px 10px; border-bottom:none; margin: auto; } .ul_list1 li ul li a{text-decoration:none; font-weight:bold; color:#666666; margin-right:10px;} .ul_list1 li ul li a:hover{text-decoration:none; font-weight:bold; color:#ff6600;} /* ol list */ .ol_list1 { counter-reset:li; /* Initiate a counter */ padding:0; /* Remove the default left padding */ list-style:none; /* Disable the normal item numbering */ *list-style:decimal; /* Disable the normal item numbering */ } .ol_list1 li { position:relative; /* Create a positioning context */ margin:0 0 10px 2em; /* Give each list item a left margin to make room for the numbers */ padding:5px 10px; border-top:1px dotted #CCCCCC; background:#FFFFFF; text-align: left; } .ol_list1 li.ol_list1_li:before { content:counter(li); /* Use the counter as content */ counter-increment:li; /* Increment the counter by 1 */ /* Position and style the number */ position:absolute; top:-2px; left:-2em; width:2em; padding:4px 0; border-top:1px dotted #CCCCCC; color:#fff; background:#FF6600; font-family:"Helvetica Neue", Arial, sans-serif; text-align:center; } .ol_list1 li ol { list-style:decimal; } .ol_list1 li ol li{ margin: 0px 0px 0px 25px; padding:2px 10px; border:0px; } .ol_list1 li ol li span{ margin-left:-10px; } .ol_list1 li ul li { background-image: url(../img/contents/arrow03.jpg); background-repeat: no-repeat; background-position: left center; border-bottom:none; margin: 0px 0px 0px 3px; border:0px; padding:2px 10px 2px 17px; } /* 可変ボタン */ .btn li{ float:left; } a.btn01{ display:block; float:left; height:40px; background:url(../img/contents/btn_bg01.jpg) top right no-repeat; margin:10px 10px 10px 0px; font-size:120%; color:#FFFFFF; } a.btn01 span{ display:block; float:left; height:30px; background:url(../img/contents/btn_bg01.jpg) top left no-repeat; margin-right:15px; cursor:pointer; padding:10px 0px 0px 15px; } a.btn02{ display:block; float:left; height:40px; background:url(../img/contents/btn_bg02.jpg) top right no-repeat; margin:10px 10px 10px 0px; font-size:120%; color:#FFFFFF; } a.btn02 span{ display:block; float:left; height:30px; background:url(../img/contents/btn_bg02.jpg) top left no-repeat; margin-right:15px; cursor:pointer; padding:10px 0px 0px 15px; } /* サイドメニュー */ .side_menu { margin-bottom: 10px; } .side_menu_title { height: auto; border: solid 1px #E9E9E9; border-top-left-radius: 5px; /* CSS3草案 */ border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; /* Safari,Google Chrome用 */ -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; /* Firefox用 */ -moz-border-radius-topright: 5px; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, #ffffff 0%, #F4F1EA 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#F4F1EA)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#F4F1EA 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#F4F1EA 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#F4F1EA 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#F4F1EA 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-8 */ } .side_menu_title dl { margin: 10px 10px; border-left: solid 5px #FF6600; } .side_menu_title dl dt { font-size: 100%; font-weight: bold; text-align: left; padding: 7px 7px 0; } .side_menu_title dl dd { text-align: left; font-size: 120%; font-weight: bold; color: #FF6600; padding: 5px 0px 7px 7px; } .side_menu ul { background-color: #F9F8F4; border: solid 1px #E9E9E9; border-top: none; padding:0px 10px 10px 10px; } .side_menu ul li { background-image: url(../img/contents/s_arrow01.jpg); background-repeat: no-repeat; background-position: 0px center; vertical-align: middle; text-align: left; padding: 7px 7px 7px 15px; border-bottom: dotted 1px #999; margin: 0px; font-size:95%; } .side_menu ul li a { color:#333; } .side_menu ul li a:hover { color: #FF6600; } /****************************************/ /* フッター */ /****************************************/ #footer { margin-top: 15px; /* background: url(../img/footer/f_bg.jpg); height: 90px; */ } div.f_top { margin-top: 15px; background: #FCFBF7; height: 370px; border-top: solid 1px #ccc; } div.f_bottom { background: url(../img/footer/f_bg.jpg); height: 90px; } #f_list { display: inline-block; _display:inline; _zoom:1; width:1000px; } #footer ul li.f_left { float: left; text-align: left; height: 90px; display: inline-block; _display:inline; _zoom:1; } #footer ul li.f_left ul li.f_navi { font-size:90%; height: 45px; line-height: 45px; color: #FFFFFF; } #footer ul li.f_left ul li.f_navi a { color: #FFFFFF; } #footer ul li.f_left ul li.f_navi a:hover { color: #FFFF99; } #footer ul li.f_left ul li.f_copy { height: 45px; line-height: 45px; } #footer ul li.f_right { float: right; height: 90px; display: inline-block; _display:inline; _zoom:1; } #f_nav { font-size: 80%; display: inline-block; _display:inline; _zoom:1; } ul.f_nav_top { margin-top: 15px; display: inline-block; _display:inline; _zoom:1; } ul.f_nav_top li { text-align: left; float: left; width: 189px; border-left: solid 1px #ccc; padding: 5px 5px; height: 130px; } ul.f_nav_top li.last { width: 188px; border-right: solid 1px #ccc; } ul.f_nav_top li ul li { float: none; border: none; background-image: url("../img/footer/f_arrow.jpg"); background-repeat: no-repeat; background-position: 10px 5px; padding: 0px 20px; height: auto; margin-bottom: 0px; } ul.f_nav_bottom { margin-top: 20px; display: inline-block; _display:inline; _zoom:1; } ul.f_nav_bottom li { text-align: left; border-left: solid 1px #ccc; border-right: solid 1px #ccc; height: 130px; padding: 5px; } ul.f_nav_bottom li ul li { border: none; float: left; width: 329px; padding: 0px; } ul.f_nav_bottom li ul li.last { width: 330px; } ul.f_nav_bottom li ul li ul li { float: none; border: none; background-image: url("../img/footer/f_arrow.jpg"); background-repeat: no-repeat; background-position: 10px 5px; padding: 0px 20px; height: auto; margin-bottom: 0px; } /* INDEX */ ul.ul_col2 li.contact01 { float: left; margin-bottom: 15px; } ul.ul_col2 li.contact01 a { display: block; width: 350px; height: 210px; overflow: hidden; text-indent: 100%; white-space: nowrap; background: url(../img/index/contact_btn01.jpg) 0 0; } ul.ul_col2 li.contact01 a:hover { background-position: 0px 210px; } ul.ul_col2 li.contact02 { float: right; margin-bottom: 15px; } ul.ul_col2 li.contact02 a { display: block; width: 350px; height: 210px; overflow: hidden; text-indent: 100%; white-space: nowrap; background: url(../img/index/contact_btn02.jpg) 0 0; } ul.ul_col2 li.contact02 a:hover { background-position: 0px 210px; } div.c_job { margin-right: 20px; background: url(../img/index/job_tit.jpg) 0 0; } div.c_child { margin-right: 19px; background: url(../img/index/child_tit.jpg) 0 0; } div.c_life { background: url(../img/index/life_tit.jpg) 0 0; } div.index_contact { width: 225px; float: left; border:1px solid #ccc; background-repeat: no-repeat; padding-top: 0px; margin-bottom: 15px; } div.index_contact ul li { margin: 5px; } div.index_contact ul li a { display: block; width: 215px; height: 50px; overflow: hidden; text-indent: 100%; white-space: nowrap; } li.c_job01 a { background: url(../img/index/job_btn01.jpg) 0 0; } li.c_job02 a { background: url(../img/index/job_btn02.jpg) 0 0; } li.c_job03 a { background: url(../img/index/job_btn03.jpg) 0 0; } li.c_job04 a { background: url(../img/index/job_btn04.jpg) 0 0; } li.c_job05 a { background: url(../img/index/job_btn05.jpg) 0 0; } li.c_child01 a { background: url(../img/index/child_btn01.jpg) 0 0; } li.c_child02 a { background: url(../img/index/child_btn02.jpg) 0 0; } li.c_child03 a { background: url(../img/index/child_btn03.jpg) 0 0; } li.c_child04 a { background: url(../img/index/child_btn04.jpg) 0 0; } li.c_child05 a { background: url(../img/index/child_btn05.jpg) 0 0; } li.c_life01 a { background: url(../img/index/life_btn01.jpg) 0 0; } li.c_life02 a { background: url(../img/index/life_btn02.jpg) 0 0; } li.c_life03 a { background: url(../img/index/life_btn03.jpg) 0 0; } li.c_life04 a { background: url(../img/index/life_btn04.jpg) 0 0; } li.c_life05 a { background: url(../img/index/life_btn05.jpg) 0 0; } div.index_contact ul li a:hover { background-position: 0px 50px; }

AltStyle によって変換されたページ (->オリジナル) /