@charset "utf-8";

/*-----------------------------------------------
__CSS infromation

Site URL:		
Summary:		
Created:		201--
Last update:	201--
Author:			webpalco_iwatsuki

Order of description

-Search Key"__"+"id Name of Class Name"

/__YUI
/__Structure Module
/__text Module
/__Hypertext Module
/__wrapper				(div#wrapper)
/__header				(header)
/__article				(article)
/__side_bar				(div#side_bar)
/__footer				(footer)

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


/*-----------------------------------------------
__header
----------------------------------------------*/


/*-----------------------------------------------
__article
----------------------------------------------*/
article section h1{
	margin-bottom: 10px;
	padding: 22px 0 0 25px;
	background-image:url(../img/contents_plate_back03.jpg);
	background-repeat: no-repeat;
	width: 630px;
	height: 61px;
	font-size: 1.5em;/* 24px */
	font-weight: bold;
}

article section h2{
	color:#000000;
	clear:both;
}

article section h2 span{
	color:#2A3366;
	
}

.new_red{
	color:#F00;
}

article section h3{
	font-weight: bold;
	font-size: 1.167em;/* 14px */
}

article section div ul{
	display:block;
	margin-bottom:20px;
	width: 602px;
}

article section ul.img_float{
	margin:0 auto;
	margin-left: 10px;
	padding-bottom: 30px;
}

article section li.logo{
	margin:5px;
	float:left;
	width:128px;
}

article section li.ex_img{
	margin:5px 20px 5px 0;
	float:left;
	width:128px;
	height:102px;
}

article section div{
	margin-bottom:30px;
}

article section .box img{
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 2px;
	border:1px solid #DDD;
}

article section .box .text11{
	margin-top: 20px;
	padding-top: 10px;
	border-top:1px solid #ccc;
}


article .top2{
	clear:both;
}

article section .performance{
}

article section .performance h3,
article section .performance dl{
	margin-left: 10px;
}


article section .performance dl{
	margin-bottom: 20px;
	font-size: 83%;
}

article section .performance dd{
	margin-left: 10px;
}

article section .performance dl.typical dt{
	font-size: 125%;
	margin-bottom: 5px;
}


article section .performance dl.typical dd.btm10{
	margin-bottom: 10px;
}

article .top3{
	width:630px;
	margin-top: 30px;
	padding-top: 50px;
	border-top:1px solid #ccc;
	text-align: right;
}

.mbtm5{
	margin-bottom: 5px;
}

.next_page{
	padding-bottom: 20px;
}

/*-----------------------------------------------
__footer
----------------------------------------------*/

footer{
	clear: both;
}

/*-----------------------------------------------
__アコーディオン
----------------------------------------------*/
.accordion {
  margin: 3em auto;
  max-width: 60vw;
}

.toggle {
  display: none;
}

.option {
  position: relative;
  margin-bottom: 1em;
}

.title,
.content-ac {
  -webkit-backface-visibility: hidden;
	backface-visibility: hidden;
    transform: translateZ(0);
    transition: all 0.3s;
}

.title {
	border: solid 1px #ccc;
	padding: 1em;
	display: block;
	color: #333;
	font-weight: bold;
}

.title:after, .title:before {
  content: "";
  position: absolute;
  right: 1.25em;
  top: 1.25em;
  width: 2px;
  height: 0.75em;
  background-color: #999;
  transition: all 0.3s;
}

.title:after {
  transform: rotate(90deg);
}

.content-ac {
  padding-top: 2em;
  max-height: 0;
  overflow: hidden;
}

.content-ac p {
  margin: 0;
  padding: 0.5em 1em 1em;
  font-size: 0.9em;
  line-height: 1.5;
}

.toggle:checked + .title + .content-ac {
	max-height: 900px;
	transition: all .8s;
}

.toggle:checked + .title:before {
	transform: rotate(90deg) !important;
}