@charset "UTF-8";


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

  font-size: 13px; /* _uEU */
  *font-size: small; /* IE 7 */
  *font: x-small; /* IE 6? */
  background: #d8eaae;
}

.menu {
	width: 250px;
/*** UPDATE：高橋  これを設定するとスマホtabがちゃんと表示される
	width: 234px;
***/
	margin: 10px 0 10px 10px;
	padding: 10px;
	background: #fff/*url('../img/bg_menu.gif') no-repeat center 0px*/;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

.menu-inner {
	width: 100%;
}

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

.menu h2
{
  margin: 0;
  padding: 0;
 height:75px;
  font-size: 100%;
}

div.mds-page {

/*** DEL：高橋
	width: 224px;
***/
        width: 224px;
	width: -moz-available;		/* Firefox用の設定 */
	padding: 10px 5px;
	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;
}

div.mds-page a h1 {
	text-indent: -999em;
	overflow: hidden;
/*  margin: 0 0 25px 0;
  padding: 0 0 20px 5px;
  line-height: 140%;
  height: 100px;
  border-left: 6px solid #1e890f;
  font-weight: bold;
  font-size: 22px;
  color: #fff;*/
}

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

.menu li.link-list {
	padding: 10px 0 10px 25px;
	background: #a8d593 url(../img/pdf.gif) no-repeat 5px 50%;
}

.menu li.first-list {
	padding: 3px 0 2px 0px;
	border-top: 1px solid #fff;
	background: #1e890f /*url(../img/parts/arrow_green.gif)*/ no-repeat 5px 50%; 
	font-weight: bold;
	color: #fff;
	height:16px;
}

.menu li.first-list span {
	padding: 0 0 0 15px;
}

.menu li.first-list a {
	padding: 0 0 0 15px;
	color: #fff;
}

.menu li.first-list a:hover { text-decoration: none;}

.menu li.second-list {
	padding: 3px 0 3px 5px;
	border-top: 1px solid #fff;
	background: #d2edc4 url(../img/arrow.gif) no-repeat 5px 50%;
	font-size: 100%;
	font-weight: bold;
	height: auto;
}

.menu li.second-list a {
	padding: 0 0 0 15px;
	font-weight: normal;
}

/*** ADD：高橋 ***/
.menu li.second-list-nomake {
	padding: 3px 0 3px 18px;
	border-top: 1px solid #fff;
	background: #d2edc4 url(../img/arrow.gif) no-repeat 5px 50%;
	font-size: 100%;
	font-weight: bold;
	height: auto;
}
/*****************/

.content {
  text-align: center;
  margin: 10px 0;
  padding: 6px;
/*** DEL：高橋
  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;
/*** DEL：高橋
  height: 470px;
***/
}

/* 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: #1e890f;
  color: #fff;
}

.content p.mds-2 {
  padding: 8px 0 8px 2em;
  border-left: 6px solid #349e18;
  background: #d2edc4;
  font-size: 110%;
  font-weight: bold;
  color: #222222;
}

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

}

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

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

.content div.scroll p.mds-3 {
  font-size: 110%;
  font-weight: bold;
  color: #222222;
  margin: 0;
  padding: 15px;
  text-align: left;
/*** DEL：高橋 ***
  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;
/*** DEL：高橋
  width: 480px;
***/
  padding: 1px 0 0 0;
/*** DEL：高橋 ***
  background-image: url(../img/bg_content_p.gif);
  background-repeat: no-repeat;
  background-position: left top;
***/
}


.content p.footer {
  border: 2px dashed #339900;
  padding: 5px;
  font-size:80%;
  background: #ffffcc;
  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;
/*** Add：高橋 ***/
  width: 70%;
  height: auto;
/***********/
}

/*** Add：高橋 ***/
.page-img-smart img{
  text-align: center;
  border: 0px;
  width: 300px;
  height: auto;
}
/***********/

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

.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: 100%;
  	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;		/* タブ名のアンダーバー指定 */
}

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

.menu div#datatype ul li.dtp1 a:hover {
	background: #008000 repeat-x 0 0;
}

.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 4px;
  	color: #ffffff;
}

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

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

.menu div#datatype ul li.dtp3 a {
	background: #D15402 repeat-x 0 0;
  	color: #ffffff;
}

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


/*------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;
	}
	div.p1-1{page-break-after: always}
}


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