@import url(../privacy/DropDownMenu.css);

body{margin-top: 0px;}
.small {font-size: 10px;line-height: 14px;color: #5E4739;}
.small02 {font-size: 10px;line-height: 14px;color: #4A0000;}
.base {font-size: 12px;line-height: 16px;color: #5E4739;}
.base02 {font-size: 12px;line-height: 16px;color: #4A0000;}
.base03 {font-size: 12px;line-height: 16px;color: #5E4739; padding: 0px 0px 0px 12px;}
.base04 {font-size: 12px;line-height: 16px;color: #5E4739; padding: 0px 0px 0px 24px;}
.base05 {font-size: 12px;line-height: 18px;color: #5E4739;}
.base06 {font-size: 12px;line-height: 18px;color: #5E4739; padding: 0px 0px 0px 12px;}
strong {font-size: 12px;line-height: 14px;color: #5E4739;}
.point {font-size: 14px;line-height: 16px;color: #277CE4;}
H1 {font-size: 12px;line-height: 14px;color: #5E4739;}
.add{font-size:12px;color:#000;text-align:left;}

.menu{
font-size: 12px;
font-weight: bold;
line-height: 16px;
padding: 0px 40px 0px 0px;
}

.rentmenu{
font-size:12px;
font-weight:bold;
line-height:16px;
padding:0px 40px 0px 0px;
}
.listtxt1{color: #666666;font-size: 12px;line-height: 16px;margin: 8px 0px 8px 4px;}
.listtxt3{font-size: 12px;color: #666666;margin: 8px 0px 0px 4px;}
.sitespace1{margin: 30px 0px 0px 0px;}
.sitespace2{margin: 35px 0px 0px 0px;}
.cms{overflow:auto;width:411px;height:400px;}
.cms2{overflow:auto;width:435px;height:150px;}
.cms_back{overflow:auto;width:411px;height:1000px;}

/**/
.cen{text-align:center !important;margin:0 auto !important;}
.imgcen{
	text-align:center;
	margin-left:auto;
	nav-right:auto;
	display:block;}
.r{
	float:right;}
/*駐車場*/
.m20{margin-top:20px;}
.mb20{ margin-bottom:20px;}

/*-----------------------------------------------
お問合せ
-----------------------------------------------*/
.contact_h1{
width:720px;
height:175px;
background:url(../img/contact_title.jpg) no-repeat;	text-indent:100%;
white-space:nowrap;
overflow:hidden;
margin:0 0 20px 0;
}
.contactbox{
margin:0 0 10px 0;
overflow:hidden;
font-size:13px;
line-height:1.7;
}
.contactbox .contactbox_inner{padding:14px 0;background:#fff;}
.oisogiposi{margin:0 0 0 10px;}
.contactinin{
width:584px;
height:172px;
margin:10px auto;
background:url(../common/contact_img02.png) no-repeat;
}
.contacttitle{
width:615px;
height:27px;
margin:10px auto;
background:url(../common/title02.gif) no-repeat;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
.txtposi01{padding-top:55px;margin:0 0 0 190px;}
.txtposi01 p{color:#F00;font-size:30px;line-height:1;margin:0 0 0 50px;}
.txtposi02{margin:10px 0 0 140px;line-height:1.4;}
.txtposi03{margin:5px 0 0 140px;line-height:1.8;}
.search_merit{margin:0 auto;}
.search_merit ul{}
.search_merit li {list-style-type:disc;padding:4px 0;}
.formtable_area{padding:14px 0 0 0;}
.signarea{margin:0 20px 20px 20px;padding-top:10px;}
.signarea ul{}

.signarea li{
background-color:#FFC;
padding:10px;
margin-bottom:10px;
overflow:hidden;
}
.signarea li img{
margin-right:20px;
float:left;
background-color:#FFF;
text-align:center;
width:115px;
}
.signarea li p{
float:left;
line-height:1.6;
width:440px;
text-align:left;
}
.img_center{text-align:center;padding:20px 0 ;}
.contact_02{border:1px solid #aaa;margin-bottom:20px;border-collapse:collapse;width:95%;}
.contact_02 table{}
.contact_02 th {
font-weight: bold;
color:#666666;
width:25%;
background:#f7f7f7;
text-align: left;
line-height: 1.5;
padding: 10px;
vertical-align: middle;
border-bottom:1px solid #aaa;
border-right:1px solid #aaa;
font-size:13px;
}
.contact_02 td {
padding: 10px;
vertical-align: middle;
background-color: #fff;
line-height: 1.75em;
text-align:left;
border-bottom:1px solid #aaa;
border-right:1px solid #aaa;
font-size:13px;
}
.hissu{color:#CC0000;font-weight:bold;}
.error{color:#CC0000;display:block;}
.contact_li{	overflow:hidden;}
.contact_li li{float:left;width:215px;margin:0 8px 10px 0;}
.rai_01 {
border-left:5px solid #285085;
border-bottom:1px dotted #ccc;
margin:10px 0 10px 0;
padding:0;
text-indent:10px;
}
.rai_02 {
border-left:5px solid #285085;
border-bottom:1px dotted #ccc;
margin:20px 0 0 0;
padding:0;
text-indent:10px;
}
span.nml{font-weight:normal;font-size:11px;}
table.sta{
width:640px;
margin:10px 0 0 20px;
background:#eee;
border:1px solid #ccc;
}
table.sta td{vertical-align:top;padding:14px 18px;}
.ttl01{
padding:3px 10px;
border:2px solid #0295c0;
background-color:#c5eaf2;
color:#3f7e8f;
   -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
       -ms-border-radius: 5px;
        -o-border-radius: 5px;
           border-radius: 5px;
	margin-bottom:10px;
	display:inline-block;
}
.pem p{
	margin-bottom:1em;}
.ttl02 {font-size: 12px;line-height: 14px;color: #5E4739; font-weight:bold;}

.form_01{
width:150px;
border: solid 1px #d8d8d8;
font-size:12px;
padding:3px;
}

.form_02{width:100px;border: solid 1px #d8d8d8;font-size:12px;padding:3px;}
.form_03{font-size:12px;line-height:15px;}
.form_04{
width:204px;
color:#aaa;
border: solid 1px #d8d8d8;
font-size:12px;
line-height:12px;
padding:6px 3px;
height:18px;
}
.form_05{
font-size:13px;
line-height:18px;
padding:0 3px;
height:24px;
}
.form_06{
font-size:13px;
line-height:18px;
padding:10px 3px;
height:24px;
margin-top:5px;
}
.texl label{
display:block;
line-height:0.8;
}
.opa a:hover img{
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}
.opa a:hover img{
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}
.opa a:hover img,
.opa input[type="image"]:hover{
opacity:0.5;
-moz-opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}
.mbt01{
	margin:5px auto;
	display:block;
	text-align:center;
}


.sosikizu_table{
	width:590px;
	margin:0 20px 20px 0;
	border-collapse:collapse;
	font-size:12px;
	line-height:1.7;
}

.sosikizu_table tr:nth-child(even) {
	background:#fff;
}
.sosikizu_table tr:nth-child(odd) {
    background:#eee;
}
.sosikizu_table th {
	width:30%;
	text-align: left;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:6px 10px;
	font-weight:normal;
	vertical-align:top;
}


.sosikizu_table td {
	vertical-align: middle;
	border-bottom:1px solid #ccc;
	padding: 6px 10px;
	vertical-align:top;
	
}

.subttl{
	width:620px;
	margin-top:10px;
height:18px;
padding-top:9px;
text-indent:20px;
color:#FFFFFF;
font-size:16px;
margin:;
background:url(../common/sub_ttlbg.jpg) no-repeat;
	}

.topbtn a{
	margin:20px 0; 
	}

/*収納コンテナ・トランクルームご契約の流れ*/
.red{
	color:#FF0000;
	}

/*テーブル*/
#contract_text table {
   width: 95%;
   border-collapse: collapse;
   margin: 10px 5px 5px;
}
#contract_text caption {
   font-size: 105%;
   margin-bottom: 5px;
}
#contract_text caption strong {
   border-bottom: 2px solid #005BAC;
   padding: 0 3px;
}
#contract_text table th, #contract_text table td {
   border: 1px solid #ccc;
   padding: 8px 0;
}
#contract_text table th {
   background-color: #f7f7f7;
   white-space: nowrap;
}
#contract_text table th.th_first {
   background-color: #666;
   color: #fff;
}

caption{
	text-align:left;
	font-size:12px;}

.flow_h3{
	width:620px;
height:18px;
padding-top:9px;
text-indent:20px;
color:#FFFFFF;
font-size:16px;
background:url(../common/sub_ttlbg.jpg) no-repeat;	
	}

#contract_text p{
	margin:1em;
	font-size:13px;
	line-height:1.7;
	}

/* ----------------------------------
    よくある質問
---------------------------------- */
.borderBottom02 {
    border-left: 3px solid #267CE3;
	padding-left:1em;
}
/* ----------------------------------
    よくある質問：アンサー
---------------------------------- */


#q_wrap .inner_container a {
    color: #005BAC;
}


.q_another {
	border-bottom: 1px dashed #CCCCCC;
	padding: 0 0 20px;
	overflow:hidden;
}
.q_another .q_a {
	margin-bottom: 2px;
	overflow:hidden;
}
.q_a span{
	line-height:50px;
	float:left;
	width:50px;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	display: inline-block;
	font-family:"メイリオ","Meiryo","Meiryo UI","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}
.q_another .q_a img {
    float: left;
	margin-right: 15px;
}
.q_another .q_a h5 {
	width:500px;
	float:left;
    overflow: hidden;
    font-size: 1.1em;
	color: #555555;
}
.q_another .q_a .text_right {
	float:left;
	width:550px;
    overflow: hidden;
	line-height: 1.45;
}
.text_right ul{
	margin-top:0;
	padding:0;}
.text_right dt{
	font-size:13px;
	font-weight:bold;
	margin-bottom:0.5em;}	
.text_right dd{
	margin-left:0 !important;
		padding:0;}
	
.text_right li {
	list-style-type: none;
		font-size:13px;
		line-height:1.8;

}
	
.text_right p{
	font-size:13px;
	}
.q_a .qtxt{
	float:left;
	width:550px;
	color:#666666;
	font-weight:bold;
	}

/**/
.bg{
	background-color:#FFFFFF;
	border-left: #999999 solid 1px;
	border-right:#999999 solid 1px;

}

.bginner{
	padding:20px 0;
		margin-left:10px;
	margin-right:10px;
	}

.footbnarea{
	padding:20px 0;	
background: url(../common/line_689.gif);
background-position: left top;
background-repeat: repeat-x;
display:table;
width:100%;
	}

.footbnarea01{
	display:table-cell;
	width:160px;
	text-align:center;
	vertical-align:top;}
.footbnarea02{
	display:table-cell;
	width:260px;
	background: url(../image/banner_space.gif);
background-position: right top;
background-repeat: repeat-y;
	vertical-align:top;

	}
.shadouw{
	border:#999 1px solid;
	width:200px;
	padding:10px;
	box-shadow: 4px 4px 1px 1px rgba(222,222,222,0.4) inset;
		}	
.footbnarea03{
	display:table-cell;
	width:160px;
	text-align:center;
	}

.footbnarea04{
	display:table-cell;
	width:244px;
	vertical-align:top;}


/*駐車場*/
.flex_s{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	flex-wrap:wrap;
}

.left_w00{
width: calc(100% - 260px);
}

.side_bn_area{
width: 240px;
image-rendering: -webkit-optimize-contrast;
}
.side_bn_area figure{
margin: 0;
padding: 0;
width: 240px;
}

.side_bn_area figure a:link{color:#333;text-decoration:none;}
.side_bn_area figure a:visited{color:#333;text-decoration:none;}
.side_bn_area figure a:hover{color:#999;text-decoration:underline;}
.side_bn_area figure a:active{color:#333;text-decoration:none;}
.side_bn_area figcaption{
font-size: 14px;
text-align: center;
}

.side_bn_area img{
width: 240px;
margin-bottom: 6px;
}







