@charset "utf-8";
/* =========================================== */
/* 初期設定(タグのスタイル定義等)
/* =========================================== */
/*  */

/* フォントサイズ指定 */
body,p{
    font-size: 13px; /* モダンブラウザ向け */
    *font-size:80%; /* IE 7向け */
    *font: 80%; /* IE 6以下 */
}
body {
    font: normal arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif;
}
/* 共通設定 */
body {
    font-family: trebuchet ms;   
    color: #555555;
    background-color: #CCCCCC;
    margin:0px;
    padding:0;
}
body#index{
    
    background-image: url(image/bg_all.gif);
    background-repeat:repeat-x;
}

em.red{color:#FF0000;
    text-decoration:none;
    font-style:normal;
    font-weight:bold;}
em.k{color:#555555;
    text-decoration:none;
    font-style:normal;
    font-weight:bold;}
    

a {
    color: #ab0404; 
}

a:hover {
    text-decoration: none;
}

img.top-image-center{display: block;
    margin: 0 auto 5px;
    text-align: center;
}
img.top-image-center2{display: block;
    margin: 0 auto;
    text-align: center;
}
img.top-image-center3{display: block;
    margin: 5px auto 5px;
    text-align: center;
}
p.text1{margin:10px auto;padding:0px 10px;}
/* 配置----------------------------------------------------------------- */
/* ブロック配置----------------------------------------------------------------- */

#container{
    width:770px;
    margin:0 auto;padding:0;
}
#header {
    width:770px;
    background-image: url(image/bg_header.gif);
    background-repeat:no-repeat;
    height:57px;
    text-indent:-9999px ;margin:0;padding:0;
}
    #header h1{float:left;
        width:300px;
        height:57px;
        text-indent:-9999px ;margin:0;padding:0;
    }
    #header h1 a{display:block;
        width:300px;
        height:57px;
        margin:0;padding:0;
    }
#menu {
    width:770px;
    background-image: url(image/bg_menu.gif);
    background-repeat:no-repeat;
    height:57px;margin:0;padding:0;

    
}
#menu:after{
content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
#content {
    margin-top:0px;  
    margin-bottom:0px;
    padding-top:6px;
    width:770px;
    background-image: url(image/bg_content_back.gif);
    background-repeat:repeat-y;
}
#footer {width:770px;height:40px;margin-top:0px;
    background-color: #F00;
    background-position: top center;
    background-image: url(image/bg_footer.gif);
    background-repeat:no-repeat;}

/* コンテンツエリア　段組*/

.layout-wm #alpha {float:left;
    width: 580px;
margin:0;
padding:0;
}

.layout-wm  #beta {float:right;
    width: 180px;
margin:0;
padding:0;
}


/*インナー----------------------------------------------------------------- */


#header-inner {
    position: relative;
}
#header-inner,#footer-inner {
    padding-top: 0;
    padding-bottom: 0;
}
#header-inner, #gamma-inner {
    padding-right: 0;
    padding-left: 0;
}
#header-inner,
#footer-inner {
    position: relative;
    margin: 0 auto;
}



#container-inner {
    margin-right: 0;
    margin-left: 0;
    padding-top:0;
    width:100%; /* IE5.5以下向け */
    voice-family:"\"}\"";voice-family:inherit;
    width:770px; /* モダンブラウザ、IE7、IE6向け */
}
#content-inner{padding:0 5px;margin:0 auto;
    background-image: url(image/bg_content.gif);
    background-repeat:repeat-y;}
#menu-inner {
    padding:0 15px
}
#alpha-inner{
    padding:0 7px}
#beta-inner{
    background-image: url(image/bg_sidebar_top.gif);
    background-repeat:no-repeat;
    background-position:top;
    padding:20px 10px 0 5px}

/* =========================================== */
/* 追加要素用
/* =========================================== */
/*  */
/* FLASH部用------------------------------------------------------------- */
#main_img{
    width:100%;
    background-image: url(image/index/bg_main_img.gif);
    background-repeat:repeat-y;
    margin:0;padding:3px 5px 3px;
}
#main_img-inner{
    width:760px;height:304px;
    background-image: url(image/index/bg_main_img-inner.gif);
    background-repeat:repeat-y;
    margin:0;padding:0;
}
#main_img-inner-f_box{float:left;
    width:570px;
    background-image: url(image/index/bg_main_img_header.gif);
    background-position:top left;
    background-repeat:no-repeat;
    margin:0;padding:7px 0 0 0;
    clear:none;
}
#main_img-inner-f_box object{margin:0;padding:0;}
#main_img-inner-f_box .f{width:560px;height250px;margin:0;padding:0;
margin-left:10px;
}
#main_img-inner-r_box{float:right;
    width:190px;
    background-image: url(image/index/bg_main_img_header_r.gif);
    background-position:top right;
    background-repeat:no-repeat;
    margin:0;padding:7px 0 0 0;
}
    #main_img-inner-r_box ul{padding:0;margin:0;
        list-style-type:none;
    }
        #main_img-inner-r_box ul li.prod{text-indent:-9999px ;
            width:190px;height:125px;
            background-image: url(image/index/baner-link_prod.jpg);
        }
        #main_img-inner-r_box ul li.life{text-indent:-9999px ;
            width:190px;height:125px;
            background-image: url(image/index/baner-link_life.jpg);
        }
        /* aをブロック要素にし、大きさを指定。*/
        #main_img-inner-r_box ul li a{text-decoration:none;display:block;width:190px;height:125px;}

#main_img-inner-p_box{clear:both;
    width:760px;
    background-image: url(image/index/bg_main_img-footer.gif);
    background-position:bottom;
    background-repeat:no-repeat;
    margin:0;padding:3px 0 8px; /* モダンブラウザ向け */
    *padding:3px 0 6px; /* IE 7以下向け */
}
#main_img-inner-p_box .pbox{
    padding:0 15px;margin:0;height:36px;
}
#main_img-inner-p_box .pbox p{margin:0px;
   font-size:13px;
   color:#660000;
   font-weight:bold;
   background-color:#FFFFCC;
   text-align:center;
   line-height:100%;
   padding-top:4px;
   height:36px; /* IE5.5以下向け */
voice-family:"\"}\"";voice-family:inherit;
   height:32px; /* モダンブラウザ、IE7、IE6向け */
}

/* ---------------------------------------------------------------------------- */
/* 更新履歴--コンテンツリンクエリア-------------------------------------------- */
#info{width:566px;
    margin:10px 0 20px;
}

#info:after{
content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}

    #info_l{float:left;
        width:280px;
        background-color:#F9F9F9;
        padding:0 0 0px 0;

    }
    .info-inner{height:150px;
        overflow:auto;margin-bottom:10px;
    }

        #info_l h2{
            width:280px;height:27px;
             background-image: url(image/index/h2_title_s-blog.gif);
             text-indent:-9999px;
             margin:0px;
        }
        #info_l h2 a{
            width:280px;height:27px;
             display:block;
        }
        #h3_title_blog_dayly{
            width:270px;height:20px;
             background-image: url(image/index/h3_title_blog_dayly.gif);
             text-indent:-9999px;
             margin:5px 0 5px 3px;
        }
            #h3_title_blog_dayly a{
                width:270px;height:20px;
                display:block;
            }
        #h3_title_blog_life{
            width:270px;height:20px;
             background-image: url(image/index/h3_title_blog_life.gif);
             text-indent:-9999px;
             margin:5px 0 5px 3px;
        }
            #h3_title_blog_life a{
                width:270px;height:20px;
                display:block;
            }

#info_l ul{padding:0;margin:0;
    list-style-type:none;
    }
    #info_l ul li{padding:0 0 0 17px;margin:5px;
     background-image: url(image/index/ar1.gif);
     background-position:left top;
     background-repeat:no-repeat;
    }

/* コンテンツ*/

/* オープンセミナー*/

#info_l_se{/*float:right;*/
        width:280px;
        background-color:#D3DEF4;
        padding:0; margin-bottom:0px;
    }

    #info_l_se .info-inner2{text-align:center;
        padding:0 5px 5px;
        background-image: url(image/index/bg_info_r_se.gif);
        background-position:bottom;
        background-repeat:no-repeat;
        
        }
    #info_l_se h2{
            width:280px;height:27px;
             background-image: url(image/index/h2_title_open_se.gif);
             text-indent:-9999px;
             margin:0px;
        }
        #info_l_se h2 a{
            width:280px;height:27px;
             display:block;
        }
    #info_l_se .box{
        width:260px;
        border:1px solid #FF9900;
        background-color:#FFFFFF;
        margin:5px auto;padding:0;
        overflow:auto;
        }
    #info_l_se .box p{
        text-align:left;
        font-size:100%;line-height:115%;
        padding:3px 5px 5px 15px;margin:0;
        color:#FF9900;
        }

/* ライフプラン・リノベーション*/
#info_r_sr{float:right;
        width:280px;
        padding:0;

    }

    #info_r_sr{background-color:#FFDDC7;
        width:280px;
        padding:0;margin:0 0 0px;}
    #info_r_sr .info-inner2{text-align:center;
        padding:0 0 25px;
        background-image: url(image/index/bg_info_l_se.gif);
        background-position:bottom;
        background-repeat:no-repeat;
        }
    #info_r_sr h2{
            width:280px;height:27px;
             background-image: url(image/index/h2_title_life_se.gif);
             text-indent:-9999px;
             margin:0px;
        }
        #info_r_sr h2 a{
            width:280px;height:27px;
            display:block;
        }
p.in_info{margin:10px auto 10px;text-align:center;}

ul.in_info{padding:0;margin:0;
    list-style-type:none;
    }
    ul.in_info li{margin:5px auto 11px;
    }

ul.in_info_bottom_bt{
    padding:0;margin:10px auto 0px;
    list-style-type:none;
    width:240px;/* IE5.5以下向け */
    voice-family:"\"}\"";voice-family:inherit;
    width:260px;/* モダンブラウザ、IE7、IE6向け */
    }
    ul.in_info_bottom_bt li.l_bt{float:left;margin:0;padding:0;
    }
    ul.in_info_bottom_bt li.r_bt{float:right;margin:0;padding:0;
    }
    ul.in_info_bottom_bt:after{
    content: " ";
        display: block;
        visibility: hidden;
        clear: both;
        height: 0.1px;
        font-size: 0.1em;
        line-height: 0;
    }

#info_r_big{float:right;
        width:280px;
        background-color:#F6F6F6;
    }

#info_r_pro{
        width:280px;
        padding:0;
        margin-bottom:0px;

    }
    #info_r_pro:after{
content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
/* ライフプランお助け相談*/
#info_r_life_help{
        width:280px;
        background-color:#EEF5D9;
        padding:0;

    }
    #info_r_life_help .info-inner2{
        padding:0 0 10px;height:260px;
        background-image: url(image/index/bg_info_r_life_help.gif);
        background-position:bottom;
        background-repeat:no-repeat;
        }
    #info_r_life_help h2.h2_life_help{
            width:280px;height:27px;
             background-image: url(image/index/h2_title_life_help.gif);
             text-indent:-9999px;
             margin:0px;
        }
        #info_r_life_help h2.h2_life_help a{
            width:280px;height:27px;
            display:block;
        }





#info_l_se_big{float:left;
        width:280px;
        padding:0;
    }
    

/* 編集制作・出版*/

    h2.henshu{
            width:280px;height:27px;
             background-image: url(image/index/h2_title_pro.gif);
             text-indent:-9999px;
             margin:0px;
             z-index:10;
        }
        #info_r_pro h2 a{
            width:280px;height:27px;
            display:block;
        }

#info_l_se_big .semi_l_box{
        width:270px;
        padding:0;
        margin:0 auto 10px;
        background-color:#FFE6D0;
    }
    #info_l_se_big .semi_l_box .info-inner2{
        padding:0 0 10px;
        background-image: url(image/index/bg_info_r_pro.gif);
        background-position:bottom;
        background-repeat:no-repeat;
        }
    #info_l_se_big .semi_l_box h3{width:270px;height:37px;
            background-image: url(image/index/h3_info_r_pro_semi.gif);
             text-indent:-9999px;
             margin:0px 0 0;
             z-index:1;
    }
/*
#info_l_se_big .semi_r_box{
        width:280px;
        padding:0;
        margin:0 auto 10px;
        background-color:#D3DEF4;
    }
    #info_l_se_big .semi_r_box .info-inner2{
        padding:0 0px 10px;margin:0;
        background-image: url(image/index/bg_info_l_pro.gif);
        background-position:bottom;
        background-repeat:no-repeat;
        }
    #info_l_se_big .semi_r_box h3{width:270px;height:37px;
             background-image: url(image/index/h3_info_r_pro_syoseki.gif);
             text-indent:-9999px;
             margin:0px;
    }
    #info_l_se_big .semi_r_box h3 a{text-decoration:none;;display:block;
            width:270px;height:37px;

        }
*/
.info_pro_books_box{
    width:260px;
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    margin:10px auto 0;
    padding:0;
}
    

/* サイドバー------------------------------------------------------------- */
.side_baner_link{
    padding:0 3px 0 2px;margin-bottom:15px;
}
.side_baner_link ul{
    padding:0;margin:0;list-style-type:none;
}
    .side_baner_link ul li{
        padding:0;margin:0 0 10px 0;
    }
/* Widgets ------------------------------------------------------------- */

.widget-content {
    position: relative;
    margin: 5px 0 20px;
}

.widget-list{
    margin: 0;
    padding: 0;
    list-style: none;
}

.widget-list .widget-list {
    margin-left: 15px;
}

.widget-list-item {
    margin-top: 5px;
    margin-bottom: 5px;
}

.widget-search ul,
.widget-syndication ul {
    margin-left: 0;
    list-style: none;
}

.widget-search li {
    margin: 5px 0;
}

.widget-header{width:160px;height:20px;
    background-image: url(image/bg_widget-header.gif);
    background-repeat:no-repeat;
    
    font-size:13px;
    font-weight:bold;
    color:#FFFFFF;
    padding:0 0 0 5px;
}
.widget-content{
padding:0 3px 0 2px;
}
/* book（モジュールテンプレート） */

h2.module-header_book{width:162px;height:17px;margin:10px auto 0;
             background-image: url(image/h2_title_book.gif);
             text-indent:-9999px;}

.module-book_module{
    width:158;margin:0px auto 10px;padding-bottom:20px;
    border:1px solid #CCCCCC;
    background-color:#FFFFFF;
}
.module-photo{padding:10px 5px 0;margin-bottom:30px;background-color:#FFFFFF;}
.module-content{background-color:#FFFFFF;
    }
.module-content:after{
    content: " ";
        display: block;
        visibility: hidden;
        clear: both;
        height: 0.1px;
        font-size: 0.1em;
        line-height: 0;
    }
/* グローバルナビ------------------------------------------------------------- */
#menu{
    
}
#menu-inner {
    padding:0 15px
}
#menu ul{list-style-type:none;
    position:relative;
margin:0;padding:0;
}
#menu li {
    margin: 0px;
    padding: 0px;
    position:absolute;
    text-indent:-9999px ;
    
}

/* 各メニューボタンごとの設定。*/
#menu li#m1-1 {
    width:76px;
    height:14px;
    left:376px;
    top:7px;
    }

#menu li#m1-2 {
    width:75px;
    height:14px;
    left:454px;
    top:7px;
    }

#menu li#m1-3 {
    width:84px;
    height:14px;
    left:531px;
    top:7px;
    }

#menu li#m1-4 {
    width:116px;
    height:14px;
    left:617px;
    top:7px;
    }
    
    
#menu li#m2-1 {
    width:120px;
    height:25px;
    left:5px;
    top:28px;
    }

#menu li#m2-2 {
    width:120px;
    height:25px;
    left:127px;
    top:28px;
    }

#menu li#m2-3 {
    width:120px;
    height:25px;
    left:249px;
    top:28px;
    }

#menu li#m2-4 {
    width:120px;
    height:25px;
    left:371px;
    top:28px;
    }
#menu li#m2-5 {
    width:120px;
    height:25px;
    left:493px;
    top:28px;
    }

#menu li#m2-6 {
    width:120px;
    height:25px;
    left:615px;
    top:28px;
    }

/* aをブロック要素にし、大きさを指定。*/
#menu a{text-decoration:none;display:block;}

/* メニューボタン、ロールオーバー設定*/
#menu li#m1-1 a{
    background-image: url(image/menu/menu2_c1.gif);
    width:76px;
    height:14px;}
#menu li#m1-1 a:hover{
    background-image: url(image/menu/menu2_c1_f2.gif);
    width:76px;
    height:14px;}

#menu li#m1-2 a{
    background-image: url(image/menu/menu2_c2.gif);
    width:75px;
    height:14px;}
#menu li#m1-2 a:hover{
    background-image: url(image/menu/menu2_c2_f2.gif);
    width:75px;
    height:14px;}

#menu li#m1-3 a{
    background-image: url(image/menu/menu2_c3.gif);
    width:84px;
    height:14px;}
#menu li#m1-3 a:hover{
    background-image: url(image/menu/menu2_c3_f2.gif);
    width:84px;
    height:14px;}

#menu li#m1-4 a{
    background-image: url(image/menu/menu2_c4.gif);
    width:116px;
    height:14px;}
#menu li#m1-4 a:hover{
    background-image: url(image/menu/menu2_c4_f2.gif);
    width:116px;
    height:14px;}

#menu li#m2-1 a{
    background-image: url(image/menu/menu1_c1.gif);
    width:120px;
    height:25px;}
#menu li#m2-1 a:hover{
    background-image: url(image/menu/menu1_c1_f2.gif);
    width:120px;
    height:25px;}

#menu li#m2-2 a{
    background-image: url(image/menu/menu1_c2.gif);
    width:120px;
    height:25px;}
#menu li#m2-2 a:hover{
    background-image: url(image/menu/menu1_c2_f2.gif);
    width:120px;
    height:25px;}

#menu li#m2-3 a{
    background-image: url(image/menu/menu1_c3.gif);
    width:120px;
    height:25px;}
#menu li#m2-3 a:hover{
    background-image: url(image/menu/menu1_c3_f2.gif);
    width:120px;
    height:25px;}

#menu li#m2-4 a{
    background-image: url(image/menu/menu1_c4.gif);
    width:120px;
    height:25px;}
#menu li#m2-4 a:hover{
    background-image: url(image/menu/menu1_c4_f2.gif);
    width:120px;
    height:25px;}

#menu li#m2-5 a{
    background-image: url(image/menu/menu1_c5.gif);
    width:120px;
    height:25px;}
#menu li#m2-5 a:hover{
    background-image: url(image/menu/menu1_c5_f2.gif);
    width:120px;
    height:25px;}

#menu li#m2-6 a{
    background-image: url(image/menu/menu1_c6.gif);
    width:120px;
    height:25px;}
#menu li#m2-6 a:hover{
    background-image: url(image/menu/menu1_c6_f2.gif);
    width:120px;
    height:25px;}

/* フッターテキストリンク------------------------------------------------------------- */
#footer_text_link{position:relative;
    margin:0;margin-bottom:0px;padding:0px;
    list-style-type:none;
    list-style-position:outside;text-align:center;
    }

    #footer_text_link li{/*float:left;*/display:inline;
    list-style-type:none;
    margin-bottom:0px;/* モダンブラウザ */
    *margin-bottom:-10px;/* IE 7向け */
    }

/*追加-------------------------------------------------------------*/
.module-content img{
        float: left;
        margin: 0 5px 10px 0; 

   }
.after-module-content{
        clear: both;
}

 .feed {
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url("/image/feed-icon-16x16.png") no-repeat 0 50%;
}

 .feed-list {
  margin: 0 0 15px 15px;
  padding: 0;
  list-style-type: none;
}

.feed-list li {
  margin: 0 0 10px 0;
  padding: 0;
  list-style-type: none;
}

.feed-list li a {
  padding: 0 0 0 19px;
  background: url("/image/feed-icon-16x16.png") no-repeat 0 50%;
  list-style-type: none;
}

 .feed-button {
  padding: 10px 0;
}

.feed-button a {
  display: block;
  color: #666;
  padding: 5px 7px 5px 36px;
  background: #ccc url("/image/feed-icon-24x24.png") no-repeat 7px 50%;
  border-top: 1px solid #e2e2e2;
  border-right: 1px solid #818181;
  border-bottom: 1px solid #565656;
  border-left: 1px solid #d7d7d7;
}

.feed-button a:hover {
  color: #444;
  background: #eee url("/image/feed-icon-24x24.png") no-repeat 7px 50%;
  border-top: 1px solid #f5f5f5;
  border-right: 1px solid #969696;
  border-bottom: 1px solid #646464;
  border-left: 1px solid #f2f2f2;
}

.hidden-text {

  display: none;
}