@charset "Shift_JIS";


/*****************************************************
	タイトルH3の　アコーディオン動作テスト完成
*****************************************************/
#hpb-wrapper h3.accordion{

    padding-left: 30px;
    background:url(images/a_open.jpg)  1% no-repeat; 


}

#hpb-wrapper h3.accordion.active{
/*    background:url(images/i_swich.png) 177px 18px no-repeat; 
*/
    background:url(images/a_close.jpg)  1% no-repeat; 


}

h3.accordion + div,
h3.accordion + ul,
h3.accordion + p{

/*    background-color:#f2f2f2;
*/
/*    width:200px;
    height:50px;
*/
/*    border:#666 1px solid;
*/
   display:none;	/* ビルダー上で隠れた部分を表示するには、一時的にこの行をコメント化する。*/

    }

/********************************************
* アコーデオンメニュー作成のテスト
********************************************/

/********************************************
* アコーデオンメニュー作成のテスト その２
* http://web-pc.net/jquery010
********************************************/
ul.accordion{
	background:#DDD; width:100%; margin:0 auto 30px; padding:10px; font-size:16px;
}
ul.accordion a{
	display:block; padding:10px; background-position:97% center; background-repeat:no-repeat; text-decoration:none; color:#333; font-weight:bold;
}
ul.accordion span{
	display:block; padding:10px; background-position:0% center; background-repeat:no-repeat; color:#333; font-weight:bold;
}/*0%は下▼の左右位置 */
ul.accordion ul{
	list-style-type: none !important;
	display:none;
}
ul.accordion > li{
	background: -moz-linear-gradient(top, #C6F0FE, #27BCF9); 
			background: -webkit-gradient(linear, left top, left bottom, from(#C6F0FE), to(#27BCF9));
			background: linear-gradient(180deg, #C6F0FE 0%, #27BCF9 100%);
			}
ul.accordion > li > p{
	 	background: -moz-linear-gradient(top, #C6F0FE, #27BCF9);
				background: -webkit-gradient(linear, left top, left bottom, from(#C6F0FE), to(#27BCF9));
				background: linear-gradient(180deg, #C6F0FE 0%, #27BCF9 100%);
				cursor:pointer;
			}
ul.accordion > li > p span{
	background-image : url(images/a_open.png);
padding-left: 30px;
}
ul.accordion > li > p span.open{
	background-image : url(images/a_close.png);
padding-left: 30px;
}
ul.accordion > li > ul > li{
	 
	margin-bottom: 0; 
	margin-top: 0; 
		margin-left: 0;
		background:#999; border-bottom:1px solid #EEE;
}
ul.accordion > li > ul > li > p{
	background:#999;
}
ul.accordion > li > ul > li > a{
	background : url(images/a_go.png) 98% center / auto auto no-repeat scroll padding-box border-box transparent;
}
ul.accordion > li > ul > li > ul > li{
	background:#FFF; border-bottom:1px dotted #888;
}
ul.accordion > li > ul > li > ul > li:last-child{
	border:none;
}



dl.accordion{
	background:#DDD; width:80%; margin:0 auto 30px; padding:10px; font-size:16px;
}
dl.accordion dt{
    background:url(../images/a_open.png) 0% center no-repeat,-moz-linear-gradient(top, #C6F0FE, #27BCF9);
    background:url(../images/a_open.png) 0% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#C6F0FE), to(#27BCF9));
    border-bottom:1px solid #EEE; height:40px; text-indent:10px; line-height:40px; color:#333; font-weight:bold; cursor:pointer;
}
dl.accordion dt.open{
    background:url(../images/a_close.png) 0% center no-repeat,-moz-linear-gradient(top, #C6F0FE, #27BCF9);
    background:url(../images/a_close.png) 0% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#C6F0FE), to(#27BCF9));
}/*0%は下▼の左右位置 */
dl.accordion dd{
	background:#FFF; padding:10px; line-height:1.5; display:none;
}