A {
	color: #0000ff;
}

/* 20140323 目立たせたくないリンクを黒くするため追加、総合保険で利用 */
A.kuro{
	color: #000000;
}

A:hover {
/*	position : relative;*/
	top:1px; left:1px;
	color: #800000;
}

img{
	border:0;
}

.box-header{
	color:#555555;
	background-color: #ffffff;
	background-image:url(https://www.m-kyoei.com/logo/header400x32.gif);
	background-repeat:no-repeat;
	background-position:center right;
	width: 970px;
	padding:3px 5px 5px 12px;
	margin:5px 5px 10px 8px;
	border: 2px #eeeeff solid;
}

.box-body{
	width:970px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 5px;
	line-height:155%; /* 20160129 追加*/
}

.box-body ul{
    list-style:none;
    padding:5px;
    margin:5px;
}

.box-body li.yoko{
    display:inline-block;
    *display: inline;  
    *zoom: 1;
    padding:4px;
    margin:7px;
}

.box-footer{
	color:#555555;
	background-color: #ffffff;
	width: 970px;
	padding:5px 5px 5px 12px;
	margin:15px 0px 15px 8px;
	border: 2px #eeeeff solid;
	font-size : small;
}



.box-footer ul{
    list-style:none;
    margin:0px;
    padding:0px;
}

.box-footer li.yoko{
    display:inline-block;
    *display: inline;  
    *zoom: 1;
    padding-right:5px;
    margin:0px;
}

.shadow {
    margin: 3px 0 0 3px;
    background: url(https://www.m-kyoei.com/logo/shadow.gif) right bottom;
    float: left; /* 回り込み制御 */
}

.shadow img {
    position: relative;
    left: -3px; /* 画像を左へ移動 */
    top: -3px; /* 画像を上へ移動 */
    padding: 3px; /* 画像枠 */
    /*background: #ffffe0; /* paddingを設定した場合の背景色 */*/
    border: 1px solid #999999; /* 画像の枠線 */
}

.shadow_right {
    margin: 3px 0 0 3px;
    background: url(https://www.m-kyoei.com/logo/shadow.gif) right bottom;
    float: right; /* 回り込み制御 */
}

.shadow_right img {
    position: relative;
    left: -3px; /* 画像を左へ移動 */
    top: -3px; /* 画像を上へ移動 */
    padding: 3px; /* 画像枠 */
    /*background: #ffffe0; /* paddingを設定した場合の背景色 */*/
    border: 1px solid #999999; /* 画像の枠線 */
}

input.essential{
	background-color: #FFCCFF;
}

BLOCKQUOTE{
	border: 1px solid #999999;
	margin-bottom: 10px;
	padding: 10px 20px 10px 20px;
}

h1{
background-image:url(https://www.m-kyoei.com/logo/haburashi.gif);
background-repeat:no-repeat;
background-position:left center;
margin:0px 0px 10px 0px;
padding:15px 0px 0px 50px;
font-size:x-large;
}

h2{
background-image:url(https://www.m-kyoei.com/logo/family.gif);
background-repeat:no-repeat;
background-position:left center;
margin:30px 0px 0px 5px;
padding:10px 0px 0px 45px;
border-bottom: 2px #1C79C6 solid; /* 下の枠線（太さ・色・スタイル） */
}

/* google maps の panoramioの詳細用 */
      #photo-panel {
        background: #fff;
        padding: 5px;
        overflow-y: auto;
        overflow-x: hidden;
        width: 300px;
        max-height: 300px;
        font-size: 14px;
        font-family: Arial;
        border: 1px solid #ccc;
        box-shadow: -2px 2px 2px rgba(33, 33, 33, 0.4);
        display: none;
      }

img.img-detail{
max-width:465px;
max-height:350px;
width:expression(document.body.clientWidth > 465? "465px" : "auto");
}


/* 20131128 for school (e.g https://www.m-kyoei.com/fudosan/kounan-s/baibai.html) */
h1.school {
	margin: 0px 0px 0px 15px;
	padding: 33px 0px 17px 170px;
	background-image:url(https://www.m-kyoei.com/logo/school160x60.gif);
	background-repeat:no-repeat;
	background-position:left 50%;

}

/* 20150403 追加　モバイル対応　制御するため */
.pc_wrapper{
display:block;
}
.mb_wrapper{
display:none;
}

/* 20161108 追加　FBボタンだけ下にずれる対応 */
.fb_iframe_widget > span {
  vertical-align: baseline !important;
}

/* 2015.03.07 追加　モバイル対応 ここから*/
@media only screen and (max-width:500px){



.box-header{
	background-image:url(https://www.m-kyoei.com/logo/header200x54.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	width: 330px;
	padding:3px 5px 5px 5px;
	margin:5px 5px 10px 5px;
	border: 2px #eeeeff solid;
}


.box-body{
	width:345px;
	line-height:100%; /* 20160129 追加*/
}

/*20150416
.box-body img{
	width:100%;
}
*/


h1{
	width:290px;
	font-size:large;
	margin-bottom:15px;
}


h2{
	width:290px;
	font-size:medium;
	margin-bottom:15px;
}

img.img-detail{
	max-width:300px;
	max-height:225px;
	width:expression(document.body.clientWidth > 300? "300px" : "auto");
}

img.img100{
	max-width:100px;
}

.box-footer{
	width:320px;
}

p{
	width:320px;
}


hr{
	display:none;
}



/* 2015.03.07 追加　モバイル対応　ここまで*/

/* 2015.04.02 追加　モバイル対応　ここから*/
h1.school {
/*	margin: 0px 0px 0px 0px;*/
	padding: 0px 0px 0px 0px;
	background-image:url();
	background-repeat:no-repeat;
	background-position:center center;
	width:320px;
	text-align: center;
}
/* 2015.04.02 追加　モバイル対応　ここまで*/

/* 2015.04.03 追加　fudosan/school.html対応　ここから
  table表示なんかはこのshare2.cssで取り敢えずざざっと
　リスト表示に変更するようにしといて、個別ページの事情が
　ある場合は、そのCSSで変更すればいいよね？どう？　*/

thead{
	display: none;
}

tbody{
	display: block;
}

tbody th,
tbody td{
	display: list-item;
	border: none;
/*	text-align: left; */
	list-style:none;
}



.pc_wrapper{
display:none;
}
.mb_wrapper{
display:block;
}

/* 2015.04.03 追加　fudosan/school.html対応　ここまで */


/* 2015.04.16 追加　*/
li{
/* 5px以下に小さくすると[https://www.m-kyoei.com/fudosan/sitemap.html]がモバイルフレンドリーではなくなる*/
	margin-bottom:5px;
}

BLOCKQUOTE{
	margin:0;
	padding:0;
}

/* 2015.05.27 大きいバナーがスマフォではみ出るため追加 */

img.img_fit{
	width:100%;
}

/* 2016.03.28 問合せフォームのtextareaの見栄えをよくするため追加 */
textarea{
	width:100%;
}

}

/* 2015.11.24 現在地用パルス対応ここから  */
	@-moz-keyframes pulsate {
		from {
			-moz-transform: scale(0.25);
			opacity: 1.0;
		}
		95% {
			-moz-transform: scale(1.3);
			opacity: 0;
		}
		to {
			-moz-transform: scale(0.3);
			opacity: 0;
		}
	}
	@-webkit-keyframes pulsate {
		from {
			-webkit-transform: scale(0.25);
			opacity: 1.0;
		}
		95% {
			-webkit-transform: scale(1.3);
			opacity: 0;
		}
		to {
			-webkit-transform: scale(0.3);
			opacity: 0;
		}
	}

	#map div[title="現在地"] {
		-moz-animation: pulsate 1.5s ease-in-out infinite;
		-webkit-animation: pulsate 1.5s ease-in-out infinite;
		border:1pt solid #fff;
		/* make a circle */
		-moz-border-radius:51px;
		-webkit-border-radius:51px;
		border-radius:51px;
		/* multiply the shadows, inside and outside the circle */
		-moz-box-shadow:inset 0 0 5px #06f, inset 0 0 5px #06f, inset 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f;
		-webkit-box-shadow:inset 0 0 5px #06f, inset 0 0 5px #06f, inset 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f;
		box-shadow:inset 0 0 5px #06f, inset 0 0 5px #06f, inset 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f;
		/* set the ring's new dimension and re-center it */
		height:51px!important;
		margin:-18px 0 0 -18px;
		width:51px!important;
	}

	#map div[title="現在地"] img {
		display:none;
	}

	@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (device-width: 768px) {
		#map div[title="現在地"] {
			margin:-10px 0 0 -10px;
		}
	}
/* 2015.11.24 現在地用パルス対応ここまで  */