@charset "utf-8";

/* CSS Document */

body {

	font-family:Verdana,Arial,Helvetica,'Hiragino Maru Gothic Pro','ヒラギノ丸ゴ Pro W4',Osaka,'ＭＳ Ｐゴシック',sans-serif;

	background: top center;

	margin: 0; 

	padding: 0;

	height: 1px;

	text-align:left; 

  font-size: 16px;

	letter-spacing: 1px;

	color:#333333;

	line-height:1.3

}



#wrapper{

	margin:0 auto;

}



/*　Index　TOPページ　*/



/* ヘッダー */

#headerWrapper {

    margin: 0 auto;

    padding: 0;

    text-align: center;

    background: url(../images/picture/bgHeaderWrapper.jpg) repeat-x;

}



#header {

    margin: 0 auto;

    padding: 0;

    text-align: left;

    position: relative;

    width:980px;

    height:80px;

}





#header h1.siteTitle {

	position: absolute;

	top: 15px;

	left: 4px;

	margin: 0;

	padding: 0;

	width: 410px;

	height: 60px;

	display: block;

	float: left;

	background: url(../images/picture/bgSiteTitle.gif) 0px 0px;

	z-index: 999;

}



#header #topAddress {

	position: absolute;

	top: 20px;

	left: 429px;

	margin: 0;

	padding: 0;

	width: 307px;

	height: 50px;

	display: block;

	font-style: normal;

}



#header #topAddress .companyName {

	margin: 0;

    padding: 0;

    text-align: right;

}





#header #topTel {

	position: absolute;

	top:7px;

	right: 1px;

	margin: 0;

	padding: 0;

	width: 240px;

	height: 70px;

	display: block;

}





#header #topTel .companyTel1 {

	position: absolute;

	top: 0px;

	right: 0px;

	margin: 0;

	padding: 0;

	width: 260px;

	height: 70px;

	display: block;

	background: url(../images/picture/imgTopTel1.gif);

}



.altText {

    text-indent: -9999px;

    overflow: hidden;

    margin: 0;

    padding: 0;

    display: block;

}

/* ヘッダー終わり */









/* ナビゲーションボタン */

#gMenu {

    margin: 0;

    padding: 0;

    text-align: center;

    list-style: none;

    height: 53px;

    background: url(../images/picture/bgGMenu.jpg) repeat-x;

}

#navi{

	width:980px;

	height:53px;

	margin:0 auto;

}



.gmenuHome{

	width:196px;

	height:53px;

	float:left;

}



.gmenuHome img{

	border:none}







/* メイン画像 */

#mainImg {

    background: url(../images/picture/bgMainImg.jpg);

		/* background-repeat:no-repeat; */

    text-align: center;

}



#slide{

	width:980px;

	height:275px;

	margin:0 auto;

}



#slideshow { position:relative; width:980px; height:250px; }

            #slideshow img { position:absolute; top:0; left:0; z-index:8; }

            #slideshow img.active { z-index:10; }

            #slideshow img.last-active { z-index:9; }





#containerUpper{

	width:980px;

	height: 1465px;

	margin:0 auto;

	padding:0;

	text-align:left;

}





#main{

	width:980px;

	height: 1px;

	margin:0px auto;
}



p{

	margin:0;

	padding:0;

}





/* 左側（トピックスなど） */

#contentsLeft{

	width:700px;

	height:900px;

	float:left;

	margin-right:5px;

}





.mainAppeal{

	width:700px;

	height:200px;

	float:left;

}


#urgent{
	color:#c00000;
	height:0px;
	
}


.appealComment{

	width:auto;

	height:280px;

	padding:90px 200px 0 0;

	line-height:1.4;

	background:url(../images/picture/mainAppeal.gif);

	background-repeat:no-repeat;

}




#subAppeal{

	display: flex;

	padding: 30px 0 0 0;

	width:700px;

	height: 760px;


}


.subAppealComment {

	justify-content: flex-start;

	font-size: 18px;

}


.class1 {

  color: rgb(187, 58, 58);
}


.subAppealComment p {

	padding: 20px 10px;

	font-family: 'Shippori Mincho', serif;

}

.subAppealComment img {

	padding: 10px 10px 10px 0;

}

.subAppealComment div {

	padding-top: 20px;

	font-family:Verdana,Arial,Helvetica,'Hiragino Maru Gothic Pro','ヒラギノ丸ゴ Pro W4',Osaka,'ＭＳ Ｐゴシック',sans-serif;

	font-size: 16px;

	line-height: 1.3;

}





.youtube {

	margin-top: 20px;
}


.youtube p { 

	padding-top:  5px;

	background: white;

}

#subAppeal .youtube p {

	font-family: 'Shippori Mincho', serif;

	font-weight: bold;


}




.redText{

	color:#732724

}

#news {
    float: left;
    width: 700px;
    margin:0 auto;
    height:285px;
    background: url(../images/picture/topicsUnder.gif);
}



#news div.news-wrap {
    margin-top: 40px;
	  margin-right:5px;
    height: 280px;
}

#news div.news-wrap dl {
    zoom: 1;
}

#news div.news-wrap dl {
    width:660px;
    margin-left:10px;
    padding-bottom:10px;
    background: url(../images/picture/topics_line.gif) repeat-x left bottom;
}

dl {
    display: block;
	  margin:0;
  	padding:12px 0;
}

#news div.news-wrap dt {
    float: left;
    width:120px;
}

dt {
    display: block;
}

#news div.news-wrap dd {
    width:515px;
	  margin-left:140px;
}


dd {
    display: block;
	  line-height:1.6
}

#news div.news-wrap dl::after {
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}






/* 右側（ボタンなど） */

#contentsRight{

	width:270px;

	height:auto;

	float:right;

}

.button{

	width:270px;

	height:75px;

	margin-top:5px;

}

.button img{

    border:none

}

#Instagram-block {

	width: 270px;

	margin: 5px;
}

#Instagram-block .instagram-media {

	width: 270px;


}












/* ページ先頭へ */

#back-top {

	position: fixed;

	bottom: 30px;

	margin-left: 900px;

}

#back-top a {

	width:68px;

	display: block;

	text-align: center;

	font: 14px/100% Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	text-decoration: none;

	color: #000;

	/* background color transition */

	-webkit-transition: 1s;

	-moz-transition: 1s;

	transition: 1s;

}

#back-top a:hover {

	color: #000;

}

/* arrow icon (span tag) */

#back-top span {

	width: 68px;

	height: 68px;

	display: block;

	margin-bottom: 7px;

	background: #ddd url(../images/navi/up-arrow.png) no-repeat center center;

	/* rounded corners */

	-webkit-border-radius: 15px;

	-moz-border-radius: 15px;

	border-radius: 15px;

	/* background color transition */

	-webkit-transition: 1s;

	-moz-transition: 1s;

	transition: 1s;

}

#back-top a:hover span {

	background-color: #777;

}







/* フッター */

#footerWrapper {

	background: url(../images/picture/bgFooterWrapper.gif);

}


#footer {
	
	margin: 0 auto;
	
	padding:0;
	
	width:980px;
	
	text-align: left;
	
}



#link{

	width:980px;

	height:40px;

	text-align:center;

	color:#FFF;

	margin:0px auto;

	padding:0;

	line-height:40px;

}



#menu{

	list-style-type:none;

	margin:0

}



#menu li{

	display:inline;

	padding:0 10px;

    border-right:1px solid #FFF;

}



#menu li.last{

	border-right:none;

}



#menu li a{

	text-decoration:none;

	color:#fff

}



#menu li a:hover {border-bottom-style:solid;border-width:1px;}







#footerItem.clearFix{

	width:auto;

	height:290px;

}






.clearFix::after {

    content: " ";

    clear: both;

    height: 0;

    display: block;

    visibility: hidden;

}







#footerAdd {

    width:980px;

    float: left;

	margin:5px 0 0 0;

}



#footerAdd1 {

    width:490px;

    float: left;

    font-style: normal;

	  line-height:1.4

}



#footerAdd2 {

    width:490px;

	  height:200px;

    float: right;

    font-style: normal;

	  margin:15px 0 0 0;

	  text-align:center;

}



.small{

	font-size:13px;

}







#footerAdd p {

    margin: 0;

    padding: 0;

}





address {

   display: block;

}



.footerCopyright{

	text-align:center;

	font-family:"Times New Roman", Times, serif;

	height:30px;

	line-height:25px;

	font-size:12px;

}



.footerCopyright a{

	color:#333

}