@charset "shift_jis";

* { margin: 0; padding: 0;}
body { font-size: 75%; margin: 0; padding: 0; text-align: center; font-family: 'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,Verdana ; color: #797979; background: url(../imgs/bg_header.gif) top repeat-x;}

a img { border: none;}

div.clearall { clear: both; line-height: 6px; height: 6px; font-size: 1px;}
.clearall { clear: both; display: block;}
img.clearall { clear: both; line-height: normal; height: auto; display: block;}

#centerarea .clearall { clear: both; line-height: 15px; height: 15px;}
#footer .clearall { clear: both; line-height: 15px; height: 15px;}


a { text-decoration: none; color: #0C94C0;}
a:hover { text-decoration: underline; color: #37BBE6;}
a:active { color: #AC7070;}
a:visited { color: #AC7070;}

#bgset { background-color: #FAFAFA; clear: both;}
#btmshadow { background: url(../imgs/bg_ftrshadow.gif) repeat-x bottom; clear: both; display: block; }


.hrline { background: url(../imgs/line_hr.gif); height: 17px; display: block; line-height: 17px; clear: both; margin-top: 10px; margin-bottom: 10px;}
.hrline hr { display: none;}


/*------------------------------------   ヘッダ    --------------------------------------*/



#header { height: 140px; text-align: center; margin: 0 auto; width: 770px;}
/*#header #copy { width: 770px; margin: 0 auto; color: #FFFFFF; line-height: 25px; height: 25px; overflow: hidden; font-size: 10px; text-align: left;}*/

#header #copy { width: 510px; margin: 0 auto; color: #FFFFFF; line-height: 25px; height: 25px; overflow: hidden; font-size: 10px; text-align: left; float: left;}

#headermain { width: 770px; height: 85px; margin: 0 auto; position: relative; text-align: left; clear: both; background: url(../imgs/bg_headermain.gif) right no-repeat;}

#logo { width: 147px; height: 39px; background: url(../imgs/logo.gif) no-repeat; position: absolute; top: 23px;}
#logo a { display: block; width: 147px; height: 39px; text-indent: -9999px; float: left;}

/*
#headermain ul { margin: 0; padding: 0; width: 258px; height: 25px; position: absolute; right: 5px; bottom: 0; text-align: left;}
#headermain ul li { margin: 0; padding: 0; float: left; list-style: none;}
#headermain ul li a { margin: 0; padding: 0; list-style: none; text-indent: -9999px; display: block;}
#hnavi01 a { width: 155px; height: 25px; background: url(../imgs/hnavi_loan.gif) no-repeat;}
#hnavi02 a { width: 103px; height: 25px; background: url(../imgs/hnavi_inquiry.gif) no-repeat;}
*/

#header ul#hnavi { margin: 0; padding: 0; width: 258px; height: 25px; /*position: absolute;*/ float: right; right: 5px; bottom: 0; text-align: left;}
#header ul#hnavi li { margin: 0; padding: 0; float: left; list-style: none;}
#header ul#hnavi li a { margin: 0; padding: 0; list-style: none; text-indent: -9999px; display: block;}
#hnavi01 a { width: 155px; height: 25px; background: url(../imgs/hnavi_loan.gif) no-repeat;}
#hnavi02 a { width: 103px; height: 25px; background: url(../imgs/hnavi_inquiry.gif) no-repeat;}


div#gnavi { display: block; clear: both; margin: 0 auto; width: 770px; height: 32px;}
div#gnavi ul {  margin: 0; padding: 0; width: 770px; height: 32px;}
div#gnavi ul li { margin: 0; padding: 0; float: left; list-style: none; height: 32px; display: block;}
div#gnavi ul li a { margin: 0; padding: 0; list-style: none; text-indent: -9999px; display: block; height: 32px;}


#gnavi01 { width: 82px; height: 32px;}
#gnavi02 { width: 113px; height: 32px;}
#gnavi03 { width: 80px; height: 32px;}
#gnavi04 { width: 87px; height: 32px;}
#gnavi05 { width: 95px; height: 32px;}
#gnavi06 { width: 142px; height: 32px;}
#gnavi07 { width: 81px; height: 32px;}
#gnavi08 { width: 90px; height: 32px;}

#gnavi01 a { background: url(../imgs/gnavi_company.gif) no-repeat; width: 82px; height: 32px;}
#gnavi02 a { background: url(../imgs/gnavi_newsp.gif) no-repeat; width: 113px; height: 32px;}
#gnavi03 a { background: url(../imgs/gnavi_brand.gif) no-repeat; width: 80px; height: 32px;}
#gnavi04 a { background: url(../imgs/gnavi_model.gif) no-repeat; width: 87px; height: 32px;}
#gnavi05 a { background: url(../imgs/gnavi_smile.gif) no-repeat; width: 95px; height: 32px;}
#gnavi06 a { background: url(../imgs/gnavi_reform.gif) no-repeat; width: 142px; height: 32px;}
#gnavi07 a { background: url(../imgs/gnavi_appraisal.gif) no-repeat; width: 81px; height: 32px;}
#gnavi08 a { background: url(../imgs/gnavi_event.gif) no-repeat; width: 90px; height: 32px;}




/*------------------------------------   フラッシュエリア    --------------------------------------*/
#flasharea { text-align: center; margin-left: auto; margin-right: auto; clear: both; margin-top: 0; padding-bottom: 10px;}





/*------------------------------------   インデックスメイン    --------------------------------------*/
#idxmain { margin: 0 auto; width: 770px; text-align: center;}


#idxmain #leftarea { float: left; width: 550px; text-align: left;}
#idxmain #rightarea { float: right; width: 212px; text-align: left;}

#idxbnrarea1 { padding-bottom: 5px;}

#idxscharea { padding-bottom: 5px;}
#scharea { padding-right: 5px;}
#scharea .schectg td { padding-left: 3px;}
#scharea .schectg img { padding-left: 10px;}
#scharea .schectg td a { color: #FFFFFF; font-weight: bold;}

#idxnewsarea { width: 305px; float: left;}
#idxnewsarea h2 { margin: 0; padding: 0;}

#idxnewsarea dl { margin-bottom: 5px;}
#idxnewsarea dt { padding-top: 6px; font-size: 80%; color: #666666; padding-bottom: 0.2em; font-family: Verdana,'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
#idxnewsarea dd { background: url(../imgs/line_news.gif) bottom no-repeat; padding-bottom: 6px; line-height: 120%;}

#idxpptarea { width: 231px; float: right; background: #F7F0E5 url(../imgs/bg_idx_property.gif) no-repeat top;}
#idxpptarea h2 { padding: 0 0 5px 0; margin: 0;}
#idxpptareabtm { height: 20px; background: url(../imgs/img_idx_ppt_btm.gif) no-repeat bottom; display: block;}

#idxpptarea .pptbox { width: 201px; margin-left: auto; margin-right: auto; padding-top: 4px;}
#idxpptarea .pptbox p { width: 131px; float: right; font-size: 80%;}
#idxpptarea .pptbox p .price { font-size: 120%; color: #A70000; font-weight: bold;}
#idxpptarea .pptboxbtm { background: url(../imgs/line_idx_property.gif) bottom no-repeat; height: 5px; line-height: 5px; margin: 3px  auto; clear: both; width: 201px}




#tnewsarea { background: url(../imgs/bg_tnews.gif) top no-repeat;}
#tnewsarea .head { background: url(../imgs/img_tnews_top.gif) no-repeat top; height: 6px; line-height: 6px; font-size: 1px;}
#tnewsarea .bottom { background: url(../imgs/img_tnews_btm.gif) no-repeat bottom; height: 6px; line-height: 6px; font-size: 1px; clear: both;}
#tnewsarea .bodyarea { width: 198px; margin-left: auto; margin-right: auto;}
#tnewsarea .bodyarea h3 { padding: 0; margin: 0; width: 118px; height:59px; background: url(../imgs/img_tnewsttl.gif) no-repeat; float:right; display: block; clear: none;}
#tnewsarea .bodyarea h3 a { text-indent: -9999px; width: 118px; height: 59px; display: block;}
#tnewsarea .bodyarea p { width: 118px; float:right; font-size: 80%; color: #796D5C;}
#tnewsarea .bodyarea img { float:left;}


#idxbnrarea2 { padding-bottom: 5px; padding-top: 5px;}
#idxbnrarea2 img { margin: 1px 0; display: block;}

#mobileurl { background: url(../imgs/bg_mobile.gif) repeat-y;}
#mobileurl .bottom { background: url(../imgs/img_mobile_btm.gif) no-repeat bottom; height: 4px; line-height: 4px; font-size: 1px; clear: both;}
#mobileurl .bodyarea { width: 196px; margin-left: auto; margin-right: auto;}
#mobileurl .bodyarea p { padding-top: 5px; font-size: 80%; width: 105px; float: left;}

/*------------------------------------   フッタ    --------------------------------------*/
#footer { background: url(../imgs/bg_footer.gif) top repeat-x;} 

#copyright { height: 26px; line-height: 26px; width: 770px; background:url(../imgs/img_copyright.gif) no-repeat; position: relative; display: block; margin-left: auto; margin-right: auto;}
#copyright ul {height: 26px; line-height: 26px; margin-left: auto; margin-right: auto; position: absolute; top:0; right: 0;}
#copyright ul li { float: left; list-style: none; margin: 0; padding: 0;}
#copyright ul li a { height: 26px; line-height: 26px; text-indent: -9999px; display: block;}
#fnavi01 a { background: url(../imgs/fnavi_link.gif) no-repeat; width: 58px;}
#fnavi02 a { background: url(../imgs/fnavi_privacy.gif) no-repeat; width: 130px;}
#fnavi03 a { background: url(../imgs/fnavi_sitemap.gif) no-repeat; width: 84px;}
#ftrtlink { height: 25px; line-height: 25px; font-size: 80%; text-align: center; display: block;}

#ftrinfo { width: 770px; margin: 0 auto; text-align: left; height: 70px;}
address { float: left; width: 500px; display: block; font-style: normal; font-size: 80%;}
address strong { font-size: 120%;}



/*------------------------------------   サブページ    --------------------------------------*/

#location { width: 770px; text-align: left; margin: 0 auto 5px auto; padding: 1px; background-color: #ECECEC; font-size: 80%;}



#ttlcontents { padding-bottom: 10px;}







#submain { margin: 0 auto; width: 770px; text-align: center; background: url(../imgs/bg_subleftarea.gif) repeat-y left;}
#submain #leftarea { float: left; width: 186px; text-align: left;}
#submain #rightarea { float: right; width: 544px; text-align: left;}
#submainbtm { clear: both; display: block; font-size: 1px; line-height: 1px;}

ul#snavi { background:#FAFAFA url(../imgs/img_snavi_btm.gif) no-repeat bottom; margin: 0; padding: 0;}
ul#snavi li { margin: 0; padding: 0; list-style: none; float: left; height:30px; width: 186px;}
ul#snavi li img { display: block; clear: both; height:30px; width: 186px;}
#snavibtm { background:#FAFAFA url(../imgs/img_snavi_btm.gif) no-repeat bottom; clear: both; height: 9px; line-height: 9px;}

#snavibnr { padding-bottom: 9px; background: #FAFAFA;}


#mainareabtm { padding-top: 20px; padding-bottom: 10px; height: 30px; display: block; clear: both;}






#submainwide { margin: 0 auto; width: 770px; text-align: center; background: none;}
#submainwide #leftarea { float: left; width: 186px; text-align: left; display: none;}
#submainwide #rightarea { width: 770px; text-align: left;}
#submainbtm { clear: both; display: block; font-size: 1px; line-height: 1px;}



.scleft { float: left; width: 263px;}
.scright { float: right; width: 263px;}



/*------------------------------------   すまいる用    --------------------------------------*/
#submain #rightarea .smilebox {}
#submain #rightarea .smilebox img.fleft { float: left;}
#submain #rightarea .smilebox h3 { padding-top: 0; background: none; padding-bottom: 0.5em;}
#submain #rightarea .smilebox p {font-size: 80%;}
#submain #rightarea .smilebox .commt { float: right; width: 420px; }





/*------------------------------------   大成住宅ニュース用    --------------------------------------*/
#tnewsnew { background: url(../tnews/imgs/bg_tnewsnew.gif) no-repeat; width: 266px; height: 371px; padding-top: 4px; padding-left: 4px; float: left;}
#tnewscomm { width: 475px; float: right;}
.tnbnboxleft { width: 95px; float: left; text-align: center;}
.tnbnbox  { width: 95px; float: left; text-align: center; padding-left: 39px;}
.tnbnboxleft .tnbn,.tnbnbox .tnbn { background: url(../tnews/imgs/bg_backnumber.gif) no-repeat; padding: 3px 3px 3px 3px; width: 89px; display: block;}
.tnbnboxleft p,.tnbnbox p { display: block; font-size: 10px;}



/*------------------------------------   いえづくり用    --------------------------------------*/
#ccpbox { width: 419px; background: url(../brand/imgs/bg_concept.gif) repeat-y; float: left;}
#ccpboxtop { width: 419px; background: url(../brand/imgs/img_concept_top.gif) top no-repeat; height: 20px; line-height: 20px; display:block; clear: both;}
#ccpboxbody { width: 387px; margin-left: auto; margin-right: auto;}
#ccpboxbody p { margin-bottom: 0; line-height: 140%;}
#ccpboxbtm { width: 419px; background: url(../brand/imgs/img_concept_btm.gif) bottom no-repeat; height: 20px; line-height: 20px; display:block; clear: both;}

#ccpphtbox { width: 330px; float: right;}
#ccpphtbox img { display: block; padding-bottom: 2px;}


#pitbox { width: 770px; background: url(../brand/imgs/bg_point.gif) repeat-y;}
#pitboxtop { width: 770px; background: url(../brand/imgs/img_point_top.gif) top no-repeat; height: 20px; line-height: 20px; display:block; clear: both;}
#pitboxbody { width: 745px; margin-left: auto; margin-right: auto;}
#pitboxbody p { margin-bottom: 0;}
#pitboxbtm { width: 770px; background: url(../brand/imgs/img_point_btm.gif) bottom no-repeat; height: 20px; line-height: 20px; display:block; clear: both;}


#pitboxbody .halfboxl { width: 362px; float: left;}
#pitboxbody .halfboxr { width: 362px; float: right;}

#rightarea #pitboxbody .halfboxl h3 { background: none; padding: 0 0 5px 0; clear: none; float: right; width: 261px;}
#rightarea #pitboxbody .halfboxl p { background: none; padding: 0; float: right; width: 261px; font-size: 80%;}
#rightarea #pitboxbody .halfboxl div.clearall { height: 25px;}

#rightarea #pitboxbody .halfboxr h3 { background: none; padding: 0 0 5px 0; clear: none; float: right; width: 261px;}
#rightarea #pitboxbody .halfboxr p { background: none; padding: 0; float: right; width: 261px; font-size: 80%;}
#rightarea #pitboxbody .halfboxr div.clearall { height: 25px;}


/*#rightarea #pitboxbody .halfboxr h3 { background: none; padding: 0 0 5px 0; clear: none; width: 366px;}
#rightarea #pitboxbody .halfboxr p { background: none; padding: 0; width: 366px; font-size: 80%; margin-bottom: 10px;}*/


#sptbox { width: 770px; background: url(../brand/imgs/bg_point.gif) repeat-y;}
#sptboxtop { width: 770px; background: url(../brand/imgs/img_spt_top.gif) top no-repeat; height: 20px; line-height: 20px; display:block; clear: both;}
#sptboxbody { width: 745px; margin-left: auto; margin-right: auto;}
#sptboxbody p { margin-bottom: 0; line-height: 140%;}
#sptboxbtm { width: 770px; background: url(../brand/imgs/img_point_btm.gif) bottom no-repeat; height: 20px; line-height: 20px; display:block; clear: both;}
#submainwide #rightarea #sptboxbody h3 { background: none; padding: 0 0 5px 0; clear: none; width: 440px;}
#rightarea #sptboxbody p { background: none; padding: 0; width: 440px;}




.brandbox01 { background:url(../brand/imgs/img_jyosetu04.gif) repeat-y;}
.brandbox02 { background: url(../brand/imgs/img_jyosetu12.gif) repeat-y; width: 381px;}

#rightarea #pitboxbody .halfboxl h3.wide { background: none; clear: none; width: auto; float: none;}
#rightarea #pitboxbody .halfboxl p.wide { background: none; padding: 0; font-size: 80%; width: auto; float: none;}
#rightarea #pitboxbody .halfboxl div.clearall { height: 25px;}

#rightarea #pitboxbody .halfboxr h3.wide { background: none; clear: none; width: auto; float: none;}
#rightarea #pitboxbody .halfboxr p.wide { background: none; padding: 0; font-size: 80%; width: auto; float: none;}
#rightarea #pitboxbody .halfboxr div.clearall { height: 25px;}






/*----------------------------------   新着物件   ------------------------------------------------*/

#submainwide #rightarea #newright { width: 395px; float: right;}
#submainwide #rightarea #newright h2 { display: block; background: url(../new/imgs/bg_h2.gif) no-repeat bottom; padding-bottom: 10px; color: #333333; line-height: 120%; height: auto; padding-left: 0; margin-bottom: 10px;}

#submainwide #rightarea #newleft { width: 350px; float: left;}
#submainwide #rightarea #photoarea1 { border: 1px solid #CCCCCC; padding-bottom: 2px; text-align: center;}
#submainwide #rightarea #photoarea1 img { margin: 3px auto 1px auto;}
#submainwide #rightarea #imgclick { padding-left: 5px;}

#submainwide #rightarea #photoarea2 { background-color:#EEEEEE; padding: 5px;}
#submainwide #rightarea #photoarea2 img { margin: 2px;}


/*----------------------------------   モデル住宅   ------------------------------------------------*/

#submainwide .modelboxleft { width: 370px; float: left; text-align: left;}
#submainwide .modelboxright { width: 370px; float: right; text-align: left;}

#submainwide .modelboxleft .commt,#submainwide .modelboxright .commt { float: right; width: 220px;}
#submainwide .modelboxleft img,#submainwide .modelboxright img { float: left;}
#submainwide #rightarea .modelboxleft h3,#submainwide #rightarea .modelboxright h3 { width: 202px; background: url(../imgs/ttl_h3model.gif) no-repeat left; line-height: 18px;  padding:0 0 0 17px; font-size: 100%; color: #006600; margin: 0 0 0.4em 0;}
#submainwide .modelboxleft p,#submainwide .modelboxright p{ width: 220px; line-height: 130%; font-size: 90%;}











/*----------------------------------   施工実例   ------------------------------------------------*/

.case01 { float: left; width: 170px; padding: 5px;}
.case01 p { text-align: center; font-size: 90%;}








#topicslist ul li { border-bottom: 1px dotted #999999; padding: 1em 0;}







body {
}

.fleft { float: left;}
.fright { float: right;}


.txtLeft { text-align: left;}
.txtRight { text-align: right;}


p img.fleft { margin-right: 5px;}
p img.fright { margin-left: 5px;}


h2 { }
h3 { }
h4 { }
h5 { }


#submain #rightarea h2 { background: url(../imgs/img_h2.gif) no-repeat; height: 52px; line-height: 47px; font-size: 120%; padding: 0 0 10px 10px; margin: 0; color: #FFFFFF; display: block; clear: both;}
#submain #rightarea h3 { background: url(../imgs/img_h3.gif) bottom no-repeat; color: #330099; padding-bottom: 15px; display: block; font-size: 120%; padding-top: 10px; clear: both;}
#submain #rightarea h4 { background: url(../imgs/img_h4.gif) left no-repeat; color:#3778B9; display: block; font-size: 110%; padding-left: 35px; margin-top: 1em; margin-bottom: 0.2em;}


#submainwide #rightarea h2 { background: url(../imgs/img_h2wide.gif) no-repeat; height: 52px; line-height: 47px; font-size: 120%; padding: 0 0 10px 10px; margin: 0; color: #FFFFFF; display: block; clear: both;}
#submainwide #rightarea h3 { background: url(../imgs/img_h3.gif) bottom no-repeat; color: #330099; padding-bottom: 15px; display: block; font-size: 120%; padding-top: 10px; clear: both;}
#submainwide #rightarea h4 { background: url(../imgs/img_h4.gif) left no-repeat; color:#3778B9; display: block; font-size: 110%; padding-left: 35px; margin-top: 1em; margin-bottom: 0.2em;}



/*---------------- 段落 ----------------*/
p { margin-top: 0; margin-bottom: 0.5em; line-height: 150%;}
p .fright { margin-left: 5px;}




#rightarea ul li { list-style-image: url(../imgs/icon_list.gif); margin-bottom: 0.2em;}

ul { margin-bottom: 0.8em;}
ul li { list-style-image: url(../imgs/icon_list.gif);}
ol {}
li { margin-left: 25px; margin-bottom: 0.4em; line-height: 140%;}

/*-------------------- テーブル ---------------------*/

.table01 { border-collapse: separate;}
.table01 td { padding: 5px; vertical-align: top; font-size: 90%;}
.table01 th { padding: 5px; vertical-align: top; text-align: left; border-right: 2px solid #8EBDC6; font-size: 90%;}

.table02 { border-collapse: separate; background-color:#CCCCCC; width: 100%;}
.table02 td { padding: 5px; vertical-align: top; background-color: #FFFFFF; border: 1px solid #FFFFFF; font-size: 90%;}
.table02 th { padding: 5px; vertical-align: top; text-align: left; border: 1px solid #FFFFFF; background-color:#F2F2F2; font-size: 90%;}

.table03 { border-collapse: separate; background-color:#CCCCCC; width: 100%;}
.table03 td { padding: 2px; vertical-align: top; background-color: #FFFFFF; border: 1px solid #FFFFFF; vertical-align: middle;}
.table03 th { padding: 2px; text-align: left; border: 1px solid #FFFFFF; background-color:#F2F2F2;}

.table04 { border-collapse: collapse; background-color:#FFFFFF; width: 100%; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}
.table04 td { padding: 3px; vertical-align: top; vertical-align: middle; line-height: 120%; border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC;}
.table04 th { padding: 3px; text-align: left; line-height: 120%; border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; background-color:#C9E6F1; font-weight: bold; color:#1A79AC;}
.table04 td p { margin-top: 0.2em; margin-bottom: 0.2em;}

.table05 { border-collapse: collapse; border-bottom: 1px solid #999999; border-right: 1px solid #999999;}
.table05 td { padding: 5px; vertical-align: top; border-top: 1px solid #999999; border-left: 1px solid #999999; vertical-align: middle;}
.table05 th { padding: 5px; text-align: left;  border-top: 1px solid #999999; border-left: 1px solid #999999; background: #E8F4F9; color:#51A3B0; vertical-align: middle; text-align: center;}


#submainwide #rightarea .container { width: 700px; margin-left: auto; margin-right: auto; display: block; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; margin-bottom: 10px; margin-top: 5px;}
#submainwide #rightarea .container .cthead { height: 30px; display: block;}
#submainwide #rightarea .container .cthead em { background-color: #CCCCCC; width: 124px; height: 30px; float: left;}
#submainwide #rightarea .container .cthead h3 { height: 30px; float: left; padding: 0 0 0 20px; line-height: 30px; background: none; display: inline; clear: none;}

#submainwide #rightarea .container table { width: 100%; border-collapse: collapse; border-top: 1px solid #CCCCCC;}
#submainwide #rightarea .container table th { padding: 5px; text-align: center; background-color:#EEEEEE; width: 25%; border: 1px solid #DDDDDD; border-bottom: 0;}
#submainwide #rightarea .container table td { padding: 5px; text-align: center; }
#submainwide #rightarea .container table td.ctdata { border-right: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD;}
#submainwide #rightarea .container table td.ctpht { border-right: 1px solid #DDDDDD;}
#submainwide #rightarea .container table td.ctaccess { text-align: left; border-top: 1px solid #DDDDDD;}
#submainwide #rightarea .remarks { clear: both;}



/*-------------------- dl ---------------------*/

dl.formstyle { width: 500px; margin-left: 50px}
dl.formstyle dt { width: 150px; float: left; margin-top: 3px; margin-bottom: 17px; display: block; margin-right: 0; margin-left: 0;}
dl.formstyle dd { width: 320px; float: left; margin-bottom: 20px; display: block; margin-right: 0; margin-left: 0;}


.dlstyle01 { }
.dlstyle01 dt { float: left; width: 150px; margin-bottom: 5px; padding: 5px 0 0 0; font-weight: bold; border-top: 1px solid #CCCCCC; clear: both;}
.dlstyle01 dd { float: left; width: 440px; border-left: 2px solid #8EBDC6; border-top: 1px solid #CCCCCC; margin-bottom: 5px; padding: 3px 0 3px 5px; line-height: 130%;}
.dlstyle01 dd ul { margin: 0; padding: 0;}
.dlstyle01 dd li { margin-top: 0; margin-bottom: 0.1em; line-height: 130%; padding-top: 0;}
.dlstyle01 dd p { margin-top: 0; margin-bottom: 0.4em; line-height: 130%;}


.dlqanda {}
.dlqanda dt { text-indent: -22px; margin-bottom: 0.5em; padding-left: 27px; line-height: 12px;}
.dlqanda dd { text-indent: -22px; margin-bottom: 1em; padding-left: 27px; border-bottom: 1px dotted #999999; padding-bottom: 1em; line-height: 130%;}


dl.linklist dt { font-weight: bold; margin-bottom: 0.6em;}
dl.linklist dt a { background: url(../imgs/icon_link.gif) left no-repeat; padding-left: 16px;}
dl.linklist dt a:hover { background: url(../imgs/icon_linkhover.gif) left no-repeat; padding-left: 16px;}
dl.linklist dd { margin-bottom: 1.2em;}


/*-------------------- インデックス日付 ---------------------*/
.relerseday { margin-left: 10px; color:#999999;}

/*-------------------- 基本体裁 ---------------------*/
.center { text-align: center;}





/*-------------------- テキストカラー ---------------------*/
.txtred01 { color: #FF0000;}
.txtred02 { color: #CC0000;}
.txtred03 { color: #990000;}

.txtblue01 { color: #0098E1;}
.txtblue02 { color: #5DC4E8;}
.txtblue03 { color: #A1D3E5;}

.txtgrn01 { color: #3B9600;}
.txtgrn02 { color: #93DB16;}
.txtgrn03 { color: #B4ED29;}


/*-------------------- 背景カラー ---------------------*/

.bgred01 { background-color: #FFF0F0;}
.bgred02 { background-color: #FFE1E1;}
.bgred03 { background-color: #FFCECE;}

.bgblue01 { background-color: #ECF5FF;}
.bgblue02 { background-color: #E1F0FF;}
.bgblue03 { background-color: #C4E1FF;}

.bggrn01 { background-color: #FAFFF4;}
.bggrn02 { background-color: #E7FECB;}
.bggrn03 { background-color: #D9FEAB;}




.input01 { border: 1px solid #CCC; padding: 2px;}



.smile2007 {}
.smile2008 { display: none;}
.smile2009 { display: none;}
.smile2010 { display: none;}