/******************************************************************
layout_ : width + float
size_ : width, height
box_  : padding, margin
#effef0
*******************************************************************/

/* tag style */
* { margin: 0; padding: 0; }
html { overflow-y:scroll; }
h1 { padding:0.5em; background-image:url(img/bg_titlebar.png); }
body { text-align:center; background-color:#ffffff; }
body div { text-align:left; margin:0 auto;  }
hr { height: 2px; background-color: #279D93; border: none; color: #006600; margin-top:1em; margin-bottom:1em; }
label { cursor:hand; } 
p { margin:0.5em; }
img { border:0; }

/* mozzila hack  */
* { box-sizing : border-box}
* { -moz-box-sizing : border-box}


/* [test] clearfix */
.clearfix:after {
  content: ".";
  display: block;  
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* link style */
a { color:#006600; text-decoration:underline;}
a:visited { color:#006600; }
a:hover   { color:#663333; text-decoration:underline; }

.link-reversing { color:#eeeeee; }
.linkimg-def { border:3px solid #effef0; }
.linkimg-hover { border:3px solid #006600; }


/* default layout : screen width 948px(default) */
#layout_title {width: 948px;} /* 158*6 */
.layout_topbar { float:left;width:474px; }
#layout_topbar_rbox { text-align:right; padding-right:1em; color:#eeeeee; }
#layout_footer { clear:both;width:948px; }

#layout_container { width:948px; } 
#layout_leftmenu { width:300px; float:left; !background-color:#E2FFB7;} /* #DCE5B5,#CAD594 */
#layout_leftmenu_padding { background-color:#E2FFB7; padding-top:0.5em; padding-bottom:1em; }
#layout_mainbody { width:648px; float:left; }
.layout-mainbody-padding { padding:1em; }
#layout_fullbody { width:948px; }
#layout_fullbody_padding { ; }

#layout_dbheader { width:780px; }
#layout_dbbody { width:580px; float:left; }
#layout_dbright { width:200px; float:left; }
#layout_dbfullbody { clear:both;width:780px; }

/* footer */
#underbanner { text-align:center; margin-left:auto; margin-right:auto; margin-top:2em; margin-bottom:2em; }
.copyright { font-size:x-small; padding-bottom:1em; text-align:center; }

/* header */
#topbar_upline { height:12px; background:url(img/topbar-upline.png) top left no-repeat; }
#topbar_underline { height:12px; background:url(img/topbar-underline.png) top left no-repeat; } /* not */
#topbar { background-color:#279D93; }
#topmsg { text-align:right; padding:0.5em 1em 0 0; color:#ffffff; font-weight:normal;  }
#topmenu { list-style:none; }
#topmenu li { float:left; width:158px; text-align:center; display:inline; }
#topmenu img { border:0; }
#layout_title h1{ clear:both; padding:1em 1em 1em 1em; font-size:medium; color:#000; !border-left:1px dashed #279D93; !border-right:1px dashed #279D93;; }


/* leftmenu */
.leftmenu-upline { height:5px; background:url(img/leftmenu-upline.png) top left no-repeat; margin-top:1em; }
.leftmenu-underline { height:5px; background:url(img/leftmenu-underline.png) top left no-repeat; margin-bottom:1em; }
#layout_leftmenu h2 { background-color:#279D93; color:#ffffff; padding:3px; text-align:center; font-size:medium; font-weight:normal; }
#layout_leftmenu ul { list-style:none; }
#layout_leftmenu li { font-weight:bold; padding:0.5em 0 0.5em 17px; font-size:medium; background:url(img/icon_greenlist16.gif) left no-repeat; }
#layout_leftmenu a { text-decoration:none; }
#layout_leftmenu a:hover { text-decoration:underline; }
#layout_leftmenu hr { height: 2px; background-color: #279D93; border: none; color:#279D93; margin-top:1em; margin-bottom:1em }
#shopinfo { width:280px; text-align:center; margin-left:auto; margin-right:auto; }
#shopinfo table { border: 1px #279D93 solid; border-top-style:none; border-bottom-style:none; border-collapse: collapse;  }
#shopinfo th { border: 1px #279D93 solid; white-space: nowrap; vertical-align: top; padding:0.2em; }
#shopinfo td { border: 1px #279D93 solid; padding:0.2em; text-align:left; }
#shopinfo address { font-style:normal; }
#shopinfo img { border:0; }
#shopinfo span { font-weight:normal; font-size:small; }
#shopinfo_footer { text-align:right; }
#shopinfo_upline { height:5px; background:url(img/shopinfo-upline.png) top left no-repeat; }
#shopinfo_underline { height:5px; background:url(img/shopinfo-underline.png) top left no-repeat; }
#skype { padding:0.5em; }
#leftmenubox_upline { height:15px; background:url(img/leftmenubox-upline.png) left no-repeat; }
#leftmenubox_underline { height:15px; background:url(img/leftmenubox-underline.png) left no-repeat; }
.whatsnew-upline { height:28px; width:550px; background:url(img/whatsnew-upline.png) left no-repeat; }
.whatsnew-underline { height:28px; width:550px; background:url(img/whatsnew-uline.png) left no-repeat; }

/* Database design */
#layout_dblayer { width:948px; margin-left:auto; margin-right:auto; text-align:center; margin-top:1em; }
.db-list { border-spacing:0; border-collapse: collapse;  }
.db-list th { background-color:#D3E95B; text-align:center; border:1px #279D93 solid; padding:0.2em; }
.db-list td { border:1px #279D93 solid; padding:0.2em; text-align:left; }
.db-list-pagelink { border-style:none; text-align:right; font-size:large; font-weight:bold; }
.db-list-header { background-color:#279D93;color:#eeeeee; text-align:right; padding:0.2em; }
.db-list-celltitle { background-color:#D3E95B; text-align:center; }
.db-list-cellA { width:340px; padding:0.2em; }
.db-list-cellB { width:95px; padding:0.2em; }

.db-article-title { padding:0.5em; border-left:1em #279D93 solid; border-top:5px #279D93 double; }
.db-article-topleftbox { float:left; width:380px; }
.db-article-topleftbox div { ; }
.db-article-table { border-spacing:0; border-collapse: collapse; width:380px; }
.db-article-table th { background-color:#D3E95B; padding:0.3em; border:1px #279D93 solid; text-align:center; }
.db-article-table td { padding:0.3em; border:1px #279D93 solid; }
.db-article-toprightbox { float:left; width:220px; }
.db-article-toprightbox div { ; }

.db-article-map { width:600px; }


/* string decoration */
.centering { text-align:center; margin-left:auto; margin-right:auto; }
.pankuzu {  text-align:right; padding:0.5em; font-size:small; }
.iconimg { vertical-align:middle; margin-right:0.5em; }
.icon-glass { border:0; vertical-align:middle; }
.paragraphbox { background-color:#EEFFD4; padding:0.5em; margin-bottom:1em; border:1px solid #006600; }
.linkbox { border:2px solid #279D93;text-align:center; margin:1em 1em; padding:1em;background-color:#EEFFD4; }
.decotitle1 { border-top:5px solid #006600; border-left:25px solid #006600; padding:0.5em; margin-top:1.5em; margin-bottom:0.5em; }
.decotitle2 { background-color:#279D93; color:#fff; padding:0.3em; margin-bottom:1em; margin-top:1em;  }
.decotitle3 { border-bottom:2px solid #006600; padding:0.3em; margin-bottom:1.5em; margin-top:1.5em;  }
.decotitle4 { border-left:1em solid #279D93; padding:0.3em; padding-left:1em; margin-bottom:1.5em; margin-top:1.5em; font-size:medium; background-image:url(img/bg_mizutama.png); }
.squarebox-def { border:2px dotted #006600;text-align:center; margin:1em auto; padding:1em; }
/*.treemenu { margin-left:2em; } */

/* for information */
.numlist { background-image:url(img/bgpicture.jpg); border:1px solid #279D93; }
.numlist dt { background-color:#eeeeee; padding:0.5em 1em; font-weight:bold; text-decoration:underline; } /* #DCE5B5;*/
.numlist dd { padding:1em 1em 1em 3em; }

/* for chintai faq */
.list-indent {  margin-bottom:2em; }
.list-indent li { list-style:none; padding:0.3em 2em; }

/* for "net de oheya" */
.detail { margin-left:2em; }
.detail dt { padding:0.3em; font-weight:bold; background-color:#eee; border:5px solid #279D93;}
.detail dd { padding:0.5em; !background-color:#CCFFFF; margin-bottom:1em; padding-left:2em; }

/* company information table */
.companyinfo { width:600px; border-spacing:0; border-collapse:collapse; margin-left:auto; margin-right:auto; margin-top:2em; margin-bottom:2em; } 
.companyinfo-cell-Title { padding:0.5em; border-bottom:2px dotted #006600; text-align:center; font-weight:bold; background-color:#dddddd; } 
.companyinfo-cell { padding:0.5em; border-bottom:2px dotted #006600; text-align:left; }




.info-dt { padding:5px; font-weight:bold; background-color:#EEFFD4; }
.info-dd { padding:10px; background-color:#EEFFD4; margin-bottom:1em; padding-left:2em; border-bottom:1px dotted #006600; }


/* form table */
#formtable { border:2px double #006600; width:600px; border-spacing:0; border-collapse:collapse; margin-left:auto; margin-right:auto; margin-top:2em; }
#formtable td { padding:0.5em; text-align:left; } 
.formtable-cell-title { border:3px solid #006600; border-bottom:1px solid #006600; text-align:left; font-weight:bold; background-color:#006600; color:#eeeeee; } 

.formtable-cell-item { border:1px solid #006600; font-weight:bold; background-color:#eeeeee; text-align:right; } 
.formtable-cell { border:1px solid #006600; }
.formtable-bigtext { font-size:large; }


/* privacy policy */
#privacypolicy dt { padding:0.5em; margin-left:1em; font-weight:bold; }
#privacypolicy dd { padding:0.5em; margin-left:3em;  }


/* staff list table */
.stafftable { border:2px solid #006600; width:600px; margin-left:auto; margin-right:auto; margin-bottom:1em; border-spacing:0; border-collapse:collapse; }
.stafftitle { padding:0.5em; font-family:Times New Roman; background-color:#006600; color:#eeeeee; text-align:left; }
.staffimg { border:3px dashed #006600; }
.staffmsg { border-bottom:2px dotted #006600; padding:0.5em; }
.stafftable-cell { padding:0.5em; text-align:left }



/* sitemap */
.sitemap-category { margin:1em; padding:0.5em; border-left:1em solid #006600; }
.sitemap-list { margin-left:2em; padding:0.5em;  }
.sitemap-list li { padding:0.3em; }


/* top::blog background-color:#e4c5aa; #FF9A63 #830000*/
.blog-width { width:550px; }
.blog-header { line-height:0;  margin-top:3em; text-align:right;  margin-right:auto; }
.blog-borderline { border:3px solid #FF9A63; }
.blog-pointer { color:#FF9A9C; }
.blog-title {  padding:0.5em; text-align:left; font-weight:bold; background-color:#eeeeee; border-bottom:1px solid #e4c5aa; }
.blog-comment { padding:0.5em;  }
.blog-footer {  text-align:right; padding:0.5em; }


/* */
#chintai_calc {  border-spacing:0; border-collapse:collapse; width:600px; margin:auto auto;}
#chintai_calc th { border:2px solid #279D93; text-align:center; background-color:#279D93; color:#fff; padding:0.5em; white-space:nowrap; }
#chintai_calc td { border:2px solid #279D93; font-size:x-large; padding:0.5em; }




/* flow chart 
.flowchart-box { border:3px ridge #663333;text-align:center; background-color:#663333; color:#eeeeee; padding:1em;text-align:center; font-weight:bold; padding-left:0; padding-right:0; }
.flowchart-comment { padding:0.3em; text-align:right; font-size:x-small; }
.flowchart-cursor { padding:1em;text-align:center;font-weight:bold; }
.flowchart-table { width:780px; }
.flowchart-table-cell { width:390px; vertical-align:top; }
*/






/* access */
#accessroute { margin-top:2em; }
#accessroute dt { padding:5px; font-weight:bold; background-color:#dddddd; border-style:solid; border-color:#006600; border-width:1px 1px 0 1px; }
#accessroute dd { padding:10px; background-color:#dddddd;  border-style:solid; border-color:#006600; border-width:0 1px 1px 1px; margin-bottom:2em;}
.access-cursor { padding:10px; background-color:#effef0; border-style:none; }


/* access map */
.layout_access-pic { width:200px; float:left; }
.access-pic { ; }
.layout_access-comment { width:500px; float:left; }
.access-comment { padding:1em; }


/* fudoriku-flowchart */
.fchart-borderline { border:2px solid #006600; background-color:#dddddd; margin-top:2em; margin-bottom:2em; }
.layout-fchart-left { width:250px; float:left; }
.layout-fchart-right { width:480px; float:left; }
.fchart-body-left { padding:0.5em; }
.fchart-body-right { padding:1em; }
.fchart-body-right dt { margin-bottom:1em; font-weight:bold; }
.fchart-body-right dd { padding-left:0.5em; }

/* flowchart */
#layout_flowchart_chintai { width:780px; }
.layout_flowchart_left { width:390px; float:left; }
.layout_flowchart_right { width:390px; float:left; } 
#layout_flowchart_chintai h3 { border:3px ridge #663333;text-align:center; background-color:#663333; color:#eeeeee; padding:1em; text-align:center; font-weight:bold; padding-left:0; padding-right:0; }
#layout_flowchart_chintai p { padding:0.5em; text-align:left; }
.flowchart-cursor { text-align:center; font-weight:bold; margin-top:1em; margin-bottom:1em; font-size:x-large;}