@charset "utf-8";

/* ==

　style
=============================================================================== */
#main .imgCap{
	font-size:108%;
	margin:10px 0 20px;
}

/* live
------------------------------------------------------------------------------- */
.anD .pcC{text-align:center;}
.anD .bnrBlock p.bnrJirei{
	border: 2px solid #7b6800;
	background:#ab9736;
} 
.anD .h4Block{
	background:#efefef;
	padding:20px;
}
.h4Block dt,
.h4Block dd{font-size:116%;}
.h4Block dd p{font-size:87.5%;}
.h4Block dl.lead{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom: 1px solid #ccc;
}
.h4Block dt{
	float:left;
	display:inline;
}
.h4Block dd{padding:0 0 0 8em;}
.h4Block .colImg dd{padding:0 0 0 8em;}

/* -------- other -------- */
.anD sup {
    height: 0;
    line-height: 1;
    vertical-align: baseline !important;
    position: relative;
		bottom: 1ex;  
}
.anD .dataList span:last-child {
    position: relative;
		bottom: 0.15em;  
}

/* goodidea
------------------------------------------------------------------------------- */
#main .bgBlock02{
	padding:20px 20px 10px;
	background:#f2f2f7;
	margin-bottom:20px;
}
/* -------- other -------- */
#main .bgBlock02 h2{
  margin-bottom:30px;
	text-align:center;
  padding: 1em 1em 0.5em;
  margin: 0 0 2em 0;
  border: double 5px #5f5488;  
}
#main .bgBlock02 h3{
	margin-bottom:10px;
  border:0 !important;
  margin:0 15px 0 0;
  text-align:center;
}
#main .bgBlock02 .tit4{
	padding:10px;
	margin-bottom:10px;
  font-size:16px;
  font-weight:bold;
  border-bottom:1px dotted #5f5488;
  color:#5f5488;
}

#main .bgBlock02 .tit4 span.lead{
	font-size:12px;
} 
#main .bgBlock02 .bold{
	color:#e37a12;
	font-size:140%;
	padding-bottom:10px;
}
#main .indent02{
	text-indent:-2em;
	margin-left:2em;
}
/* -------- other -------- */
.box{
  position:relative;
  padding:45px 15px 15px;
  background:#e4e3ed;
}
#main .box h3{
  position:absolute;
  text-align:center;
  top:-20px;
}
#main .iot dt{
  float:left;
  clear:both;
  width:33%;
  background:#fff;
}
#main .iot{
  border-top:1px solid #666;
}
#main .iot dd{
  padding:5px 5px 5px 35%;
  border-bottom:1px solid #666;
}


@media only screen and (max-width: 600px) {	
.anD .pcC{text-align:center;}

/* live
------------------------------------------------------------------------------- */
	.h4Block dl.lead dt{
		width:100%;
		padding-bottom:10px;
		display:block;
		text-align:center;
	}
	.h4Block dl.lead dd{
		width:100%;
		padding:0;
	}
	.h4Block .colImg p{text-align:center;}
/* -------- other -------- */


/* goodidea
------------------------------------------------------------------------------- */
	.bgBlock .inner {padding: 10px;}
/* -------- other -------- */
  #main .bgBlock02{padding:10px;}
  .box{padding:20px 10px 10px;}
  #main .iot dt{
    float:none;
    width:100%;
    background:#fff;
    text-align:center;
  }
  #main .iot{border-top:1px solid #666;}
  #main .iot dd{padding:5px;}
}