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

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

body {
  background: #fff;
}
body {
  font-size: 62.5%;
  font-family: " メイリオ",Meiryo,Osaka," ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro"," ＭＳ Ｐゴシック","MS PGothic",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;
}
blockquote {}
blockquote p {}

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

p.clPdefault {
  padding: 16px 10px 10px 10px;
}
.clPdefault img {
  margin: 3px 0px 3px 20px;
}
img.clImgFL {
  float: left;
  margin: 3px 20px 3px 5px;
}


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

div#idDivAllContainer {
  width: 100%;
  text-align: center;
  background: #ffffff url(images/top-back80.jpg) repeat-x top;
}
div#idDivMain {
  width: 960px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

div#idDivHeader {
  width: 960px;
  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;
}

div#idDivHeader img {
  float: right;
  margin-top: 15px;
  margin-right: 10px;
}
div#idDivHeader span {
  display: none;
}
div.clDivMainImg {
/*  background: url(images/subtop-noimg-area.jpg) no-repeat top left; */
  width: 960px;
  height: 20px;
}

div#idDivMainContents {
  width: 960px;
  text-align: left;
  clear: both;
/*  background-image: url(images/top-main-foot.jpg),url(images/top-main-back.jpg); */
  background-repeat: no-repeat,repeat-y;
  background-position: bottom left,top left;
  margin: 0px;
}
div.clDivHMsepa {
/*  background: url(images/top-head-main-sepa.jpg) no-repeat top left;  */
  width: 960px;
  height: 40px;
}
div.clDivMainFoot {
  width: 960px;
  height: 4px;
}
div#idDivMainRightSide {
  float: right;
  width: 926px;
  margin: 0px;
}
div#idDivMainRightSideIN {
  text-align: left;
  padding: 0px 4px 0px 18px;
  font-size: 1.6em;
}
#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 {
  line-height: 14px;
  padding: 6px 0px 10px 15px;
  margin: 0px;
}

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.clDivMenu {
  padding-top: 0px;
  margin-left: 0px;
  margin-top: 24px;
  margin-bottom: 10px;
}

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

/* Hides from IE-mac \*/
* html .clUlListRight li { height: 1%; }
.clUlListRight li { display: block; }
/* End hide from IE-mac */

.clUlListRight a,.clUlListRight a:link,.clUlListRight a:active,.clUlListRight a:visited {
  display: block;
  width: 770px;
  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;
}

img.clImgBox {
  float: left;
  border: solid #999999 1px;
  padding: 8px 8px 8px 8px;
  margin: 0px 20px 20px 0px;
}

/*
--------------------------------------------------
  Others
--------------------------------------------------
*/

div#idDivSitTop {
  width: 240px;
  height: 70px;
  margin-top: 40px;
  margin-right: 10px;
  display: block;
  float: left;
}
div#idDivSitTop a {
  width: 240px;
  height: 70px;
  display: block;
}
#idDivSitTop span {
  display: none;
}

div.clDiventry {
  clear: both;
  background: transparent;
  padding: 0px 0px 10px 0px;
  margin: 0px 0px 10px 0px;
}
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 li {

}
.clDivPOSTIT strong {
  font-size: 14px;
  font-weight: normal;
  color: #800000;
}

.clDivMenuTOP {
  
}
.clUlListCA {
  
}
.clUlListCA li {
  
}

/*
----------------------------------------------------
  Page Top LINK
----------------------------------------------------
*/
div.clDivToplink {
  width: 64px;
  height: 24px;
  float: right;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 10px;
}
.clDivToplink a,.clDivToplink a:link,.clDivToplink a:active,.clDivToplink a:visited {
  display: block;
  width: 64px;
  height: 24px;
  text-decoration: none;
  background-image: url(images/gototop.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.clDivToplink a:hover {
  text-decoration: none;
  background-image: url(images/gototop.jpg);
  background-repeat: no-repeat;
  background-position: 0px -24px;
}
.clDivToplink span {
  display: none;
}
/*
----------------------------------------------------
 Footer Block
----------------------------------------------------
*/
div#idDivFooter {
  width: 100%;
  height: 100px;
  text-align: center;
}
div#idDivFooterIN {
  width: 960px;
  height: 80px;
  background: #e0dcd0;
  margin: 4px auto 4px auto;
}

div#idDivFooterIN p {
  text-align: left;
  line-height: 1.2em;
  font-size: 14px;
  padding: 10px 20px 0px 10px;
  margin-left: 20px;
  margin-right: 20px;
}


/*
----------------------------------------------------
 Table format 
----------------------------------------------------
*/
table.clBasicTable {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  width: 280px;
  border: solid #524938 1px;
  margin: 10px 10px 20px 10px;
}
table.clBasicTable caption {
  text-align: left;
  color: #494E20;
}
table.clBasicTable th {
  text-align: center;
  color: #684511;
  font-size: 14px;
  padding: 10px;
  border: solid #524938 1px;
  font-weight: normal;
  background: #f0ede8;
}

table.clBasicTable td {
  border: solid #524938 1px;
  font-size: 14px;
  padding: 10px;
}
table.clBasicTable thead {
  background: #FFE0E0;
  text-align: center;
  height: 2em;
}
table.clBasicTable tbody {background: #ffffff;text-align: left;}
table.clBasicTable tfoot {background: #fffff0;text-align: center;height: 2em;}
table.clBasicTable span {color: #E00000;}


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

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */