/**************************************************
* デフォルトスタイル
***************************************************/
html {
	
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{
 font-style:normal;
 margin:0;
 padding:0;
 font-size:100%;
}

table {
     border-collapse:collapse;
     border-spacing:0;
}
 
img {
     border:0
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal
}

caption,th {
     text-align:left;
}

h1,h2,h3,h4,h5,h6 {
    font-weight:normal;
}

div.clear{
 clear:both;
}

/**************************************************
* 全体レイアウト
***************************************************/
body{
	background: url(../images/body_bg03.gif) top left;
	font-family: "メイリオ",Meiryo,Arial,Roboto,"Droid Sans","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",sans-serif;
    font-size:90%;
}

div#wrapper{
 width:950px;
 padding-top:0px;
 margin-right:auto;
 margin-left:auto;
}

/**************************************************
* ヘッダー
***************************************************/

div#header
{
 background: url(../images/headerbg04.jpg) top center no-repeat;
 width:950px;
 height:175px;
 position:relative;
}

div#header h1{
 font-weight:bold;
 font-size:180%;
 padding:5px;
}
/**************************************************
* コンテンツ全体
***************************************************/
div#content{
 width:950px;
 margin:0px auto 0px auto;
 padding:0px;
 background:#FFFFFF;
}

div#bgborder{
 display:none;
}	
/**************************************************
* メイン
***************************************************/
div#mainLeft{
 width:656px;
 float:left;
}
div#mainRight{
 width:656px;
 float:right;
}
div#main{
 width:656px;
 float:left;
 padding-top:24px;
 background:#FFFFFF;
}

div#main .cname{
 width:627px;
 height:28px;
 margin:0 auto;
 background: url(../images/main_c04.gif) no-repeat;
 position:relative;
}

div#main .cname h2{
 width:615px;
 height:27px;
 font-size:16px;
 font-weight:bold;
 color:#D9626F;
 position:absolute;top:20%;left:25px;
}

div#main .cname h2 a{
 color:#D9626F;
 text-decoration:none;
}

div#main .cwaku{
 width:627px;
 margin:0 auto;
 background: url(../images/main_bg_m04.gif);
 padding-bottom:5px;
}

div#main .cwaku a{
 background: url(../images/liimg05.gif) no-repeat;
 background-position: 0% 40%;
 padding-left:12px;
}

div#main .cwaku ul{
 line-height:150%;
 list-style-type :none;
 margin-left :20px;
 padding-top:5px;
 font-size:90%;
}

div#main .cwakurad1{
 background: url(../images/main_bg_t04.gif) no-repeat;
 width:627px;
 height:8px;
 overflow:hidden;
 margin:0 auto 0 auto; 
}

div#main .cwakurad2
{
 background: url(../images/main_bg_b04.gif) no-repeat;
 width:627px;
 height:8px;
 overflow:hidden;
 margin:0 auto 15px auto; 
}

div#main .topFreeArea
{
	width:627px;
	overflow:hidden;
    margin:0 auto 10px auto;
}

/**************************************************
* サイドバー
***************************************************/

div#sidebar{
 display:none;
 width:290px;
 padding-top:24px;
 margin:0px;
 float:right;
}

div#sidebar .cname{
 width:259px;
 height:27px;
 background: url(../images/sub_bg_m04.gif) top left; 
 margin:0 auto;


}

div#sidebar .cname h2
{
 background-color:#FFF0CD; 
 font-size:16px;
 font-weight:bold; 
 color:#7C2D00;
 padding:7px 0 8px 14px; 
 margin:0 10px;
}

div#sidebar .cname h2 a
{
 color:#7C2D00;
 text-decoration:none;
}

div#sidebar .cwakurad1{
 width:259px;
 height:8px;
 overflow:hidden;
 margin:0 auto;
 background: url(../images/sub_bg_t04.gif) top left no-repeat;
}

div#sidebar .cwaku{
 width:259px;
 margin:0 auto;
 background: url(../images/sub_bg_m04.gif) top left;
 padding-bottom:5px;
}

div#sidebar .cwaku ul{
 line-height:150%;
 list-style-type:none;
 margin-left:15px;
 padding:8px 0px;
 font-size:90%;
}

div#sidebar .cwaku a{
 background: url(../images/liimg03.gif) no-repeat;
 background-position: 0% 40%;
 padding-left:12px;
}

div#sidebar .cwakurad2{
 width:259px;
 height:8px;
 overflow:hidden;
 margin:0 auto 15px auto;
 background: url(../images/sub_bg_b04.gif) top left;
}

div#sidebar .topFreeArea
{
	width:259px;
	overflow:hidden;
    margin:0 auto 15px auto;
}

/**************************************************
* フッター
***************************************************/

div#footer{
 clear:both;
 text-align:center;
 margin:5px 0;
}


/**************************************************
* 追加分
***************************************************/
.clear {
 clear: both;
}

body {
 background: #F9E9D9;
}

div#main .topFreeArea{
 width:100%;
 margin: 15px auto 10px auto;
}

div#header{
 height:auto;
 margin-bottom:30px;
 background: none;
}

div#ElemTitle{
	display:none;
}

div#sidebar{
 display:none;
}

div#main{
 width:100%;
 position:relative;
 padding:20px;
 float: none;
 box-sizing: border-box;
}

div#mainRight{
 width:100%;
 float:none;
}

div#main .cwakurad1{
 display:none;
}

div#main .cname{
 margin:inherit;
}

div#main .cwaku{
 margin: inherit;
 background: none;
 width: 600px;
 min-height: 160px;
}

div#main .cwakurad2{
 display:none;
}

div#main .cwaku a{
 background: url(https://amakusa-web.jp/Sozai/Mg/FileAccess.aspx?aplUseNo=98&angoFolderKey=ysBRv0se5l50d5u%2bnNjvCw%3d%3d&angoFileKey=iZyE0GObEircTSv0J6oC6A%3d%3d) no-repeat center left;
}

div#main .cwaku ul li a{
 background: url(https://amakusa-web.jp/Sozai/Mg/FileAccess.aspx?aplUseNo=98&angoFolderKey=ysBRv0se5l50d5u%2bnNjvCw%3d%3d&angoFileKey=UZSQuD6fBBwObFAQlUkxIK%2b8nisVy1lt) no-repeat center left;
 padding-left: 20px;
}

/*お知らせ簡易版*/
div#cm #k0n96{
 width:592px;
}

/*ヘッダー*/
/*スライド*/
div#header .logo{
 float:left;
 width:31.37%;
}

div#header .logo img{
 max-width: 100%;
}

div#header .slideContent {
 float: left;
 width: 68.63%;
}

/*メインエリア*/
.mainArea{
 max-width:950px;
 margin:auto;
 background:white;
}

.mainInner {
}

/*メイン上部*/
.otoiawase{
 display:none;
}

.otoiawase {
 width: 250px;
 padding: 10px;
 background: #EBE9EA;
 position: absolute;
 right: 20px;
 top: 20px;
 padding: 15px 15px;
}

.otoiawase .inner {
 background: white;
 padding: 13px 9px;
}

.otoiawase p {
 margin: 0px 0px;
}

.otoiawase .menuTitle {
 border-bottom: 1px solid #CCCCCC;
 padding-bottom: 4px;
 font-size: 1.2em;
 font-weight: bold;
}

.otoiawase .hpTitle {
 font-size: 1.2em;
 font-weight: bold;
 margin-top: 8px;
}

.otoiawase .tel span {
 font-size: 1.2em;
 font-weight: bold;
}

/*メイン中*/
.middleContent{
 margin-bottom:30px;
 background:url(https://amakusa-web.jp/Sozai/Mg/FileAccess.aspx?aplUseNo=98&angoFolderKey=ysBRv0se5l50d5u%2bnNjvCw%3d%3d&angoFileKey=Yss6gnAznQScca9vSfY9UComPQLs8n2u) no-repeat center;
 padding:30px 0px;
}

.middleInner {
 width: 80%;
 margin: auto;
}

.middleInner p {
 margin: 0px;
 line-height: 1.5em;
}

.middleContent h4 {
 text-align: center;
 font-size: 1.5em;
 margin:0px 0px 30px 0px;

}

.middleContent p.shasu{
 text-align:right;
}

.middleContent .btnArea {
 text-align:center;
 margin-top:30px;
}

.middleContent .btnArea ul {
 list-style: none;
 padding: 0px;
 margin:0px;
}

.middleContent .btnArea ul li {
 display: inline-block;
 width: 45%;
}

.middleContent .btnArea ul li:first-child {
 margin-right:2%;
}

div#droparea div#wrapper .middleContent .btnArea ul li a {
 display: block;
 padding: 12px 0px;
 background: #EF4850;
 color: white;
 text-decoration: none;
 border-radius: 6px;
}

/*メイン下*/
.searchArea {
 text-align:center;
 margin:16px 0px;
}

.searchArea ul{
 list-style:none;
}

.searchArea ul li{
 display:inline-block;
 vertical-align:middle;
}

div#droparea div#wrapper .searchArea ul li a.btn {
 background: #5E5351;
 color: white;
 padding: 2px 12px;
 text-decoration: none;
}

th.item-no {
 width: 12%;
}

.alphaOn:hover{
 opacity:0.75;
}

.contentTitle {
 padding: 6px 0px 6px 30px;
 background-color: #372727;
 border-radius: 2px;
 background-image: url(https://amakusa-web.jp/Sozai/Mg/FileAccess.aspx?aplUseNo=98&angoFolderKey=ysBRv0se5l50d5u%2bnNjvCw%3d%3d&angoFileKey=EhvfYvyP%2bgIWEGCok0RQmfnnGN%2brqMJ6ShiPngEIQnw%3d);
 background-position: left center;
 background-repeat: no-repeat;
}

.contentTitle span {
 color: white;
 font-size: 1.3em;
}

div#droparea div#wrapper div#main .cname {
 width:570px;
 padding: 6px 0px 6px 30px;
 background-color: #372727;
 border-radius: 2px;
 background-image: url(https://amakusa-web.jp/Sozai/Mg/FileAccess.aspx?aplUseNo=98&angoFolderKey=ysBRv0se5l50d5u%2bnNjvCw%3d%3d&angoFileKey=EhvfYvyP%2bgIWEGCok0RQmfnnGN%2brqMJ6ShiPngEIQnw%3d);
 background-position: left center;
 background-repeat: no-repeat;
}

div#droparea div#wrapper div#main .cname h2{
font-size: 1.3em;
font-weight: normal;
color: white;
position: absolute;
top: 20%;
left: inherit;
}

div#mainRight div#main .cname h2 a.rssLink{
 margin-left:10px;
}

.fa-play-circle{
 margin-right:9px;
}

.membersListContent table{
 border-collapse:collapse;
 width:100%;
 table-layout:fixed;
 }

.membersListContent table th,
.membersListContent table td {
 padding: 9px 15px;
}
 
.membersListContent table tr{
background-color: #EBE9EA;
}
 
.membersListContent table tr.itemcell{
 background-color: #755943;
 color:white;
}

.membersListContent table tr.bgcell{
 background-color: #F5F3F4;
}

.itemName{
 float: left;
 margin-top: 1px;
 margin-right: 8px;
}

.sort{
 float:left;
}

.sort a{
 display:block;
 width: 21px;
 height: 12px;
}

.sort a img{
 width:21px;
}

.nextDataCont{
 margin-top: 30px;
 text-align: center;
 margin-bottom: 15px;
}

.nextDataCont a {
 background-color: #EF4850;
 color: white;
 padding: 9px 30px;
 border-radius: 6px;
 text-decoration: none;
}

.nextDataCont a:hover{
 opacity:0.75;
}

body div#droparea div#footer{
 margin: 0px auto;
 max-width: 950px;
 text-align: center;
 color: white;
 background: #372727;
 padding: 9px 0px;
}

body div#droparea div#footer a{
 color: white;
}

/*第二階層*/
div#wrapper div#main .contenttitle {
 padding: 6px 0px 6px 30px;
 background-color: #372727;
 border-radius: 2px;
 background-image: url(https://amakusa-web.jp/Sozai/Mg/FileAccess.aspx?aplUseNo=98&angoFolderKey=ysBRv0se5l50d5u%2bnNjvCw%3d%3d&angoFileKey=EhvfYvyP%2bgIWEGCok0RQmfnnGN%2brqMJ6ShiPngEIQnw%3d);
 background-position: left center;
 background-repeat: no-repeat;
 margin-top: 10px;
}

div#wrapper div#main .contenttitle h2 {
 color: white;
 font-size: 1.3em;
 font-weight: normal;
 padding: 0px;
 margin: 0px;
 background: none;
 border: none;
 width: auto;
}

@media screen and (max-width: 420px) {
    .otoiawase{
	 position: relative;
	 margin: auto;
	 right: inherit;
	 top: inherit;
    }
    
    div#droparea div#wrapper div#main .cname{
	 width: auto;
	 font-size: inherit;
	 border: none;
    }
    
    .middleContent{
     background-size: cover;
    }
    
    div#droparea div#wrapper div#main .middleContent .btnArea ul{
	 background-color: inherit;
    }
    
    div#droparea div#wrapper div#main .middleContent .btnArea ul li{
	 border: none;
	 background: none;
	 display: block;
    }
    
    div#droparea div#wrapper div#main .middleContent .btnArea ul li:first-child{
	 margin-bottom:20px;
	 margin-right: 0px;
    }
    
    div#droparea div#wrapper div#main .searchArea ul li{
	 display: block;
	 background: none;
	 border: none;
	 margin:14px 0px;
    }
    
    div#droparea div#wrapper div#main .searchArea ul li a.btn{
     padding: 14px 12px;
    }
    
    /*.membersListContent{
     overflow-x: scroll;
     -webkit-overflow-scrolling: touch;
    }*/
    
    .membersListContent table{
     width:950px;
    }
    
	.membersListContent {
	 overflow-x: auto;
	 padding-bottom: 15px;
	}
	.membersListContent::-webkit-scrollbar {
	 margin-top:10px;
	 height: 5px;
	}
	.membersListContent::-webkit-scrollbar-track {
	 margin-top:10px;
	 border-radius: 5px;
	 background: #eee;
	}
	.membersListContent::-webkit-scrollbar-thumb {
	 margin-top:10px;
	 border-radius: 5px;
	 background: #666;
	}
}

