@charset "utf-8";  
/*------------------------------------------------------------ 
    userguide css
------------------------------------------------------------*/  

/* アンカー修正 */
#guide1,#guide2,#guide3,#guide4,#guide5{
	margin-top:-73px;
	padding-top:73px;
}

#q4,#q10,#q15,#q16{
	margin-top:-123px;
	padding-top:123px;
}

.usermap{
	width:100%;
	min-height:127px;
	padding:40px 0 35px;
	border-bottom:1px solid #ccc;
}

.loupe{
	width:100%;
	height:31px;
	text-align:right;
	margin:15px 0 55px;
}

.loupe a{
	display:inline-block;
	height:31px;
	line-height:31px;
	padding-right:43px;
	color:#333;
	font-size:117%;
	font-weight:bold;
	background:url(../img/icon-loupe-new.png) no-repeat right;
}

.loupe a:hover{ color:#0066cc;}

.usermapBox{
	width:828px;
	height:400px;
	background:#fff;
	text-align:center;
	border:1px solid #0066cc;
	position:relative;
}

#mapArea{
	width:800px;
	height:311px;
	overflow-x:scroll;
	margin:15px;
}

#mapArea.new img{
	width:auto;
	height:311px;
}

/* TAB */

#tab{
	width:840px;
	height:113px;
	margin-bottom:30px;
	overflow:hidden;
}

#tab li{
	width:200px;
	height:113px;
	float:left;
	margin-right:10px;
}

#tab a{
	display:block;
	width:200px;
	height:88px;
	padding-top:12px;
	background:#DAEFFA;
	border-radius:5px;
	text-align:center;
	position:relative;
}

#tab .selected,
#tab a:hover{
	background:#0066cc;
}

#tab .selected:before,
#tab a:hover:before{
	display:block;
	content:"";
	width:0;
	height:0;
	border:11px solid transparent;
	border-top:13px solid #0066cc;
	position:absolute;
	bottom:-24px;
	left:89px;
}

.num{
	display:inline-block;
	width:42px;
	height:42px;
	text-align:center;
	line-height:42px;
	background:#0066cc;
	color:#fff;
	font-size:200%;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	border-radius:50%;
}

.ttl{
	margin-top:12px;
	color:#333;
	font-size:125%;
	font-weight:bold;
}

.ttl span{
	font-size:92%;
	font-weight:bold;
}

#tab .selected .num,
#tab a:hover .num{
	background:#fff;
	color:#0066cc;
}

#tab .selected .ttl,
#tab a:hover .ttl{
	color:#fff;
}

.tabArea{
	width:100%;
	padding-bottom:35px;
}

#guide01,#guide02,#guide03,#guide04{
	padding-top:100px;
	margin-top:-100px;
}

#guide02,#guide03,#guide04{ display:none;}

#tab04{
	padding-bottom:0;
	border-bottom:none;
}

.info{ width:240px;}

.info-num{
	width:54px;
	height:54px;
	text-align:center;
	line-height:54px;
	margin:0 auto 20px;
	padding:3px 5px 5px 3px;
	color:#fff;
	font-size:234%;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../img/bg-tab-new.png) no-repeat;
}

.infoHd{
	text-align:center;
	font-size:167%;
	color:#333;
	font-weight:bold;
}

.infoHd span{
	display:block;
	font-size:76%;
	margin-top:5px;
	font-weight:bold;
}

.ttl-en{
	text-align:center;
	color:#0066cc;
	font-weight:bold;
	padding:5px 0;
	margin-top:15px;
	border-top:1px solid #0066cc;
	border-bottom:1px solid #0066cc;
}

.lead{
	color:#333;
	font-size:125%;
	font-weight:bold;
	line-height:1.2;
	text-align:center;
	margin-top:20px;
}

.detail dt{
	width:86px;
	height:27px;
	text-align:center;
	line-height:27px;
	margin:25px auto;
	color:#fff;
	font-size:117%;
	font-weight:bold;
	background:#0066cc;
}

.area{
	text-align:center;
	color:#333;
	font-weight:bold;
	font-size:234%;
	font-family:Arial, Helvetica, sans-serif;
}

.detail table{width:100%;}

.detail th{
	width:60px;
	font-size:134%;
	color:#333;
	text-align:left;
	padding-top:12px;
	font-weight:bold;
}

.detail td{
	text-align:right;
	font-size:117%;
	color:#333;
	padding-top:8px;
	font-weight:bold;
}

.detail tr:first-child th,
.detail tr:first-child td{
	padding:0 0 8px;
	border-bottom:1px dotted #0066cc;
}

.detail td span{
	font-size:117%;
	color:#333;
	font-weight:bold;
}

.detail td strong{
	font-size:175%;
	font-family:Arial, Helvetica, sans-serif;
}

.fontL .detail td strong{ font-size:150%;}

.imgArea{
	width:560px;
	overflow:hidden;
}

.caption{
	width:273px;
	margin-top:10px;
	font-weight:bold;
	text-align:center;
}

.list li{
	width:217px;
	padding-left:23px;
	line-height:1.5;
	font-size:109%;
	background:url(../img/icon-circle-new.png) no-repeat left 5px;
}

.electricity{
	width:228px;
	padding:10px 5px;
	margin-top:40px;
	color:#0066cc;
	border:1px solid #0066cc;
	text-align:center;
}

.electricity dt,
.electricity dd{
	font-size:117%;
	line-height:1.5;
	font-weight:bold;
}

.rule{
	width:740px;
	height:45px;
	overflow:hidden;
	padding:30px 45px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.txt{
	float:left;
	padding-top:6px;
	line-height:45px;
	color:#33465E;
	font-size:117%;
}

.txt02{
	text-align:center;
	color:#33475E;
	font-size:134%;
	font-weight:bold;
	margin:35px 0 30px;
}

.requestBtn{
	width:350px;
	height:50px;
	margin:0 auto;
}

.requestBtn a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:50px;
	background:#0066cc;
	color:#fff;
	font-size:150%;
	font-weight:bold;
	border-radius:5px;
}

.btnArea a:hover,
.requestBtn a:hover{ background:#34495E;}

.text-space:first-letter{ letter-spacing:1em;}

/*------------------------------------------------------------ 
    entry
------------------------------------------------------------*/  

.entryHd{
	line-height:70px;
	padding-left:30px;
	background:url(../img/icon-circle-new.png) no-repeat 5px 50%;
	border-bottom:1px solid #0066cc;
	color:#333;
	font-size:134%;
	font-weight:bold;
}

.entry{
	width:760px;
	margin:0 35px;
}

.entry th{
	width:135px;
	text-align:left;
	padding:23px 0px 23px 20px;
	color:#333;
	line-height:20px;
	vertical-align:top;
	font-size:134%;
	font-weight:bold;
	border-bottom:1px solid #ECF0F1;
	position:relative;
}

.entry th:before,
.entry-ttl:before{
	display:block;
	content:"";
	width:0;
	height:16px;
	border-left:3px solid #0066cc;
	position:absolute;
	left:0;
	top:25px;
}

.required{
	display:inline-block;
	width:56px;
	height:20px;
	text-align:center;
	line-height:20px;
	color:#fff;
	background:#DD3700;
	margin-right:14px;
	font-size:76%;
}

.entry td{
	padding:13px 0;
	border-bottom:1px solid #ECF0F1;
	color:#333;
	font-size:117%;
	line-height:40px;
}

.entry-ttl{
	width:660px;
	padding:23px 70px 23px 20px;
	margin-top:10px;
	color:#333;
	line-height:20px;
	font-size:134%;
	font-weight:bold;
	position:relative;
}

.entry-detail{
	width:720px;
	padding:0 20px 20px;
	border-bottom:1px solid #ECF0F1;
	color:#333;
	font-size:117%;
	line-height:1.5;
}

.input{
	height:33px;
	border:1px solid #ccc;
	padding:2px 5px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}

.size1{ width:400px;}
.size2{ width:120px;}
.size3{ width:450px;}
.size4{ width:720px;}
.size5{ width:80px;}
.size6{ width:300px;}
.size7{ width:600px;}
.size8{ width:100px;}
.size9{ width:75px;}

.label{
	display:inline-block;
	margin-right:20px;
}

label.label{ cursor:pointer;}

.entry small{
	font-size:84%;
	padding-left:20px;
}

.notes{ color:#BF2817;}

.txtarea{
	width:600px;
	height:50px;
	overflow:auto;
	padding:5px;
	resize:none;
	border:1px solid #ccc;
}

.txt03{
	margin:25px 0 40px;
	text-align:center;
	color:#333;
	font-size:117%;
}

.submitBtn{
	width:264px;
	height:50px;
	margin:0 auto;
}

.submitBtn button{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:50px;
	color:#fff;
	font-size:134%;
	font-weight:bold;
	background:#0066cc;
	border-radius:5px;
	border:none;
	cursor:pointer;
}

.addBtn{ margin-top:20px;}

.addBtn a,
.del{
	display:inline-block;
	height:27px;
	padding:0 5px;
	text-align:center;
	line-height:27px;
	background:#0066cc;
	color:#fff;
	font-size:92%;
}

.addBtn a:hover,
.del:hover{ background:#34495E;}

.entry-txt{
	color:#333;
	font-weight:bold;
	margin-bottom:10px;
}

.required2{
	display:inline-block;
	width:56px;
	height:20px;
	text-align:center;
	line-height:20px;
	color:#fff;
	background:#DD3700;
	margin-left:15px;
	font-size:76%;
}

.confirmArea{
	width:540px;
	margin:0 auto;
	overflow:hidden;
}

.prevBtn{
	width:264px;
	height:50px;
	float:left;
}

.prevBtn a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:50px;
	color:#333;
	font-size:134%;
	font-weight:bold;
	background:#ECF0F1;
	border-radius:5px;
}

.prevBtn a:hover{
	color:#fff;
	background:#0066cc;
}

.nextBtn{
	width:264px;
	height:50px;
	float:right;
}

.nextBtn a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:50px;
	color:#fff;
	font-size:134%;
	font-weight:bold;
	background:#0066cc;
	border-radius:5px;
}

.nextBtn a:hover{ background:#34495E;}

.confirm-txt{
	color:#33465E;
	font-size:117%;
	line-height:22px;
}

/*------------------------------------------------------------ 
    reception
------------------------------------------------------------*/  

.txt04{
	margin-bottom:50px;
	color:#333;
	font-size:134%;
	font-weight:bold;
	line-height:1.5;
}

.txt04 small{
	display:block;
	margin-top:10px;
	font-size:84%;
}

.txt04 a,
.flow-txt a{ color:#0066cc;}

#flow li{
	overflow:hidden;
	margin-bottom:30px;
	padding-bottom:60px;
	background:url(../img/bg-reception.png) no-repeat 0 bottom;
}

#flow .last{
	margin:0;
	background:none;
	padding-bottom:50px;
}

.flow-ttl{
	width:350px;
	float:left;
	color:#333;
	line-height:46px;
	font-size:150%;
	font-weight:bold;
	overflow:hidden;
}

.flow-ttl span{
	display:block;
	width:44px;
	height:44px;
	float:left;
	margin-right:15px;
	text-align:center;
	line-height:44px;
	color:#0066cc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:175%;
	border:2px solid #0066cc;
	border-radius:50%;
}

.flow-txt{
	width:460px;
	float:right;
	padding:14px 0 0 20px;
	color:#333;
	font-size:117%;
	line-height:20px;
	background:url(../img/icon-arrow-new.png) no-repeat left 17px;
}
/*
.flow-txt a{
	display:block;
	margin-top:10px;
	padding-left:20px;
	color:#0066cc;
	font-weight:bold;
	font-size:117%;
	background:url(../img/icon-arrow02.png) no-repeat left 50%;
}
*/
.caution{
	padding:25px 0;
	margin-bottom:10px;
	overflow:hidden;
	border-top:1px solid #0066cc;
	border-bottom:1px solid #0066cc;
}

.caution-ttl{
	width:160px;
	line-height:125px;
	padding-left:60px;
	float:left;
	color:#333;
	font-size:150%;
	font-weight:bold;
	background:url(../img/icon-info-new.png) no-repeat 5px 50%;
	background-size:34px 34px;
}

.caution-txt{
	width:579px;
	min-height:115px;
	float:left;
	line-height:1.5;
	padding:5px 5px 5px 25px;
	border-left:1px solid #BEC1C6;
}

.subHd{
	padding:20px 0;
	color:#333;
	font-size:150%;
	font-weight:bold;
}

.list2 > li{
	line-height:2;
	font-size:117%;
	padding-left:1.7em;
}

.list2 > li:before,
.list3 > li:before{
	display:inline-block;
	vertical-align:middle;
	content:"●";
	color:#0066cc;
	font-size:150%;
	text-indent:-1.2em;
}

.list2-sub li{
	line-height:2;
	text-indent:-1.5em;
	padding-left:1.5em;
}

.list2-sub li:before{ content:"・";}

.list2 span,
.list3 span{
	color:#0066cc;
	font-size:150%;
	vertical-align:middle;
}

.receptionTbl{
	width:99%;
	font-size:117%;
	margin:20px 0.5% 10px;
	color:#333;
}

.main-thead{
	background:#C7E7F7;
	height:40px;
	vertical-align:middle;
	border:1px solid #999;
}

.sub-thead{
	width:163px;
	background:#ECF7FC;
	vertical-align:middle;
	border:1px solid #999;
}

.t-size01{ width:270px;}
.t-size02{ width:320px;}
.t-size03{ width:240px;}

.receptionTbl td{
	height:50px;
	vertical-align:middle;
	text-align:center;
	border:1px solid #999;
}

.price{
	height:46px;
	padding-top:19px;
	line-height:46px;
	position:relative;
}

.price span{
	display:block;
	width:42px;
	height:42px;
	text-align:center;
	line-height:42px;
	position:absolute;
	top:-22px;
	left:62px;
	color:#fff;
	font-size:200%;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	background:#0066cc;
	border-radius:50%;
}

.mT60{ margin-top:60px!important;}

.txt05{
	font-size:117%;
	color:#333;
	line-height:2;
	margin-bottom:40px;
}

.arrow{ background:url(../img/bg-arrow.png) no-repeat;}

.txt06{
	font-size:117%;
	color:#333;
	line-height:2;
	margin-bottom:20px;
}

#concept{ padding-bottom:30px;}
#concept dd{ padding-bottom:20px;}

/*------------------------------------------------------------ 
    rental
------------------------------------------------------------*/

.rental-lead{
	font-size:134%;
	color:#333;
	font-weight:bold;
}

#rentalTbl{
	width:100%;
	margin:35px 0 60px;
}

#rentalTbl th{
	height:40px;
	vertical-align:middle;
	color:#333;
	font-size:117%;
	border-top:1px solid #0066cc;
	border-bottom:1px solid #0066cc;
}

#rentalTbl td{ vertical-align:top;}

.bdr{ border-bottom:1px solid #BEC1C6;}

.tbody01,
.tbody02,
.tbody03,
.tbody04{ padding:20px 0;}

.thead01{
	width:60px;
	text-align:left;
	text-indent:10px;
}
.thead02{
	width:380px;
	text-align:left;
}
.thead03{ width:110px;}
.thead04{ width:115px;}
.thead05{ width:165px;}

.tbody01{
	text-indent:10px;
	line-height:100px;
	color:#0066cc;
	font-size:134%;
	font-weight:bold;
}

.tbody02{
	width:380px;
	overflow:hidden;
	background:url(../img/bg-bdr.png) no-repeat right;
}

.tbody02 a{
	display:block;
	width:100px;
	height:100px;
	float:left;
	position:relative;
}

.tbody02 a:before{
	display:none;
	content:"";
	width:100%;
	height:100px;
	background:url(../img/bg-rental-hover.png) no-repeat;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}

.tbody02 a:hover:before{
	display:block;
}

.tbody02 p{
	width:254px;
	float:right;
	line-height:100px;
	font-size:134%;
	color:#333;
	font-weight:bold;
}

.tbody03{
	line-height:100px;
	text-align:center;
	font-size:134%;
	color:#333;
	font-weight:bold;
	background:url(../img/bg-bdr.png) no-repeat right;
}

.tbody04{
	padding-right:10px;
	text-align:right;
}

.tbody04 a{
	display:block;
	font-size:117%;
	color:#0066cc;
	line-height:100px;
	padding-right:30px;
	background:url(../img/icon-arrow04-new.png) no-repeat right 50%;
}

.tbody04 a:hover{ color:#34495E;}
.tbody04 .selected{ background-image:url(../img/icon-arrow05-new.png);}


.set{
	display:none;
}
.set dl{
	width:770px;
	padding:20px 0;
	margin-left:60px;
	overflow:hidden;
	border-top:1px solid #ECF0F1;
	color:#333;
	font-size:117%;
}

.set dt{
	width:126px;
	float:left;
	font-weight:bold;
}

.set dd{
	width:644px;
	float:left;
	line-height:1.5;
}

.caution2{
	width:148px;
	height:25px;
	margin-top:25px;
	text-align:center;
	line-height:25px;
	color:#fff;
/*	background:#E74D3D;*/
	background:#BF2817;
}

.subHd2{
	font-size:150%;
	color:#333;
	font-weight:bold;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:2px solid #0066cc;
}

.list3{ margin-bottom:40px;}
.list3 li{
	line-height:1.5;
	font-size:117%;
	margin-bottom:20px;
	padding-left:1.7em;
}

#contact{
	width:710px;
	padding:15px 55px;
	margin-top:40px;
	text-align:center;
	overflow:hidden;
	border:5px solid #0066cc;
}

#contact .tel{
	font-size:150%;
	text-align:right;
}

#contact span{
	font-size:76%;
}

#consent{
	text-align:center;
	font-size:117%;
	margin-top:30px;
}

#consent label{
	cursor:pointer;
	color:#333;
	font-weight:bold;
}

#consent input{
	position:relative;
	top:-1px;
}

input[type=radio]{
	position:relative;
	top:-2px;
}

.entry-subttl{
    color: #333;
    line-height: 20px;
    font-weight: bold;
	padding-top:20px;
}

.swiper-container.slider{
	width:100%;
	margin-bottom: 16px;
	position: relative;
}

.button-next,
.button-prev{
	position: absolute;
	top:50%;
	transform:translateY(-50%);
	z-index: 10;
	width: 45px;
	height: 71px;
	text-align: center;
	line-height: 71px;
	background: #0066cc;
	cursor: pointer;
}

.button-prev{ left:0;}
.button-next{ right:0;}

.button-next:hover,
.button-prev:hover{ opacity:.7;}

.swiper-container.slider-thumbnail{
	width:100%;
	margin-bottom:20px;
}

.swiper-container.slider-thumbnail .swiper-slide{
	cursor: pointer;
	position: relative;
	width:calc(33.33333% - 12px)!important;
}

.swiper-container.slider-thumbnail .swiper-slide + .swiper-slide{ margin-left: 16px;}

.swiper-container.slider-thumbnail .swiper-slide.swiper-slide-thumb-active::before{
	content:"";
	width:100%;
	height:100%;
	border:4px solid #0066cc;
	position:absolute;
	left:0;
	top:0;
	z-index: 2;
	box-sizing:border-box;
}


.ikoi-image1{
	width:100%;
	margin-bottom: 12px;
}

.ikoi-image2{ width:274px;}

.clr-blue{ color:#0066cc;}