

/*******************************
* 折りたたみ
********************************/
div.panel {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
margin: 0;
padding: 1em;
list-style: none;
}


input[type="checkbox"].ExpandCheckBox {
  display: none;
}


input[type="checkbox"].ExpandCheckBox + div.panel {
  display: none;
}


input[type="checkbox"].ExpandCheckBox:checked + div.panel {
  display: block;
}


/* 角丸 */

.rnd1{
	padding: 15px;
	margin: 15px auto 15px auto;
}

.rnd1{
	position:relative;
	z-index:1;
	padding: 15px;
	margin: 15px auto 15px auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(css/PIE.htc);
}


.rbox1 {
	background-color: #f0f0f0;
	border: 1px solid #d7d7d7;
}

.rbox2 {
	background-color: #FFF;
	border: 2px solid #FF843F;
}

.rbox3 {
	background-color: #FFF;
}

.rbox4 {
	background-color: #F5F5F5;
}


/* シャドウ */

.shadow1,.shadow2,.shadow3{
	padding: 15px;
	margin: 15px auto 15px auto;
}

.shadow1{
	-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}

.shadow2{
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}