@charset "UTF-8";
/**
 * レスポンシブ スタイル
 * ＳＰ版
 */


/**
 * area-content
 */

#area-content {
	width:100%;
	margin: 0px auto 20px;
	padding: 0px;
}



#area-content .tab1 {
  position: relative;
	padding: 15px 0px 13px 0px;
    width: 100%;
	background: #1c58b0;
}









#tab_area1 {
	width:94%;
	margin:0 auto 1%;
	background: #ffffff;
/* 	border-radius: 8px; */
	padding: 0px;
}


/*	danraku	================================================ */
#danraku {
	margin:0;
	padding:0;
}



/*	publicarea	================================================ */
#publicArea {
	width:100%;
	margin:0px auto;
	padding:5px auto;
}


#publicArea dl{

	width:90%;
	padding:5% 0 0 0;
	margin:1% auto 0;
	text-align:center;
}

#publicArea dl dd{
	text-align:center;

}


#publicArea dl dd img{
	margin:0;
	width:100%;
}

#contentsArea dl dt{
	margin:0px 0 0px 0px;
}

.waku2 {
border:solid 1px #ccc;
padding:3px;
}





/*	area1	================================================ */

#area1 {
	background:#ffffff;
	margin:5% auto 5%;
	width:95%;

}

#area1a {
	width:100%;
	height:350px;
	text-align:left;
	overflow:hidden;
}

#sc1 {
background:#ffffff;
margin:3px auto;
border:inset;
border-width:0px;
width:100%;
height:300px;
overflow-y:auto;
overflow-x:hidden;
}

.element{ /* 対象となる要素のクラス名が"element"の場合 */
	overflow: auto;
}
.element::-webkit-scrollbar{ /* スクロールバー本体 */
	width: 5px;
	background: #cccccc;
}
.element::-webkit-scrollbar:horizontal{ /* 横方向のスクロールバー本体 */
	width: 5px;
	background: #cccccc;
}
.element::-webkit-scrollbar-thumb{ /* スクロールバーの動く部分 */
	background: #435295;
	border-radius: 2px;
}
.element::-webkit-scrollbar-thumb:horizontal{ /* 横方向のスクロールバーの動く部分 */
	background: #435295;
	border-radius: 2px;
}
.element::-webkit-scrollbar-track-piece:start{ /* スクロールバーの動く部分の前 */
	background: #cccccc;
}
.element::-webkit-scrollbar-track-piece:end{ /* スクロールバーの動く部分の後ろ */
	background: #cccccc;
}
.element::-webkit-scrollbar-corner{ /* スクロールバー角 */
	background: transparent;
}


#area1a ul{
	width:90%;
	margin:5px 0px 0px 20px;
	text-align:left;
	list-style-type:disc;
	list-style-image : url(../img/wn_b1.png) ;
	line-height:150%;

}

#area1a ul li{
	border-bottom: 1px dotted #888888;
	padding:5px 0px 5px 0px ;
}



#area1b {
  position: relative;
	margin:20px auto 1%;
	text-align:center;
	z-index: 1;
}

#area1b img{
	margin:0px auto 2%;
}

.waku1 {
border:solid 0px #ccc;
padding:0px;
}


#area1 h3{
	background:#1c58b0;
	border:0px solid #ddd;
	margin:0 0px 0 0px;
	padding:10px 0px 8px 5px;
	color:#ffffff;
	font-size : 16px;
	font-weight : 400;
	line-height:18px;
}

#area1 h3:before{
	content:"";
	border-left:5px solid #072758;
	margin:0 7px 0 0;
	padding:3px 0;
}


/*	area2	================================================ */
#area2 {
	width:90%;
	margin:0px 0 30px 0px;
	padding:0px ;
	text-align:center;
}



/*	area3	================================================ */
#area3 {
	width:95%;
	margin:0px auto 0px;
	padding:0px ;
	border-bottom: 1px dotted #1c58b0;
}




/*	membersarea	================================================ */


#membersArea {
	width:100%;
	margin:0px auto;
	padding:5px auto;
}


#membersArea dl{
	width:90%;
	padding:5% 0 0 0;
	margin:1% auto 0;
	text-align:center;
}

#membersArea dl dd{
	text-align:center;
}


#membersArea dl dd img{
	margin:0;
	width:100%;
}

#contentsArea dl dt{
	margin:0px 0 0px 0px;
}

.waku2 {
border:solid 1px #ccc;
padding:3px;
}




/*	area4	================================================ */

#area4 {
	background:#ffffff;
	margin:5% auto 5%;
	width:95%;
}

#area4a {
	width:100%;
	text-align:left;
}





#area4a ul{
	width:90%;
	margin:5px 0px 0px 20px;
	text-align:left;
	list-style-type:disc;
	list-style-image : url(../img/wn_b1.png) ;
	line-height:150%;

}

#area4a ul li{
	border-bottom: 1px dotted #888888;
	padding:5px 0px 5px 0px ;
}



#area4b {
	margin:20px auto 1%;
}

#area4b img{
	margin:0px auto 2%;
}

.waku1 {
border:solid 0px #ccc;
padding:0px;
}


#area4 h3{
	background:#bbb24a;
	border:0px solid #ddd;
	margin:0 0px 0 0px;
	padding:10px 0px 8px 5px;
	color:#ffffff;
	font-size : 16px;
	font-weight : 400;
	line-height:18px;
}

#area4 h3:before{
	content:"";
	border-left:5px solid #7b7209;
	margin:0 7px 0 0;
	padding:3px 0;
}



.iframe-oshirase{
}