@charset 'UTF-8';

@import url(reset.css);
@import url(base.css);
@import url(common.css);
@import url(navi.css);




/* -----------------------------------------------------------------------------
>> header
----------------------------------------------------------------------------- */

.header_about{
 	width:100%;
	height:280px;
	background:url(/img/pc/parts/header_hotakarenpou.jpg) no-repeat;
	background-position:center;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	background-color:#DBDAD5;
	position:relative;
	border-bottom: 8px solid #DBDAD5;
}

/* -----------------------------------------------------------------------------
>> main-content
----------------------------------------------------------------------------- */
h2{
	width:630px;
	height:36px;
	text-indent: -9999px;
	display: block;
	overflow:hidden;
	margin: 10px 0px 60px 0px;
	background:url(/img/pc/title/title_counsel.gif) no-repeat;

}
h2.counsel_01{background:url(/img/pc/title/title_counsel_01.gif) no-repeat;}
h2.counsel_02{background:url(/img/pc/title/title_counsel_02.gif) no-repeat;}
h2.counsel_03{background:url(/img/pc/title/title_counsel_03.gif) no-repeat;}
h2.counsel_04{background:url(/img/pc/title/title_counsel_04.gif) no-repeat;}
h2.counsel_05{background:url(/img/pc/title/title_counsel_05.gif) no-repeat;}
h2.counsel_06{background:url(/img/pc/title/title_counsel_06.gif) no-repeat;}
h2.counsel_07{background:url(/img/pc/title/title_counsel_07.gif) no-repeat;}
h2.counsel_08{background:url(/img/pc/title/title_counsel_08.gif) no-repeat;}
h2.counsel_09{background:url(/img/pc/title/title_counsel_09.gif) no-repeat;}
h2.counsel_10{background:url(/img/pc/title/title_counsel_10.gif) no-repeat;}
h2.counsel_11{background:url(/img/pc/title/title_counsel_11.gif) no-repeat;}
h2.counsel_12{background:url(/img/pc/title/title_counsel_12.gif) no-repeat;}


h3,h4{
	color:#333;

}

h3{
	height:50px;
	font-size:24px;
	font-weight:bold;
	line-height:50px;
	text-indent:15px;
	margin: 0px 0px 30px 0px;
	background:url(/img/pc/title/h3_about_bg.gif) no-repeat;
}

h4{
	height:40px;
	font-size:20px;
	line-height:36px;
	font-weight:bold;
	background:url(/img/pc/icon/icon_dice_counsel.gif) no-repeat;
	background-position:10px 13px;
	padding: 5px 0px 0px 45px;
	margin: 10px 0px 15px 0px;
	border-top: 1px dashed #CBE69D;
	border-bottom: 1px dashed #CBE69D;
}


.button {
	font-size:16px;
	font-weight:bold;
}



.button a {
	width:270px;
	background-color: #F5F4ED;
	border-top: 1px solid #CBE69D;
	border-left: 1px solid #CBE69D;
	border-right: 1px solid #CBE69D;
	border-bottom: 5px solid #CBE69D;
	color: #444;
	float:left;
	text-align:center;
	padding: 20px 10px 20px 10px;
	margin: 0px 20px 20px 0px;
	text-decoration:none;
	position:relative;
}


.button a:hover {
	background-color: #F5F4ED;
	border-top: 1px solid #CBE69D;
	border-left: 1px solid #CBE69D;
	border-right: 1px solid #CBE69D;
	border-bottom: 5px solid #CBE69D;
	color: #444;
	top: -5px;
}



#pageIndx{
	font-size:12px;
	border: 1px solid #CBE69D;
	background-color:#F5F4ED;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
#pageIndx p{	background-color:#CBE69D;}
#pageIndx p img{ padding: 10px 0px 5px 20px;}

#pageIndx ul{ padding: 15px 0px 15px 20px;}
#pageIndx li{
	background:url(/img/pc/icon/icon_diamond.gif) no-repeat;
	background-position:3px 3px;
	padding: 5px 20px 5px 25px;
	margin: 0px 0px 10px 0px;
	list-style: none;
	line-height:140%;
}

#pageIndx li a{
	display:block;
	color:#000;
	text-decoration:none;
}
#pageIndx li a:hover{
	color:#669900;
}



article.qa{
	width:616px;
	background-color:#fff;
	padding: 10px 0px 10px 10px;
	margin: 10px 0px 50px 0px;
	border: 2px solid #CBE69D;
	border-radius: 6px ; /* CSS3草案 */
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */
	-moz-border-radius: 6px; /* Firefox用 */
	}

.qa_q{
	background:url(/img/pc/icon/q.gif) no-repeat;
	background-position:10px 5px;
	min-height:50px;
	width:530px;
	padding: 0px 0px 10px 70px;
	margin: 0px 0px 10px 0px;
	color:#669900;
	font-size:16px;
	font-weight:bold;
}

.qa_a{
	background:url(/img/pc/icon/a.gif) no-repeat;;
	background-position:10px 5px;
	width:530px;
	padding: 0px 0px 0px 70px;
}

.qa p{padding: 0px 0px 10px 0px; font-weight:normal;}
.qa ul{ margin: 10px 0px 0px 0px;}
.qa ul li{ font-weight:bold;}

.qa ol{}
.qa ol li{ font-weight:normal;}


div.answerer{ text-align:right;  }
div.answerer a{ color:#669900;}
div.answerer a:hover{ color:#CBE69D;}


table {
	width:100%;
	border-spacing: 0;
	font-size:12px;
}
table th {
  color: #333;
  padding: 5px 0px 5px 10px;
  text-align:left;
  background: #F5F4ED;
  border-top:1px solid #DBDAD5;
  border-bottom:1px solid #DBDAD5;
  border-left:1px solid #DBDAD5;
  line-height: 120%;
}
table td {
  color: #333;
  padding: 5px 10px;
  background: #fff;
  border-top:1px solid #DBDAD5;
  border-bottom:1px solid #DBDAD5;
  border-right:1px solid #DBDAD5;
  line-height: 120%;
}