/*********** 右固定（画像）左可変 ***************/


.l_fixed_p {
	float: left; 
	width: 100%;
}
.l_fixed_p img{
	width:40%;
	border:solid 1px #ccc;
	padding: 5px;
	float:left;
	margin:10px; 
}
.r_col_liquid_p {
	float: none; 
	width: 100%; 
	display: none; /*スマフォの時は非表示 */
}

.l_contents_p{
	display:block; /*スマフォの時は表示 */
}
.career {
	clear:both;
	float: none; 
	width: 100%; 
	padding-top:3px;
}


/* 左カラム可変・右カラム固定 */
@media only screen and (min-width:798px) {
.l_fixed_p {
  float: left; /* 左方向にフロート */
  width: 280px;
}
.r_col_liquid_p {
  float: left; /* 左方向にフロート */
  width: 100%; /* 右カラムで指定した100px以外の幅を保持 */
  margin-left: -280px;
    display: block;
}
.r_contents_p {
  margin-left:300px; 
}
.l_fixed_p img{
	width:100%;
	border:solid 1px #ccc;
	padding: 5px;
	float:left;
	margin-right:10px;
	margin-top:0px;; 
}
.l_contents_p{
	display:none;
}






.prom{
	padding: 15px 15px;	/* 上下、左右 */
	padding-top: 0px;	/* 上 */
}






.pdg_r {
padding:10px 20px;
}





/*********** 右固定（画像）左可変 ***************/

.sample-div {
  display: table;
  width: 90%;
	background-color:pink;
	padding: 5px;
	min-height:50px;
}


/*450以下　*/
@media only screen and (max-width:450px) {
  .tbl-r03 tr td, 
  .tbl-r03 tr th {
    height:200px;
}
}
@media only screen and (max-width:400px) {
  .tbl-r03 tr td, 
  .tbl-r03 tr th {
    height:250px;
}
}
@media only screen and (max-width:320px) {
  .tbl-r03 tr td, 
  .tbl-r03 tr th {
    height:260px;
}
}



.class_head
{
	width : 100% ; 
	max-width:400px;
	border:solid 1px #ddd;
	background:  #6f4b3e;
	color:#ffffff;
	padding:3px 15px;
	margin-bottom:10px;
    border-radius: 3px;
    -moz-border   -radius: 3px; /* FF */
    -webkit-border-radius: 3px;/* Webkit */
}


.outer{
  display: table;
  width: 100%;
}
.inner{
  display: table-cell;
  vertical-align: middle;
}