@charset "utf-8";
/* CSS Document */

/**************************************************
* デフォルトスタイル
***************************************************/
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(../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-2.jpg) top center no-repeat;
 width:950px;
 height:560px;
 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;
 margin-top:30px;
}

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-2.gif) no-repeat;
 position:relative;
}

div#main .cname h2{
 width:615px;
 height:27px;
 font-size:16px;
 font-weight:bold;
 color:#1F2477;
 position:absolute;top:20%;left:25px;
}

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

div#main .cwaku{
 margin:0 auto 10px auto;
 width:627px;
 margin:0 auto;
 background: url(../images/main_bg_m04.gif);
}

div#main .cwaku a{
 background: url(../images/liimg03.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:#006699; 
 font-size:16px;
 font-weight:bold; 
 color:#FFFFFF;
 padding:6px 0 8px 14px; 
 margin:0 10px;
}

div#sidebar .cname h2 a
{
 color:#FFFFFF;
 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;
}

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;
 display:block;
 padding-top:3px;
 padding-bottom:2px;
 color:#00F;
 text-decoration:none;
 
}
div#sidebar .cwaku a:hover { font-weight:bold;
							color:#003;}
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;
}

/**************************************************
* 新和まちづくり協議会用スタイル
***************************************************/
.shinwa-header{
	
}
.shinwa-title{
	margin:10px 0;
	margin-left:5px;
}
.shinwa-menu{
	margin:10px 0;
	margin:10px 60px 10px 0;
}
.shinwa-menu ul{
	
	list-style-type:none;
}
.shinwa-menu ul li {
	float:left;
	padding-left:30px;
	height:33px;
	line-height:33px;
}
.shinwa-menu ul li a:hover{
	corsor:pointer;
	border-bottom:2px solid #770000;
}
.shinwa-menu a{
	text-decoration:none;
	color:gray;
}
.floatClear{
	clear:both;
}
.shinwa-title{
	width:300px;
	font-size:2em;
	float:left;
}
.shinwa-menu{
	float:right;
}

/*********************************
	お知らせ帯
*********************************/
#main > div.cname{
	color: #fff;
	background: #770000;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.85, #700), color-stop(0.00, #aa2323));
	background: -webkit-linear-gradient(top, #aa2323 0%, #700 85%);
	background: -moz-linear-gradient(top, #aa2323 0%, #700 85%);
	background: -o-linear-gradient(top, #aa2323 0%, #700 85%);
	background: -ms-linear-gradient(top, #aa2323 0%, #700 85%);
	background: linear-gradient(to bottom, #aa2323 0%, #700 85%);
}
#main > div.cname > h2{
	color: #fff;
}
/*********************************
	facebook
*********************************/
.facebook-area{
    background:#eee;

    position: relative;
    width:246px;
    margin:0 auto;
}
.facebook-area_title{
	margin-top:6px;
	font-size:1.1em;
	font-weight:bold;
	height:30px;
	line-height:30px;
	padding-left:10px;
	
	color: #fff;
	background: #770000;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.85, #700), color-stop(0.00, #aa2323));
	background: -webkit-linear-gradient(top, #aa2323 0%, #700 85%);
	background: -moz-linear-gradient(top, #aa2323 0%, #700 85%);
	background: -o-linear-gradient(top, #aa2323 0%, #700 85%);
	background: -ms-linear-gradient(top, #aa2323 0%, #700 85%);
	background: linear-gradient(to bottom, #aa2323 0%, #700 85%);

}
.facebook-area_list{
	margin-top:10px;
	margin-bottom:10px;
}
.facebook-area ul{

	list-style-type:none;
}
.facebook-area ul li {
	margin-left: 5px;
	margin-bottom: 5px;
}

/**************************************************
* スマートフォン用
***************************************************/
@media screen and (max-width: 500px) {
    /*コンテンツ全体*/
    div#content {
    	margin-top: 115px;
    }
}