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

*{margin:0; padding:0;}
body{
	font-size:0.9em;
}
a{text-decoration:none;}
a:hover{opacity:0.7;}
.align-center{text-align:center;}
.clearfix:after{
	display:block;
	content:".";
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}

/*--------------------mobileリセット*/

.ui-bar-b{background:none;}

.ui-content{padding:0;}

.ui-btn{
	border-radius:.6em;
	box-shadow:none;
}

.ui-shadow-inset{box-shadow:none;}

.ui-collapsible-content{padding:5px;}
table {
	text-align: left;
	width: 100%;
}




/*---------------------------------------------------------#header*/

#header{
	/*border:none;*/
	border-bottom: solid 5px #0958a7;
	border-top: none;
	padding-bottom: 11px;
	padding-top: 8px;
}

#header h1{
	margin:0;
}
#header h1 a{
	/*position:relative;
	display:block;*/
	margin:0;
	padding:0;
	text-align: left;
}

#header h1 img{
	/*width:100%;*/
	width:60%;	
}

#header .btn{
	width:44px;
	min-height:44px;
	position:absolute;
	top:13px;
	right:5px;
}

/*海保追加*/
#header .btn2{
	width:44px;
	min-height:44px;
	position:absolute;
	top:13px;
	right:48px;
}

.sp-logo {
    float: left;
	margin: 9px 2px 0px 9px;
}

.sp-logo img {
    width: 87px;
}

.sp-logo2 {
    width: 350px;
    padding: 9px 0 3px 0px;
}

.sp-logo2 img {
    width: 50%;
}

@media screen and (max-width: 320px) {
	#header h1 img{
		/*width:100%;*/
		width:60%;	
	}
	
	#header .btn{
		width:44px;
		min-height:44px;
		position:absolute;
		top:13px;
		right:5px;
	}
	

	#header .btn2{
		width:44px;
		min-height:44px;
		position:absolute;
		top:13px;
		right:48px;
	}
	
	.sp-logo {
		float: left;
		margin: 16px 2px 0px 9px;
	}
	
	.sp-logo img {
		width: 50px;
	}
	
	.sp-logo2 {
		width: 313px;
		padding: 11px 0 3px 0px;
	}
	
	.sp-logo2 img {
		width: 50%;
	}
}
/*--------------------------------------------------------#search*/

#search{
	padding:6px  2.19%;
}

#search div.ui-input-text{
	width:80%;
	height:27px;
	box-sizing:border-box;
	padding:0;
	float:left;
}

#search input{
	height:27px;
}

#search .ui-corner-all,#search .ui-btn-corner-all{
	border-radius:0;
}

#search div.ui-input-text input.ui-input-text{
	padding:0;
}

#search .ui-btn-up-c,#search .ui-btn-hover-c{
	border:none;
}

.ui-btn-hover-c{
	opacity:0.7;
}


#search div.ui-submit{
	width:50px;
	height:27px;
	float:right;
	background-image:url(images/btn_search.png);
	background-repeat:no-repeat;
	background-size:contain;
}

/*---------------------------------------------------------nav*/
nav ul {
	list-style:none;
	min-height:130px;
	margin:0;
}


nav ul li{
	width:47.81%;
	float:left;
	text-align:center;
	margin:0 0 5px 1.46%;
}


nav li a{
	display:block;
	min-height:63px;
	background-repeat:no-repeat;
	background-size:contain;
}

nav li img{width:100%;}


/*----------------------------------------------------#banner*/

#banner{
	padding:5px;
	box-sizing:border-box;
}

#banner img{width:100%;}


/*-------------------------------------------------.contents*/

.contents{
	display:table;
	margin-bottom:15px;
	font-size:0.9em;
}

.contents>figure,.contents>.data{
	display:table-cell;
	padding:5px;
	vertical-align:top;
	color: #333333;
}

.contents img{
	width:132px;
	height:99px;
}

.data{padding:1em;}

/*----------------------------------------------------.#list*/

#list .data{padding-bottom:2em;}

#list h2{
	background-color:#000;
	color:#FFF;
	padding:10px;
}

#list img{width:80px; height:60px;}

#list img.list_icon{width:46px; height:23px; padding-left: 5px;}
#list img.list_icon2{width:66px; height:23px; padding-left: 5px;}


/*#list td:first-child{margin-top:3em;}*/

#list td:first-child{margin-top:0.5em;}

#list td:last-child{ border:none; }

#list td b{margin-right:0px; vertical-align:top;}


/*追加*/
@media screen and (max-width: 480px) {
#list .data .over_moji {
	display: inline-block;
	max-width:180px;
}
}
#list .data table tr{
	cursor:pointer;
}

#list .data table tr:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/*----------------------------------------------------.#detail*/

#detail .ui-collapsible .ui-btn-inner{
	padding-left:20px;
	text-align:center;
}

#detail h2{
	background-color:#000;
	color:#FFF;
	padding:10px;
}

#detail #photo{
	width:280px;
	margin:20px auto;
}

#detail figure{
	height: 200px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

#detail figure img{
	max-width: 280px;
    max-height: 200px;
}




#detail #exphoto ul{
	list-style:none;
}

#detail #exphoto li{
	width:90px;
	float:left;
	margin-bottom:5px;
	cursor: pointer;
	height: 70px;
	overflow: hidden;
	text-align: center;
}

#detail #exphoto li img{
	max-width:90px;
	max-height: 70px;
}

#detail #exphoto li.active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}

#detail #exphoto li:nth-child(3n-1){
	margin-left:5px;
	margin-right:5px;
}

/*----------------------------------------------------.#footer*/

.ui-footer .ui-title{font-size:12px;}

.copywrite {
	width: 293px;
	margin-right: auto;
	margin-left: auto;
	font-size: 11px;
	padding-bottom:10px;
	height:70px;
	position: relative;
}
.copywrite img {
	display: block;
	position:absolute;
	left:7px;
	top: 20px;
}
.copywrite h4 {
position:absolute;
	right:7px;
	top: 10px;
}

.ui-bar-a{
	background-color:#C5DAff;
	background-image:none;
	color:#004a9e;
	text-shadow:none;
	margin-top:20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-style: none;
	border-top-color: #97BBFF;
}



/* #flickscroll
--------------------------- */
#flickscroll {
	text-align: left;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	max-width: 280px;
    max-height: 200px;
}
#flickscroll ul {
	top: 0;
	left: 0;
	position: absolute;
	overflow: hidden;
}
#flickscroll ul li {
	width: 280px;
	height: 200px;
	float: left;
	display: inline;
	overflow: hidden;
	text-align: center;
}


/* #modal
--------------------------- */
#modal { display: none; font-family: Helvetica,Arial,sans-serif; }
#modal ul {
	margin: 0px;
	padding: 0px;
}

#modal li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	list-style-type: none;
	padding-left: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #555555;
	
}

#modal li a{
	text-shadow:none;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 3em;
	display:block;
}

#modal a#modal_close {
	background: #CCC;
	color: #333;
	font-weight: bold;
	border: none;
	margin-top: 25px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	display: block;
	text-decoration: none;
	margin-right: auto;
	margin-left: auto;
	width: 3em;
	text-align: center;
}
#modal a#modal_close:hover { background: #aaa; } 



/* 物件のポイント・担当者のコメント
--------------------------- */
.point_in{
	margin-bottom: 10px;
	line-height: 1.5em;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: 1px solid #CCCCCC;
}

#point_midashi {
	color: #10599a;
	background-image: url(../img/point.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 30px;
	line-height: 27px;
}

#comment_midashi {
	color: #10599a;
	background-image: url(../img/comment.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 30px;
	line-height: 27px;
}

/* 休業案内
--------------------------- */
#oyasumi {
margin-bottom:15px;
margin-left:5px;
margin-right:5px;
}