/**************************************************
* デフォルトスタイル
***************************************************/
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,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(https://amakusa-web.jp/Sozai/Mg/FileAccess.aspx?aplUseNo=3705&angoFolderKey=sUTP2gU%2b5QTdSE%2fkwa%2bvnA%3d%3d&angoFileKey=bTILJ4bV2wdcKx5y0PpPuw%3d%3d) top center no-repeat;
    background-size:950px;
    background-position:center 10pt;
/*        background-position:20px 80px;*/
/*        background: url(../images/body_bg02-2.gif) top left;*/
    top:50px;
    font-size:90%;
}

div#wrapper{
 width:950px;
 padding-top:0px;
 margin-right:auto;
 margin-left:auto;
}

/**************************************************
* ヘッダー
***************************************************/

div#header
{
/* background: url(../images/headerbg02.jpg) top center no-repeat;*/
 width:950px;
 height:226px;
 position:relative;
}

div#header h1{
 font-weight:bold;
 font-size:180%;
 padding:5px;
}
/**************************************************
* コンテンツ全体
***************************************************/
div#content{
 top:370px;
 width:950px;
 margin:5px auto 0px auto;
 padding:0px;
/* background:#FFFFFF;*/
 background-color:rgba(255,255,255,0.2);
 position:relative;
}

div#bgborder{
 display:none;
}	
/**************************************************
* メイン
***************************************************/
div#mainLeft{
 width:640px;
 float:left;
}
div#mainRight{
 width:640px;
 float:right;
}

div#main{
 width:640px;
 float:right;
 padding-top:24px;
 background-color:rgba(255,255,255,0.4);
/* background:#FFFFFF;*/
}

div#main .cname{
 width:596px;
 height:32px;
 margin:0 auto;
 background: url(../images/main_c02-2.gif) top left no-repeat;
 border-left:solid 1px #BCBCBC;
 border-right:solid 1px #BCBCBC;
 position:relative;
}

div#main .cname h2{
 font-size:16px;
 font-weight:bold;
 color:#455933;
 position:relative;top:7px;left:28px;

}

div#main .cname h2 a{
 color:#455933;
 text-decoration:none;
}

div#main .cwaku{
 width:596px;
 margin:0 auto 10px auto;
 /*background: url(../images/main_bg_m02.gif) top left repeat-y;*/
 border-left:solid 1px #BCBCBC;
 border-right:solid 1px #BCBCBC;
 border-bottom:solid 1px #BCBCBC;
}

div#main .cwaku a{
 background: url(../images/liimg04.gif) no-repeat;
 background-position: 0% 40%;
 padding-left:12px;
}

div#main .cwaku ul{
 line-height:150%;
 list-style-type :none;
 margin-left :10px;
 padding-top:5px;
 font-size:90%;
}

div#main .cwakurad1{
 width:596px;
 height:0px;
 margin:0 auto 0 auto;
 overflow:hidden;
 padding-top:1px;
 border-left:solid 1px #BCBCBC;
 border-right:solid 1px #BCBCBC;
 border-top:solid 1px #BCBCBC;
}

div#main .cwakurad2
{
 display:none;	
}

div#main .topFreeArea
{
	width:596px;
	overflow:hidden;
    margin:0 auto 10px auto;
}

/**************************************************
* サイドバー
***************************************************/

div#sidebar{
 width:310px;
 padding-top:24px;
 margin:0px;
 float:left;
/* background:#9DCC92;*/
 background-color:rgba(157,204,146,0.2);
}

div#sidebar .cname{
 width:259px;
 height:30px;
 background: url(../images/sub_bg_m02.gif) top left; 
 margin:0 auto;


}

div#sidebar .cname h2
{
 background: url(../images/sub_c02-2.gif) top left no-repeat;
 background-color:#455933; 
 font-size:16px;
 font-weight:bold; 
 color:#FFFFFF;
 padding:7px 0 8px 25px; 
 margin:0 10px;
}

div#sidebar .cname h2 a
{
 color:#FFFFFF;
 text-decoration:none;
}

div#sidebar .cwakurad1{
 width:259px;
 height:5px;
 overflow:hidden;
 margin:0 auto;
 background: url(../images/sub_bg_t02.gif) top left no-repeat;
}

div#sidebar .cwaku{
 width:259px;
 margin:0 auto;
 background: url(../images/sub_bg_m02.gif) top left;
}

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/liimg04.gif) no-repeat;
 background-position: 0% 40%;
 padding-left:12px;
}

div#sidebar .cwakurad2{
 width:259px;
 height:2px;
 overflow:hidden;
 margin:0 auto 15px auto;
 background: url(../images/sub_bg_b02.gif) top left;
}

div#sidebar .topFreeArea
{
	width:259px;
	overflow:hidden;
    margin:0 auto 15px auto;
}

/**************************************************
* フッター
***************************************************/

div#footer{
 clear:both;
 text-align:center;
 color:#FFFFFF;
 position:relative;
}
div#footer a
{
	color:#FFFFFF;
}


/**************************************************
* サイドバー_楠浦地区振興会
***************************************************/
#custom_sidebar {
 border:1px solid #ff0000;
}



/**************************************************
* 広報くすのうら　スタイルシート
***************************************************/
.kouhou_Panel{
  background: #333;
  color: #fff;
  padding: 10px;
  display: block;
  margin: 0;
  border: 1px solid #fff;
  cursor: pointer;
}

.kouhou_Panel:hover {
  background: #555;
}

input[type="checkbox"].on-off{
  display: none;
}

.kouhou_menu ul {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}

.kouhou_menu li {
  padding: 5px;
}

input[type="checkbox"].on-off + ul{
  display: none;
}

input[type="checkbox"].on-off:checked + ul{
  display: block;
}



/**************************************************
* ナビ　スタイルシート（楠浦地区振興会）
***************************************************/

nav#nav_custom {
    width:950px;
    right:0;
    left:0;
    margin:auto;
    top:340px;
    position:absolute;
}

nav#nav_custom.fixed {
    position: fixed;
    right:0;
    left:0;
    margin:auto;
    top: 0;
}

.navmenu {
    background-color: rgba( 85, 85, 85, 0.7 );
    width:237px;
    float: left;
    position:relative;
}

.navmenu label{
    background-color: rgba( 85, 85, 85, 0.7 );
}


ul.navmenu li a{
    padding: 5px 10px;
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: -5px;
    display: block;
    color: #fff;
}
.navmenu li a:hover{
    background: #ff0000;
}

.navmenu a{/*リンクされた文字*/
    color:#ffffff;
}
.navmenu a:link {/*未訪問のリンク*/
    color:#ffffff;
}
.navmenu a:visited {/*訪問後のリンク*/
    color:#ffffff;
}

#nav_custom, ul#nav_custom, ul.child{
    list-style-type: none;
    margin: 0;
    padding: 0;
    color: #fff;
    font-weight:bold;
    font-size:20px;
}


/* TOPナビ　アコーディオンメニュー */
.navmenu ul {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}

.navmenu li {
  padding: 5px;
}


/* メディアクエリ　携帯電話対応処理 */
@media screen and (max-width: 480px) {
body {
    background-size:contain;
    background-position:0pt 90pt;
} 

#nav_custom, ul#nav_custom, ul.child{
    font-size:16px;
}

/* スマホ時のナビゲーションのサイズを調整 */
nav#nav_custom {
    width:100%;
    top:380px;
    position:absolute;
}

/* スマホ時のナビゲーションの個別サイズを調整 */
.navmenu {
    width:50%;
}

/* スマホ時のナビゲーションの位置を調整 */
div#content{
 top:250px;
 position:relative;
}


}