/* -- Basic Set up --------------------------------------------------- */

* {margin: 0px;padding: 0px;}

body {
  background: #fff;
  font-family: 'ヒラギノ角ゴ Pro W3';'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
/* general params--------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote,table,hr,img{
padding: 0;/* margin&padding reset */
line-height: 120%;/* base line height */
text-align: left;
margin: 0px;
text-decoration:none;
border:none;
}

img {
  border: none;
  padding: 0px;
  margin: 0px;
  max-width: 100%;
  height: auto;
}

a { text-decoration: none; }
a:link {color: #000000; text-decoration: none;}
a:active {color: #000000; text-decoration: none;}
a:visited {color: #000000; text-decoration: none;}
a:hover {color: #1E6C00;text-decoration: underline;}

.clearAll {clear: both;}
.clearLeft {clear: left;}
.clearRight {clear: right;}
.clFloatLeft {float: left;}
.clFloatRight {float: right;}

/*
--------------------------------------------------------------------
 main
--------------------------------------------------------------------
*/

div#idDivAllContainer {
  width: 100%;
  text-align: center;
  background: #ffffff url(images/top-back80.jpg) repeat-x top;
}
div#idDivMain {
  width: 960px;
  max-width: 100%;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}
div#idDivHeader {
  width: 960px;
  max-width: 100%;
  height: 80px;
  margin-bottom: 8px;
}
div#idDivHeader h1 {
  background: url(images/top-logo.jpg) no-repeat top left;
  width: 450px;
  height: 45px;
  margin-left: 10px;
  margin-top: 15px;
  float: left;
}
#idDivHeader a {
  display: block;
  width: 450px;
  height: 45px;
}
div#idDivHeader img {
  float: right;
  margin-top: 15px;
  margin-right: 10px;
}
div.cldivDispTEL2 {
  width: 460px;
  height: 45px;
  background: url(images/top-tel.jpg) no-repeat top left;
  float: right;
  margin-top: 15px;
  margin-right: 10px;
}
div#idDivHeader span {
  display: none;
}
div.clDivMainImg {
  width: 960px;
  max-width: 100%;
  height: 20px;
}

div#idDivMainContents {
  width: 960px;
  max-width: 100%;
  text-align: left;
  clear: both;
  margin: 0px;
}
div.clDivHMsepa {
  width: 960px;
  max-width: 100%;
  height: 0px;
}
div.clDivMainFoot {
  width: 960px;
  max-width: 100%;
  height: 4px;
}

div#idDivMainRightSide {
  float: right;
  width: 920px;
  max-width: 100%;
  margin: 0px;
}
div#idDivMainRightSideIN {
  text-align: left;
  padding: 0px 20px 0px 18px;
}
#idDivMainRightSideIN h2 {
  font-size: 20px;
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 6px;
}
h2.clH2center {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
#idDivMainRightSideIN p {
  font-size: 16px;
  line-height: 1.5em;
  padding: 0px 0px 10px 0px;
  margin: 0px;
}
#idDivMainRightSideIN img {
  padding: 4px 4px 4px 4px;
  margin: 6px 8px 6px 8px;
}
ul.clUlList {
  list-style: none;
  margin-left: 20px;
  margin-top: 8px;
  margin-bottom: 10px;
}
.clUlList li {
  background: url(images/li-mark.gif) no-repeat top left;
  font-size: 16px;
  padding: 0px 20px 4px 20px;
}
.clUlList a,.clUlList a:link,.clUlList a:active,.clUlList a:visited {
  color: #797549;
}
.clUlList a:hover {
  color: #006800;
}

div.clDivPOSTIT {
  padding: 4px 0px 4px 6px;
  margin: 0px 0px 2px 0px;
}
.clDivPOSTIT h3 {
  font-size: 18px;
  color: #004980;
  padding: 0px 0px 0px 6px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.clDivPOSTIT ul {
  list-style: none;
  text-align: left;
}
.clDivPOSTIT strong {
  font-size: 14px;
  font-weight: normal;
  color: #800000;
}

ul.clUlListRight {
  list-style: none;
  text-align: left;
  margin-top: 4px;
  margin-bottom: 16px;
}
.clUlListRight li {
  color: #000000;
  margin-bottom: 8px;
}
.clUlListRight li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clUlListRight li { display: inline-block; }
.clUlListRight li { display: block; }

.clUlListRight a,.clUlListRight a:link,.clUlListRight a:active,.clUlListRight a:visited {
  display: block;
  width: 770px;
  max-width: 100%;
  float: left;
  font-size: 16px;
  padding-left: 24px;
  color: #000000;
  text-decoration: none;
  background-image: url(images/li-mark2.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.clUlListRight a:hover {
  color: #800000;
  background-image: url(images/li-mark2-on.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div.clDivLRin {
  display: block;
  width: 70px;
  float: left;
  font-size: 16px;
  padding-right: 8px;
}
div.clDivLRin2 {
  display: block;
  width: 30px;
  float: left;
  font-size: 16px;
  padding-right: 8px;
}

div#idDivMainLeft {
  width: 30px;
  float: left;
  text-align: left;
  margin: 0px;
}
div#idDivMainLeftIN {
  padding: 0px 0px 0px 4px;
  margin-bottom: 20px;
}

/*
--------------------------------------------------
  Entry (category / article) blocks
--------------------------------------------------
*/

div.clDiventry {
  clear: both;
  background: transparent;
  padding: 0px 0px 10px 0px;
  margin: 0px 0px 10px 0px;
}

h4.entry_title {
  color: #202020;
  font-weight: bold;
  font-size: 18px;
  font-family: 'ヒラギノ角ゴ Pro W3';'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  background: #e0dcd0;
  border-left: solid #bcbaad 8px;
  padding: 6px 6px 6px 18px;
  margin: 0px 0px 10px 0px;
}
.entry_title a,
.entry_title a:link,
.entry_title a:visited,
.entry_title a:active,
.entry_title a:hover {
  color: #202020;
  text-decoration: none;
  font-weight: bold;
}
div.entry_body {
  font-size: 14px;
  line-height: 1.4em;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  padding: 6px 6px 6px 10px;
  margin-top: 4px;
  margin-bottom: 4px;
}
.entry_body img {
  padding: 4px;
  margin: 4px;
  border: solid #404049 1px;
}

/*
----------------------------------------------------
 TOPICPATH (breadcrumb)
----------------------------------------------------
*/
div.clDivTOPICPATH {
  font-size: 18px;
  color: #004980;
  font-weight: bold;
  border-left: solid #004980 8px;
  padding-left: 8px;
  margin-top: 0px;
  margin-bottom: 18px;
}
div.clDivTOPICPATH a,
div.clDivTOPICPATH a:link,
div.clDivTOPICPATH a:visited,
div.clDivTOPICPATH a:active {
  color: #004980;
}
div.clDivTOPICPATH a:hover {
  color: #1E6C00;
}

/*
----------------------------------------------------
 Table format
----------------------------------------------------
*/
table.clBTable {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  border: solid #00345F 1px;
  margin: 16px 8px 16px 8px;
}
table.clBTable th {
  text-align: center;
  color: #00456C;
  font-size: 16px;
  background: #E0EDF7;
  border: solid #00345F 1px;
  padding: 8px;
}
table.clBTable td {
  text-align: center;
  border: solid #00345F 1px;
  font-size: 16px;
  padding: 8px;
  color: #383838;
}
table.clBTable strong {color: #E00000;}

/*
--------------------------------------------------
 Footer Block
--------------------------------------------------
*/
div#idDivFooter {
  width: 100%;
  height: 100px;
  text-align: center;
}
div#idDivFooterIN {
  width: 960px;
  max-width: 100%;
  background: #e0dcd0;
  margin: 4px auto 4px auto;
  box-sizing: border-box;
}
div#idDivFooterIN p {
  text-align: left;
  line-height: 1.2em;
  font-size: 14px;
  padding: 10px 20px 10px 10px;
  margin-left: 20px;
  margin-right: 20px;
}
div#idDivFooterOther {
  width: 100%;
  height: 10px;
  text-align: center;
  background: #fff;
}

/*
----------------------------------------------------------------------
 CSS hack
----------------------------------------------------------------------
*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }