@charset "utf-8";
/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver 可変グリッドプロパティ
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;

	以下からヒントを入手 : Ethan Marcotte 氏の「レスポンシブ Web デザイン」
	http://www.alistapart.com/articles/responsive-web-design

	および Joni Korpi 氏の「Golden Grid System」
	http://goldengridsystem.com/
*/

/* モバイルレイアウト : 480 px およびそれ以下. */

a img {
border-style:none;
border:0;
}
area{ border:none; outline:none; }

#main_head{width:100%; background-image:url(../img/nav_back.jpg);
background-repeat:repeat-x; padding-top:5px; padding-bottom:5px;}
.navber{background-image:url(../img/nav_back.jpg);}
.navbar-inner{background-image:url(../img/nav_back.jpg);
background-repeat:repeat-x;}
#main_head nav{ width:95%; margin-left:auto; margin-right:auto;}
#main_head nav ul{ float:right; margin:0; padding:0; width:100%;}
#main_head nav ul li{ list-style-type:none; float:left;padding-left:4%;}

/*///////////////////////*/
#main_screen{ width:100%; position:relative; margin-top:10%; display:block;}
#main_screen img{ width:100%;}

#click_map{ display:none;}
/*///////////////////////*/

.left{ float:left; width:100%;}
.right{ float:right; width:100%;}

.push{}
.doj{ position:absolute; top:30px; z-index:9999;}
.doj li{ display:block; float:none !important;}

#apDiv1 {
	position: absolute;
	width: 50%;
	height: auto;
	z-index: 2;
	left: 0%;
	top: 10%;
	background-color:#09C;
}
#apDiv2 {
	position: absolute;
	width: 50%;
	height: auto;
	z-index: 2;
	left:50%;
	top: 10%;
	background-color:#063;
}
#apDiv3 {
	position: absolute;
	width: 80%;
	height: auto;
	z-index: 1;
	left: 10%;
	top: 25%;
	padding-top:25%;
}
#apDiv4 {
	position: absolute;
	width: 50%;
	height: auto;
	z-index: 1;
	left: 0%;

	padding-top:70%;
}
#apDiv5 {
	position: absolute;
	width: 50%;
	height: auto;
	z-index: 1;
	left: 50%;
	padding-top:70%;
}

#gmap{ width:100%; height:300px;}
#gmap img{ max-width:none;}

#gmap2{ width:100%; height:300px;}
#gmap2 img{ max-width:none;}

.fv,.fv2{ width:49%; float:left; margin-bottom:2%; margin-top:2%;}
.rv,.rv2{ width:49%; float:right; margin-bottom:2%; margin-top:2%;}

.fv2 img, .rv2 img{ width:90%;
box-shadow:1px 1px 3px #666;
-webkit-box-shadow:1px 1px 3px #666;
-moz-box-shadow:1px 1px 3px #666;}

/*///////////////////////////////////*/
#bread{ margin-top:10px; font-size:10px;}

.subtitle{ margin-top:20px;}
/*////////////////////////////*/


#contents_back{ background-image:url(../img/back_contents.png);
width:96%; padding:2%; border:solid 1px #E1E1E1;}


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

.clear{ clear:both;}

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

table{ font-size:16px;}

th{ background-color:#A63608; padding:1%; color:#fff;}
td{ padding:1%; background-color:#FFF;}
tr{ background-color:#FFF;}

h3{ font-size:16px;}

p{ line-height:1.8em;}

.push{ cursor:pointer;}

#contact_form{ display:none;}

/*form*/
.npclabel{ line-height:1.8em;}
.npc_input{ width:98%; height:1.8em;}
textarea{ width:100%;}
.bold{ font-weight:bold;}
#LayoutDiv2{ clear: both; float: left; margin-left: 0; width: 100%; display: block;}

#page-top{
	position:fixed;
	margin-left:2%;
	bottom:5%;

	width:100%;
	z-index:999999;
	}
#page-top ul{ margin:0; padding:0;}
#page-top ul li{ list-style-type:none; display:inline; }
#page-top ul li a{ font-weight:bold; color:#09C;}
.btn{ display:none;}

.kaigai_pic,.kaigai_pic2{width:98%;padding:1%; margin-left:auto; margin-right:auto;}

.silyoudan{color:#C30; text-indent:1em;}

/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

.kaigai_pic{width:48%; float:left; padding:1%;}
.kaigai_pic2{width:31%; float:left; padding:1%;}
}

/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 88.2%;
	max-width: 960px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#main_head nav{ width:100%; max-width:960px; margin-left:auto; margin-right:auto;}
#main_head nav ul{ width:300px; float:right;}
#main_head nav ul li{float:left;}

.btn{ display: block; width:350px; margin-left:auto; margin-right:auto;}
.btn a{ float:left; margin-left:2%; font-weight:bold; font-size:14px;}

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

#apDiv1 {
	position: absolute;
	width: 35%;
	height: auto;
	z-index: 2;
	left: 5%;
	top: 10%;
	background-color:#09C;

}
#apDiv1 img{ height:auto; max-height:150px;}

#apDiv2 {
	position: absolute;
	width: 35%;
	height: auto;
	z-index: 2;
	left:60%;
	top: 10%;
	background-color:#063;
}
#apDiv3 {
	position: absolute;
	width: 50%;
	height: auto;
	z-index: 1;
	left: 25%;
	top: 25%;
	padding-top:15%;
}
#apDiv4 {
	position: absolute;
	width: 35%;
	height: auto;
	z-index: 1;
	left: 5%;

	padding-top:40%;
}
#apDiv5 {
	position: absolute;
	width: 35%;
	height: auto;
	z-index: 1;
	left: 60%;
	padding-top:40%;
}



#main_screen{ width:85%; margin-top:4%; margin-left:auto; margin-right:auto; display:none;}

#click_map{ display:block; position:relative; width:760px; margin:auto;}

.fv{ width:48%; float:left;}
.fv img{ height:auto; max-height:150px;}
.rv{ width:48%; float:right;}
.rv img{ height:auto; max-height:150px;}

.fv2{ width:50%; float:left;}
.rv2{ width:50%; float:right;}

#main_img_top{ width:70%; margin-left:auto; margin-right:auto;}
/*////////////////////////////////////////*/
#bread{ margin-top:10px; font-size:12px;}

.left{ float:left; width:48%;}
.right{ float:right; width:48%;}
#gmap{ width:96%; height:360px;}
#LayoutDiv2{clear: both;float: left;margin-left: 0;width: 100%;display: block;}


}

/*鈴木先生訃報*/

.I_color {
    background-color: #f5f5f5;
    padding: 25px;
		margin-top: 25px;
}
.I_color h1{
	margin-top: 0px;
}
.huhou {
    margin-top: 5px;
    height: auto;
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 5px;
}

.huhou img{
	  padding: 7px;
    background-color: #d4d4d4a8;
    border: solid 1px #ccc;
}

@media only screen and (max-width: 480px){
.huhou {
    margin-top: 5px;
    height: auto;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 5px;
}
.I_color h1{
	margin-top: 0px;
	text-align: center;
}
.huhou img{
	  display: block;
	  padding: 7px;
    background-color: #d4d4d4a8;
    border: solid 1px #ccc;
		margin: auto;
}
}



.S_suzuki{
	max-height:100%;
	max-width: 60%;
	margin-left: 10%;
}


.I_color2 {
    background-color: #f8f8ff;
    padding: 25px;
		margin-top: 25px;
}
.I_color2 h1{
	margin-top: 0px;
}
.sinnninn{
	margin-top :30px;
	height:auto;
	display: grid;
	grid-template-columns: 1fr 2fr ;
  grid-gap: 5px;
}
.sinnninn img{
	  padding: 7px;
    background-color: #d4d4d4a8;
    border: solid 1px #ccc;
}

@media only screen and (max-width: 480px){
.sinnninn {
    margin-top: 5px;
    height: auto;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 5px;
}
.sinnninn img{
	  display: block;
	  padding: 7px;
    background-color: #d4d4d4a8;
    border: solid 1px #ccc;
		margin: auto;
}
.I_color2 h2{
	margin-top: 0px;
	text-align: center;
}
}
.S_isizaki{
	max-height:100%;
	max-width: 60%;
	margin-left: 10%;
}