@charset 'UTF-8';

#main-contents {

  padding-top:50px;
  overflow:hidden;

}

#main-contents #article{
  width:600px;
  background-color:white;
  padding:30px 25px 50px 25px;
  line-height:1.8em;
  font-size:110%;
  min-height:450px;
  float:left;
}

.clm-t{
  color:#a1b900;
  font-weight:bold;
  margin-top:20px;
  font-size:100%;
  text-indent:-25px;
}

.main-text{
  margin-left:50px;
}


table {
	width: 80%;
	border-collapse: collapse;
}

th {
	border: #e3e3e3 1px solid;
	text-align: left;
	background: #f7f7f7;
	padding: 10px;
	font-weight: normal;
	vertical-align: middle; 
}

td {
	border: #e3e3e3 1px solid;
	text-align: center;
	padding: 10px;
	vertical-align: middle; 
}

.other-text{
  margin:30px 40px 0 20px;
}


#article p{
	text-indent:-25px;
	margin-top:20px;
}

.ichiran-ilnk{
  margin-left:15px;
}
.ichiran-ilnk a{
  display:block;
  width:400px;
  padding-top:5px;
  padding-bottom:5px;
  text-align:center;
  border:2px solid;
  border-color:#aaaaaa #444444 #444444 #aaaaaa;
  background:#c4d100;
  margin: 30px 0px 30px 0;
  text-decoration:none;
}

.ichiran-ilnk a:hover{
background:#d8e500;
}


/*===============  PC（固有940以下）   ===============*/
@media only screen and (max-width: 870px){
	
	/* 上書き */
	#r_clm h1 {
		padding:10px 10px 0 10px;
		width:95%;
	}
	
	#main-contents {
		padding-top:30px;
	}
	
	#main-contents #article{
		background-color:#fff;
		margin: 0 auto;
		padding:10px;
		margin-bottom: 10px;
		width:95%;
	}
	
	#r_clm h2 {
		width:90%;
	}
	
	.ichiran-ilnk a{
		width:auto;
		text-indent: 0px;
	}
	
	#footerTextArea {
		width: 100%;
	}
}


/*===============  スマートフォン   ===============*/
/*@media only screen and (max-width: 768px){*/
@media only screen and (max-width: 650px){
	
	#r_clm h1 {
		padding:10px 20px 0 50px;
		width:100%;
	}
	
	#main-contents #article{
	  width:auto;
	  background-color:white;
	  padding:20px;
	  line-height:1.8em;
	  font-size:110%;
	  position:  relative;
	}
	
	#r_clm h2 {
		width:100%;
	}
	
	.main-text{
	  margin-left:30px;
	}
	
	table {
		width: auto;
		border-collapse: collapse;
	}
	
	.ichiran-ilnk{
	  margin-left:0px;
	}
	.ichiran-ilnk a{
	  width:auto;
	  text-indent: 0px;
	}
	
}


