/* common */
ul#pyramid { height: 18px; margin: 16px; border: solid 1px #ccc; }
ul#pyramid li { background-image: url(../images/symbol_arrow1.gif); background-repeat: no-repeat; background-position: 0 8px; float: left; margin-left: 16px; padding-left: 12px; }
ul#pyramid li a { color: #666; }
ul#pyramid li.top { background-color: #999; background-image: none; width: 48px; margin: 0; padding: 0; }
ul#pyramid li.top a { color: #333; font-weight: bold; text-decoration: none; padding-left: 8px; }
/* usefulinfo_area */
div#usefulinfo_area { float: left; margin-top: 16px; margin-right: 16px; margin-left: 16px; }
div#usefulinfo_area h4 { background-image: url(../images/secttl_usefulinfo.gif); background-repeat: no-repeat; background-position: 8px 3px; text-indent: -9999px; margin-bottom: 8px; border-color: #666; border-style: solid; border-width: 0 0 0 4px; }
/* mobilesite_area */
div#mobilesite_area { float: left; margin-top: 16px; margin-right: 16px; margin-left: 16px; }
div#mobilesite_area h4 { background-image: url(../images/secttl_mobilesite.gif); background-repeat: no-repeat; background-position: 8px 3px; text-indent: -9999px; margin-bottom: 8px; border-color: #666; border-style: solid; border-width: 0 0 0 4px; }
/* active_area */
div#active_area { float: left; margin-top: 16px; margin-right: 16px; margin-left: 16px; }
/* pagetitle */
div#pagetitle { margin-top: 16px; margin-right: 16px; margin-left: 16px; padding-bottom: 8px; border-color: #999; border-style: solid; border-width: 0 0 1px; }
div#pagetitle h2 { color: #999; }
div#pagetitle h3 { color: #333; font-size: 125%; font-weight: bold; margin-top: 4px; }
/* area page */
div#areamap_area { width: 724px; margin: 32px 24px; }
div#areamap_area div.areamap_body { background-image: url(../images/areamap_bg_body.gif); background-repeat: repeat-y; width: 736px; }
div#areamap_area div.control_area { height: 448px; margin: 16px; }
div#areamap_area div.control_area p { color: #666; font-size: 110%; }
div#areamap_area div.control_area ul { margin-top: 32px; margin-left: 32px; list-style-type: none; }
div#areamap_area div.control_area ul li { display: inline; }
/* result page */
ul#result_status { margin-top: 16px; margin-right: 32px; margin-left: 32px; }
ul#result_status li { display: inline; }
ul#result_status li.inside { background-image: url(../images/resultsymbol_inside.gif); background-repeat: no-repeat; background-position: 0 6px; margin-right: 48px; padding-left: 24px; }
ul#result_status li.inside span { color: #d98c21; font-size: 200%; font-weight: bold; }
ul#result_status li.outside { background-image: url(../images/resultsymbol_outside.gif); background-repeat: no-repeat; background-position: 0 6px; padding-left: 24px; }
ul#result_status li.outside span { color: #48a619; font-size: 200%; font-weight: bold; }
div#result_control { background-image: url(../images/resultstatus_bg.gif); background-repeat: no-repeat; height: 36px; margin-top: 8px; margin-right: 32px; margin-left: 32px; }
div#result_control ul#control_sort { float: left; margin-top: 8px; margin-left: 8px; }
div#result_control ul#control_sort li { color: #333; font-weight: bold; background-color: #dedede; margin-right: 4px; margin-left: 4px; padding: 2px 4px; display: inline; }
div#result_control ul#control_sort li.control_title { background-color: transparent; }
div#result_control ul#control_sort li.control_now {  }
div#result_control ul#control_sort li.control_sort {}
div#result_control ul#control_view { float: right; margin-top: 8px; margin-right: 8px; }
div#result_control ul#control_view li { color: #333; font-weight: bold; background-color: #dedede; margin-right: 4px; margin-left: 4px; padding: 2px 4px; display: inline; }
div#result_control ul#control_view li.control_title { background-color: transparent; }
div#result_control ul#control_view li#view_basic {}
div#result_control ul#control_view li#view_picture {}
/* detail page */
table#article_base1 { background-image: url(../images/articlebase_bg1.gif); background-repeat: no-repeat; width: 736px; height: 260px; margin-right: 32px; margin-left: 32px; }
table#article_base1 td { vertical-align: top; }
table#article_base1 td.baseinfo { padding: 16px; }
table#article_base1 td.baseinfo p { margin-bottom: 8px; }
table#article_base1 td.baseinfo h4 { color: #666; font-size: 125%; font-weight: bold; }
table#article_base1 td.mainimage { text-align: center; width: 448px; padding-top: 8px; }
table#article_base1 td.imagecomment { font-size: 80%; line-height: 125%; vertical-align: bottom; padding-left: 80px; }
table#article_base1 td.articlecomment { color: #666; vertical-align: top; padding-left: 16px; }
table#article_base2 { background-image: url(../images/articlebase_bg2.gif); background-repeat: no-repeat; width: 736px; margin-right: 32px; margin-left: 32px; }
table#article_base2 td { vertical-align: top; }
table#article_base2 td.baseinfo { padding: 16px; }
table#article_base2 td.baseinfo p { margin-bottom: 8px; }
table#article_base2 td.baseinfo h4 { color: #666; font-size: 125%; font-weight: bold; height: 64px; }
table#article_base2 td.articlecomment { color: #666; vertical-align: top; padding-left: 16px;  }
div#article_outer { float: left; margin-top: 16px; margin-right: 8px; margin-left: 16px; }
div#article_outer h5 { padding-top: 4px; padding-bottom: 4px; padding-left: 8px; border-color: #1470cc; border-style: solid; border-width: 0 0 0 4px; }
div#article_outer div.frame { background-image: url(../images/article_layoutmap.gif); background-repeat: no-repeat; text-align: center; width: 359px; height: 327px; }
div#article_outer div.frame img { margin-top: 24px; }
div#article_inner { margin-top: 32px; margin-right: 32px; margin-left: 32px; }
div#article_inner h5 { padding-top: 4px; padding-bottom: 4px; padding-left: 8px; border-color: #1470cc; border-style: solid; border-width: 0 0 0 4px; }
div#article_inner table {}
div#article_inner table tr { height: 48px; }
div#article_inner table td { vertical-align: top; padding: 4px; }
div#article_inner table td#innerimages { color: #666; }
div#article_inner table td#innerimages img { display: block; }
div#article_inner table td#innerimages span { font-weight: bold; display: block; }
div#article_inner table td#innerimages p { line-height: 125%; }
div#article_layout { float: left; margin-top: 16px; margin-right: 8px; margin-left: 8px; }
div#article_layout h5 { padding-top: 4px; padding-bottom: 4px; padding-left: 8px; border-color: #1470cc; border-style: solid; border-width: 0 0 0 4px; }
div#article_layout div.frame { background-image: url(../images/article_layoutmap.gif); background-repeat: no-repeat; text-align: center; width: 359px; height: 327px; }
div#article_layout div.frame img { margin-top: 8px; }
div#article_map { float: left; margin-top: 16px; margin-right: 8px; margin-left: 16px; }
div#article_map h5 { padding-top: 4px; padding-bottom: 4px; padding-left: 8px; border-color: #1470cc; border-style: solid; border-width: 0 0 0 4px; }
div#article_map div.frame { background-image: url(../images/article_layoutmap.gif); background-repeat: no-repeat; width: 359px; height: 327px; }
div#article_map div.frame div#mapimage { width: 342px; height: 310px; margin: 8px; }
div#article_outline { font-size: 110%; clear: both; margin-top: 32px; margin-right: 32px; margin-left: 32px; }
div#article_outline h5 { padding-top: 4px; padding-bottom: 4px; padding-left: 8px; border-color: #1470cc; border-style: solid; border-width: 0 0 0 4px; }
div#article_outline table { width: 100%; margin-top: 8px; }
div#article_outline table th { font-weight: normal; background-color: #D9ECFF; text-align: left; width: 96px; padding: 4px 8px; border: solid 1px #999; }
div#article_outline table td { padding: 4px 8px; border: solid 1px #999; letter-spacing: 0.1em; }
div#article_outline table td table { margin: 0; padding: 0; }
div#article_outline table td table td { padding: 0; border-width: 0; }
div#article_outline table td ul { display: inline; }
div#article_outline table td ul li { color: #666; font-size: 80%; margin-right: 4px; padding: 2px 4px 0; border: solid 1px #ccc; list-style-type: none; display: inline; }
div#article_outline table td ul.equipment1 li { background-color: #ffc; }
div#article_outline table td ul.equipment2 li { background-color: #cfc; }
div#article_outline table td ul.equipment3 li { background-color: #cff; }
div#article_outline table td ul.equipment4 li { background-color: #ccf; }
div#article_outline table td ul.equipment5 li { background-color: #fcf; }
div#article_outline table td ul.equipment6 li { background-color: #fcc; }
div#articleinquiry { background-image: url(../images/articleinquiry_bg.gif); background-repeat: no-repeat; text-align: center; height: 48px; margin: 32px; }
div#articleinquiry img { margin-top: 4px; }
fieldset#reference { font-size: 110%; margin: 32px 32px 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; }
fieldset#reference legend { color: #1470cc; font-weight: bold; margin-right: 8px; margin-left: 8px; }
fieldset#reference p {}
fieldset#reference p.office { font-weight: bold; margin-top: 8px; }
fieldset#reference p.number { font-weight: bold; margin-top: 8px; margin-bottom: 8px; }
fieldset#reference p.number span.tel { color: #c00; font-size: 175%; }
fieldset#reference p.number span.fax { color: #666; font-size: 175%; }
/* article_info */
table#inquiry_article { display: block; margin: 16px 32px; }
table#inquiry_article caption { color: #666; font-weight: bold; text-align: left; padding-bottom: 8px; }
table#inquiry_article th { color: #666; background-color: #d9ecff; padding: 2px 8px; border: solid 1px #ccc; }
table#inquiry_article td { color: #333; padding: 4px 8px; border: solid 1px #ccc; }
table#inquiry_article td.priceinfo { color: #666; font-size: 110%; font-weight: bold; }
fieldset#inquiry_reference { font-size: 110%; margin: 32px 32px 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; }
fieldset#inquiry_reference legend { color: #1470cc; font-weight: bold; margin-right: 8px; margin-left: 8px; }
fieldset#inquiry_reference img.officeimage { width: 144px; float: left; margin-top: 16px; margin-right: 32px; } 
fieldset#inquiry_reference dl { font-size: 90%; margin-top: 16px; margin-left: 176px; } 
fieldset#inquiry_reference dl dt { width: 96px; float: left; } 
fieldset#inquiry_reference dl dd {  } 
fieldset#inquiry_reference dl dd.freedial { background-image: url(../images/symbol_freedial.gif); background-repeat: no-repeat; background-position: 96px 3px; padding-left: 120px; }
table#edit_form { width: 736px; display: block; margin: 16px 32px; }
table#edit_form caption { color: #666; font-weight: bold; text-align: left; padding-bottom: 8px; }
table#edit_form th { color: #666; text-align: left; vertical-align: top; padding: 2px 8px; border: solid 1px #ccc; }
table#edit_form th.column1 { background-color: #d9ecff; }
table#edit_form th.column2 { background-color: #f2f9ff; }
table#edit_form th span { background-image: url(../images/symbol_must.gif); background-repeat: no-repeat; width: 32px; height: 16px; display: block; }
table#edit_form td { color: #333; padding: 4px 8px; border: solid 1px #ccc; }
table#edit_form td.editbtn { text-align: center; padding-top: 16px; padding-bottom: 16px; }
table#edit_form td.editbtn p { margin-bottom: 16px; }
div#inquiry_finish { background-color: #ffd; width: 700px; margin: 48px 32px; padding: 16px; border: solid 1px #999; }
div#inquiry_finish p { font-size: 120%; margin-top: 16px; margin-bottom: 16px; }