body {
  margin: 0;
  padding: 0;
  font-family:'ＭＳ Ｐゴシック','Osaka',Verdana,Arial, sans-serif;

  font-size: 13px; /* モダンブラウザ向け */
  *font-size: small; /* IE 7向け */
  *font: x-small; /* IE 6以下 */
  background-color: #fff;
}

.menu {
  margin: 10px 0 10px 10px;
  padding: 10px;

  background-image: url('../img/bg_menu.jpg');
  background-repeat: no-repeat;
  background-position: left top;


  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}

.menu h1,
.menu h2,
.menu ul,
.menu li,
.menu p {
  margin: 0;
  padding: 0;
  font-size: 100%;
}

div.mds-page {
	/**width: 246px;**/
	width: -moz-available;
	padding: 0;
	margin-bottom: 10px;
	height : 100px;
	/**background: #fff url(../img/mds_page_bg1.gif) no-repeat left top;**/
}

div.mds-page a {
	display: block;
	width: 100%;
	height: auto;
	color: #017d03;
	text-decoration: none;
}

div.mds-page a:hover { text-decoration: underline;}

div.mds-page h2 {
	font-size: 140%;
	line-height: 1.3;
}

div.mds-page h2 span {
	font-size: 160%;
	font-weight: bold;
}

.menu h1 {
  margin: 0 0 15px 0;
  padding: 0 0 10px 5px;
  line-height: 140%;
  height: 100px;
  border-left: 6px solid #4B0082;
  font-weight: bold;
  font-size: 22px;
  color: #FFF;
}



.menu ul {
  list-style-type: none;
 }


.menu li.link-list {
	padding: 10px 0 10px 30px;
	background: #949DFB url(../img/pdf.gif) no-repeat 5px 50%;
	font-size: 110%;
	width: 216px;
	text-indent: -1.0em;
}

.menu li.first-list{

  padding: 3px 0 1px 12px;
  border-top: 1px solid #fff;
  background-color: #949DFB;
  background-image: url('../img/arrow.gif');
  background-repeat: no-repeat;
  background-position: 5px 50%;


  font-size: 110%;
  font-weight: bold;
  height:19px;
  width: 234px;

}

.menu li a {
  padding: 16px 0 16px 16px;
}

.menu li.second-list {



  padding: 3px 0 1px 10px;
  border-top: 1px solid #fff;
  background-color: #949DFB;
  background-image: url('../img/arrow.gif');
  background-repeat: no-repeat;
  background-position: 5px 50%;


  font-size: 110%;
  font-weight: bold;
  height:19px;
  width: 236px;



  padding: 3px 0 1px 10px;
  background-color: #D1D3FE;
  background-image: url('../img/arrow2.gif');
  background-repeat: no-repeat;
  background-position: 6px 50%;
  font-size: 90%;
  font-weight: normal;
  white-space: nowrap;
}

.content {
  text-align: center;
  margin: 10px 0;
  padding: 6px;
  width: 520px;
  background-color: #fff;

  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-left: 1px dotted #cccccc;
}

.content div.scroll {
  overflow: auto;
  height: 670px;
}

/* text -------------------------------- */

.content p {
  margin: 0;
  padding: 0;
  text-align: left;
}

.content p.mds-1 {
  margin: 0 0 1px 0;
  text-align: center;
  padding: 8px 0;
  font-size: 150%;
  font-weight: bold;
  background-color: #6666FF;
  color: #fff;
}

.content p.mds-2 {
  padding: 8px 0 8px 2em;
  border-left: 6px solid #949DFB;
  background-color: #D1D3FE;
  font-size: 110%;
  font-weight: bold;
  color: #000080;
}

.content div.scroll h1 {
  text-align: left;
  font-size: 140%;
  font-weight: bold;
  color: #000080;
  padding: 1px 2px 0px 10px;
  margin: 20px 0 10px 0;

}

.content div.scroll h2 {
  text-align: left;
  font-size: 140%;
  font-weight: bold;
  color: #000080;
  padding: 1px 2px 0px 10px;
}


  
/*
  background-image: url(../img/bg_content_h1.gif);
  background-repeat: no-repeat;
  padding-left: 25px;
*/
  margin: 10px;
}


.content div.scroll div{
  text-align: center;
}

.content div.scroll p.mds-3 {
  font-size: 110%;
  font-weight: bold;
  color: #000080;
  margin: 0;
  padding: 15px;
  text-align: left;
  background-image: url(../img/bg_content_p.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  line-height: 130%;
}

.content div.scroll div.bg_mds-3{
  margin: 0 10px 10px 10px;
  width: 480px;/*必ず、背景画像の幅にあわせること*/
  padding: 1px 0 0 0;
  background-image: url(../img/bg_content_p.gif);
  background-repeat: no-repeat;
  background-position: left top;
}


.content p.footer {
  border: dashed 2px #949df8;
  padding: 5px;
  font-size:80%;
  background-color: #d1d3fe;
  margin: 0;
  line-height: 150%;
  text-align: center;
  white-space: no-wrap;
}


/* img -------------------------------- */

.page-img {
  text-align: center;
}

.page-img img{
  text-align: center;
  border: 0px;
  vertical-align: text-bottom;
}

/* button -------------------------------- */

.page-button {
  margin: 15px;
  width: 90%;
  text-align: center;
}

.prev, .next {
  padding: 0.16px;
  background-color: #ddd;
  border-left: 1px solid #eee;
  border-top: 1px solid #eee;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
}

.prev {
  float: left;
  width: 50px;  
}

.next {
  float: right;
  width: 50px;
}

.page-button img{
  border: 0;
  margin: 0 10px 0 10px;
}

/* button img -------------------------------- */

.page-button img {
  width: 100px;
  height: 20px;
}


.menu div#datatype ul {
	width: 100%;
	height: 27px;
	border-bottom: 5px solid #EA5506;
}

.menu div#datatype ul li {
	float: left;
/*** DEL:高橋 ***
	width: 105px;
	height: 27px;
	overflow: hidden;
	text-indent: -999em;
***/
	margin-right: 2px;		/* TABの間隔 */
/*** ADD:高橋 ***/
  	font-family: "ＭＳ Ｐゴシック";
  	font-size: 90%;
  	font-weight: bold;
  	color: #ffffff;
  	text-align: center;
/***/
}

.menu div#datatype ul li span, #datatype ul li a {
	display: block;
/*** DEL:高橋 ***
	width: 110%;
	height: 27px;
***/
	line-height: 27px;
	text-decoration: none;		/* タブ名のアンダーバー指定 */
	padding: 0 4px;
}

/*** UPDATE:高橋 ***/
.menu div#datatype ul li.dtp3{
/*	letter-spacing:-1px;*/
}
.menu div#datatype ul li.dtp1 span {
	background: #006400 repeat-x 0 0;
}

.menu div#datatype ul li.dtp1 a {
	background: #006400 repeat-x 0 0;
  	color: #ffffff;
  	text-decoration: underline;
}

.menu div#datatype ul li.dtp1 a:hover {
	background: #008000 repeat-x 0 0;
	border-bottom:solid 5px #08000;
	border-radius: 1em; 
	text-decoration: underline;
	}

.menu div#datatype ul li.dtp2 span {
	background: #4B0082 repeat-x 0 0;
}

.menu div#datatype ul li.dtp2 a {
	background: #4B0082 repeat-x 0 0;
  	color: #ffffff;
  	text-decoration: underline;
}

.menu div#datatype ul li.dtp2 a:hover {
	background: #800080 repeat-x 0 0;
	border-bottom:solid 5px #800080;
	border-radius: 1em; 
	text-decoration: underline;
}

/*** ADD：高橋 ***/
.menu div#datatype ul li.dtp3 span {
	background: #EA5506 repeat-x 0 0;
}

.menu div#datatype ul li.dtp3 a {
	background: #EA5506 repeat-x 0 4px;
  	color: #ffffff;
  	text-decoration: underline;
}

.menu div#datatype ul li.dtp3 a:hover {
	background: #ffA500 repeat-x 0 0;
	border-bottom:solid 5px #ffA500;
	border-radius: 1em; 
	text-decoration: underline;
	}
/*****************/


/*------p-------*/

/*------印刷用画面-------*/
@media print {
	body{border:0; margin:0; padding: 0;}
	p.mds-1 {display: none;}
	p.mds-2 {display: none;}
	div.page-button {display: none; }
	p.footer {display: none; }
	.content {border: 0px;}
	.content div.scroll h1 {padding: 0px; margin: 0px;};
	
	html,body{
	overflow:hidden;
	scrollbar-base-color:#ffffff;
	scrollbar-face-color:#ffffff;
	scrollbar-arrow-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-highlight-color:#ffffff;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-track-color:#ffffff;
	}
	iframe{
	scrollbar-base-color:#ffffff;
	scrollbar-face-color:#ffffff;
	scrollbar-arrow-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-highlight-color:#ffffff;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-track-color:#ffffff;
        }
        .content div.scroll {
          overflow: autoe;
          height: 1000px;
        }
}


/* hack - clearfix
---------------------------------------- */

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: inline-block;}

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