@charset "UTF-8";
/*

========================================

File Name ： faq.css

Description    ：よくあるご質問ページ用

Since    : 2016-2-2

Last Up Date : 2016-2-2

========================================

*/
/* faq
----------------------------------------------------*/
#main {
	padding: 0;
}
#search {
}
#contents_main {
}
#contents_main h1 {
	margin-bottom: 2%;
}
#probo,#faq {
    background: #FFF;
    padding: 0;
    font: 1.2rem;
    *font-size: small;
    *font: x-small;
    line-height: 1.5;
}
#utilityNav .inner #title {
	text-align: left;
}
#utilityNav .inner #title img {
	padding-left: 10px;
}
.pageTitle {
	margin-bottom: 3%;
	padding-top: 3%;
}
#footer_upper {
	border-top: 1px dotted #000;
}
/*============================
#formArea
============================*/
#probo select,#probo input,
#probo textarea,
#faq select,#faq input,
#faq textarea {
    font: 99% arial,helvetica,clean,sans-serif;
    border: 1px solid #cccccc;
    box-sizing: content-box;
    vertical-align: top;
}
#probo input[type=checkbox],
#faq input[type=checkbox]  {
    -webkit-appearance: checkbox;
    appearance: checkbox;
}
#formArea .check {
  margin-top: 5px;
}
#formArea {
    background: #FFF;
    padding: 0 3% 3% 3%;
    margin-bottom: 10px;
}

#formAreaTit {
    background: #6e7a8c none repeat scroll 0 0;
    box-sizing: border-box;
    font-size: 1.4rem;
    font-weight: normal;
    position: relative;
    width: 100%;
    color: #ffffff;
    display: block;
    padding: 13px 25px 13px 10px;		
}

#formArea ._title {
    font-size: 1.4rem;
    margin: 10px 0 5px;
    color: #333333;
}
#formArea .searchWord {
    /*width:96%;*/
    width: 94%;
    padding: 3%;
    font-size: 1.2rem;
	margin-bottom:5px;
}


#formArea .pbox-refine-1 {
	margin: 15px 0;
	width: 100%;
}
#formArea ._refs {
    border: 1px solid #ccc;
    padding: 3%;
	margin-left: 5px;	
    background: #fff;
}

#formArea ._ref_h {
    display: block;
    margin-bottom: 15px;
	margin-left:11px;
    font-size: 1.4rem;
    color: #333333;
}

#formArea ._ref_h span._text {
	margin-left: 5px;	
	font-size: 1.4rem;
	vertical-align:bottom;	
	display:inline-block;	
}

#formArea ._ref_h02 {
    display: block;
    margin-bottom: 3%;
    font-size: 1.4rem;
    color: #333333;
}

#formArea ._ref_h02 span._text {
	margin-left: 5px;
	font-size: 1.4rem;
	vertical-align:bottom;
	display:inline-block;
}

#formArea ._ref {
    display: block;
    margin-bottom: 3%;
    font-size: 1.3rem;
    color: #333333;
	padding-left:20px;
}

#formArea ._ref span._text {
    font-size: 1.3rem;
	margin-left: 5px;	
	vertical-align:bottom;	
	display:inline-block;
}

#formArea ._ref label {
    font-size: 1.4rem;
}

#formArea ._refs .subc_box01 {
	border: #e0e0e0 1px solid;
	background:#FFF;
	padding: 10px;
	margin: 0 0 15px 0;
}

#formArea input[type=submit] {
    cursor: pointer;
    display: block;
    width: 50%;
    height: 35px;
    border: none;
    text-indent: -9999px;
    border: 1px solid #ccc;
    background: #1b4584 url(/faq/img/btn_search.png) no-repeat scroll 50% 50%;
	background-size:75px 14px;
    margin: 4% auto 0;
    position: relative;
}

/*
#formArea input[type=submit]:after {
	content: '.';
	text-indent: -999;
	background: url(/faq/img/btn_search.png) no-repeat;
	width: 64px;
	position: absolute;
	left: 50%;
	margin-left: -32px;
}*/

#probo .btn_yokuaru {
	text-align: center;
}
#probo .btn_yokuaru img {
    width: 100%;
}
/*============================
.pbox-related
============================*/
.pbox-related {
	background: #FAFAFA;
	border: 1px solid #CCCCCC;
	font-size: 15px;
	color: #FF0000;
	padding: 15px;
	margin-bottom: 6%;
}
.pbox-related ._pbox-related {
}
.pbox-related ._kwd {
	font-size: 15px;
	color: #FF0000;
	margin-right: 10px;
	font-weight: bold;
}
/*============================
.two_column
============================*/
.two_column {
}
/*============================
#left_column
============================*/
#left_column {
	padding: 0 10px;
}
#left_column .tit {
	display: none;
}
.pbox-search-status {
}
._pbox-search-status {
    color: #333333;
    font-size: 1.6rem;
    margin-bottom: 3%;
    text-align: center;
}
._cstart {
}
._cstart:before {
	content: '\A';
	white-space: pre;
}
._cend {
}
._totalhits {
}
.pbox-recommend {
	margin-bottom: 6%;
}
._pbox-recommend {
}
.pbox-recommend ._caption {
	background: #5FAAE2;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	padding: 8px;
}
.pbox-recommend ._records {
	background: #F1F7FC;
	border: 1px solid #5FAAE2;
	font-size: 14px;
	color: #33333;
	padding: 3% 3% 0 3%;
}
/*============================
.notfound
============================*/
.notfound {
	margin-bottom: 6%;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	color: #666666;
}
#faq .notfound {
	padding: 0 10px;
}
.yokuaru_area .notfound {
	padding: 0 10px;
	margin-top: 10px;
}
/*============================
._record
============================*/
#left_column ._records {
}
._record {
	border-bottom: 1px solid #dddddd;
	margin-bottom: 15px;
	padding-right: 2.4rem;
	background: url(/search/img/arw.png) center right no-repeat;
	-webkit-background-size: 10px 16px;
	background-size: 10px 16px;
	cursor: pointer;
}
._record:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
}
._record a {
	color: #3399CC;
}
._record ._image {
	margin-bottom: 2%;
}
._record ._title {
	margin-bottom: 15px;
	color: #3399CC;
	font-family: monospace;
	font-weight: bold;
}

._record ._title a{
	font-size: 1.4rem;
}



._record ._summary {
	margin-bottom: 2%;
	font-size: 14px;
	color: #33333;
}
._record ._url {
	margin-bottom: 3%;
}
._record ._url a {
	word-break: break-all;
}
.pbox-searchresult {
	background: url(/search/img/loading.gif) no-repeat center top;
	min-height: 70px;
}
._pbox-searchresult {
	background: #ffffff;
}
._record ._thumb {
	display: none;
}
._record ._metaimg1 {
	margin-bottom: 2%;
}

._record ._metaimg1 img{
	height:15px;
}



._record ._nearby {
	margin-bottom: 2%;
}
._record ._nearby em {
	color: #FF0000;
	font-style: normal;
}
._record ._pathclass1 {
	margin-bottom: 5px;
}
._pathclass1 div {
	background-position: top left;
	background-repeat: no-repeat;
	height: 0;
	overflow: hidden;
}
#proboFaq .pbox-searchresult {
	margin-bottom: 6%;
	padding:0 10px;
}
#proboFaq ._record {
    border-bottom: 1px dotted #cccccc;
	margin-bottom: 15px;
	padding-right: 35px;
	padding-left: 30px;
	background-image: url(/faq/img/icon_q.gif), url(/faq/img/arw.png);
	background-position: 5px top, 98% center;
	-webkit-background-size: 18px 18px, 7px 14px;
	background-size: 18px 18px, 7px 14px;
	background-repeat: no-repeat, no-repeat;
	cursor: pointer;
}
#proboFaq ._record ._pathclass1 {
}
#proboFaq ._record a {
	line-height: 1.5;
	text-decoration: underline;
}
/*============================
.pbox-pagenav
============================*/
.pbox-pagenav {
	margin-bottom: 12%;
}
.pbox-pagenav ._pbox-pagenav {
	text-align: center;
}
.pbox-pagenav ._navs {
}
.pbox-pagenav ._navs span {
	vertical-align: top;
	display: inline-block;
	width: 32px;
	height: 32px;
	margin: 0 1px;
}
.pbox-pagenav ._navs span a {
	display: block;
	line-height: 30px;
}
.pbox-pagenav ._navs ._cur {
	color: #FFF;
	line-height: 32px;
	vertical-align: middle;
	background: #A6C7EC;
}
.pbox-pagenav ._navs ._page a {
	border: 1px solid #CCC;
	color: #333;
	text-decoration: none;
	vertical-align: middle;
}
.pbox-pagenav ._navs ._page a:hover {
	border: 1px solid #A6C7EC;
	color: #FFF;
	background: #A6C7EC;
}
.pbox-pagenav ._navs ._prev {
	margin-right: 8px;
}
.pbox-pagenav ._prev a {
	text-align: left;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../img/arw3_prev.gif) top left no-repeat;
	overflow: hidden;
}
.pbox-pagenav ._page {
	font-size: 12px;
	margin: 0 5px;
}
.pbox-pagenav ._navs ._next {
	margin-left: 8px;
}
.pbox-pagenav ._next a {
	text-align: left;
	text-indent: 100%;
	white-space: nowrap;
	background: url(/faq/img/arw3_next.gif) top left no-repeat;
	overflow: hidden;
}
/*============================
#right_column
============================*/
#right_column {
	width: 100%;
}
#right_column .yokuaru_area {
}
#right_column .yokuaru_area .tit img {
	width: 100%;
}
#right_column .yokuaru_area ul {
	border-right: 1px solid #D2D2D2;
	border-left: 1px solid #D2D2D2;
	padding: 0 2px;
	background: #E3E3E3;
}
#right_column .yokuaru_area li {
	border-bottom: 1px solid #FFF;
}
#right_column .yokuaru_area li a {
	display: block;
	padding: 1em 10px 1em 28px;
	border-bottom: 1px solid #97C4EC;
	color: #333;
	font-size: 14px;
	text-decoration: none;
	background-image: url(../img/arw2_blue.gif);
	background-position: 12px 1.45em;
	background-repeat: no-repeat;
	background-color: #CDE0F4;
}
#right_column .yokuaru_area li a:hover {
	background-color: #FFF;
}
#right_column .btn_more img {
	width: 100%;
}
#right_column .btn_yokuaru {
	padding: 0 2%;
	margin: 6% 0;
}
#right_column .btn_yokuaru img {
	width: 100%;
}
.alpha:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
}
/*============================
#faq_detail
============================*/
#faq_detail {
	color: #333333;
	font-size: 1.4rem;
}
#faq_detail .cat {
	margin-bottom: 10px;
	padding: 13px 10px;
    font-size: 1.4rem;
    color: #ffffff;
    background: #5476a7;
}
#faq_detail .q_box {
	background: url(/faq/img/icon_q.gif) 5px 0 no-repeat;
	-webkit-background-size: 18px;
	background-size: 18px;
	padding-left: 30px;
	padding-right: 10px;
	margin: 15px 0 15px;
}

#faq_detail .a_box {
	background: url(/faq/img/icon_a.gif) 5px 0 no-repeat;
	-webkit-background-size: 18px;
	background-size: 18px;
	padding-left: 30px;
	padding-right: 10px;
	margin-bottom: 2%;
}
#faq_detail .a_text {
	background: #dce9f7;
	padding: 14px 10px;
	width: 540px;
	margin: 3% auto 7%;
	display: none;
}
#faq_detail .btn_back {
	text-align: center;
}
/*============================
#faq
============================*/
#faq {
}
#faq .description {
	padding: 0 10px 10px;
	color: #333333;
	font-size: 1.4rem;
	margin-bottom: 10px;
}
#faq .description a {
	color: #666;
	text-decoration: underline;
}
#faq h1 img {
	width: 100%;
	height: auto;
}
#faq #inquiries_list_wrap {
	margin-top: 10px;
	margin-bottom: 4%;
}

#faq #inquiries_list_wrap ul li:first-child{
	margin-top: -10px;
}


#faq .inquiries_list {
	margin-bottom: 20px;
}
#faq .inquiries_list h3 {
	background: url(/faq/img/icon_open.png) 97% center #5476a7 no-repeat;
	-webkit-background-size: 15px;
	background-size: 15px;
	color: #ffffff;
	font-size: 1.4rem;
	padding: 13px 25px 13px 10px;
	cursor: pointer;
}
#faq .open h3 {
	background: url(/faq/img/icon_close.png) 97% center #5476a7 no-repeat;
	-webkit-background-size: 15px;
	background-size: 15px;
}
#faq .inquiries_list .inner {
	display: none;
}

#faq .inquiries_list ul {
    padding: 0 10px;
}

#faq .inquiries_list li {
    background: #ffffff url(/faq/img/icon_q.gif) no-repeat scroll 5px 15px;
	background-size:18px auto;		
    border-bottom: 1px solid #e0e0e0;
    color: #333333;
    font-size: 1.4rem;
    padding: 0 10px 0 30px;
}
#faq .inquiries_list li a {
	background: #fff url(/search/img/arw.png) no-repeat scroll right center;	
	background-size:10px 16px;		
    display: block;
    padding: 15px 24px 15px 0;
    color: #333;
    text-decoration: none;

}
#faq .inquiries_list li.none {
	background: none;
	display: block;
	color: #333333;
	padding: 15px 20px 15px 20px;
	text-decoration: none;
}
#faq .btn_more {
	width: 80%;
	margin: 4% auto 5%;
}
#faq .btn_more img {
	width: 100%;
	display:block;	
}
#faq #f_pagetop {
	display: none;
}



#faq .btn{
    background: #1b4584 none repeat scroll 0 0;
    box-sizing: border-box;
    display: table;
    padding: 7px 30px 7px 10px;
    position: relative;
    width: 100%;
}
    
#faq .btn:after {
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    content: "";
    display: block;
    height: 7px;
    margin-top: -4px;
    position: absolute;
    right: 10px;
    top: 50%;
	transform: rotateZ(-45deg);
    width: 7px;
}

#faq .btn-txt {
    color: #ffffff;
    display: table-cell;
    font-size: 0.9rem;
    vertical-align: middle;
	font-size:14px;
}
	
/*============================
.faq_include
============================*/
.faq_include {
}
.faq_include img {
	width: 100%;
}
/*============================
#soudan_area
============================*/
#soudan_area {
}
#soudan_area .inner {
	color: #333333;
	font-size: 15px;
	padding: 10px 10px 2em;
}
#soudan_area .tel {
	margin-bottom: 1em;
}
#soudan_area .tel b {
	margin-bottom: 1em;
	font-size: 110%;
}
#soudan_area .red {
	margin-bottom: 1em;
	color: #c00;
}
#soudan_area .note {
	margin-bottom: 1em;
}
#soudan_area .note li {
	margin-left: 1em;
	text-indent: -1em;
}
#soudan_area .time {
	padding: 0 2em;
	margin-bottom: 1em;
}
#soudan_area .btn {
}
/*============================
#goiken_area
============================*/
#goiken_area {
}
#goiken_area .inner {
	color: #333333;
	font-size: 15px;
	padding: 10px 10px 2em;
}
#goiken_area .btn {
	margin: 5% auto 0;
	width: 80%;
}
#goiken_area .btn img {
	width: 100%;
}
/*============================
#privacy_area
============================*/
#privacy_area {
}
#privacy_area .inner {
	color: #333333;
	font-size: 15px;
	padding: 10px 10px 2em;
}
#privacy_area {
}


/*============================
下部フッター
============================*/
.bottomArea h4 {
	margin-top: 1em;
	background: left top no-repeat url(/faq/img/footer_tit.jpg);
	background-size: cover;
	width: 100%;
	color: #fff;
	font-size: 1.4em;
	padding: 0.5em;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.bottomArea > p {
    padding: 1em;
}
#faq .bottomArea > p {
  color: #666;
  font-size: 1.3rem;
}
.chie.bottomArea > p {
    padding-bottom: 3em;
}

.bottomArea p a {
    display: block;
    width: 100%;
    height: 0;
    margin: 1em auto 0;
    padding: 0 0 13% 20px;
    font-size: 1.1rem;
    color: #333;
    text-decoration: none;
    line-height: 35px;
    background: left top no-repeat url(/faq/img/footer_btn.jpg);
    background-size: 100% auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.chie.bottomArea p a {
    background: left top no-repeat url(/faq/img/footer_chie.jpg);
    background-size: contain;
}


/*============================
よくあるご質問ページ
============================*/
.content {
    margin: 1rem 0rem;

}

.park_faq {
    padding: 0.8rem 0.7rem;
    background-color: #e2f0fe;

    margin: 1rem 0.3rem;
}

.park_faq h2, .content h3 {
    margin: 0.3rem 0 0.7rem;
    padding-left: 0.4rem;
    font-size: 1.4rem;
    color: #444;
    border-left: 0.3rem solid #3366cc;
    line-height: 1.2;
}

.content dl {
    padding-left: 0.6em;
    margin-bottom: 1em;
}

.content dt {
    font-size: 1.2em;
    line-height: 1.6;
}

.content dd {
    font-size: 1.4em;
    font-weight: bold;
}

.content dd a {
    color: #333;
    text-decoration: none;
}

.content li dt {
    display: inline-block;
    width: 4em;
    font-size: 1em;
}

.content li dl {
    margin: 0;
    padding: 0;
}

.content li dd {
    display: inline-block;    font-size: 1em;
    font-weight: normal;
}

.content dd span {
    display: block;
    font-size: 0.7em;
    font-weight: normal;
    color: #c33;
}

.content li {
    padding: 0 0.7em;
    font-size: 0.9rem;
    line-height: 1.5;
    margin-bottom: 0.1em;
}

.content a {
    color: #3399cc;
}

.content p {
    padding: 0.5rem 0.5rem;
    font-size: 1rem;
}

.content li.mt10.mb10 {
    margin: 1rem 0;
    font-size: 1rem;
    text-indent: 0;
}

.content h3 {
    margin: 1em 0.5em 0.5em;
}

.park_faq li {
    margin-left: 0em !important;
    text-indent: 0 !important;
    padding: 0 0em 1em 2em;
    font-size: 1rem;
    background: left top no-repeat url(/faq/img/q.png);
    background-size: 1.7em;
}

.park_faq p a, .park_contact.content a,.park_enjoy.content a {
    display: block;    width: 270px;    height: 50px;
    margin: 1em auto 0;
    padding-left: 0.8em;
    font-size: 1.2em;    font-weight: bold;    color: #333;    text-align: center;
    text-decoration: none;    line-height: 50px;    background: left top no-repeat url(/faq/img/footer_btn.jpg);    background-size: contain;    -moz-box-sizing: border-box;    box-sizing: border-box;
}

.park_contact.content a {
    margin-bottom: 2em;
}

.park_faq p a {
    font-size: 1em;
    padding-left: 1.8em;
    letter-spacing: -0.06em;
    white-space: nowrap;
}

.park_enjoy.content a {
    margin-bottom: 2rem;
    background: left top no-repeat url(/faq/img/footer_chie.jpg);    background-size: contain;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
}

.park_inquiry h2, .park_contact h2, .park_enjoy h2 {
    margin-top: 1em;    background: left top no-repeat url(/faq/img/footer_tit.jpg);    background-size: cover;    width: 100%;    color: #fff;    font-size: 1.4em;    padding: 0.5em;    -moz-box-sizing: border-box;    box-sizing: border-box;
}

.btn_back img {
    max-width: 270px;

    height: auto;
}

.btn_back a:hover {
    opacity: 1;
}

.bold {
	font-weight: bold;
}

.red {
	color: red;
}

.indent li {
    text-indent: -1em;
    margin-left: 1em;
}
.id_color {
    color: #3366cc;
}


/* img link 有効化 */

#faq_btn img{
	display:block;
}

/* EOF */