@charset "UTF-8";

/* --------------------------------------------------------------------------------------
 コンテンツ
--------------------------------------------------------------------------------------- */

@media screen and (max-width: 768px){/* SP ------ */
#ctLeft .ttl_box {
position: relative;
}

#ctLeft .ttl_box h2{
display: inline-block;
font-size: 24px;
color: #00275e;
line-height: 1.2;
}

#ctLeft .ttl_box p{
margin: 15px 0 0;
vertical-align: top;
}

#ctLeft .ttl_box p{
display: block;
padding: 11px 9px 11px 59px;
background: #e86767 url(/bukken/rent/img/ico_rent03.png) no-repeat 18px center;
font-size: 11px;
color: #fff;
text-decoration: none;
}


#ctLeft .tab_area .tab_nav {
margin: 14px 0 0;
border-bottom: 1px #cccccc solid;
font-size: 0;
}

#ctLeft .tab_area .tab_nav li{
display: inline-block;
width: 48%;
margin: 0 2.81% -1px 0;
border-top: 1px #cccccc solid;
border-right: 1px #cccccc solid;
border-left: 1px #cccccc solid;
background: #fff;
vertical-align: top;
text-align: center;
font-size: 11px;
}

#ctLeft .tab_area .tab_nav li:last-child{
display: inline-block;
width: 48%;
margin: 0 0 -1px 0;
}

#ctLeft .tab_area .tab_nav li a{
display: block;
padding: 12px 0 15px 0;
border-top: 4px #cccccc solid;
background: #cccccc;
color: #fff;
}

#ctLeft .tab_area .tab_nav li.active a{
display: block;
padding: 12px 0 15px 0;
border-top: 4px #00255f solid;
background: #fff;
color: #00255f;
}


#ctLeft .form_area {
margin: 11px 0 -7px;
padding: 2% 4% 5% 4%;
border: 1px #cccccc solid;
}

#ctLeft .form_area .parts_box {
text-align: center;
}

#ctLeft .form_area .parts_box ul {
display: inline-block;
font-size: 0;
vertical-align: top;
text-align: left;
}

#ctLeft .form_area .parts_box ul li{
display: inline-block;
margin: 3% 7% 0 0;
font-size: 12px;
vertical-align: top;
}

#ctLeft .form_area .parts_box ul li input{
vertical-align: middle;
}

#ctLeft .form_area .parts_box p {
margin: 20px 0 0;
vertical-align: top;
}

#ctLeft .form_area .parts_box p input[type="text"]{
display: inline-block;
width: 70%;
margin: 0 8px 0 0;
padding: 4px 3px;
border: 1px #d7d7d7 solid;
vertical-align: top;
}

#ctLeft .form_area .parts_box p input[type="submit"]{
display: inline-block;
margin: 0 0 0 0;
padding: 2px 8px;
background: #333333 url();
border: 1px #d6d6d6 solid;
color: #fff;
vertical-align: top;
}


#ctLeft .form_area .btn_box {
margin: 11px 0 0;
text-align: center;
font-size: 0;
}

#ctLeft .form_area .btn_box p{
display: inline-block;
width: 187px;
margin: 9px 0 0 0;
vertical-align: top;
font-size: 16px;
}

#ctLeft .form_area .btn_box p input{
width: 187px;
padding: 11px 0;
border: none;
color: #fff;
}

#ctLeft .form_area .btn_box p input:hover{
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}

#ctLeft .form_area .btn_box p:nth-child(1) input{
padding: 11px 0 11px 20px;
background: #00275e url(/bukken/rent/img/ico_rent02.png) no-repeat 15px center;
cursor: pointer;
}

#ctLeft .form_area .btn_box p:nth-child(2) input{
background: #999999;
cursor: pointer;
}



#ctLeft .list_area {
margin: 0 0 0;
padding: 0 0 45px;
font-size: 0;
}

#ctLeft .list_area .list_box{
display: block;
margin: 34px 0 0 0;
vertical-align: top;
font-size: 0;
}

#ctLeft .list_area .list_box:nth-child(4n){
margin: 34px 0 0 0;
}

#ctLeft .list_area .list_box .img{
display: inline-block;
width: 30%;
}

#ctLeft .list_area .list_box .img img{
max-width: 100%;
height: auto;
}

#ctLeft .list_area .list_box .right_box{
display: inline-block;
width: 67%;
margin: 0 0 0 3%;
font-size: 12px;
vertical-align: top;
}

#ctLeft .list_area .list_box .tag{
display: inline-block;
margin: 0 0 0 0;
padding: 3px 4px;
font-size: 11px;
text-align: center;
vertical-align: top;
}

#ctLeft .list_area .list_box .tag01{background: #d8e3f2;}

#ctLeft .list_area .list_box .link{
margin: 9px 0 0 0;
}

#ctLeft .list_area .list_box .price{
margin: 2px 0 0 0;
font-size: 10px;
}

#ctLeft .list_area .list_box .price span {
font-size: 14px;
font-weight: bold;
color: #cc3333;
}

#ctLeft .list_area .list_box .spec{
margin: 2px 0 0 0;
font-size: 11px;
}


#ctLeft .list_area .list_box .access{
margin: 4px 0 0 0;
padding: 0 0 0 16px;
background: url(/bukken/rent/img/ico_rent01.png) no-repeat 0 2px;
font-size: 10px;
}

#ctLeft .list_area .next_btn{
width: 187px;
margin: 50px auto 0 auto;
text-align:  center;
}

#ctLeft .list_area .next_btn input{
display: block;
width: 187px;
padding: 12px 0;
border: none;
background: #00275e;
font-size: 16px;
color: #fff;
}
}
@media screen and (min-width: 769px){/* PC ------ */
#ctLeft {
width: 776px !important;
}

#ctLeft .ttl_box {
position: relative;
}

#ctLeft .ttl_box h2{
display: inline-block;
font-size: 24px;
color: #00275e;
line-height: 1.2;
}

#ctLeft .ttl_box p{
position: absolute;
right: 0;
top: 0;
width: 413px;
vertical-align: top;
box-sizing: border-box;
}

#ctLeft .ttl_box p{
padding: 9px 18px 9px 59px;
background: #e86767 url(/bukken/rent/img/ico_rent03.png) no-repeat 18px center;
font-size: 14px;
color: #fff;
text-decoration: none;
}


#ctLeft .tab_area .tab_nav {
margin: 28px 0 0;
border-bottom: 1px #cccccc solid;
}

#ctLeft .tab_area .tab_nav li{
display: inline-block;
width: 244px;
margin: 0 6px -1px 0;
border-top: 1px #cccccc solid;
border-right: 1px #cccccc solid;
border-left: 1px #cccccc solid;
background: #fff;
vertical-align: top;
text-align: center;
font-size: 14px;
}

#ctLeft .tab_area .tab_nav li a{
display: block;
padding: 12px 0 15px 0;
border-top: 4px #cccccc solid;
background: #cccccc;
color: #fff;
}

#ctLeft .tab_area .tab_nav li.active a{
display: block;
padding: 12px 0 15px 0;
border-top: 4px #00255f solid;
background: #fff;
color: #00255f;
}


#ctLeft .form_area {
margin: 21px 0 -7px;
padding: 30px 0 25px;
border: 1px #cccccc solid;
}

#ctLeft .form_area .parts_box {
text-align: center;
}

#ctLeft .form_area .parts_box ul {
display: inline-block;
font-size: 0;
vertical-align: top;
}

#ctLeft .form_area .parts_box ul li{
display: inline-block;
margin: 0 16px 16px 0;
font-size: 12px;
vertical-align: top;
}

#ctLeft .form_area .parts_box ul li input{
vertical-align: middle;
}

#ctLeft .form_area .parts_box p {
display: inline-block;
vertical-align: top;
}

#ctLeft .form_area .parts_box p input[type="text"]{
display: inline-block;
width: 189px;
margin: 0 8px 0 0;
padding: 2px 3px;
border: 1px #d7d7d7 solid;
vertical-align: top;
}

#ctLeft .form_area .parts_box p input[type="submit"]{
display: inline-block;
margin: 0 0 0 0;
padding: 2px 8px;
background: #333333 url();
border: 1px #d6d6d6 solid;
color: #fff;
vertical-align: top;
}


#ctLeft .form_area .btn_box {
margin: 22px 0 0;
text-align: center;
font-size: 0;
}

#ctLeft .form_area .btn_box p{
display: inline-block;
width: 187px;
margin: 0 17px;
vertical-align: top;
font-size: 16px;
}

#ctLeft .form_area .btn_box p input{
width: 187px;
padding: 11px 0;
border: none;
color: #fff;
}

#ctLeft .form_area .btn_box p input:hover{
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}

#ctLeft .form_area .btn_box p:nth-child(1) input{
padding: 11px 0 11px 20px;
background: #00275e url(/bukken/rent/img/ico_rent02.png) no-repeat 15px center;
cursor: pointer;
}

#ctLeft .form_area .btn_box p:nth-child(2) input{
background: #999999;
cursor: pointer;
}



#ctLeft .list_area {
margin: 0 0 0;
padding: 0 0 90px;
font-size: 0;
}

#ctLeft .list_area .list_box{
display: inline-block;
width: 180px;
margin: 34px 18px 0 0;
vertical-align: top;
font-size: 12px;
}

#ctLeft .list_area .list_box:nth-child(4n){
margin: 34px 0 0 0;
}

#ctLeft .list_area .list_box .tag{
display: inline-block;
margin: 9px 0 0 0;
padding: 3px 4px;
font-size: 11px;
text-align: center;
vertical-align: top;
}

#ctLeft .list_area .list_box .tag01{background: #d8e3f2;}

#ctLeft .list_area .list_box .link{
margin: 9px 0 0 0;
}

#ctLeft .list_area .list_box .price{
margin: 2px 0 0 0;
font-size: 10px;
}

#ctLeft .list_area .list_box .price span {
font-size: 14px;
font-weight: bold;
color: #cc3333;
}

#ctLeft .list_area .list_box .spec{
margin: 2px 0 0 0;
font-size: 11px;
}


#ctLeft .list_area .list_box .access{
margin: 4px 0 0 0;
padding: 0 0 0 16px;
background: url(/bukken/rent/img/ico_rent01.png) no-repeat 0 2px;
font-size: 10px;
}

#ctLeft .list_area .next_btn{
width: 187px;
margin: 50px auto 0 auto;
text-align:  center;
}

#ctLeft .list_area .next_btn input:hover{
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
	cursor: pointer;
}

#ctLeft .list_area .next_btn input{
display: block;
width: 187px;
padding: 12px 0;
border: none;
background: #00275e;
font-size: 16px;
color: #fff;
}
}