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


/* --------------------------------------------------------------- */
/* common */
/* --------------------------------------------------------------- */

*{ margin:0;	padding:0;}
img{ border:none; margin:0; padding:0;}

@font-face{ 
	font-family: 'dejima';
	src: url('font/dejima.eot'); /* IE9 */
	src: url('font/dejima.eot?#iefix') format('embedded-opentype'), /* IE8 */
		url('font/dejima.ttf') format('truetype'); /* iOS, Android */
		url('font/dejima.woff') format('woff'), /*  */
	font-weight: normal;
	font-style: normal;}
	
.fontfont {
	font-family: 'dejima';}

body{
	font-family:sans-serif;
	background-color:#ffffff;
	width:100%;}

.t a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
			border:none;}
						
.t a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	border:none;}

.t a p {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
			border:none;}
						
.t a:hover p {
	opacity: 0.6;
	filter: alpha(opacity=60);
	border:none;}

.t a h1 {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
			border:none;}
						
.t a:hover h1{
	opacity: 0.6;
	filter: alpha(opacity=60);
	border:none;}

.t a:hover h4{
	opacity: 0.6;
	filter: alpha(opacity=60);
	border:none;}

.t a:hover h5{
	opacity: 0.6;
	filter: alpha(opacity=60);
	border:none;}

.al-center{ text-align:center;}
.al-left{ text-align:left;}
.al-right{ text-align:right;}
.clear{ clear:both;}

/**************************** header ********/

.top_p1{
	font-size:14px;
	font-weight:normal;
	text-align:center;
	padding:10px 0;}

.top_p2{
	font-size:12px;
	font-weight:normal;
	text-align:center;
	padding:0 0 5px 0;
	color:#FFF;background-color:#A3DF4B;}

#pagetop {
	position:fixed;
	bottom: 35%;
	right: 0;
	z-index:300;}

.pagetop {
	margin:0;
	padding:20px 0 0;
	text-align:right;
	clear:both;}

.header_img{
	margin:10px 0 -200px -130px;
	z-index:99;}

.header_left{
	width:650px;
	float:left;}

.header_right{
	width:400px;
	float:right;
	background-image:url(../img/common/header_img2.png);
	background-position:left;
	background-repeat:no-repeat;
	margin:15px 0 0 0;
	text-align:right;}

.header_menu{
	background-image:url(../img/common/menu_bg.png);
	background-repeat:repeat-x;
	margin:0;
	width:100%;
	height:50px;}

.header_menu ul{
	list-style:none;
	width:1080px;
	margin:0 auto;}

.header_menu ul li{
	float:left;}

.header a:link , .header a:visited , .header a:hover , .header a:active{
	border:none;
	text-decoration:none;}

.header_logo{
	background-image:url(../img/common/header_logoimg.png);
	background-repeat:no-repeat;
	background-position:left;
	padding:10px 0 30px 120px;
	display:block;}

.header_logo2{
	background-image:url(../img/common/header_logoimg.png);
	background-repeat:no-repeat;
	background-position:left;
	padding:10px 0 30px 120px;
	display:block;}

.header_logo h1{
	font-size:36px;
	font-weight:bold;
	letter-spacing:8px;
	color:#000;
	line-height:38px;}

.header_logo h1 span{
	font-size:16px;
	font-weight:normal;
	color:#75B314;
	letter-spacing:4px;}

.header_logo h4{
	font-weight:bold;
	letter-spacing:8px;
	color:#000;
	line-height:38px;}

.header_logo2 h1{
	font-size:32px;
	font-weight:bold;
	letter-spacing:4px;
	color:#000;
	line-height:38px;}

.header_logo2 h1 span{
	font-size:16px;
	font-weight:normal;
	color:#75B314;
	letter-spacing:4px;}

.header_right2{
	width:280px;
	float:right;
	margin:15px 0 0 0;
	text-align:right;}

.header_left2{
	width:750px;
	float:left;}

/***************************** footer *******/

.footer{
	padding-top:15px;
	border-top:1px dotted #CCC;
	margin-top:50px;}
	
.footer_l{
	width:400px;
	float:left;}

.footer_r{
	width:640px;
	float:right;}

.footer_r a:link , .footer_r a:visited , .footer_r a:active{
	background-image:url(../img/common/a.png);
	background-repeat:no-repeat;
	background-position:left;
	padding:7px 5px 5px 10px;
	font-size:12px;
	color:#666;
	text-decoration:none;
	line-height:26px;
	margin:0 15px 10px 0;
	letter-spacing:2px;}

.footer_r a:hover{
	background-image:url(../img/common/a.png);
	background-repeat:no-repeat;
	background-position:left;
	padding:7px 5px 5px 10px;
	font-size:12px;
	color:#3C3;
	text-decoration:none;
	line-height:26px;
	margin:0 15px 10px 0;
	letter-spacing:2px;}

.copyright{
	padding:10px 0;
	margin:10px 0 0 0;
	text-align:center;
	font-size:14px;
	letter-spacing:5px;
	color:#fff;
	font-weight:bold;
	background-color:#A3DF4B;font-family: 'dejima';}

.footer_logo{
	background-image:url(../img/common/footer_logoimg.png);
	background-repeat:no-repeat;
	background-position:left;
	padding:0 0 10px 70px;
	display:block;}

.footer_logo h1{
	font-size:24px;
	font-weight:bold;
	letter-spacing:8px;
	color:#000;
	line-height:38px;}

.footer_logo h1 span{
	font-size:14px;
	font-weight:normal;
	color:#75B314;
	letter-spacing:4px;}

.footer_logo h5{
	font-weight:bold;
	letter-spacing:8px;
	color:#000;}

.footer_logo_rental{
	background-image:url(../img/common/footer_logoimg_min.png);
	background-repeat:no-repeat;
	background-position:left;
	padding:10px 0 10px 50px;
	display:block;}

.footer_logo_rental h1{
	font-size:13px;
	font-weight:bold;
	letter-spacing:8px;
	color:#000;
	line-height:18px;}

.footer_logo_rental h1 span{
	font-size:12px;
	font-weight:normal;
	color:#75B314;
	letter-spacing:4px;}

/***************************** contents *******/

.deji{
	font-family: 'dejima';}

.wrap1080{
	width:1080px;
	margin:0 auto;}

#contents{
	width:1080px;
	margin:0 auto;
	padding:30px 0 50px 0;}


/* --------------------------------------------------------------- */
/* top */
/* --------------------------------------------------------------- */

.top_cont1{
	background-image:url(../img/cont/img0.png);
	background-repeat:no-repeat;
	background-position:right top;
	padding:20px 20px;}

.top_cont_p1{
	font-size:14px;
	font-weight:bold;
	color:#333;
	letter-spacing:2px;}	

.top_cont_p1 span{
	color:#F30;}

.top_cont_p2{
	font-size:32px;
	font-weight:bold;
	color:#333;
	letter-spacing:5px;
	padding:15px 0;
	line-height:52px;
	color:#690;}

.top_cont_p2 span{
	font-size:46px;
	color:#093;}

.top_cont_p3{
	font-size:14px;
	color:#333;
	letter-spacing:3px;
	line-height:24px;}

.title{
	font-size:18px;
	letter-spacing:3px;
	color:#000;
	background-image:url(../img/cont/title_bg.png);
	background-repeat:no-repeat;
	background-position:left;
	padding:2px 0 6px 35px;
	font-family: 'dejima';
	margin:10px 0;}

.sub_title1{
	font-size:14px;
	color:#333;
	background-image:url(../img/cont/title_bg2.png);
	background-repeat:no-repeat;
	background-position:left;
	letter-spacing:2px;
	padding:5px 0 5px 25px;
	margin-left:10px;}

.sub_title2{
	font-size:14px;
	color:#333;
	background-image:url(../img/cont/title_bg3.png);
	background-repeat:no-repeat;
	background-position:left;
	letter-spacing:2px;
	padding:5px 0 5px 25px;
	margin-left:10px;}

.left_h{
	width:580px;
	float:left;}

.right_h{
	width:500px;
	float:right;}


.kaikano_box1{
	width:350px;
	height:250px;
	float:left;
	margin:0 0 5px 0;}

.kaikano_box2{
	background-color:#F2FAE5;
	width:350px;
	height:250px;
	float:left;
	margin:0 5px;}

.kaikano_p1{
	font-size:18px;
	color:#333;
	text-align:center;
	letter-spacing:5px;
	font-family: 'dejima';
	padding:10px;}

.kaikano_p2{
	font-size:12px;
	color:#333;
	padding:5px 10px;
	line-height:16px;}

.kbg1{
	background-color:#FFFFC4;}

.kbg2{
	background-color:#FFE4AC;}

.kbg3{
	background-color:#D7EBFF;}

.kbg4{
	background-color:#FFEBD7;}

.kbg5{
	background-color:#FFE1E1;}

.kbg6{
	background-color:#FFE8D0;}

.kbg7{
	background-color:#D7FFD7;}
	
.kbg8{
	background-color:#EAEAF4;}
	
.kbg9{
	background-color:#FFFFCC;}

.kbg10{
	background-color:#DCF3E8;}

.kbg11{
	background-color:#EFEFE0;}

/****************************************************/

.area_p1-1{
	font-size:14px;
	text-align:center;
	width:140px;
	padding:8px 5px;
	background-color:#0f70a8;
	color:#FFF;
	letter-spacing:3px;
	margin-bottom:10px;}

.area_p1-2{
	font-size:14px;
	text-align:center;
	width:140px;
	padding:8px 5px;
	background-color:#007f3d;
	color:#FFF;
	letter-spacing:3px;
	margin-bottom:10px;}

.area_p1-3{
	font-size:14px;
	text-align:center;
	width:140px;
	padding:8px 5px;
	background-color:#ff4d4d;
	color:#FFF;
	letter-spacing:3px;
	margin-bottom:10px;}

.area_p1-4{
	font-size:14px;
	text-align:center;
	width:140px;
	padding:8px 5px;
	background-color:#fc89f8;
	color:#FFF;
	letter-spacing:3px;
	margin-bottom:10px;}

.area_p1-5{
	font-size:14px;
	text-align:center;
	width:140px;
	padding:8px 5px;
	background-color:#00d6b7;
	color:#FFF;
	letter-spacing:3px;
	margin-bottom:10px;}

.area_p1-6{
	font-size:14px;
	text-align:center;
	width:140px;
	padding:8px 5px;
	background-color:#ff8a0d;
	color:#FFF;
	letter-spacing:3px;
	margin-bottom:10px;}

.area_p2{
	font-size:13px;
	color:#333;
	padding:5px 0 8px 0;}

.area_p2 span{
	font-size:10px;
	color:#666;}

.area_1{
	width:500px;
	float:left;}

.area_2{
	width:270px;
	float:left;}

.area_3{
	width:270px;
	float:right;}

/*********************************************/

.step_box{
	width:340px;
	float:left;}

.step_p{
	font-size:13px;
	color:#333;
	padding:10px;
	line-height:18px;}

.step_p2{
	font-size:13px;
	color:#333;
	line-height:18px;
	text-align:right;
	margin:-30px 60px 0 0;}

/***********************************************/

.rec_cont1{
	background-image:url(../img/cont/img1.png);
	background-repeat:no-repeat;
	background-position:right top;
	padding:20px 20px;}

.rec_cont2{
	background-image:url(../img/cont/img2.png);
	background-repeat:no-repeat;
	background-position:right top;
	padding:20px 20px;}


.rec_cont3{
	background-image:url(../img/cont/img3.png);
	background-repeat:no-repeat;
	background-position:right top;
	padding:20px 20px;}


.rec_cont4{
	background-image:url(../img/cont/img4.png);
	background-repeat:no-repeat;
	background-position:right top;
	padding:20px 20px;}


.rental_bg{
	background-image:url(../img/cont/img5.png);
	background-repeat:no-repeat;
	background-position:right top;
	padding:20px 20px;}



/*************************************************/

.faq_q{
	background-image:url(../img/cont/q.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding:0 0 10px 30px;
	margin:20px 0 0 0;
	font-size:14px;
	letter-spacing:2px;
	color:#333;
	line-height:25px;}

.faq_a{
	background-image:url(../img/cont/a.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding:0 0 10px 30px;
	margin:0 0 0 10px;
	font-size:14px;
	letter-spacing:2px;
	color:#666;
	line-height:25px;}

.faq_link a:link , .faq_link a:visited , .faq_link a:active{
	background-image:url(../img/common/a.png);
	background-repeat:no-repeat;
	background-position:left;
	padding:7px 5px 5px 10px;
	font-size:14px;
	color:#0C3;
	text-decoration:none;
	line-height:26px;
	margin:0 15px 10px 40px;
	letter-spacing:2px;}

.faq_link a:hover{
	background-image:url(../img/common/a.png);
	background-repeat:no-repeat;
	background-position:left;
	padding:7px 5px 5px 10px;
	font-size:14px;
	color:#3C3;
	text-decoration:none;
	line-height:26px;
	margin:0 15px 10px 40px;
	letter-spacing:2px;}

/**************************************/

.comp_1{
	font-size:14px;
	letter-spacing:2px;
	color:#333;
	line-height:25px;
	text-align:center;
	width:135px;
	float:left;
	padding:10px 20px;
	border-bottom:1px solid #696;}

.comp_2{
	font-size:14px;
	letter-spacing:2px;
	color:#666;
	line-height:25px;
	padding:10px 20px;
	width:450px;
	float:right;
	border-bottom:1px dotted #696;}

.wrapkai{
	width:665px;}


.puri_p0{
	font-size:14px;
	letter-spacing:1px;
	line-height:22px;
	color:#333;
	padding:10px;}

.puri_p1{
	font-size:14px;
	letter-spacing:2px;
	line-height:22px;
	color:#093;
	padding:5px 10px;
	border-bottom:1px dotted #090;
	width:400px;}

.puri_p2{
	font-size:14px;
	letter-spacing:1px;
	line-height:22px;
	color:#333;
	padding:10px;}

.puri_ul{
	margin-left:30px;
	list-style:disc;}

.puri_ul li{
	font-size:12px;
	color:#666;
	line-height:22px;}

/****************************************/

.reserv_table1{
	width:980px;
	margin:0 auto;}

.reserv_table1 td{
	padding:5px 20px;
	border-bottom:1px dotted #CCC;}

.r_td1{
	background-color:#E1F7D9;
	color:#000;
	font-size:14px;
	letter-spacing:2px;}

.r_td1 span{
	font-size:12px;
	color:#900;}

.r_td2{
	background-color:#FFF;
	color:#333;
	font-size:13px;
	letter-spacing:1px;}

.td0{
	background-color:#ECFAE7;
	color:#000;
	font-size:13px;
	letter-spacing:2px;}

.td0 span{
	font-size:12px;
	color:#666;}

.submit{
    border:1px solid #060;
    padding: 4px 10px;
    color: #fff;
    cursor: pointer;
    background: #0C6;
    border-radius: 5px;
     
/* Webkit */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#0C6),
        to(#0C6)
        );
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px #fff;
         
/* Firefox */
    background: -moz-linear-gradient(
        top,
        #0C6,
        #0C6
        );
    -moz-border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px #fff;
     
/* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ff99c9e5,endColorstr=#ff428ec9);
    zoom: 1;
}

.reset{
    border:1px solid #777;
    padding: 4px 10px;
    color: #fff;
    cursor: pointer;
    background:#999;
    border-radius: 5px;
     
/* Webkit */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#999),
        to(#999)
        );
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px #fff;
         
/* Firefox */
    background: -moz-linear-gradient(
        top,
        #999,
        #999
        );
    -moz-border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px #fff;
     
/* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#999,endColorstr=#999);
    zoom: 1;
}


input , select{
	font-size:14px;
	padding:5px;
	margin:3px 0;}


.rental_box1{
	width:350px;
	height:300px;
	float:left;
	margin:0 0 5px 0;}

.rental_box2{
	background-color:#F2FAE5;
	width:350px;
	height:300px;
	float:left;
	margin:0 5px;}

.kaikano_p1{
	font-size:18px;
	color:#333;
	text-align:center;
	letter-spacing:5px;
	font-family: 'dejima';
	padding:10px;}

.kaikano_p2{
	font-size:12px;
	color:#333;
	padding:5px 10px;
	line-height:16px;}
	
.ending_p1{
	font-size:14px;
	color:#333;
	letter-spacing:1px;
	line-height:24px;
	padding:10px;
	background-image:url(../img/cont/bg_ending.png);
	background-position:right;
	background-repeat:no-repeat;
	padding:10px 300px 0px 10px;}