@charset "utf-8";

/*=====================================================
 * Style Name: InfElements
 * Style URL: ./css/site/inf.css
 * Description: InfStylesheet
 * Version: 1.0
 * Last Up Date: 2012/08/31
 * Author: Neos Corporation.
 * Author URL: http://www.neoscorp.jp/
 *
 * Markup Reference:
 *
=====================================================*/
body {
	background: #F9F6EF;
	color: #222222;
}
h3 {
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;	
}
h3.title_bar, div.title_bar {
	background: #E7D8C5;	
}
section.Base a {
	color: #f189ce;
	text-decoration: underline;		
}
div#headerArea {
	width: 100%;	
}
div#main {
	padding: 0 0 10px;
}

div.faqTitle {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 2;
	margin-bottom: 1em;
	padding-left: 2.5em;
	color: #000000 !important;
	font-size: 140%;
	text-align: left;
	background: url(../../img/site/pc/icon_hat.png) 0.25em center no-repeat,
				url(../img/site/top/new2/line_list.png) left bottom no-repeat !important;
	background-size: 1.5em auto, 100% auto !important;
}
div.infDesc{
	padding: 0 3% 1.4em;
	background: url(../img/site/top/new2/line_list.png) left bottom no-repeat;
	background-size: 100%;
}

section.Base,
section.contentsBase {
	padding: 3%;
	border-bottom: 1px solid #333333;
}

section.Base>p{
	margin-bottom: 8px;	
}

dl#accordion {
	width: 95%;
	margin: 0 auto;
	border-top: 1px solid #333333;
}

dl#accordion dt {
	margin: 3px 0;
}
dl#accordion dt.category {
	padding: 6px 2%;
	border-bottom: 1px solid #333333;
}
dl#accordion dt:hover {
	opacity: 0.8;
}
dl#accordion dt>a {
	display: block;
	padding: 6px 5%;
	border-top: 1px dashed #999999;
}
dl#accordion dt:first-child>a {
	border: none;
}
dl#accordion dd {
}
dl#accordion dt.category + dd {
	border-bottom: 1px solid #333333;
}
.faq_back_button {
	text-align: right;
}
.faq_back_button img {
	width: 30%;
	max-width: 120px;
}
@media only screen and (min-width: 821px) {
	div.infTitle {
		background: url(../../img/site/pc/icon_hat.png) 0.25em center no-repeat,
					url(../img/site/top/new2/line_list.png) left bottom repeat-x !important;
		background-size: 1.5em auto, auto auto !important;
	}
	div.infDesc{
		background: url(../img/site/top/new2/line_list.png) left bottom repeat-x;
		background-size: auto;
	}
}