/**************************************************
* デフォルトスタイル
***************************************************/
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-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{
 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;
}

/**************************************************
* カスタム
***************************************************/
body{
 font-family: "メイリオ", Meiryo, "Century Gothic", "游ゴシック Medium", 游ゴシック体, "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

div#main .contentbody img{
 max-width: 100%;
}

div#wrapper{
 width:100%;
}

div#header
{
 display:none;
 background: none;
 background-color:gray;
 width:100%;
 height:175px;
}

div#droparea div#headerMain{
 height:48px;
}

div#footer img{
 max-width:100%;
}
div.tuhoLink{
 display:none;
}
div.row_img{
 text-align:center;
 padding:15px 0px;
}

h2.menuTtl{
 background-color:#3ca1d3;
 padding:9px 18px;
 color:white;
 position:relative;
}

h2.menuTtl img{
 position: absolute;
 width: 30px;
}

h2.menuTtl span{
 padding-left:49px;
}
div.menu ul li{
 list-style:none;
 padding:9px 9px 9px 30px;
 border-bottom:1px solid #8ad0e4;
 position:relative;
}

div.menu ul li p{
 display: inline-block;
 vertical-align: middle;
 width: 31px;
 text-align: center;
}

div.menu ul li.diary img{
 width: 29.5px;
}

div.menu ul li.photo img{
 width: 28.5px;
}
div.menu ul li.profile img{
 width: 20px;
}
div.menu ul li.eventcalendar img{
 width: 25.5px;
}
div.menu ul li.toilet img{
 width: 30.5px;
}

div.menu ul li span{
 padding-left:9px;
}

div.menu ul a{
 text-decoration:none;
 color: black;
}

div.menu ul li:hover{
 background-color:#8ad0e4;
}

div#footer{
 margin:0px 0;
}

div.mainWrap{
 z-index: 9999;
 position: relative;
 background: url(//amakusa-web.jp/ana/amajikan/image/main_bk.png) repeat center center;
 height:530px;
}

div.mainWrap img {
 max-width: 100%;
 position: absolute;
 top: 50%;
 left: 50%;
 margin-top: -230px;
 margin-left: -651.5px;
}

body{
 background: url(//amakusa-web.jp/ana/amajikan/image/body_bk.png) top left;
 overflow-x:hidden;
}

div#content{
 background:none;
}

div#main{
 background:none !important;
}
div#sidebar{
 background:white;
 padding-bottom:24px;
}

div#sidebar h2{
 font-size: 18px;
}

div#sidebar .free_profile h2{
 color:#40abe2;
}

div#main .cname{
 background: none;
 height:auto;
 border-bottom: 3px solid #8ccaea !important;
}

div#main .cname:before{
 content: "";
 position: absolute;
 top: 0px;
 left: 9px;
 width: 3px;
 height: 51px;
 background-color: #40abe2;
}
div#main .cname h2{
 position: relative;
 top: 0px !important;
 left: 0px;
 padding: 3px 15px 0px 15px !important;
 height:auto;
 font-size: 24px;
 color: #40abe2 !important;
}

div#content div#main .cname h2 a.rssLink{
 padding-left:9px;
}

div#content div#mainLeft div#main .diaryArea .cname h2 a.rssLink{
 padding-left: 83px;
}

div#main .diaryArea .cname:before{
 top: 9px;
 height: 48px;
}

div#main .diaryArea .cname h2{
 position:relative;
 padding: 9px 15px 0px 70px !important;
 top:3px !important;
}

div#main .diaryArea .cname h2 img.ttlIcon{
 width: 45px;
 position: absolute;
 top: 2px;
 left: 15px;
}

div#main .diaryArea .cname h2:after{
 content: "新着情報";
 font-size: 15px;
 color: black;
 margin-left: -98px;
}

div#main .diaryArea .cwaku{
 background: none;
}

div#main .diaryArea .cwaku ul a{
 background: none;
 padding-left:0px;
}

div#main .diaryArea .cwaku ul li.thumbnail .more{
 position: absolute;
 bottom: 8px;
 right: 8px;
 color: black;
 text-decoration: none;
}

div#main .diaryArea .cwaku ul li.thumbnail .more img.moreIcon{
 width: 64.5px;
}

div#main .diaryArea .cwaku ul li.thumbnail .more:before{
 content: "more";
 position: absolute;
 top: 2px;
 left: 4px;
 z-index: 1;
}

div#main .diaryArea .cwaku ul li.thumbnail .more a{
 text-decoration:none;
}

div#main .cwakurad1{
 display:none;
}

div#main .cwakurad2{
 display:none;
}

div#main .cwaku{
 background:none;
 margin: 30px auto;
}

div#main .diaryArea .cwaku ul li.thumbnail{
 width: 150px;
 padding: 9px;
 background-color: white !important;
 position: relative;
 margin-right: 30px;
 margin-bottom: 30px;
 display: inline-block;
 vertical-align: top;
 border-bottom:none !important;
}

div#main .diaryArea .cwaku ul li.thumbnail img.newsIcon{
 width: 84.5px;
 position: absolute !important;
 top: 4px !important;
 left: -6px !important;
 z-index:9999 !important;
}

div#main .diaryArea .cwaku .thumb_wrap{
 width: 150px;
 display: block;
}

div#main .diaryArea .cwaku ul li.thumbnail .thumb_o img{
 max-width: 100%;
}

div#main .diaryArea .cwaku ul li.thumbnail .day{
 padding: 9px 0px 6px 0px;
 border-bottom: 1px solid gray;
}

div#main .diaryArea .cwaku ul li.thumbnail .title{
 padding: 6px 0px 30px 0px;
}

div#main .diaryArea .cwaku ul li.thumbnail:before{
 content: "";
 width: 100%;
 height: 100%;
 position: absolute;
 background-color: #40abe2;
 right: -7px;
 top:7px;
 z-index:-1;
}

div#main .diaryArea .cwaku .thumb_i{
 width: 150px;
 height: 120px;
 line-height: 120px;
 display: table-cell;
 text-align: center;
 vertical-align: middle;
 background-color: #ccc;
 background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
 background-size: 4px 4px;
}

a{
 color: #337ab7;
 text-decoration: none;
}

a:hover, a:focus{
 color: #23527c;
 text-decoration: underline;
}

a:hover img{
 opacity: .5;
 -webkit-opacity: .5;
 -moz-opacity: .5;
 filter: alpha(opacity=50);
 -ms-filter: "alpha(opacity=50)";
}

div#MyhpMapWrap div#MyhpMap{
 height:400px;
}

div#droparea div#main .diaryArea ul li .thumb_o:before{
 content:"";
}


div#droparea div#main .diaryArea ul li .thumb_i:before{
 content:"";
}

.gmnoprint .gm-style-mtc{
 display:none;
}

 .BusTrip{
 color: #ff0000;
 font-size: 35px;
 }

 div#main .cwaku ul.BusTrip_item{
 font-size: 15px;
 }
 

@media only screen and (max-width:480px){
 body{
  background:white;
 }

 .BusTrip{
 color: #ff0000;
 font-size: 35px;
 }

 div#main .cwaku ul.BusTrip_item{
 font-size: 15px;
 }
 
 div.mainWrap{
  width:100%;
  height: 230px;
  background-position: 10% 85%;
 }

 div.mainWrap img{
  max-width: 95%;
  margin:0px;
  transform: translate(-50%, -54%);
 }
 
 div#droparea div#main .cname{
  height: auto !important;
  background-image: none !important;
  background: none !important;
  margin: 0px 0px 15px 0px !important;
  padding: 0px !important;
 }
 
 div#main diaryArea .cwaku{
  background:none;
  margin: 30px auto !important;
 }
 
 div#droparea div#main .cname h2{
  width:auto !important;
 }
 
 div#droparea div#main .cwaku{
  width:auto !important;
 }
 
 div#main .diaryArea .cwaku{
   background: url(//amakusa-web.jp/ana/amajikan/image/body_bk.png) top left !important;
   padding-top:15px;
 }
 
 div#droparea div#main .diaryArea ul{
   background-color: inherit;
 }
 
 div#droparea div#main .diaryArea ul li{
   display: block;
   width: 260px;
   margin: 0px auto 30px auto;
   background:none; !important;
 }
 
 div#main .diaryArea .cwaku .thumb_i{
   width: 260px;
   height: 210px;
   line-height: 210px;
 }
 
 div#main .diaryArea .cwaku .thumb_wrap{
   width: auto;
 }
 
 div#droparea div#main .diaryArea .cwaku a{
   padding:0px !important;
 }
 
 div#droparea div#main .diaryArea ul li img{
   position: relative;
   top: 0px;
   left: 0px;
 }
 
 div#droparea div#sidebar{
   background:none !important;
 }
 
 div.menu ul li img{
  position: relative !important;
  top: 0px !important;
  left: 0px !important;
 }
 
 div#droparea div#footer{
  padding-bottom:0px !important;
 }
 
}