body { font-family: "ＭＳ Ｐゴシック","Osaka"; background-image: url(img/header/hips_bg.gif);  background-repeat: repeat-x;
background-position: left top;  margin-top: 0; margin-bottom: 0; } /*←Mozilla用フォント指定*/
body#hips_top { font-family: "ＭＳ Ｐゴシック","Osaka"; background-image: url(img/header/hips_bg.gif);  background-repeat: repeat-x;
background-position: left top;  margin-top: 0; margin-bottom: 0; }
body#hips_corp_top { font-family: "ＭＳ Ｐゴシック","Osaka"; background-image: url(img/header/hips_corp_bg.gif);  background-repeat: repeat-x;
background-position: left top;  margin-top: 0; margin-bottom: 0; }
body.hips_topics_top { font-family: "ＭＳ Ｐゴシック","Osaka";  margin-top: 0; margin-bottom: 0; background:#FFFFFF;}
 /*←Mozilla用フォント指定*/
td.side_l {background:url(img/header/hips_bg_side_l_t.gif) ; background-repeat: no-repeat;  background-position: right top; margin:0;}
td.side_r {background:url(img/header/hips_bg_side_r_t.gif) ; background-repeat: no-repeat;  background-position: left top; margin:0;}

td.side_corp_l {background:url(img/header/hips_corp_bg_side_l_t.gif) ; background-repeat: no-repeat;  background-position: right top; margin:0;}
td.side_corp_r {background:url(img/header/hips_corp_bg_side_r_t.gif) ; background-repeat: no-repeat;  background-position: left top; margin:0;}

/*汎用−配置*/
.v_top { vertical-align:top; }
.v_bottom { vertical-align:bottom; }
.t_center { text-align:center; }
.table_center{ margin: auto; }

/*汎用−フォント*/
.fontrock { font-size: 12px; }
.fontrock2 { font-size: 10px; }
.fontrock2_FF0000{ color: #FF0000; font-size: 10px; }
.new10 { font-size: 10px; color: #FF0000; } /*←What's NewのNew!マーク用*/

/*ヘッダー用白文字*/
div.header_font h1 {color: #FFFFFF; font-size: 12px; font-weight: bold; text-align:center; margin:3px; }

/*HIPS説明文ー用*/
td.messagebox_t {background:url(img/top/message_t.gif);background-repeat: no-repeat; 
background-position: left top; margin:0;}
td.messagebox_b {background:url(img/top/message_b.gif);background-repeat: no-repeat; 
background-position: right bottom; margin:0;}
/*HIPS説明文用タイトル*/
td.message_title h1 {color: #009966; font-size: 14px; font-weight: bold; text-align:center; padding:3px 0 3px 0; margin : 0 ; border-width: 1px 0 1px 0; border-style: solid; border-color: #009966;}

/*information−リンクボーダー*/
img.bor { border: 1px solid #666666; }


/*汎用−リンク*/
a { color:#0000CC; text-decoration:none; }
a:hover { color:#0066FF; text-decoration:underline; }

div#hips_left a { color:#0000CC; text-decoration:none; }
div#hips_left a:hover { color:#0066FF; text-decoration:underline; }

a.news_top:link { font-size:12px; color:#444444; text-decoration:none; }
a.news_top:active { font-size:12px; color:#444444; text-decoration:none; }
a.news_top:visited { font-size:12px; color:#444444; text-decoration:none; }
a.news_top:hover { font-size:12px; color:#444444; background-color:#FFF782; text-decoration:none; }

a.news_top2:link { font-size:10px; color:#444444; text-decoration:none; }
a.news_top2:active { font-size:10px; color:#444444; text-decoration:none; }
a.news_top2:visited { font-size:10px; color:#444444; text-decoration:none; }
a.news_top2:hover { font-size:10px; color:#444444; background-color:#FFF782; text-decoration:none; }

a.news:link { font-size:12px; color:#444444; text-decoration:none; line-height:110%; }
a.news:active { font-size:12px; color:#444444; text-decoration:none; line-height:110%; }
a.news:visited { font-size:12px; color:#444444; text-decoration:none; line-height:110%; }
a.news:hover { font-size:12px; color:#444444; background-color:#FFF782; text-decoration:none; line-height:110%; }

td#right_event a { color:#0000CC; text-decoration:none; }
td#right_event a:hover { color:#0066FF; text-decoration:underline; }



/*メインブロック*/
table#contents td { vertical-align:top; margin: auto; }

div#hips_left { margin-left:4px; }
div#hips_center { margin-left:5px; }
div#hips_right { margin-left:3px; }

div#hips_footer { width:810px; font-size:12px; text-align:center; margin:1em auto; clear:both; }

div#copyright { font-size:10px; text-align:left; margin:1em 10px; }

/*左サイドコンテンツ−HIPS OG・OB生の皆様へ*/
img#hips_og { margin-bottom:0.8em; }
/*左サイドメニュー−ボーダー*/
td.left_bor { background:url(img/top/top_left_bor.gif) repeat-x #777777; }
/*左サイドコンテンツ−住宅・インテリア業界の方へ*/
td#for_industry { background:url(img/side_navi/top_industry_box_m.gif) repeat-y; text-align:center; }
td#for_industry table { margin:auto; }
td#for_industry table td { vertical-align:top; }
td#for_industry table td div { font-size:11px; text-align:left; margin-left:4px; }
/*左サイドコンテンツ−学生の皆様へ*/
td#for_student { background:url(img/side_navi/top_student_box_m.gif) repeat-y; text-align:center; }
td#for_student table { margin:auto; }
td#for_student table td { vertical-align:top; }
td#for_student table td div { font-size:11px; text-align:left; margin-left:4px; }
/*左サイドコンテンツ−おすすめコンテンツ*/
td#recommend { background:url(img/side_navi/top_recommend_box_m.gif) repeat-y; text-align:center; }
td#recommend table { margin:auto; }
td#recommend table td { vertical-align:top; }
td#recommend table td div { font-size:11px; text-align:left; margin-left:4px; }
/*左サイドコンテンツ−HMO案内*/
div#left_hmo { border:2px solid #996699; margin-bottom:1em; clear:both; }
div#left_hmo img { margin:5px; }
div#left_hmo img.button { margin:0; }
div#left_hmo p { font-size:10px; line-height:140%; margin:0.6em 5px;}

/*左サイドコンテンツ−更新履歴*/
table.new_side{background:url(img/side_navi/new_bg.gif) ; background-repeat: no-repeat;  background-position:bottom left; margin:0;font-size: 12px; color: #FFFFFF; font-weight: nomal; text-align:left; vertical-align:bottom;  padding :  0 ; }


/*センターコンテンツ−What's New*/
table#what_new_title { margin-left:10px;  background:url(img/top/whatsnew_title_bg.gif) no-repeat;  width :450px; height:77px; margin : 0 ; padding: 0 ;}
table#what_new { margin-left:2px; }
/*センターコンテンツ−HIPSモバイルQRコード*/
td#qrcode { text-align:center; }
td#qrcode table { margin:auto; }
td.qr_img_bg { text-align:center; vertical-align:middle; background:#5C8736; }
td#qrcode td.qr_img_bg img { border:1px solid #5C8736; margin:5px auto; }
td#qrcode td#qr_text { font-size:11px; vertical-align:top; background:url(img/top/hips_qrcode_bg.gif) no-repeat; }
td#qrcode td#qr_text div { color:#333333; line-height:140%; text-align:left; margin:0.8em 1em; }
/*センターコンテンツ−ハウジングエージェンシーロゴ*/
div#ha_rogo { width:344px; font-size:10px; text-align:center; margin:0 auto; }
/*センターコンテンツ−メールお問い合せ*/
td#center_mail { text-align:center; }
td#center_mail table { margin:auto; }
table#contents table td#mail_text { vertical-align:middle; }
table#contents table td#mail_text div { width:270px; font-size:10px; text-align:left; margin-left:10px; }


/*右サイドコンテンツ−バナー*/
img.right_banner { margin-bottom:0.6em; }
/*右サイドコンテンツ−トピックス*/
td#right_topics { text-align: center; background:url(img/top/topics_box_m.gif) repeat-y; }
td#right_topics table { margin:auto; }
td#right_topics table div { font-size:10px; text-align:left; margin-left:5px; }
/*右サイドコンテンツ−おすすめイベント*/
td#right_event { text-align: center; background:url(img/top/event_box_m.gif) repeat-y; }
td#right_event table { margin:auto; }
td#right_event table div { font-size:10px; text-align:left; margin-left:5px; }
/*右サイドコンテンツ−新刊書籍*/
td#right_book { text-align: center; background:url(img/top/book_box_m.gif) repeat-y; }
td#right_book table { margin:auto; }
td#right_book table td { font-size:10px; text-align:center; }
td#right_book table td img.book { margin:auto; border:1px solid #FF6600; }
td#right_book table td div { margin:auto; }
/*右サイドコンテンツ−おすすめオンラインショップ*/
td#right_affiliate { text-align: center; background:url(img/top/top_affiliate_bg.gif) repeat-y; }
td#right_affiliate table { margin:auto; }
td#right_affiliate table div { font-size:10px; margin:auto; text-align:center; }
p#margin_center { margin: auto;
}


/*新左サイドメニュー*/
div.side_box01 {width: 159px; font-size: 12px; line-height: 180%; margin: 0 0 15px 0; padding : 0; text-align:center; 
border-width: 1px 1px 1px 1px; border-style: solid; border-color: #FF3434;}
div.side_box01 img#top { float: center; margin : 0 0 2px 0; border-style : none; width: 159px; height : 27px;}
div.side_box01 img#contents { float: center; margin : 0 0 2px 0; border-style : none; width: 155px; height : 17px;}
div.side_box01 img#bottom { float: center; margin : 2px  0 0 0; border-style : none; width: 159px; height : 18px;}

div.side_box02 {width: 159px; font-size: 12px; line-height: 180%; margin: 0 0 15px 0; padding : 0; text-align:center; 
border-width: 1px 1px 1px 1px; border-style: solid; border-color: #74CC3D;}
div.side_box02 img#top { float: center; margin : 0 0 2px 0; border-style : none; width: 159px; height : 27px;}
div.side_box02 img#contents { float: center; margin : 0 0 2px 0; border-style : none; width: 155px; height : 17px;}
div.side_box02 img#bottom { float: center; margin : 2px  0 0 0; border-style : none; width: 159px; height : 18px;}

div.side_box03 {width: 159px; font-size: 12px; line-height: 180%; margin: 0 0 15px 0; padding : 0; text-align:center; 
border-width: 1px 1px 1px 1px; border-style: solid; border-color: #006699;}
div.side_box03 img#top { float: center; margin : 0 0 2px 0; border-style : none; width: 159px; height : 27px;}
div.side_box03 img#contents { float: center; margin : 0 0 2px 0; border-style : none; width: 155px; height : 17px;}
div.side_box03 img#bottom { float: center; margin : 2px  0 0 0; border-style : none; width: 159px; height : 18px;}

div.side_box04 {width: 159px; font-size: 12px; line-height: 180%; margin: 0 0 15px 0; padding : 0; text-align:center; 
border-width: 1px 1px 1px 1px; border-style: solid; border-color: #FF9900;}
div.side_box04 img#top { float: center; margin : 0 0 2px 0; border-style : none; width: 159px; height : 27px;}
div.side_box04 img#contents { float: center; margin : 0 0 2px 0; border-style : none; width: 155px; height : 17px;}
div.side_box04 img#bottom { float: center; margin : 2px  0 0 0; border-style : none; width: 159px; height : 18px;}

div.side_box05 {width: 159px; font-size: 12px; line-height: 180%; margin: 0 0 15px 0; padding : 0; text-align:center; 
border-width: 1px 1px 1px 1px; border-style: solid; border-color: #6600CC;}
div.side_box05 img#top { float: center; margin : 0 0 2px 0; border-style : none; width: 159px; height : 27px;}
div.side_box05 img#contents { float: center; margin : 0 0 2px 0; border-style : none; width: 155px; height : 17px;}
div.side_box05 img#bottom { float: center; margin : 2px  0 0 0; border-style : none; width: 159px; height : 5px;}

/*新左サイドメニュー（ポップアップウインドウ）*/
#dropmenudiv{
position:absolute;
background-color: #FFFF99;
border:1px solid #888888;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #888888;
padding: 1px 0;
text-decoration: none;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #FFFF99;
}


/*新左サイドメニュー（講座メニュー）*/
div.lic_box01 {width: 159px; font-size: 12px; line-height: 180%; margin: 0 0 20px 0; padding : 0; text-align:center; 
border-width: 1px 1px 1px 1px; border-style: solid; border-color: #F8B931;}
div.lic_box01 img#top { float: center; margin : 0 0 3px 0; border-style : none; width: 159px; height : 45px;}
div.lic_box01 img#contents { float: center; margin : 0 0 3px 0; border-style : none; width: 155px; height : 33px;}
div.lic_box01 img#bottom { float: center; margin : 3px  0 0 0; border-style : none; width: 159px; height : 4px;}

div.lic_box02 {width: 159px; font-size: 12px; line-height: 180%; margin: 0 0 20px 0; padding : 0; text-align:center; 
border-width: 1px 1px 1px 1px; border-style: solid; border-color: #95BECC;}
div.lic_box02 img#top { float: center; margin : 0 0 3px 0; border-style : none; width: 159px; height : 45px;}
div.lic_box02 img#contents { float: center; margin : 0 0 3px 0; border-style : none; width: 155px; height : 33px;}
div.lic_box02 img#bottom { float: center; margin : 3px  0 0 0; border-style : none; width: 159px; height : 4px;}

div.lic_box03 {width: 159px; font-size: 12px; line-height: 180%; margin: 0 0 20px 0; padding : 0; text-align:center; 
border-width: 1px 1px 1px 1px; border-style: solid; border-color: #84B64E;}
div.lic_box03 img#top { float: center; margin : 0 0 3px 0; border-style : none; width: 159px; height : 45px;}
div.lic_box03 img#contents { float: center; margin : 0 0 3px 0; border-style : none; width: 155px; height : 33px;}
div.lic_box03 img#bottom { float: center; margin : 3px  0 0 0; border-style : none; width: 159px; height : 4px;}

div.lic_box04 {width: 159px; font-size: 12px; line-height: 180%; margin: 0 0 20px 0; padding : 0; text-align:center; 
border-width: 1px 1px 1px 1px; border-style: solid; border-color: #B98AC5;}
div.lic_box04 img#top { float: center; margin : 0 0 3px 0; border-style : none; width: 159px; height : 45px;}
div.lic_box04 img#contents { float: center; margin : 0 0 3px 0; border-style : none; width: 155px; height : 33px;}
div.lic_box04 img#bottom { float: center; margin : 3px  0 0 0; border-style : none; width: 159px; height : 4px;}

div.lic_box05 {width: 159px; font-size: 12px; line-height: 180%; margin: 0 0 20px 0; padding : 0; text-align:center; 
border-width: 1px 1px 1px 1px; border-style: solid; border-color: #D0CC2B;}
div.lic_box05 img#top { float: center; margin : 0 0 3px 0; border-style : none; width: 159px; height : 45px;}
div.lic_box05 img#contents { float: center; margin : 0 0 3px 0; border-style : none; width: 155px; height : 33px;}
div.lic_box05 img#bottom { float: center; margin : 3px  0 0 0; border-style : none; width: 159px; height : 4px;}

div.lic_box06 {width: 159px; font-size: 12px; line-height: 180%; margin: 0 0 20px 0; padding : 0; text-align:center; 
border-width: 1px 1px 1px 1px; border-style: solid; border-color: #A395BF;}
div.lic_box06 img#top { float: center; margin : 0 0 3px 0; border-style : none; width: 159px; height : 45px;}
div.lic_box06 img#contents { float: center; margin : 0 0 3px 0; border-style : none; width: 155px; height : 33px;}
div.lic_box06 img#bottom { float: center; margin : 3px  0 0 0; border-style : none; width: 159px; height : 4px;}

div.lic_box07 {width: 159px; font-size: 12px; line-height: 180%; margin: 0 0 20px 0; padding : 0; text-align:center; 
border-width: 1px 1px 1px 1px; border-style: solid; border-color: #AB4948;}
div.lic_box07 img#top { float: center; margin : 0 0 3px 0; border-style : none; width: 159px; height : 45px;}
div.lic_box07 img#contents { float: center; margin : 0 0 3px 0; border-style : none; width: 155px; height : 33px;}
div.lic_box07 img#bottom { float: center; margin : 3px  0 0 0; border-style : none; width: 159px; height : 4px;}

div.lic_box08 {width: 159px; font-size: 12px; line-height: 180%; margin: 0 0 20px 0; padding : 0; text-align:center; 
border-width: 1px 1px 1px 1px; border-style: solid; border-color: #CF8A46;}
div.lic_box08 img#top { float: center; margin : 0 0 3px 0; border-style : none; width: 159px; height : 45px;}
div.lic_box08 img#contents { float: center; margin : 0 0 3px 0; border-style : none; width: 155px; height : 33px;}
div.lic_box08 img#bottom { float: center; margin : 3px  0 0 0; border-style : none; width: 159px; height : 4px;}

div.lic_box09 {width: 159px; font-size: 12px; line-height: 180%; margin: 0 0 20px 0; padding : 0; text-align:center; 
border-width: 1px 1px 1px 1px; border-style: solid; border-color: #99CC00;}
div.lic_box09 img#top { float: center; margin : 0 0 3px 0; border-style : none; width: 159px; height : 45px;}
div.lic_box09 img#contents { float: center; margin : 0 0 3px 0; border-style : none; width: 155px; height : 33px;}
div.lic_box09 img#bottom { float: center; margin : 3px  0 0 0; border-style : none; width: 159px; height : 4px;}

div.lic_box10 {width: 159px; font-size: 12px; line-height: 180%; margin: 0 0 20px 0; padding : 0; text-align:center; 
border-width: 1px 1px 1px 1px; border-style: solid; border-color: #6666FF;}
div.lic_box10 img#top { float: center; margin : 0 0 3px 0; border-style : none; width: 159px; height : 45px;}
div.lic_box10 img#contents { float: center; margin : 0 0 3px 0; border-style : none; width: 155px; height : 33px;}
div.lic_box10 img#bottom { float: center; margin : 3px  0 0 0; border-style : none; width: 159px; height : 4px;}

div.lic_box11 {width: 159px; font-size: 12px; line-height: 180%; margin: 0 0 20px 0; padding : 0; text-align:center; 
border-width: 1px 1px 1px 1px; border-style: solid; border-color: #C5251D;}
div.lic_box11 img#top { float: center; margin : 0 0 3px 0; border-style : none; width: 159px; height : 45px;}
div.lic_box11 img#contents { float: center; margin : 0 0 3px 0; border-style : none; width: 155px; height : 33px;}
div.lic_box11 img#bottom { float: center; margin : 3px  0 0 0; border-style : none; width: 159px; height : 4px;}

div.lic_box12 {width: 159px; font-size: 12px; line-height: 180%; margin: 0 0 20px 0; padding : 0; text-align:center; 
border-width: 1px 1px 1px 1px; border-style: solid; border-color: #33CCFF;}
div.lic_box12 img#top { float: center; margin : 0 0 3px 0; border-style : none; width: 159px; height : 45px;}
div.lic_box12 img#contents { float: center; margin : 0 0 3px 0; border-style : none; width: 155px; height : 33px;}
div.lic_box12 img#bottom { float: center; margin : 3px  0 0 0; border-style : none; width: 159px; height : 4px;}

/*新右サイドメニュー（メルマガ）*/
div.side_title_melma { background: url(img/top/melma_top_title.jpg)  no-repeat; width: 175px; height :113px ; margin : 0 0 0 0 ;}
div.side_box_melma {width: 163px; font-size: 10px; line-height: 140%; margin: 0 0 0 0 ; padding : 5px ;
border-width: 0 1px 1px 1px; border-style: solid; border-color: #3D9D6D;}
div.side_box_melma_q {width: 153px; font-size: 12px; line-height: 140%; margin: 0 0 0 0 ; padding : 5px ;
border-width: 0; background-color: #FFFF99;}