@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: 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 h2,
.menu ul,
.menu li,
.menu p {
  margin: 0;
  padding: 0;
  font-size: 100%;
}

div.mds-page {
	width: 224px;
	width: -moz-available;
	padding: 10px 5px;
	background: #fff url(../img/mds_page_bg2.gif) no-repeat left top;
}

div.mds-page a {
	display: block;
	width: 100%;
	height: auto;
	color: #660099;
	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 #9933cc;
  font-weight: bold;
  font-size: 22px;
  color: #fff;*/
}



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

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

.menu li.first-list {
	padding: 3px 0 5px 0px;
	border-top: 1px solid #fff;
	background: #9933cc /*url(../img/parts/arrow_green.gif)*/ no-repeat 5px 50%;
	font-size: 120%;
	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: #E3C4F3 url(../img/arrow.gif) no-repeat 5px 50%;
	font-size: 110%;
	font-weight: bold;
	height: auto;
}

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

.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: 470px;
}

.content div.scroll2 {
  overflow: auto;
  height: 520px;
}

.content div.scroll3 {
  overflow: auto;
  height: 600px;
}

.content div.scroll4 {
  overflow: auto;
  height: 660px;
}

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

.content p.mds-2 {
  padding: 8px 0 8px 2em;
  border-left: 6px solid #A94ED7;
  background: #E3C4F3;
  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;
  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 div.scroll2 h1 {
  text-align: left;
  font-size: 140%;
  font-weight: bold;
  color: #222222;
  padding: 1px 2px 0px 10px;
  margin: 20px 0 10px 0;

}

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

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

.content div.scroll2 p.mds-3 {
  font-size: 110%;
  font-weight: bold;
  color: #222222;
  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.scroll2 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 div.scroll3 h1 {
  text-align: left;
  font-size: 140%;
  font-weight: bold;
  color: #222222;
  padding: 1px 2px 0px 10px;
  margin: 20px 0 10px 0;

}

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

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

.content div.scroll3 p.mds-3 {
  font-size: 110%;
  font-weight: bold;
  color: #222222;
  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.scroll3 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 div.scroll4 h1 {
  text-align: left;
  font-size: 140%;
  font-weight: bold;
  color: #222222;
  padding: 1px 2px 0px 10px;
  margin: 20px 0 10px 0;

}

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

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

.content div.scroll4 p.mds-3 {
  font-size: 110%;
  font-weight: bold;
  color: #222222;
  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.scroll4 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: 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;
}

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

.menu div#datatype ul li {
	float: left;
	width: 105px;
	height: 27px;
	margin-right: 2px;
	overflow: hidden;
	text-indent: -999em;
}

.menu div#datatype ul li span, #datatype ul li a {
	display: block;
	width: 105px;
	height: 27px;
	line-height: 27px;
	text-decoration: none;
}

.menu div#datatype ul li.dtp1 span {
	background: url(../img/pc_on.gif) repeat-x 0 0;
}

.menu div#datatype ul li.dtp1 a {
	background: url(../img/pc.gif) repeat-x 0 4px;
}

.menu div#datatype ul li.dtp1 a:hover {
	background: url(../img/pc_over.gif) repeat-x 0 0;
}

.menu div#datatype ul li.dtp2 span {
	background: url(../img/mob_on.gif) repeat-x 0 0;
}

.menu div#datatype ul li.dtp2 a {
	background: url(../img/mob.gif) repeat-x 0 0;
}

.menu div#datatype ul li.dtp2 a:hover {
	background: url(../img/mob_over.gif) repeat-x 0 0;
}


/*------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;};
	.content div.scroll2 h1 {padding: 0px; margin: 0px;};	
	.content div.scroll3 h1 {padding: 0px; margin: 0px;};
	.content div.scroll4 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;
	}
}


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