@charset 'utf-8';
@import url("common.css");

.clear {
	display				: inline-block;
}

.clear:after {
	content				: ".";
	display				: block;
	height				: 0;
	clear				: both;
	visibility			: hidden;
}


#head2 {
	width				: 950px;
	height				: 55px;
	background			: url("../img/headimg2.jpg") no-repeat;
	font-size			: 12px;
	line-height			: 1.2;
	color				: #EBD89C;
	text-align			: right;
}

#head2 a, #head2 a:hover {
	font-size			: 12px;
	line-height			: 1.2;
	color				: #EBD89C;
}

#head2 p {
	padding				: 30px 50px 0 0;
}

.pancolor a:link{
	color				: #ffc;
    font-weight			: bold;
    border				: 1px solid #fff;
}

#main {
	width				: 650px;
	height				: 1%;
	margin				: 0 35px 0 0;
	float				: right;
	display				: inline;
}

#main:after {
	content				: ".";
	display				: block;
	height				: 0;
	clear				: both;
	visibility			: hidden;
}

/*--------------------  Q&A page  ----------------------*/

div.pan{
	text-align			: left;
	margin-bottom		: 20px
}

div.pan a:link{
	font-size			: 14px;
	font-weight			: bold;
	color				: #ffc;
	text-decoration		: none;
}

div.pan p{
	font-size			: 14px;
	font-weight			: bold;
	color				: #ffc;
}

.qaExplain{
	font-size			: 12px;
    color				: #fff;
    margin-top			: 10px;
    text-align			: left;
    line-height			: 1.5em;
}

.qcate{
	text-align			: center;
    margin-top			: 20px;
}

div.cateBox{
	
	width				: 370px;
    margin				: 20px auto;
	clear				: both;

}

ul.leftcate{
	float				: left;
}

ul.rightcate{
	float				: right;

}

li.cateHeight{
	text-align			: left;
	padding-bottom		: 5px;
}

div.cateBox2{
	width				: 650px;
	clear				: both;
	margin				: 20px 0 0 0;
}

div.cateBox2 h3 {
	margin				: 0;
	padding				: 0;
}

#diving, #snorkel, #fun, #jinbe, #school, #kayak, #speed, #yoyaku {
    float				: left;
	margin-top			:20px;
}

div.rightfont{
    float				: right;
    width				: 85px;

}

div.paperTop img{
	vertical-align		: bottom;
}

div.paper{
	background			: url(../img/paper.gif) repeat-y;
	    width			: 650px;
}

div.question {
	background			: url(../img/qaline.gif) no-repeat;
	width				: 630px;
    height				: 35px;
}

div.question p{
	font-size			: 14px;
    text-align			: left;
    padding				: 12px 0 0 30px
}

div.question p a{
	color				: #2F1807;
	text-decoration		: none;
	font-weight			: bold;
}

div.answer {
	width: 630px;
	background			: url(../img/answer.gif) no-repeat;
    margin				: 5px 0 0 10px;
	text-align			: left;
}	

div.answer p{
	font-size			: 14px;
    padding				: 0 0 10px 20px
}

.qaq {
	margin				: 0 0 15px 0;
}