#top_line {
    width: 1132px;
    border: inset 1px #ff0000;
	text-align:center;
	padding: 10px 0;
	background-color: #ffffff;;
	margin-left:auto;margin-right:auto;
}
#second_line {
 	color: #008000;
 	font-size: 18px;
 	font-weight: 600;
	padding: 2px 0;
}

#box_materal {

	text-align:left;
 	color: #008000;
 	font-size: 16px;
 	font-weight: 600;
	padding: 2px 0;
}

#container {
    width: 100%;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    
    -moz-box-pack:center;
	-webkit-box-pack:center;
	-o-box-pack:center;
	-ms-box-pack:center;

}
#main {
	
    /*-webkit-box-flex: 1;  android, ios */
    /*-moz-box-flex: 1;  firefox */
    background: #ffffff;
    width:800px;
    padding: 0 5px;
    min-height: 655px;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
}
#leftBox {
    width: 160px;
    background: #faf0e6;
    min-height:600px;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
     border: inset 1px #000000;
    
   }
#rightBox {
    width: 160px;
    background: #ffffff;
    min-height: 650px;
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
	color: #000000f;
	font-weight: bolder;
	border:inset 1px #000000;
    
}
#container_main {
    width: 100%;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    -moz-box-pack:center;
	-webkit-box-pack:center;
	-o-box-pack:center;
	-ms-box-pack:center;
}
#block1 {
    width: 70%;
    text-align:left;
    padding:  0 0px;
    border:inset 1px #000000;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -moz-box-pack:center;
	-webkit-box-pack:center;
	-o-box-pack:center;
	-ms-box-pack:center;;
}
#block2 {
	width:30%;
	border:inset 1px #000000;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
}
#block11 {
	width:50%;
}
#block12 {
	width:50%;
	border:inset 1px #000000;
}
#block111 {
	width:100%;
}
#block112 {
    width: 100%;
    text-align:left;
    display: -webkit-box;
    display: -moz-box;
    padding:  0 0px;
    -moz-box-pack:center;
	-webkit-box-pack:center;
	-o-box-pack:center;
	-ms-box-pack:center;;
}

#block1121 {
	width:50%;
}
#block1122 {
	width:50%;
}
#container2 {
    width: 100%;
    text-align:left;
    display: -webkit-box;
    display: -moz-box;
    padding:  0 10px;
    -moz-box-pack:center;
	-webkit-box-pack:center;
	-o-box-pack:center;
	-ms-box-pack:center;
}
#sub1 {
    /*-webkit-box-flex: 1;  android, ios */
    /*-moz-box-flex: 1;  firefox */
    text-align:left;
    background: #ffffff;
    width:340px;
    min-height: 120px;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
}
#sub2 {
    /*-webkit-box-flex: 1;  android, ios */
    /*-moz-box-flex: 1;  firefox */
    background: #ffffff;
    width:80px;
    min-height: 120px;

    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
}
#sub3 {
    /*-webkit-box-flex: 1;  android, ios */
    /*-moz-box-flex: 1;  firefox */
    background: #ffffff;
    width:100px;
    min-height: 120px;
    font-size: 18px;
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
}

#ans1 {
    /*-webkit-box-flex: 1;  android, ios */
    /*-moz-box-flex: 1;  firefox */
    text-align:left;
    padding: 1px 3px;
    background: #ffffff;
    width:200px;
    min-height: 80px;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
}
#ans2 {
    /*-webkit-box-flex: 1;  android, ios */
    /*-moz-box-flex: 1;  firefox */
    padding: 1px 3px;
    background: #ffffff;
    width:200px;
    min-height: 80px;

    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
}
#ans3 {
    /*-webkit-box-flex: 1;  android, ios */
    /*-moz-box-flex: 1;  firefox */
    padding: 1px 3px;
    background: #ffffff;
    width:200px;
    min-height: 80px;
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
}


input{ width:60px; } 
/*
#table_1{
	color: #FF0000;
	font-size: 34px;
*/
}
input.input1{
	 width: 60px;
	 height: 30px;
 	color: #008000;
 	font-size: 18px;
 	font-weight: bold;
 	text-align:center;
}
input.input2{
	 width: 60px;
	 height: 30px;
 	color: #000000;
 	font-size: 18px;
 	font-weight: bold;
 	text-align:center;
}
input.inin{
	 width: 80px;
	 height: 30px;
 	color: #000000;
 	font-size: 18px;
 	font-weight: bold;
 	text-align:center;
}


#abc {
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	background-color: #ffffff;
	border: 2px #ff0000	
}

#abcd {
	font-size: 24px;
	color: #ffffff;
	/*font-weight: bolder; */
	background-color: #99cc00;
	border: 2px #ff0000	
}


#siddesign {
	font-size: 14px;
	color: #000000;
	text-align:left;
	font-weight:500;
}
h1 {
    text-align: center;
    font-size: 72px;
    color: white;
    text-shadow: 0 -2px 0 #000000;
    padding: 0;
    margin: 150px 0 0 0;
}

  body {
    background:#ffffff none repeat scroll 0 0;
    color:#222;
    font-family:Helvetica;
    font-size:72%;
    line-height:1.5em;
    margin:0;
    border-top:1px solid #393939;
  }

#table_1 { display:box; 
    box-pack:center;
    margin:2;
    width:100%;
}

#bb1,#bb3,#bb4,#cc1,#cc3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    width:90px;


    color: #079400;
	padding: 3px 3px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 50%,
		#b5b5b5);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ffffff),
		to(#b5b5b5));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 3px solid #2ea100;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
}
#bb2,#cc2 { 

    font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
    width:90px;

	color: #079400;
	padding: 3px 3px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 50%,
		#b5b5b5);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ffffff),
		to(#b5b5b5));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 3px solid #2ea100;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
}

#dd1,#dd2 { 

    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    width:90px;

	color: #079400;
	padding: 3px 3px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 50%,
		#b5b5b5);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ffffff),
		to(#b5b5b5));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 3px solid #2ea100;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
}

.inin { 	background-color: #ffffff; }
/* タブのcss定義　　　　　　　　　　　　　　　　　　　　　　　 */
.js-tabs ul.tab_menu{
  list-style-type:none;
  margin:3px;
  padding:0px;
  font-size: 16px;
}
.js-tabs ul.tab_menu li{
  display:inline;
  background:#666;

  margin:0px;
  padding:2px;
}
.js-tabs .tab_menu li a{
  padding:3px;
}
.js-tabs .tab_menu li a:link,
.js-tabs .tab_menu li a:visited{
  background-color:#666;
  color:#fff;
}
.js-tabs .tab_menu li a.active:link,
.js-tabs .tab_menu li a.active:visited{
  background-color:#444;
  color:#fff;
}
.js-tabs .tab_menu li a:hover{
  background-color:#333;
  color:#f0f;
}
.tab_content{
  position:relative;
  //height:200px;
}
.tab_content div.page{
  //width:150px;
  //height:200px;
  position:absolute;
  color:#222;
}
#page1-1{
  background-color:#fff;
  text-align: left;
  font-size: 16px;
}
#page1-2{
  background-color:#fff;
    font-size: 16px;
}
#page1-3{
  background-color:#fff;
}
/* タブのcss定義end　                         */
    
