@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------*/


table.top-cmp1 {
width: 25%; /* テーブルの横幅を指定する */
vertical-align: middle;
float:left;
border: none;
margin-left:3px;
margin-right:3px;
margin-bottom:0px;
margin-top:5px;
font-size:20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #43403f;
}
table.top-cmp1 th, table.top-cmp1 td {
padding:0px; /* セルの余白を指定する(上下左右) */
border: none;
}

table.top-cmp1 th {
width: 40%;  /*35テーブルの見出しの横幅を指定する */
} 


table.top-cmp2 {
width: 73%; /* テーブルの横幅を指定する */
vertical-align: middle;
float:left;
border: none;
margin-left:3px;
margin-right:3px;
margin-bottom:0px;
margin-top:5px;
font-size:20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #43403f;
}
table.top-cmp2 th, table.top-cmp2 td {
text-align:left;
padding:0px 0px 0px 10px; /* セルの余白を指定する(上下左右) */
border: none;
background-color:#FFF;
}

table.top-cmp2 th {
width: 58%;  /*35テーブルの見出しの横幅を指定する */
} 

table.top-cmp3 {
width: 25%; /* テーブルの横幅を指定する */
vertical-align: middle;
float:left;
border: none;
margin-left:3px;
margin-right:3px;
margin-bottom:0px;
margin-top:5px;
font-size:20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #43403f;
}
table.top-cmp3 th, table.top-cmp3 td {
padding:0px; /* セルの余白を指定する(上下左右) */
border: none;
background-color: #FC9;
}

table.top-cmp3 th {
width: 40%;  /*35テーブルの見出しの横幅を指定する */
} 

.three_moji{
	letter-spacing:0.5em;
}

/*-----------------------------------------------*/


@media only screen and (max-width:767px){
	

table.top-cmp1 {
width: 100%; /* テーブルの横幅を指定する */
vertical-align: middle;
float:left;
border: none;
margin-left:3px;
margin-right:3px;
margin-bottom:0px;
font-size:14px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #43403f;
}
table.top-cmp1 th, table.top-cmp1 td {
text-align:left;
padding:0px 0px 0px 10px; /* セルの余白を指定する(上下左右) */
border: none;
}

table.top-cmp1 th {
width: 40%;  /*35テーブルの見出しの横幅を指定する */
} 


table.top-cmp2 {
width:100%; /* テーブルの横幅を指定する */
vertical-align: middle;
float:left;
border: none;
margin-left:3px;
margin-right:3px;
margin-bottom:0px;
font-size:14px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #43403f;
}
table.top-cmp2 th, table.top-cmp2 td {
text-align:left;
padding:0px 0px 0px 10px; /* セルの余白を指定する(上下左右) */
border: none;
background-color:#FFFCC1;
}

table.top-cmp2 th {
width: 58%;  /*35テーブルの見出しの横幅を指定する */
} 

table.top-cmp3 {
width: 100%; /* テーブルの横幅を指定する */
vertical-align: middle;
float:left;
border: none;
margin-left:3px;
margin-right:3px;
margin-bottom:0px;
font-size:14px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #43403f;
}
table.top-cmp3 th, table.top-cmp3 td {
text-align:left;
padding:0px 0px 0px 10px; /* セルの余白を指定する(上下左右) */
border: none;
background-color:# #FC9;
}

table.top-cmp3 th {
width: 40%;  /*35テーブルの見出しの横幅を指定する */
} 

}