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

*******************************************************************/

/* tag style */
* { margin: 0; padding: 0; }
html { overflow-y:scroll; }
h1 { padding:0.5em; }
body { text-align:center; background-color:#effef0; }
body div { text-align:left; margin:0 auto;  }
hr { height: 2px; background-color: #006600; border: none; color: #006600; margin-top:1em; margin-bottom:1em; }
label { cursor:hand; } 
p { margin:0.5em; }


/* 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-leftmenu { text-decoration:none; }
.link-reversing { color:#eeeeee; }
.linkimg-def { border:3px solid #effef0; }
.linkimg-hover { border:3px solid #006600; }


/* def layout */
#layout_title {width: 780px;}
#layout_leftmenu { width:200px; float:left; }
#layout_leftmenu_padding { padding:5px; } 
#layout_mainbody { width:580px; float:left; }
#layout_footer { clear:both;width:780px; }
#layout_container { width:780px; } 
#layout_fullbody { width:780px; }
#layout_dbheader { width:780px; }
#layout_dbbody { width:580px; float:left; }
#layout_dbright { width:200px; float:left; }
#layout_dbfullbody { clear:both;width:780px; }


/* topmenu & title */
#topbar { background-color:#006600; padding-left:1em; }
#topmsg { text-align:right; padding:0.5em 1em 0 0; color:#eeeeee; background-color:#006600;  }
#toptitle { text-align:center; font-size:x-large; font-weight:bold; padding-top:0.5em; padding-bottom:0.5em; }
#topmenu { list-style:none;  }
#topmenu li { float:left; width:130px; text-align:center; display:inline; }
#topmenu_current {
 display: block;/* inline to block */
 text-decoration:none;
 border-top:1px solid #006600;/*up hosoi usui*/
 border-right:2px solid #006600;/*right hutoi koi */
 border-bottom:2px solid #effef0;/*bottom hutoi koi*/
 border-left:1px solid #006600;/*left hosoi usui*/
 text-align:center;/*centering*/
 width: 130px;/*button width*/
 padding-top:0.3em;
 padding-bottom: 0.3em;
 font-weight: bold;
 color: #006600;/* font color*/
}

#topmenu .currentlink {
 display: block;
 text-decoration:none;
 border-top:1px solid #006600;
 border-right:2px solid #006600;
 border-bottom:2px solid #effef0;
 border-left:1px solid #006600;
 text-align:center;
 width: 130px;
 padding-top:0.3em;
 padding-bottom: 0.3em;
 font-weight: bold;
 color: #006600;
 background-color:#effef0;
}

#topmenu a {
 display: block;
 text-decoration:none;
 border-top:1px solid #00B400; 
 border-right:2px solid #001B00;
 border-bottom:2px solid #001B00;
 border-left:1px solid #00B400;
 text-align:center;
 width: 130px;
 padding-top:0.3em;
 padding-bottom: 0.3em;
 font-weight: bold;
 background: #006600;
 color: #eeeeee;/*�����F*/
}
#topmenu a:hover {
 display:block;
 text-decoration:none;
 border-top:2px solid #001B00;
 border-right:1px solid #00B400;
 border-bottom:1px solid #00B400;
 border-left:2px solid #001B00;
 text-align:center;
 font-weight: bold;
 background: #eeeeee;
 color: #006600;
}
#topmenu-bottommsg { clear:both; border-left:1px dashed #006600; border-right:1px dashed #006600; padding:1em 1em 1em 1em; font-size:medium; color:#006600;  }



/* leftmenu greensquare.gif */
.leftmenu-topic { background-color:#006600; color:#ffffff; padding:3px; text-align:center; font-size:medium; font-weight:normal; margin:0.5em auto; }
.leftmenu-list { font-weight:bold; padding:0.5em 0 0.5em 17px; font-size:medium;
 background:url(img/icon_greenlist16.gif) left no-repeat; }

/* mainbody */
.appeal { font-weight:bold; text-align:center; margin:1em auto; }

/*
.topinfo-fulllayer { margin-bottom:1em; }
.topinfo-leftlayer { width:200px;float:left; }
.topinfo-rightlayer { width:370px;float:left; }
*/

#topinfo td { vertical-align:middle; padding:0.5em; }



/* footer */
.copyright { font-size:x-small; padding-bottom:1em; text-align:center; }
.telbox { padding:20px 2px 10px; text-align:center; }

/* 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; }

/* form table */
#formtable { border:2px double #006600; width:750px; 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; width:160px;} 
.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;  }



/* company information table */
.companyinfo { width:700px; 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; } 

/* 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 }


/* 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; }


/* top::recommend */
.recommend-width { width:550px; }
.recommend-header {  line-height:0; margin-top:3em; text-align:right; margin-right:auto; }
.recommend-borderline { border:3px solid #006600; }
.recommend-title {  padding:0.3em; text-align:left; font-weight:bold; background-color:#E2FFB7; }
.recommend-left  { width:200px; float:left; }
.recommend-right { width:344px; float:right;  }
.recommend-rightp { padding:1em; }
.recommend-overview { border-bottom:3px double #006600; padding:0.2em;  }
.recommend-comment { border-top:2px dotted #026680; padding:0.5em; background-color:#E2FFB7; }


/* 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; }

/* 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;}




/* Generic */
#appealmsg { margin-top:2em; }

.centering { text-align:center; margin-left:auto; margin-right:auto; }
.icon-glass { border:0; vertical-align:middle; }
.iconimg { vertical-align:middle; }
.paragraphbox { background-color:#EEFFD4; padding:0.5em; margin-bottom:1em; border:1px solid #006600; }
.linkbox { border:2px solid #006600;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 { border-bottom:2px dotted #006600; 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;  }
.title-square { background:#006600; color:#ffffff;padding:0.5em 1em; }

.list-indent li { list-style:none; }
.list-indent li {  padding:0.3em 2em; }

.pankuzu {  text-align:right; padding:0.5em; font-size:small; }
.squarebox-def { border:2px dotted #006600;text-align:center; margin:1em auto; padding:1em; }
.treemenu { margin-left:2em; }

.dt-style-a { padding:0.3em; font-weight:bold; background-color:#CCFFFF; }
.dd-style-a { padding:0.5em; background-color:#CCFFFF; margin-bottom:1em; padding-left:2em; border-bottom:1px dotted #0000ff; }

.dl-style-a { background-color:#CCFFFF; border:1px solid #0000ff; margin-top:1em; margin-bottom:1em; }
.dl-style-a dt { padding:0.3em; font-weight:bold; }
.dl-style-a dd { padding:0.5em; margin-bottom:1em; padding-left:2em;  }

.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; }

.money-font { color:#810000;font-weight:bold;font-size:xx-large; }