@charset "Shift_JIS";

/*=========================================================================

 ご利用ガイド｜HOME

=========================================================================*/

#mainContens .pageTitle .main {
	font-size: 24px;
	line-height: 1;
	color: #373737;
	margin: 30px 0 15px;
	padding: 0;
}


/* ご利用ガイド内で検索
-------------------------------------------------------------------------*/
#siteSearchBlock {
	margin: 0;
	padding: 20px;
	border: none;
}
#siteSearchBlock fieldset {
	height: 44px;
	padding: 0 44px 0 0;
}
#siteSearchBlock input#searchGuide {
	height: 44px;
	font-size: 16px;
	line-height: 44px;
}
#siteSearchBlock button {
	width: 44px;
	height: 44px;
	background: #333 url(/guide/images/common/sp_btn_sitesearch.png) no-repeat center center;
	-moz-background-size: 22px 22px;
	-o-background-size: 22px 22px;
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
}


/* ガイドメニュー
-------------------------------------------------------------------------*/
#homeGuideMenu {
	font-size: 14px;
	overflow: hidden;
}
#homeGuideMenu h3 {
	font-size: 18px;
	margin: 40px 0 15px;
	padding: 0 0 5px;
	border: none;
	border-bottom: 2px solid #373737;
}
#homeGuideMenu h3 img {
	width: 28px;
	height: 28px;
	margin: 0 5px 0 0;
	vertical-align: middle;
}
#homeGuideMenu a {
	display: block;
	font-weight: normal;
	color: #333;
	padding: 2px 5px 2px 20px;
	background: url(/guide/images/common/icon_arrow.gif) no-repeat 7px 8px;
	text-decoration: none;
}
#homeGuideMenu a:hover {
	background-color: #f0f0f0;
	text-decoration: none;
}
#homeGuideMenu .groupTitle {
	font-size: 15px;
	font-weight: bold;
	margin: 15px 15px 0;
	padding: 15px 0 0;
	border-top: 1px dotted #999;
	background: none;
}
#homeGuideMenu ul {
	height: 100%;
	margin: 0;
	padding: 5px 0 0;
}
#homeGuideMenu ul li {
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style-type: none;
}
#homeGuideMenu ul ul {
	height: auto;
	margin: 0;
	padding: 0;
	border: none;
}
#homeGuideMenu ul ul li {
	margin: 10px 10px 0;
	padding: 0;
	overflow: hidden;
}
#homeGuideMenu .column2,
#homeGuideMenu .column3 {
	margin: 0 0 0 -1px;
	overflow: hidden;
	zoom: 1;
}
#homeGuideMenu .column2 .column {
	float: left;
	width: 50%;
	margin: -30px 0 0;
	overflow: hidden;
}
#homeGuideMenu .column3 .column {
	float: left;
	width: 33.3%;
	margin: -30px 0 0;
	overflow: hidden;
}
#homeGuideMenu .column ul {
	border-left: 1px dotted #999;
}
#homeGuideMenu .column ul ul {
	border: none;
}
#homeGuideMenu .btns {
	margin: 0 0 40px;
}
#homeGuideMenu .btns a {
	padding: 20px 20px 20px 40px;
	background: #f7f7f7 url(/guide/images/common/icon_arrow_ball.gif) no-repeat 20px center;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#homeGuideMenu .btns a:hover {
	background-color: #eee;
}
#homeGuideMenu .btns ul {
	overflow: hidden;
	zoom: 1;
}
#homeGuideMenu .btns li {
	float: left;
	width: 50%;
}
#homeGuideMenu .btns li.guideQa a {
	margin: 0 15px 0 0;
}
#homeGuideMenu .btns li.contact a {
	margin: 0 0 0 15px;
}


/* よくあるお問い合わせ
-------------------------------------------------------------------------*/
@media screen and (min-width:768px)  {

.faqindex{
	background-color:#f5f5f5;
	padding:20px;
	margin-top:20px;
	}
	
	.faqindex ul{
	float:left;
	width:33.3333333%;
	margin-top:25px;
	}
	.faqindex ul:first-child{
	margin-right:0px;
	}
#homeGuideMenu.faqindex h3{
border-bottom: none;
margin:0;
 }
}

/* スマートフォン用
-------------------------------------------------------------------------*/
@media(max-width:767px){
	
	.spFrm {
		padding: 0 !important;
	}
	#ht5_footer {
		margin: 0 !important;
	}
	#mainContens .pageTitle .main {
		font-size: 16px;
		color: #fff;
		margin: 0;
		padding: 10px 15px;
		background: #373737;
	}
	#mainContens .pageTitle .main span {
		display: none;
	}

	/* ご利用ガイド内で検索 */
	#siteSearchBlock {
		padding: 15px;
	}
	#siteSearchBlock fieldset {
		height: 35px;
		padding: 0 35px 0 0;
	}
	#siteSearchBlock input#searchGuide {
		height: 35px;
		font-size: 16px;
		line-height: 35px;
	}
	#siteSearchBlock button {
		width: 35px;
		height: 35px;
		background: #333 url(/guide/images/common/sp_btn_sitesearch.png) no-repeat center center;
		-moz-background-size: 17px 17px;
		-o-background-size: 17px 17px;
		-webkit-background-size: 17px 17px;
		background-size: 17px 17px;
	}

	/* ガイドメニュー
	-------------------------------------------------------------------------*/
	#homeGuideMenu {
		font-size: 16px;
	}
	#homeGuideMenu h3 {
		font-size: 16px;
		margin: 0;
		padding: 10px;
		border: none;
		border-top: 2px solid #373737;
	}
	#homeGuideMenu h3 img {
		width: 22px;
		height: 22px;
	}
	#homeGuideMenu a {
		position: relative;
		color: #333 !important;
		padding: 10px;
		background: none;
		text-decoration: none !important;
	}
	#homeGuideMenu a:hover {
		background-color: #eee;
	}
	#homeGuideMenu a:after {
		position: absolute;
		top: 50%;
		right: 10px;
		width: 8px;
		height: 8px;
		content: "";
		margin: -4px 0 0;
		background: url(/guide/images/common/sp_icon_arrow.png) no-repeat center center;
		-moz-background-size: 8px 8px;
		-o-background-size: 8px 8px;
		-webkit-background-size: 8px 8px;
		background-size: 8px 8px;
	}
	#homeGuideMenu .groupTitle {
		position: relative;
		font-weight: normal;
		margin: 0;
		padding: 10px;
		background-image: none !important;
		border: none;
		text-decoration: none !important;
		cursor: pointer;
	}
	#homeGuideMenu .groupTitle:hover {
		color: #333;
		background: #eee;
	}
	#homeGuideMenu .groupTitle:after {
		position: absolute;
		top: 50%;
		right: 10px;
		width: 8px;
		height: 8px;
		content: "";
		margin: -4px 0 0;
		background: url(/guide/images/common/sp_icon_arrow_close.png) no-repeat center center;
		-moz-background-size: 8px 8px;
		-o-background-size: 8px 8px;
		-webkit-background-size: 8px 8px;
		background-size: 8px 8px;
	}
	#homeGuideMenu ul {
		padding: 0;
		border: none !important;
	}
	#homeGuideMenu ul li {
		margin: 0;
		padding: 0;
		border-top: 1px solid #e9e9e9;
	}
	#homeGuideMenu ul ul {
		display: none;
		margin: 0;
		padding: 0;
		background: #f0f0f0;
	}
	#homeGuideMenu ul ul li {
		margin: 0;
		border-top: 1px solid #fff;
	}
	#homeGuideMenu ul li.active .groupTitle {
		color: #fff;
		background: #999 url(/guide/images/common/icon_arrow_open.gif) no-repeat 7px 8px;
		text-decoration: none;
	}
	#homeGuideMenu ul li.active .groupTitle:after {
		background-image: url(/guide/images/common/sp_icon_arrow_open_white.png);
	}
	#homeGuideMenu ul li.active ul a {
		padding: 10px 25px 10px 10px;
	}
	#homeGuideMenu ul li.active ul a:hover {
		background-color: #ddd;
	}
	#homeGuideMenu ul li.active ul a:after {
		position: absolute;
		top: 50%;
		right: 10px;
		width: 8px;
		height: 8px;
		content: "";
		margin: -4px 0 0;
		background: url(/guide/images/common/sp_icon_arrow.png) no-repeat center center;
		-moz-background-size: 8px 8px;
		-o-background-size: 8px 8px;
		-webkit-background-size: 8px 8px;
		background-size: 8px 8px;
	}
	#homeGuideMenu .column2 .column,
	#homeGuideMenu .column3 .column {
		float: none;
		width: auto;
		height: auto !important;
		margin: 0;
	}
	#homeGuideMenu .btns {
		margin: 0;
	}
	#homeGuideMenu .btns li {
		float: none;
		width: auto;
	}
	#homeGuideMenu .btns li a {
		margin: 0 !important;
		padding: 10px !important;
		background: none !important;
		border: none !important;
	}
	#homeGuideMenu .btns li a:hover {
		background: #eee !important;
	}
	#homeGuideMenu .btns ul li.contact a:after {
		position: absolute;
		top: 50%;
		right: 10px;
		width: 22px;
		height: 22px;
		content: "";
		margin: -11px 0 0;
		background: url(/guide/images/common/icon_pc_color_sp.png) no-repeat center center;
		-moz-background-size: 22px 22px;
		-o-background-size: 22px 22px;
		-webkit-background-size: 22px 22px;
		background-size: 22px 22px;
	}

/*よくあるお問い合わせ*/
.faqindex{
	background-color:#f5f5f5;
}

	}