@charset "UTF-8";

/* faq.css */
/*
Last update : 2008/11/19 @GL-MA
-------------------------------------

Index:
-------------------------------------
001/ Category Index 	(@_01)
002/ Box Frame			(@_02)
003/ Contents	 		(@_03)
004/ Internet 			(@_04)
-------------------------------------
/* ======================================================================================
001/ Category Index (@_01)
====================================================================================== */
p.indexList_contarct { background: url(./images/indexList_contractImg.jpg) no-repeat 8px 3px;}
p.indexList_price { background: url(./images/indexList_priceImg.jpg) no-repeat 8px 3px;}
p.indexList_room { background: url(./images/indexList_roomImg.jpg) no-repeat 8px 3px;}
p.indexList_payment { background: url(./images/indexList_paymentImg.jpg) no-repeat 8px 3px;}
p.indexList_postage { background: url(./images/indexList_postageImg.jpg) no-repeat 8px 3px;}
p.indexList_key { background: url(./images/indexList_keyImg.jpg) no-repeat 8px 3px;}
p.indexList_cancel { background: url(./images/indexList_cancelImg.jpg) no-repeat 8px 3px;}
p.indexList_internet { background: url(./images/indexList_internetImg.jpg) no-repeat 8px 3px;}

/* ======================================================================================
002/ Box Frame (@_02)
====================================================================================== */
div#faq {
	width: 554px;
	background: #fff;
	}
/* ======================================================================================
003/ Contents (@_03)
====================================================================================== */
/* ---------- Faq-List ---------- */
.faq-list {
	background: transparent url(./images/faq_bg.gif) no-repeat right top;
	text-align: left;
	padding: 10px;
	border: 0px solid #ccc;
	}
.faq-list dt{
	background: transparent url(./images/icon_q.gif) no-repeat 8px 11px;
	color: #37618a;
	font-weight: normal;
	color: #0033cc;
	margin: 0;
	padding: 10px 0 10px 35px;
	border-top: 1px dotted #ccc;
	cursor: pointer;
	}
.faq-list dt span {
	text-decoration: underline;
	}
.faq-list dt.first {
	border-top: 0px dotted #ccc;
	}

.faq-list dd {
	margin: 0;
	}
.faq-list dd.answer {
	background: transparent url(./images/icon_a.gif) no-repeat 25px 5px;
	margin: 0 5px;
	padding: 10px 10px 10px 66px;
	}
.faq-list dd.answer p {
	line-height: 160%;
	}
.faq-list dd.answer table {
	margin: 10px 0;
	}
.faq-list dd.answer td,
.faq-list dd.answer th {
	padding: 5px;
	}
/* ======================================================================================
004/ Internet (@_04)
====================================================================================== */
div#internet {
	width: 554px;
	text-align: left;
	}
/* ---------- preparations ---------- */
div#preparations {
	background: #f9f9f9;
	margin: 10px 10px 25px 10px;
	padding: 10px 10px 0 10px;
	border: 1px solid #ccc;
	}
/* ---------- flowList ---------- */
div#flowList {
	background: #f9f9f9;
	margin: 10px 10px 25px 10px;
	padding: 10px;
	border: 1px solid #ccc;
	}
div#flowList ol li {
	font-size: 15px;
	line-height: 160%;
	margin: 5px 0 5px 35px;
	}
/* ---------- flow ---------- */
div.flow {
	background: #fff;
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #ccc;
	}

div#internet h3 {
	background-color: #666; 
	font-size: 16px;
	color: #fff;
	margin: 5px 0 10px 0;
	padding: 5px 0 5px 10px;
	}

div.flow dl dt{
	background: #efefef;
	margin: 10px 0 10px 0;
	padding: 3px 10px;
	border: 1px solid #ccc;	
	}
div.flow dl dd{
	background: #fff;
	text-align: center;
	margin: 3px 0 20px 0;
	padding: 3px 0px;
	}

/* end FAQ */