#content .midashi {
	font-size: 150%;
	color: #000099;
	font-weight: bold;
	line-height: 1em;
	margin-top: 10px;
	margin-bottom: -7px;
}
#content h1 {
	font-size: 150%;
	color: #be2a1c;
	font-weight: bold;
	line-height: 1.4em;
	margin-left: -10px;
}
#content h3 {
	font-size: 120%;
	color: #ce5828;
	font-weight: bold;
	line-height: 1.2em;
	margin-top: 20px;
}
#content h4 {
	font-size: 150%;
	color: #808000;
	font-weight: bold;
	line-height: 1em;
}
hr.solid {
	height: 1px;
	border: 0;
	border-bottom: 1px solid black;
}
.andmore {
	font-size: 120%;
	color: #ce5828;
	font-weight: bold;
	line-height: 1.2em;
	margin-top: 10px;
}


/*-- リスト --*/

ul.Lline-n {
	list-style-type: none;
	list-style-image: none;
	border-left: 7px solid #00427C;
	padding: 0 0 0 5px;
	margin: 5px 0 30px 0;
}
ul.Lline-n li {
	border-bottom: 1px dashed #989898;
	margin: 0;
	padding: 5px 0;
	font-size: 90%;
	font-weight: normal;
	line-height: 1.1em;
}

/*-- 実例訪問　など --*/

dl.case {
	width:100%;
}

dl.case dt{
	display: block;
	width: 15%;
	clear: left;
	float: left;
	}
	
dl.case dd{
	display: block;
	width: 85%;
	float: left;
	padding-bottom:8px;
}

/*-- チラ見ボタン --*/

div.storeBtn {
	width:275px;
	height:45px;
	background-color:#ccc;
	font-size:13px;
	margin-left:10px;
}

div.storeBtn p {
	padding:10px 30px;
}

/*-- アコーディオンリスト --*/

.accordionList {
    margin: 10px;
    border: 1px solid #ccc;
	font-size:85%;
	background-color:#ccc;
}

.accordionList dt,
.accordionList a,
.accordionList a:link,
.accordionList a:visited {
  cursor:pointer;
  position: relative;
  display: block;
  height: 30px;
  line-height: 30px;
  color: #333;
  border-top: 1px solid #e3e3e3;
  font-size: 1em;
  z-index: 1;
}

.accordionList a:hover {
  cursor:pointer;
  position: relative;
  display: block;
  height: 30px;
  line-height: 30px;
  color: #333;
  border-top: 1px solid #e3e3e3;
  font-size: 1em;
  z-index: 1;
  background-color:#ccc;
}


.accordionList dt {
  height: auto;
  line-height: 1.5;
  padding: 0.8em 10px 0.8em 30px;
}

.accordionList > li:first-child dt {
  border: none;
}

.accordionList dt:before {
  content: "";
  position: absolute;
  top: 50%;
  right: auto;
  left: 17px;
  display: block;
  width: 6px;
  height: 6px;
  border-right: 1px solid #333333; 
  border-bottom: 1px solid #333333; 
  -webkit-transform: translateY(-5px) rotate(45deg);
  -moz-transform: translateY(-5px) rotate(45deg);
  transform: translateY(-5px) rotate(45deg);
  -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: all 0.2s 0s ease;
  -moz-transition: all 0.2s 0s ease;
  transition: all 0.2s 0s ease;
}

.accordionList dt.accordion-open:before {
  -webkit-transform: translateY(-2px) rotate(225deg);
  -moz-transform: translateY(-2px) rotate(225deg);
  transform: translateY(-2px) rotate(225deg);
}

.accordionList a,
.accordionList a:link,
.accordionList a:visited,
.accordionList a:hover {
  padding-right: 40px;
}

.accordionList dd {
  overflow: hidden;
  height: 0;
  padding-left: 30px;
  background: #fff;
}

.accordionList dt[class*="accordion"] + dd {
  -webkit-transition: all 0.2s 0s ease;
  -moz-transition: all 0.2s 0s ease;
  transition: all 0.2s 0s ease;
}

@media screen and (max-width: 768px){
	ul.accordionList dl ul{
		margin-left: 20px;
	}
}

/*-- 中カラム --*/

div#htpSocial, div#app {
	background-color: white;
    padding: 0 2px 1em;
	font-size: 8.5pt;
    padding:0 0.5em 1em;
    line-height: 1.3;
 }
 
div#htpSocial p.stxt {
	padding-bottom:1px;
}

div#htpSocial p.stxt span {
	font-weight:bold;
}

div#htpSocial p.icon {
	text-align:center;
}

div#app p.apptxt {
	font-weight:bold;
	text-align:center;
	line-height:1em;
}
