@charset "utf-8";

@import url("../packages/flower/css/import.css");

/* よくある質問
----------------------------------------------- */
#qandaarea {
    width: 550px;
    margin: 0 auto;
}

.question {
    color: #000000;
    font-weight: bold;
    margin: 0 auto;
}

.answer {
    color: #000000;
    margin: 0 auto;
    padding: 8px 0px 16px 0px;
}

.shousai {
    color: #ff6699;
    font-size: 12px;
    font-weight: bold;
    padding: 0px;
}

.souryou {
    color: #ff0000;
    font-size: 18px;
    font-weight: bold;
    padding: 0px;
}

.case {
    color: #ff6699;
    font-size: 16px;
    font-weight: 600;
    padding: 0px;
}

.card {
    color: #ff6600;
    padding: 0px;
}

/* noobSlid
----------------------------------------------- */
#cont{width:700px; height: 260px; margin:0 auto;background:#fff;text-align:left;padding:20px}

.buttons{padding:5px 5px; height: 30px;}
.buttons span {
background:#ffaaaa; color:#ffffff; padding: 5px 8px; 
margin: 0px 1px; cursor:pointer; border: #663333 solid 1px; 
font-size:18px; font-weight: 600; line-height: 33px;
text-decoration:none;

}
.buttons span.active
{background:#993333;color:#fff}

#handles4 a{ 
 text-decoration:none;
}

#handles4_2 a{ 
 text-decoration:none;
}



.buttons span:hover{background:#ffffff;color:#ff8888;}


/* Sample 4*/
#box4{
	position:absolute;
}
#box4 div{
	width:697px;
	height:197px;
	float:left;
	background:#fff9f9;
                border-top: #663333 solid 1px;
border-left: #663333 solid 1px;
border-right: #663333 solid 1px;
border-bottom: #663333 solid 2px;

}


#box4 div:hover{
	width:697px;
	height:197px;
	float:left;
	background:#ffffdd;
}


#box4 h3, #box4 p, #box4 ul{
	padding:5px 10px;
}
#box4 p{
	text-indent:16px;
}

#box4 a{
	color:#663333; 
}

#box4 img{
	width:280px;
	width:210px;
	float:left;
	margin:0 10px 10px 15px;
}
#info4{
	background:#fff !important;
	color:red !important;
	cursor:default
}

.hovering{ 
cursor:pointer;
}


.mask3{
	position:relative;
	width:700px;
	height:200px;
	margin-top: 3px;
	overflow:hidden;
}