@charset "utf-8"; /****************************************************************************** [全体の設定] ******************************************************************************/ * { font-family:'メイリオ', Meiryo, 'ＭＳＰゴシック', "MS P Gothic", 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Arial, sans-serif; margin:0; padding:0; text-align:center;/*ie6 centering*/ } /****************************************************************************** [タグの設定] ******************************************************************************/ body { color:#666; font-size:14px; line-height:1.5; } img {border:none;} /****************************************************************************** [clearfixの設定] ******************************************************************************/ .clearfix::after { clear:both; content:""; display:block; } /****************************************************************************** [全体枠の設定] ******************************************************************************/ #outline1 {margin:0 auto;} #outline { margin:0 auto; width:950px; } #outline3 {margin:0 auto;} p { text-align:left;/*ie6 centering*/ } .container { margin:0 auto; width:950px; } /****************************************************************************** [ヘッダーの設定] ******************************************************************************/ #header { margin:0 auto; width:950px; } .head_block { display:block; display:flow-root; margin:0; padding:0; position:relative; width:100%; } .head_block::after { clear:both; content:''; display:block; } .hp_name { color:inherit; display:block; font-family:serif; font-size:40px; line-height:1; margin:0; padding:0; position:absolute; text-align:left; text-indent:10px; top:19.5px; width:400px; } .hp_name a { color:inherit; font-family:inherit; text-decoration:none; } .head_tel { color:#999; display:block; font-size:18px; font-weight:bold; float:right; line-height:25px; margin:0; padding:0; text-align:right; width:550px; } .head_link { display:block; margin:0; padding:0; text-align:right; width:100%; } h1 { } #head1 { float:left; width:950px; } #head1 h1.head_title { display:inline; float:left; } #head1 .head_title { display:inline; float:left; } #head1 p { text-align:right; margin-top:15px; } #navi { clear:both; height:58px; margin:0 auto; padding:0; text-align:center; } #navi div { display:inline; float:left; margin-top:8px; } /****************************************************************************** [コンテンツの設定] ******************************************************************************/ #content { clear:both; /*（clearfixで解除しているが、DW上の表示のために指定） */ margin:10px auto; width:950px; } #main { float:right; margin:0 auto; width:950px; } #center { color:#666; float:left; width:600px; } #right { color:#666; float:right; width:340px; } #main_bana {clear:both;} #main_bana div { float:left; margin-top:10px; } #main_bana div.bana1, #main_bana div.bana2 { margin-right:10px; } #line_950 { clear:both; margin-top:20px; margin-bottom:10px; } #pr { clear:both; margin-top:10px; } #pr_head { float:left; margin-top:2px; } #pr_body div {float:left;} #pr_body div.pr2 {margin-left:10px;} .none {display:none;} #topics {width:600px;} #topics_title { background:url("../images/topics_h.gif") top no-repeat; height:40px; } #topics_box { background:url("../images/topics_b.gif") bottom no-repeat; height:240px; } #topics_box div.topics_text { height:220px; overflow:auto; padding:5px 5px 6px 50px; text-align:left; } #blog {width:340px;} #blog_title {height:40px;} #blog_box { background:url("../images/blog_b.gif") bottom no-repeat; height:240px; } #blog_box div.blog_text { height:220px; padding:5px 5px 6px 50px; text-align:left; } p.entry { line-height:1.8; text-indent:1em; } #map { margin-top:15px; width:290px; } .m_5 {margin-top:5px;} .m_10 {margin-top:10px;} .m_15 {margin-top:15px;} .m_20 {margin-top:20px;} .m_25 {margin-top:25px;} .l_10 {margin-left:10px;} .b {font-weight:bold;} .mb_10 {margin-bottom:10px;} .mb_15 {margin-bottom:15px;} .c0 { background:url("../images/acc_21.gif") 5px 4px no-repeat; padding-left:20px; } .c1 { background:url("../images/acc_21.gif") 25px 4px no-repeat; margin-top:10px; padding-left:30px; } /****************************************************************************** [ホーム画面の設定] ******************************************************************************/ .home_main_img_box { display:block; height:260px; margin:5px auto 0; padding:0; position:relative; text-align:left; width:950px; } .change_img { display:block; left:0; position:absolute; top:0; } .home_pr_box { display:block; display:flow-root; margin:10px auto 0; padding:0; width:950px; } .home_pr_box::after { clear:both; content:""; display:block; } .home_pr_box_sub1 { display:block; float:left; height:260px; margin:0; padding:0; position:relative; text-align:left; width:600px; } .home_pr_box_sub2 { display:block; float:right; height:260px; margin:0; padding:0; position:relative; text-align:left; width:340px; } .home_pr_img { display:block; margin:2px auto 0; padding:0; width:950px; } /****************************************************************************** [下位画面の設定] ******************************************************************************/ #sub_head_img {height:270px;} #sub_head_img div {float:left;} #sub_head_img div {float:left;} #sub_content { clear:both; /*（clearfixで解除しているが、DW上の表示のために指定） */ width:950px; } #sub_main { margin:0 auto; width:950px; } #sub_menu { clear:both; height:176px; margin:0 auto; width:925px; } #sub_menu div { display:inline; float:left; } .sub_menu1, .sub_menu2, .sub_menu3, .sub_menu4 { width:220px; } .sub_menu2, .sub_menu3, .sub_menu4, .sub_menu2_come, .sub_menu3_come, .sub_menu4_come { margin-left:15px; } .sub_menu1_come, .sub_menu2_come, .sub_menu3_come, .sub_menu4_come { height:70px; text-align:left; width:220px; } #sub_menu2 { clear:both; height:148px; margin:0 auto; width:925px; } #sub_menu2 div { display:inline; float:left; } #sub_menu3 { clear:both; height:148px; margin:0 auto; width:925px; } #sub_menu3 div { display:inline; float:left; } .sub_menu21, .sub_menu22, .sub_menu23, .sub_menu24, .sub_menu25 { width:181px; } .sub_menu22, .sub_menu23, .sub_menu24, .sub_menu25, .sub_menu22_come, .sub_menu23_come, .sub_menu24_come, .sub_menu25_come { margin-left:5px; } .sub_menu21_come, .sub_menu22_come, .sub_menu23_come, .sub_menu24_come, .sub_menu25_come { height:70px; text-align:left; width:181px; } .red {color:red;} .sub_main_box { clear:both; margin:0 auto; width:950px; } .sub_main_box div.box {border:1px solid #ccc;} .sub_main_box .list { margin-left:60px; margin-right:30px; } .sub_main_box .list2 {margin:10px 30px 10px 60px;} .sub_main_box .list3 {margin:10px 30px 10px 30px;} .sub_main_box ul li { padding:4px 0; text-align:left; } .sub_main_box ol li { padding:4px 0; text-align:left; } .title_member_list { background:url("../images/title_member_list.gif") top no-repeat; height:40px; } .title_outline { background:url("../images/title_outline.gif") top no-repeat; height:40px; } .title_wood { background:url("../images/title_wood.gif") top no-repeat; height:40px; } .title_inquiry { background:url("../images/title_inquiry.gif") top no-repeat; height:40px; } .title_policy { background:url("../images/title_policy.gif") top no-repeat; height:40px; } .title_policy2 { background:url("../images/title_policy2.gif") top no-repeat; height:40px; } .title_yuushi { background:url("../images/title_yuushi.gif") top no-repeat; height:40px; } .title_kyosai { background:url("../images/title_kyosai.gif") top no-repeat; height:40px; } .title_link { background:url("../images/title_link.gif") top no-repeat; height:40px; } .title_goho1 { background:url("../images/title_goho1.gif") top no-repeat; height:40px; } .title_goho2 { background:url("../images/title_goho2.gif") top no-repeat; height:40px; } .title_goho3 { background:url("../images/title_goho3.gif") top no-repeat; height:40px; } .title_goho4 { background:url("../images/title_goho4.gif") top no-repeat; height:40px; } .title_goho5 { background:url("../images/title_goho5.gif") top no-repeat; height:40px; } a.pdf { background:transparent url("../images/icon_pdf.gif") no-repeat center right; padding:5px 20px 5px 0; } a.doc { background:transparent url("../images/icon_doc.gif") no-repeat center right; padding:5px 20px 5px 0; } .title_text { color:#666; font-size:16px; padding:9px 5px 0 280px; text-align:left; } .title_text a {color:blue;} .title_text a:hover {color:#090;} table { border-collapse:collapse; font-size:14px; line-height:1.5; margin:0 auto; width:950px; } #table_outline { font-size:14px; border-collapse:collapse; border:none; width:800px; } #table_outline ol li { margin-left:40px; text-align:left; } #table_wood { border-collapse:collapse; font-size:14px; width:950px; } #outline_list p {margin-left:100px;} th { background-color:#963; border-left:1px solid #fff; color:#fff; height:32px; } td { border-bottom:1px solid #963; height:48px; } #table_outline td { border-bottom:1px dotted #aaa; height:32px; } #table_wood td {border:none;} .th0 { background-color:#fff; border:none; height:32px; width:25px; } .th1 {width:230px;} .th2 {width:120px;} .th3 {width:330px;} .td0 { background-color:#fff; border:none; color:#963; font-size:16px; } .b_none { background-color:#fff; border:none; } #table_outline .b_none { background-color:#fff; border:none; } #table_outline .b_dot { background-color:#fff; border:none; border-bottom:1px dotted #ccc; } .td-top {text-align:left;} .td1 { padding-left:10px; text-align:left; } .td2 { padding-left:10px; text-align:left; } .td3 { padding-left:10px; text-align:left; } .td21 { background:url("../images/masame_bg.jpg") top repeat; width:150px; } .td22 {width:400px;} .td23 {width:110px;} .td24 {width:130px;} .td25 {width:260px;} .td29 {width:200px;} .td31, .td32 { width:300px; } .td32 { padding:10px 0; vertical-align:top; } .td3b {width:25px;} .td21, .td22, .td23, .td24, .td25 { padding-left:20px; text-align:left; } .td99 { border-bottom:1px solid #963; text-align:right; } .td999 { height:48px; text-align:right; } #table_outline .td999 { height:48px; text-align:right; } #table_outline .td29 {border:none;} .tc1 {background-color:#ffc;} .link p {height:30px;} .td_g1 { padding-left:5px; text-align:left; } .td_g2 { padding-right:5px; text-align:right; } /****************************************************************************** [フッターの設定] ******************************************************************************/ #footer { background:url("../images/footer.gif") bottom no-repeat; clear:both; /*（clearfixで解除しているが、DW上の表示のために指定） */ font-size:12px; height:75px; margin:0 auto; } #footer p.f_entry { padding:5px 0 0 0; text-align:center; text-indent:1em; } .copyright { margin:0; padding:5px 10px 0 0; text-align:right; } /*--- <ページの先頭へ戻る> ---*/ #pagetop { float:right; height:30px; padding-top:5px; text-align:right; } #pagetop p a { margin-right:10px; text-align:right; } .pagetop p { padding-bottom:5px; text-align:right; } .pagetop p a {margin-right:10px;}