@charset "UTF-8";
/* CSS Document */

/*----------------------------------
	index用のCSSです
----------------------------------*/
img{
	width: auto;
	height: auto;
}
img[width="180"][height="135"]{
	width:180px;
	height: 135px;
}
/* clearfix */
.clearfix {
    overflow: hidden;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}


a.over {
}
a:hover.over {
	opacity: 0.7;
}





#wrapper {
	width: 960px;
	margin: 0 auto 20px;
}

.head {
	position: relative;
}
.head .facebook {
	position: absolute;
	bottom: 106px;
	left: 20px;
}
.head .twitter {
	position: absolute;
	bottom: 105px;
	left: 74px;
}
.head .line {
	position: absolute;
	bottom: 105px;
	left: 127px;
}

.maintext {
	margin: 10px 0 0;
	font-size: 14px;
}


.maintab {
	position:relative;
}

.maintab .fc_btn {
	position: absolute;
	top: 0;
	left: 490px;
}

.plan {
	padding: 20px;
	background-color: #d4e9df;
}
.plan_tab li {
	float: left;
	margin-right: 10px;
}
.plan_tab li:last-child {
	margin-right: 0;
}

.ask01 {
	margin: 10px 0 0;
}
.ask01 ul {
    overflow: hidden;
}
.ask01 ul:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

.ask01 ul li {
	float: right;
	font-size: 14px;
}
.ask01 ul li.ask1,
.ask01 ul li.ask2 {
	padding-top:5px;
	margin-right: 10px;
}
.ask01 ul li.ask1 a,
.ask01 ul li.ask2 a {
	font-size: 14px;
}
.ask01 ul li.ask1 img,
.ask01 ul li.ask2 img {
	vertical-align: baseline;
}


.traplan {
	background-color: #f3f1ed;
	padding: 20px 10px;
	margin-bottom: 20px;
}

.p_contents {
	position: relative;
	background-color: #fff;
	padding: 20px;
	margin-bottom: 20px;
}
.traplan .p_contents:last-child{
	margin-bottom: 0;
}
.planbox01 .p_contents .p_catch{background: #83a7d4; }
.planbox02 .p_contents .p_catch{background: #84cad4; }
.planbox03 .p_contents .p_catch{background: #367391; }
.p_contents .p_catch{
	text-align: center; 
	width: 180px;
	color:#FFF;
	font-size:1.2rem;
	font-size:12px;
	font-weight:bold;
}
.p_contents .p_photo {
	float: left;
	width: 180px;
	margin-right: 14px;
}
.p_contents .p_textarea {
	float: left;
	width: 706px;
}
.p_contents .p_textarea p {
	font-size: 18px;
	line-height:1.5;
}
.p_contents .p_textarea p.p_name {
	font-weight: bold;
	margin-bottom: 5px;
}
.p_contents .p_textarea p span {
	font-weight: bold;
	font-size:18px;
	color: #F00;
}

.p_contents .det_btn {
	position: absolute;
	top: 144px;
	right: 20px;
}

.det_btn.active {
	display: none;
}

.detail {
	display: none;
	margin: 20px 0 0 ;
	border-top: #d9d8d8 double;
	padding-top: 25px;
}
.detail p {
	font-size: 12px;
	line-height: 1.5;
}

.detail .price {
	font-size: 16px;
	font-weight: bold;
}

#tra_price {
	width: 100%;
	margin: 10px 0;
}
#tra_price th,
#tra_price td {
	padding: 8px;
	font-size: 16px;
	border-collapse: collapse;
	border: 1px solid #9f9e9e;
}
#tra_price th {
	font-weight: normal;
	text-align: left;
	background: #f3f3f3;
}
#tra_price td span {
	color: #F00;
	font-size: 16px;
}

.photo_contents {
	width: 700px;
	margin: 10px auto 15px;
}
.photo_contents p {
	margin: 8px 0 0;
}

.photo01,
.photo02 {
	float:left;
	width: 200px;
	margin-right: 50px;
}

.schedule {
	border: #9f9e9e 1px solid;
	padding: 10px;
	margin-bottom: 10px;
	width: 900px;
}
.schedule th,
.schedule td {
	padding: 10px;
	font-size: 14px;
}

.schedule th {
	background: #f3f3f3;
	font-weight: normal;
	text-align: left;
	padding: 8px 10px; 
}



.ask02 {
	margin: 10px 0 0;
}
.ask02 ul {
    overflow: hidden;
}
.ask02 ul:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
.ask02 .conleft li {
	float: left;
	font-size: 14px;
	padding-top:5px;
	margin-right: 14px;
}
.ask02 ul lia {
	font-size: 14px;
}
.ask02 ul li img {
	vertical-align: baseline;
}
.conleft {
	float:left;
}
.conright {
	float:right;
}
.ask02 .conright li {
	float: left;
	font-size: 14px;
	margin-right: 14px;
}
.ask02 li.non {
	margin-right: 0px;
}







.question {
	background: #f3f1ed;
	margin-bottom: 20px;
	padding: 20px 10px;
}
.question_contents {
	background: #fff;
	padding: 20px;
}
.question_contents p {
	font-size: 16px;
	padding-bottom:8px;
	margin-bottom:8px;
	border-bottom: 1px solid #d9d9d9;
}
.question_contents p a {
	font-size: 16px;
}

.q_btnarea {
	margin: 20px 0 0;
}
.g_btn {
	float:left;
}
.c_btn {
	float: right;
}







.p_conditions {
	background: #f3f1ed;
	margin-bottom: 20px;
	padding: 20px 10px;
}
.pcon_contents {
	background: #fff;
	padding: 20px;
}
.pcon_contents p {
	font-size: 14px;
	line-height: 1.5;
}

.mgb20 {
	margin-bottom: 20px;
}


.fee {
	width: 100%;
	margin: 20px 0;
}
.fee th,
.fee td {
	border-collapse: collapse;
	border: 1px solid #cdcdcd;
	font-size: 14px;
}
.fee th {
	font-weight: normal;
	text-align: left;
	width: 14.2%;
	vertical-align: middle;
	padding: 4px 10px;
	background: #ecf5fd;
}
.fee td {
	padding: 8px 10px;
}