@charset "utf-8"; 

/*
 *	Stylesheet for www.esteban.co.jp/faq/
 *
 *	Copyright (C) ESTEBAN. All Rights Reserved.
 *
 *  /faq/css/faq.css
 */

/******************************/
/** content**/
/******************************/
#content h1 {
	text-indent:-9999px;
	float:left;}

#content h1 a {
	display:block;
	width:208px;
	height:21px;
	background:url(/faq/images/h1_001.gif) 0 0 no-repeat;
	margin:11px 0 17px 0;}

#main {
	clear:both;}

#main p#description {
	margin:10px 18px 0 18px;
	line-height:1.5;
	padding:5px 0 5px 10px;
	border-left:4px solid #b34749;}

#faq_index #main h2 {
	margin:15px 18px 10px 18px;
	background-color:#e8e8e8;
	border:1px solid #999;
	font-size:12px;
	font-weight:normal;
	padding:4px 3px;}

#faq_index #main h2 a {
	display:block;
	margin:0;
	border-left:4px solid #2b6699;
	padding:3px 0 3px 5px;
	text-decoration:none;
	color:#333;}

#faq_index #main ol {
	margin:5px 18px 0 30px;
	padding:5px 18px 0 20px;}

#main ol.faq_index {
	margin:0 18px 0 20px!important;
	padding:5px 18px 0 20px!important;}

#faq_index ol.faq_index li {
    margin-bottom:10px;
    text-indent:-1.5em;
    margin-left:1.5em;}

ol.faq_index li {
    margin-bottom:10px;
    text-indent:-3.5em;
    margin-left:3.5em;}

ol.faq_index li span {
	line-height:1.5;
	margin-right:0.5em;
	font-weight:bold;
	color:#2b6699;}

ol.faq_index li a {
    line-height:1.5;}

ol li a:link,
ol li a:visited {
	color:#333;
	text-decoration:none;}

ol li a:hover,
ol li a:active {
	color:#a54043;
	text-decoration:underline;}

#faq_index #main .visual {
	margin-bottom:30px;}

#faq_index #main ol.faq_index {
	border-bottom-width:0;
	margin:0 17px;
	padding:0 0 8px 0;}

#main ol.faq_index {
	border-bottom:1px solid #999;
	margin:0 17px;
	padding:0 0 8px 0;}

/* Answer */
#faq_answer .visual {
	height:100%;}

#faq_answer .visual .title {
	margin:15px 18px 10px 18px;
	background-color:#e8e8e8;
	border:1px solid #999;
	font-size:12px;
	font-weight:normal;
	padding:4px 3px;
	display:inline-table;
	zoom:100%;}

/* Hides from IE-mac \*/
* html #faq_answer .visual .title {
    height:1%;}
#faq_answer .visual .title {
    display:block;}
/**/

#faq_answer .visual .title:after,
.answer dl:after {
	content: '[.]';
	visibility:hidden;
	clear:both;
	display:block;
	height:0;}

#faq_answer .title h2 {
	margin:0;
	border-left:4px solid #2b6699;
	padding:3px 0 3px 5px;
	font-size:13px;
	font-weight:normal;
	float:left;
	width:384px;}

#faq_answer .title h2 a {
    text-decoration:none;
    color:#333;}

#faq_answer .title .pagination {
	float:left;
	width:110px;
	padding:3px 0 4px 0;
	margin-left:200px;
	border-left:1px solid #999;}

#faq_answer .title .pagination a {
	background:url(/faq/images/icon_001.gif) 3px 50% no-repeat;
	padding:0 0 0 18px;
	text-decoration:none;}

.answer {
	margin:10px 17px 30px 17px;}

.answer dl {
	border-bottom:1px dotted #999;
	margin:0 20px;
	padding-bottom:10px;
	display:inline-table;}
 
.answer dt {
	font-weight:bold;
	margin-top:10px;
	margin-bottom:3px;
	text-indent:-3.5em;
	margin-left:3.5em;
	color:#333;
	line-height:1.5;}

.answer dt span {
	color:#2b6699;
	line-height:1.5;
	padding-right:0.5em;}

.answer dd {
	text-indent:-3.5em;
	margin-left:3.5em;}


.answer dd strong{
	margin-right:2em;
	line-height:1.5;
	color:#b3474a;}

.answer dd p {
	display:inline;
	line-height:1.5;}



/* skip */
#main .skip {
	width:750px;
	height:25px;
	background:url(/shared/images/bg_totop.gif) 0 0 no-repeat;}

#main .skip p {
	padding:0;
	margin:0;
	width:auto;}

#main .skip p a {
	display:block;
	width:117px;
	height:24px;
	margin:0 15px 0 0;
	background:url(/shared/images/btn_totop.gif) 0 0 no-repeat;}