body { padding: 0px; color: #f1f1f1; font-size: 12px; line-height: 1.5em; font-family: "MS Pゴシック","MS ゴシック","osaka",sans-serif; width: 750px; margin: 0 auto; background: #000 url(images/bg.gif) repeat-y top center; } * html body { padding-left: 1px; /* IEのみ:デフォルトで1px左に寄っている為 */ } * { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-size: 12px; margin: 0; padding: 0; } img { border: 0; } ul { list-style-type: none; } .center { text-align: center; } .right { text-align: right; } em { font-weight: bold; font-style: normal; } .no_bold { font-weight: normal; font-style: normal; } .br { margin-bottom: 1.4em; /* line-heightの設定に合わせる */ } .indent { text-indent: 1em; } .t6 { margin-top: 6px; } .t9 { margin-top: 9px; } .t12 { margin-top: 12px; } .b6 { margin-bottom: 6px; } .b9 { margin-bottom: 9px; } .r6 { margin-right: 6px; } .both { clear: both; } .list_icon dd, .list_icon li { background: transparent url(images/icon01.gif) no-repeat top left; padding: 0 0 0 13px; border: 1px solid #fff; } .icon08 { background: transparent url(images/icon08.gif) no-repeat top left; padding: 0 0 0 13px; } .icon02 { background: transparent url(images/icon02.gif) no-repeat center left; padding: 0 0 0 15px; } .icon03 { background: transparent url(images/icon03.gif) no-repeat center left; padding: 0 0 0 15px; } /* header */ #header { height: 115px; width: 750px; background: #000 url(images/bg.gif) repeat-y top center; } #header_m { height: 61px; /* height+paddingがheaderの高さ */ padding: 7px 20px 7px 20px; } #rogo01 { background: transparent url(images/rogo01.gif) no-repeat; width: 175px; height: 61px; text-indent: -5000px; float: left; margin-right: 60px; } #sitename { width: 240px; float: left; margin-top: 17px; text-align: center; } #search_m { margin-top: 15px; } *html #search_m { margin-top: 38px; } #head_r { text-align: right; } #in_search{ width: 110px; height: 15px; vertical-align: top; } #menu_footer { height: 5px; width: 750px; background: #fff url(images/menu_footer.gif); } /* IEで文字の高さを持たないように調整 */ *html #menu_footer { line-height: 0.1em; font-size: 0; } #top_img01 { margin-left: 1px; } #top_img02 { background: transparent url(images/top_img02.gif) no-repeat top; width: 748px; height: 5px; margin-left: 1px; clear: both; } /* headナビゲーション */ #menu { clear: both; width: 750px; height: 35px; font-size: 0; line-height: 0.1em; } #menu ul { margin: 0; padding: 0; list-style: none; } #menu li { margin: 0; padding: 0; height: 35px; text-indent: -5000px; float: left; } #menu li a { text-decoration: none;/* Firefox等で線が表示されないようにする */ display: block; height: 35px; } #menu li#menu01 { background: transparent url(images/menu01.gif) no-repeat; width: 125px; } #menu li#menu02 { background: transparent url(images/menu02.gif) no-repeat; width: 125px; } #menu li#menu03 { background: transparent url(images/menu03.gif) no-repeat; width: 125px; } #menu li#menu04 { background: transparent url(images/menu04.gif) no-repeat; width: 124px; } #menu li#menu05 { background: transparent url(images/menu05.gif) no-repeat; width: 125px; } #menu li#menu06 { background: transparent url(images/menu06.gif) no-repeat; width: 126px; } /* マウスオーバー */ #menu li#menu01 a:hover { background: transparent url(images/menu01_01.gif) no-repeat; } #menu li#menu02 a:hover { background: transparent url(images/menu02_01.gif) no-repeat; } #menu li#menu03 a:hover { background: transparent url(images/menu03_01.gif) no-repeat; } #menu li#menu04 a:hover { background: transparent url(images/menu04_01.gif) no-repeat; } #menu li#menu05 a:hover { background: transparent url(images/menu05_01.gif) no-repeat; } #menu li#menu06 a:hover { background: transparent url(images/menu06_01.gif) no-repeat; } #menu li#menu01_01 { background: transparent url(images/menu01_01.gif) no-repeat; width: 125px; } #menu li#menu02_01 { background: transparent url(images/menu02_01.gif) no-repeat; width: 125px; } #menu li#menu03_01 { background: transparent url(images/menu03_01.gif) no-repeat; width: 125px; } #menu li#menu04_01 { background: transparent url(images/menu04_01.gif) no-repeat; width: 124px; } #menu li#menu05_01 { background: transparent url(images/menu05_01.gif) no-repeat; width: 125px; } #menu li#menu06_01 { background: transparent url(images/menu06_01.gif) no-repeat; width: 126px; } /* パンくずナビゲーション */ #pan_nav_box { height: 4em; background: #eee; } #pan_nav { padding: 6px 8px 0 8px; font-size: 10px; margin: 0; } /* content */ #main { margin: 0 213px; } *html #main { margin-left: 208px; margin-right: 208px; } #main_m { padding: 12px 0; margin: 0; } /* hタイトル関係 */ #top_title01_01 { background: transparent url(images/top_title01_01.gif) no-repeat; height: 31px; text-indent: -5000px; margin-bottom: 9px; } #top_title02_01 { background: transparent url(images/top_title02_01.gif) no-repeat; } #top_title02_02 { background: transparent url(images/top_title02_02.gif) no-repeat; margin: 20px 0 15px 0; } #top_title02_03 { background: transparent url(images/top_title02_03.gif) no-repeat; margin: 20px 0 15px 0; } #top_title02_04 { background: transparent url(images/top_title02_04.gif) no-repeat; margin: 20px 0 15px 0; } #top_title02_05 { background: transparent url(images/top_title02_05.gif) no-repeat; margin: 20px 0 15px 0; } #top_title02_01, #top_title02_02, #top_title02_03, #top_title02_04, #top_title02_05 { width: 324px; height: 40px; text-indent: -5000px; font-size: 0; vertical-align: top; } /* 現在地の表示用(プログラムで操作) */ .top_title04_01 { background: transparent url(images/top_title04_01.gif) no-repeat; } .top_title04_02 { background: transparent url(images/top_title04_02.gif) no-repeat; } #top_title04_03 { background: transparent url(images/top_title04_03.gif) no-repeat; } #top_title04_04 { background: transparent url(images/top_title04_04.gif) no-repeat; } #top_title04_05 { background: transparent url(images/top_title04_05.gif) no-repeat; } #top_title04_06 { background: transparent url(images/top_title04_06.gif) no-repeat; } #top_title04_07 { background: transparent url(images/top_title04_07.gif) no-repeat; } #top_title04_08 { background: transparent url(images/top_title04_08.gif) no-repeat; } #top_title04_09 { background: transparent url(images/top_title04_09.gif) no-repeat; } .top_title04_m { margin-left: 15px; } .top_title04_01, .top_title04_02, #top_title04_03, #top_title04_04, #top_title04_05, #top_title04_06, #top_title04_07, #top_title04_08, #top_title04_09 { width: 155px; height: 45px; line-height: 0.1em; margin: 0; padding: 0; font-size: 0; text-indent: -5000px; float: left; } #top_title03_01 { background: transparent url(images/top_title03_01.gif) no-repeat; } #top_title03_02 { background: transparent url(images/top_title03_02.gif) no-repeat; } #top_title03_01, #top_title03_02 { width: 324px; height: 13px; text-indent: -5000px; line-height: 0.1em; margin: 9px 0 6px 0; padding: 0; font-size: 0; } #top_title02 { background: transparent url(images/top_title02.gif) no-repeat; } #service_title02 { background: transparent url(images/service_title02.gif) no-repeat; } #rss_title02 { background: transparent url(images/rss_title02.gif) no-repeat; } #privacy_title02 { background: transparent url(images/privacy_title02.gif) no-repeat; } #sitemap_title02 { background: transparent url(images/sitemap_title02.gif) no-repeat; } #top_title02, #service_title02, #rss_title02, #privacy_title02, #sitemap_title02 { width: 493px; height: 29px; } #top_text { margin-bottom: 25px; } #main img { margin: 10px 0; } #page_top { margin-top: 12px; text-align: right; } #pri_rss h2 { font-size: 12px; margin-top: 20px; } #rss_regist li { display: inline; margin-left: 3px; } /* main_p直下のマージン */ .mm { margin-top: 24px; } /* トップページのサイド */ #side01 { width: 213px; float: left; } #side01_m { padding: 12px 19px 12px 12px; } #side02 { width: 213px; float: right; } #side02_m { padding: 12px 9px 12px 19px; } *html #side01 { width: 208px; float: left; } *html #side01_m { padding: 12px 14px 12px 12px; } *html #side02 { width: 208px; float: right; } *html #side02_m { padding: 12px 9px 12px 14px; } /*サイドタイトル&リスト*/ #s_title01 { background: transparent url(images/s_title01.gif) no-repeat top; text-indent: -5000px; width: 185px; height: 43px; margin-bottom: 3px; } #s_title02 { background: transparent url(images/s_title02.gif) no-repeat top; text-indent: -5000px; width: 185px; height: 43px; margin-bottom: 3px; } #s_title03 { background: transparent url(images/s_title03.gif) no-repeat top; text-indent: -5000px; width: 185px; height: 43px; } #s_title04 { background: transparent url(images/s_title04.gif) no-repeat top; text-indent: -5000px; width: 185px; height: 43px; margin: 20px 0 6px 0; } .side_list01 li { padding: 6px 0; border-bottom: 1px solid #333; } .side_list02 li { background: transparent url(images/icon03.gif) no-repeat center left; padding: 0 0 0 12px; } .back_n { text-align: right; margin: 9px 0 30px 0; } #banner01 { width: 185px; height: 131px; margin-bottom: 20px; } #banner02 { width: 185px; height: 82px; margin: 0px 0 6px 0; } #banner03 { width: 185px; height: 79px; } .banner04 { width: 185px; height: 80px; margin-bottom: 3px; } .img_bottom_m { margin-bottom: 20px; } #s_title03_cap { background: transparent url(images/s_title03_cap.gif) no-repeat; width: 185px; height: 70px; text-indent: -5000px; margin-bottom: 20px; } /* --------下層-------- */ #bg { background: transparent url(images/bg03.gif) repeat-y; width: 750px; } /* 下層コンテンツ */ #main_layre { width: 556px; float: right; color: #000; background: #fff; } #main_layre_m { padding: 0 27px; height:400px; } /* 下層タイトル */ #clinic01_title01 { background: transparent url(images/clinic01_title01.jpg) no-repeat; } #clinic02_title01 { background: transparent url(images/clinic02_title01.jpg) no-repeat; } #clinic03_title01 { background: transparent url(images/clinic03_title01.jpg) no-repeat; } #clinic04_title01 { background: transparent url(images/clinic04_title01.jpg) no-repeat; } #clinic05_title01 { background: transparent url(images/clinic05_title01.jpg) no-repeat; } #clinic06_title01 { background: transparent url(images/info_title01.jpg) no-repeat; } #clinic07_title01 { background: transparent url(images/schedule_title01.jpg) no-repeat; } #clinic08_title01 { background: transparent url(images/company_title01.jpg) no-repeat; } #clinic09_title01 { background: transparent url(images/contact_title01.jpg) no-repeat; } #clinic10_title01 { background: transparent url(images/about_title01.jpg) no-repeat; } #clinic11_title01 { background: transparent url(images/privacy01_title01.jpg) no-repeat; } #clinic12_title01 { background: transparent url(images/privacy02_title01.jpg) no-repeat; } #clinic13_title01 { background: transparent url(images/sitemap_title01.jpg) no-repeat; } #clinic01_title01, #clinic02_title01, #clinic03_title01, #clinic04_title01, #clinic05_title01, #clinic06_title01, #clinic07_title01, #clinic08_title01, #clinic09_title01, #clinic10_title01, #clinic11_title01, #clinic12_title01, #clinic13_title01 { width: 556px; height: 142px; text-indent: -5000px; font-size: 0; vertical-align: top; } .title02 { background: transparent url(images/title02.gif) repeat-x bottom; padding-bottom: 9px; margin: 25px 0 6px 0; font-size: 16px; color: #c00; font-weight: bold; } .title03 { background: transparent url(images/title03.gif) repeat-x center; padding: 12px 0 0 6px; margin: 25px 0 6px 0; height: 30px; } .title04 { background: transparent url(images/title04.gif) repeat-x bottom; padding-bottom: 9px; margin: 25px 0 6px 0; font-size: 14px; font-weight: bold; } .title03 span { color: #c00; } .text_box { text-indent: 1em; padding: 0 6px; } .text_box2 { padding: 0 6px; } .float_box { width: 100%; } .float_box_l { float: left; width: 50%; } .float_box_r { margin-left: 50%; } .float_box_rr { margin-left: 50%; text-align: right; } #p_top { width: 100%; margin: 40px 0 12px 0; vertical-align: bottom; } #common_text_box h3 { color: #666; margin: 25px 0 0 0; } #first_child { text-indent: 1em; padding: 0 6px 9px 6px; } /* 追加css--0926ここから */ .table_box { width: 502px; border: 1px solid #666; border-collapse: collapse; border-spacing: 0; margin-bottom: 6px; } .table_box title { background: #eee; width: 82px; font-weight: bold; } .table_box td, .table_box th { vertical-align: top; border: 1px solid #666; } table_box .body01 { width: 250px; } .table_box body02 { width: 250px; } .table_box th { text-align: center; padding: 1px; background: #ccc; } .table_box td { padding: 3px 6px; } /* 追加css--0926ここまで */ /* 下層sideメニュー------- */ #side_layre { margin-right: 556px; } .side_layre_m { margin: 0 6px 12px 6px; } #s_img { background: transparent url(images/s_img.jpg) no-repeat; height: 141px; } #s_layre_title01 { background: transparent url(images/s_layre_title01.gif) no-repeat; } #s_layre_title02 { background: transparent url(images/s_layre_title02.gif) no-repeat; } #s_layre_title03 { background: transparent url(images/s_layre_title03.gif) no-repeat; } #s_layre_title04 { background: transparent url(images/s_layre_title04.gif) no-repeat; } #s_layre_title05 { background: transparent url(images/s_layre_title05.gif) no-repeat; } #s_layre_title06 { background: transparent url(images/s_layre_title06.gif) no-repeat; } #s_layre_title07 { background: transparent url(images/s_layre_title07.gif) no-repeat; } #s_layre_title08 { background: transparent url(images/s_layre_title08.gif) no-repeat; } #s_layre_title09 { background: transparent url(images/s_layre_title09.gif) no-repeat; } #s_layre_title10 { background: transparent url(images/s_layre_title010.gif) no-repeat; } #s_layre_title11 { background: transparent url(images/s_layre_title011.gif) no-repeat; } #s_layre_title12 { background: transparent url(images/s_layre_title012.gif) no-repeat; } #s_layre_title13 { background: transparent url(images/s_layre_title013.gif) no-repeat; } #s_layre_title14 { background: transparent url(images/s_layre_title014.gif) no-repeat; } #s_layre_title15 { background: transparent url(images/s_layre_title015.gif) no-repeat; } #s_layre_title01, #s_layre_title02, #s_layre_title03, #s_layre_title04, #s_layre_title05, #s_layre_title06, #s_layre_title07, #s_layre_title08, #s_layre_title09, #s_layre_title10, #s_layre_title11, #s_layre_title12, #s_layre_title13, #s_layre_title14, #s_layre_title15{ height: 29px; text-indent: -5000px; margin: 6px 0 0 6px; /* mainの白いboxにmarginがあると黒い下地が見えるのを防ぐため、paddingを別指定 */ padding-bottom: 6px; } .s_layre_border { border-top: 1px solid #666; margin-left: 1px; } .s_list_menu_box0 { margin: 3px 0 6px 0; } .s_list_menu_box { margin: 0 0 18px 0; } .s_list_menu_box li, .s_list_menu_box0 dd, .s_list_menu_box dd { margin-left: 3px; } .s_list_menu_box li, .s_list_menu_box0 dd, .s_list_menu_box dd { background: transparent url(images/icon08.gif) no-repeat top left; padding: 0 0 0 13px; } /* footer */ #footer { text-align: center; clear: both; line-height: 1.4em; height: 58px; clear: both; } #foot01 { border-top: 1px solid #ccc; list-style-type: none; padding: 15px 0 12px 0; } #foot01 li { display: inline; } #foot01 li a { padding: 0 6px; } #foot01 p { margin: 4px 6px 0 0; font-size: 10px; } /* リンク */ a { color:#f1f1f1; text-decoration: underline; } a:visited { color: #eee; text-decoration: underline; } a:hover { color: #f1f1f1; text-decoration: none; } a:active { color: #f1f1f1; text-decoration: underline; } /* 赤 */ #pan_nav a { color: #c00; text-decoration: underline; } #pan_nav a:visited { color: #c00; text-decoration: underline; } #pan_nav a:hover { color: #c00; text-decoration: none; } #pan_nav a:active { color: #c00; text-decoration: underline; } /* 黒 */ #main_layre dd a, #main_layre li a { color: #000; text-decoration: underline; } #main_layre dd a:visited, #main_layre li a:visited { color: #666; text-decoration: underline; } #main_layre dd a:hover, #main_layre li a:hover { color: #000; text-decoration: none; } #main_layre dd a:active, #main_layre li a:active { color: #000; text-decoration: underline; }