@charset "UTF-8";

/*------------------文字コード UTF-8----------------*/



/*------------------上部テキスト----------------*/
.qanda_title	{
	position:relative;
	z-index:1;
	width:530px;
	height:40px;
	}

.qanda_main	{
	position:relative;
	font-size:.9em;
	line-height:1.3em;
	color:#666;
	margin-bottom:20px;
	}

.qanda_mainbody	{
	margin:0px 0px 20px 0px;
	line-height:1.2em;
	}
.accordion2	{
	margin:3px 0px 17px 0px;
	}
.qanda_mainbody h3	{
	margin:0px 0px 5px 10px;
	font-size:15px;
	line-height:1.2em;
	color:#fc7283;
	font-weight:700;
	}
.accordion2 p	{
	margin:10px 0px 2px 8px;
	font-size:14px;
	line-height:1.1em;
	}
.accordion2 p a	{
	text-decoration:none;
	}
.answer	{
	margin:0px 0px 0px 30px;
	line-height:1.7em;
	color:#666 !important;
	}

.ui-accordion-header a	{color:#999 !important}
.ui-accordion-header a:hover	{color:#fa4545 !important}




/*------------------stepcarousel----------------*/

.stepcarousel{
	position: relative;
	overflow: scroll;
	width: 520px;
	height:900px;
	}

.stepcarousel .belt{
	position: absolute;
	left: 0;
	top: 0;
	}

.stepcarousel .panel{
	float: left;
	overflow: hidden;
	margin:0px 0px;
	width: 520px;
	position: relative;
	z-index:10;
	top:0px;
	padding:80px 0px 0px 0px ;
	}

.panel	{
	width: 520px;
	height:900px;
	text-align:center;
	}

#select_parent	{
	width:520px;
	border-top:#fdd7dc 3px double;
	padding:4px 0px 0px 0px;
	position:absolute;
	z-index:500;
	top:50px;
	}

#panel_select	{
	font-size:14px;
	width:500px;
	}

#panel1	{
	}

#panel2	{
	}
#panel3	{
	}

/*--------------top_navi------------*/
#qanda_paneltitle1	{
	display:block;
	float:left;
	text-indent:-9999px;
	width:162px;
	height:40px;
	background:url(../images/qanda_paneltitle1.gif) no-repeat top left;
	}
#qanda_paneltitle1:hover	{
	background:url(../images/qanda_paneltitle1_h.gif) no-repeat top left;
	}

#qanda_paneltitle2	{
	display:block;
	float:left;
	text-indent:-9999px;
	width:162px;
	height:40px;
	background:url(../images/qanda_paneltitle2.gif) no-repeat top left;
	}
#qanda_paneltitle2:hover	{
	background:url(../images/qanda_paneltitle2_h.gif) no-repeat top left;
	}

#qanda_paneltitle3	{
	display:block;
	float:left;
	text-indent:-9999px;
	width:162px;
	height:40px;
	background:url(../images/qanda_paneltitle3.gif) no-repeat top left;
	}
#qanda_paneltitle3:hover	{
	background:url(../images/qanda_paneltitle3_h.gif) no-repeat top left;
	}

/*--------------bottom_navi------------*/
.panel_select_bottom	{
	clear:both;
	position:relative;
	width:520px;
	height:18px;
	text-align:left;
	border-top:#fdd7dc 3px double;
	padding:4px 0px 2px 0px;
	}
.panel_select_bottom a	{
	display:block;
	position:relative;
	width:144px;
	height:12px;
	font-size:12px;
	line-height:1.3em;
	color:#888 !important;
	}
.panel_select_bottom a:hover	{
	color:#f98b9f !important;
	}

.lt01	{
	background:url(../images/lt01.gif) no-repeat top left;
	padding:0px 0px 0px 18px;
	position:relative;
	}
.gt01	{
	position:relative;
	text-align:right;
	left:350px;
	background:url(../images/gt01.gif) no-repeat top right;
	padding:0px 18px 0px 0px;
	}
.gt02	{
	position:relative;
	top:-13px;
	_top:-16px;
	text-align:right;
	left:350px;
	background:url(../images/gt01.gif) no-repeat top right;
	padding:0px 18px 0px 0px;
	}


/*----------pankuzu--------*/

div.pankuzu_child	{
	width:220px;
	position:absolute;
	z-index:1000;
	top:6px;
	left:122px;
	color:#ff6666;
	font-size:12px !important;
	line-height: 1.6em;
	font-weight:400;
	}
html:not(:target) div.pankuzu_child { top:7px; }
head~/* */body div.pankuzu_child { top:6px; }
html:not([lang*=""])  div.pankuzu_child { top:8px; }

div#pankuzu	{
	width:140px;
	height:33px;
	position:absolute;
	left:10px;
	z-index:500;
	}
ul.links {
	position: absolute;
	padding:10px 0px;
}
ul.links li {
	font-size:12px;
	height:33px;
	list-style-type:none;
	position: relative;
	z-index: 200;
	padding: 0px 5px 6px 3px;
	line-height: 1.5em;
	color:#ff6666;
	font-weight:400;
	float: left;
	}
ul.links li a{
	text-decoration:none;
	color:#ff6666 !important;
	}
ul.links div.ahover {
	background:url(../images/pankuzu_hover.gif) top right no-repeat;
	margin-top:-8px;
	left:0;
	}
div.ahover {
	position: absolute;
}


/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header	{
	cursor: pointer;
	position: relative;
	margin-top: 1px;
	zoom: 1;
	}
.ui-accordion .ui-accordion-li-fix	{
	display: inline;
	}
.ui-accordion .ui-accordion-header-active	{
	border-bottom: 0 !important;
	}
.ui-accordion .ui-accordion-header a	{
	display: block;
	font-size: 1em;
	padding: .5em .5em .5em 2.2em;
	}
.ui-accordion .ui-accordion-header .ui-icon	{
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
	}
.ui-accordion .ui-accordion-content	{
	border-bottom: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	border-left: 1px solid #d3d3d3;
	padding:4px 3px 3px 5px;

	top: 1px;
	margin-top:-3px;
	_margin-top:-4px;
	margin-bottom:8px;
	margin-right:4px;
	overflow: hidden;
	background:#ffeded;
	display: none;
	}
.ui-accordion a .ui-accordion-content a	{

	}
.ui-accordion .ui-accordion-content-active	{
	display: block;
	}





/* Accordion
----------------------------------*/
.ui-widget-content	{
	color:#999;
	background:#fff;
	font-size:12px;
	}
.ui-widget-content a	{
	color: #fd7b98;
	}


/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default	{
	border: 1px solid #d3d3d3;

	font-weight: 700;
	color: #555555;
	outline: none;
	font-size:14px;
	}

.ui-state-default a{
	color: #999;
	font-size:14px;
	text-decoration: none;
	outline: none;
	}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus	{
	font-size:14px;
	border: 1px solid #999999;
	background: #FFEDED;
	color: #fa4545;
	outline: none;
	}
.ui-state-hover a, .ui-state-hover a:hover	{
	font-size:14px;
	color: #fa4545;
	text-decoration: none;
	outline: none;
	}
.ui-state-active, .ui-widget-content .ui-state-active	{
	border: 1px solid #aaaaaa;
	background: #FFEDED;
	font-weight: normal;
	color: #212121;
	outline: none;
	}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited	{
	color: #777;
	font-weight:700;
	font-size:14px;
	outline: none;
	text-decoration: none;
	}



.ui-icon	{
	width: 14px;
	height: 14px;
	}
.ui-state-default .ui-icon	{
	background-image: url(../images/icon_here.gif);
	}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon	{
	background-image: url(../images/icon_down.gif);
	}
.ui-state-active .ui-icon {
	background-image: url(../images/icon_down.gif);
	}