@charset "utf-8";

.explanation a:link    {text-decoration:underline; color:#333333;}
.explanation a:visited {text-decoration:underline; color:#333333;}
.explanation a:hover   {text-decoration:none; color:#333333;}
.explanation a:active  {text-decoration:underline; color:#333333;}

/*-----------------
★Qa
-------------------*/
#Qa h3{
	padding-bottom:0px;
}

/*#Qa .explanation{
padding:20px 20px 220px 20px;
background-image:url(../qa/images/katamaru_img03.gif);
background-position:center bottom;
background-repeat:no-repeat;
}*/

p#category{
margin-left:20px;
margin-bottom:6px;
}

ul#qaNav{
width:606px;
height:16px;
margin-left:20px;
margin-bottom:24px;
}

ul#qaNav li{
float:left;
text-indent:-9999px;
}

ul#qaNav li,ul#qaNav li a{
display:block;
height:16px;
}

ul#qaNav li a{
background-image:url(../qa/images/nav_qa.gif);
background-repeat:no-repeat;
}

*html ul#qaNav{
line-height:0%;
}

#qaNav01 a{
width:98px;
background-position:0px 0px;
}

#qaNav02 a{
width:115px;
background-position:-98px 0px;
}

#qaNav03 a{
width:102px;
height:16px;
background-position:-213px 0px;
}

#qaNav04 a{
width:113px;
background-position:-315px 0px;
}

#qaNav05 a{
width:113px;
background-position:-428px 0px;
}

#qaNav06 a{
width:65px;
background-position:-541px 0px;
}

#qaNav01 a:hover{
background-position:0px -16px;
}

#qaNav02 a:hover{
background-position:-98px -16px;
}

#qaNav03 a:hover{
background-position:-213px -16px;
}

#qaNav04 a:hover{
background-position:-315px -16px;
}

#qaNav05 a:hover{
background-position:-428px -16px;
}

#qaNav06 a:hover{
background-position:-541px -16px;
}

#Qa h4{
float:none;
clear:both;
width:680px;
height:27px;
margin-bottom:12px;
background-repeat:no-repeat;
text-indent:-9999px;
}

#Qa h4#qa01_ttl{
background-image:url(../qa/images/qa01_ttl.gif);
}

#Qa h4#qa02_ttl{
background-image:url(../qa/images/qa02_ttl.gif);
}

#Qa h4#qa03_ttl{
background-image:url(../qa/images/qa03_ttl.gif);
background-position:0 24px;
padding-top:24px;
}

#Qa h4#qa04_ttl{
background-image:url(../qa/images/qa04_ttl.gif);
background-position:0 24px;
padding-top:24px;
}

#Qa h4#qa05_ttl{
background-image:url(../qa/images/qa05_ttl.gif);
background-position:0 24px;
padding-top:24px;
margin-bottom:0px;
}

#Qa h4#qa06_ttl{
background-image:url(../qa/images/qa06_ttl.gif);
background-position:0 24px;
padding-top:24px;
}

#bkImg01{
height:200px;
background-image:url(../qa/images/katamaru_img01.gif);
background-repeat:no-repeat;
background-position:right bottom;
}

#bkImg02{
background-image:url(../qa/images/katamaru_img02.gif);
background-repeat:no-repeat;
background-position:right top;
padding-top:12px;
}

dl.qs{
width:320px;
float:left;
margin:6px 10px 12px 10px;
border-bottom:1px solid #CCCCCC;
}

*html dl.qs{
margin:6px 6px 12px 6px;}

dl.qs dt{
line-height:0;
}

dl.qs dd{
background-repeat:no-repeat;
background-position:left top;
padding-left:32px;
margin-top:10px;
padding-bottom:6px;
}

dl.qs dd.q1{
background-image:url(../qa/images/Q1.gif);
}
dl.qs dd.q2{
background-image:url(../qa/images/Q2.gif);
}
dl.qs dd.q3{
background-image:url(../qa/images/Q3.gif);
}
dl.qs dd.q4{
background-image:url(../qa/images/Q4.gif);
}
dl.qs dd.q5{
background-image:url(../qa/images/Q5.gif);
}
dl.qs dd.q6{
background-image:url(../qa/images/Q6.gif);
}
dl.qs dd.q7{
background-image:url(../qa/images/Q7.gif);
}
dl.qs dd.q8{
background-image:url(../qa/images/Q8.gif);
}
dl.qs dd.q9{
background-image:url(../qa/images/Q9.gif);
}




/*-----------------
★Qa_ans（回答）
-------------------*/
#Qa_ans .explanation{
padding:20px;
}

#Qa_ans h4{
margin-top:0px;
}

#Qa_ans h5{
margin-top:10px;
}

#Qa_ans h6{
margin-top:32px;
}

.imgArea{
margin-top:38px;
margin-bottom:24px;
}

.ansArea{
color:#006699;
font-size:140%;
border:2px solid #EFEFEF;
font-weight:bold;
padding:10px 12px;
margin-top:24px;
margin-bottom:42px;
}

ol li{
list-style:decimal;
margin-left:20px;
}

ul.disc{
margin-left:12px;
}

ul.disc li{
list-style-type:disc;
margin-left:8px;
}

.txtBlue{
color:#0093D9;
font-weight:bold;
}

.txtArea{
border:1px solid #CCCCCC;
padding:12px;
margin:18px 0;
}

table.table01{
margin:18px 0px;
border-left:1px solid #999999;
border-top:1px solid #999999;
}

table.table01 tr td{
padding:3px 12px;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
}


table.table01 tr td.blue,table.table02 tr td.blue{
background-color:#DEF7FF;
}

table.table02{
margin:6px 0px;
border:none;
}

table.table02 tr td{
padding:3px 2px;
text-align:left;
vertical-align:top;
}

.m12t{
margin-top:12px;
}

.m12b{
margin-bottom:12px;
}

.txtCenter{
text-align:center;
}

.txtRight{
text-align:right;
}

/*-----------------
★トップへボタン
-------------------*/

.gotopS{
clear:both;
float:none;
	width:80px;
	padding-left:580px;
	padding-top: 0px;
	padding-bottom: 0px;
/*	margin-bottom: 20px;*/
}

.gotopS a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	font-size: 0px;
	background-image:url(../images/common/goatop_btn.gif);
	height: 10px;
	background-repeat: no-repeat;
}
.gotop_btn a{
	width: 80px;
	background-position:0px 0px;
	background-repeat: no-repeat;
}
.gotop_btn a:hover{
	width: 80px;
	background-position:0px -10px;
	background-repeat: no-repeat;
}


/*--btn--*/
.backBtn a{
margin-left:auto;
margin-right:auto;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	font-size: 0px;
	background-image:url(../qa/images/btn_qaList.gif);
	height: 29px;
	width: 240px;
	background-position:0px 0px;
	background-repeat: no-repeat;
}
.backBtn a:hover{
	width: 240px;
	background-position:0px -29px;
	background-repeat: no-repeat;
}

/*-----------------
★著者
-------------------*/
#autor_text
{
	width:680px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	border:none;
}