@charset "utf-8";
/*----------------------*/
/*全体指定*/
/*----------------------*/
html{
    overflow-y: scroll;
}
html,body{
    margin:0px;
    padding:0px;
    height:100%;
}
body{
    background-color:#FFFFFF;
    text-align:center;
    width:100%;
    font-size:82%;
    line-height:130%;
    color:#1E1E1E;
    font-family:'Verdana','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
img{
    border:none;
    vertical-align:text-bottom;
}
ul:after ,
dl:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.float_clear{
    margin:0px;
    padding:0px;
    font-size:1px;
    line-height:1px;
    clear:both;
}
a{
    color:#1175d2;
    text-decoration:none;
}
a:hover{
    color:#1175d2;
    text-decoration:none;
}
form{
    margin:0px;
    padding:0px;
}
p{
    margin: 0px;
    padding: 0px;
}
sub, sup {
    vertical-align: baseline;
    position: relative;
    top: -1ex;
}
.indent10{
    padding-left:10px;
    text-indent:-15px;
}
.fontBlue{
    color:#006bcf;
}
.dotLine{
    border-bottom:1px dotted #000000;
    margin-bottom: 10px;
    padding-top: 10px;
    *padding-top: 0px;/*ie7用*/
}

/*----------------------------*/
/* page_top */
/*----------------------------*/
p.page_top{
	text-align: right;
	margin: 15px 0 20px 0;
}
p.page_top a{
	padding-left: 10px;
	color: #636363;
	font-size: 95%;
	text-decoration: underline;
}
p.page_top a:hover{
	text-decoration: underline;
}

/*----------------------------*/
/*-- 　ページ要素（全体）　 --*/
/*----------------------------*/
#main_space{
    margin:0px;
    padding:0px;
    width: 100%;
    position:relative;
    height:auto !important;
    min-height:100%;
    height:100%;
}

/*--------------------------------*/
/*-- 　ページ要素（ヘッダー）　 --*/
/*--------------------------------*/
/*ヘッダー全体*/
ul#header_space{
    list-style-type:none;
    margin:0px auto;
    padding:0px;
    width:940px;
    clear:both;
}

/*----------------------------------*/
/*-- 　ページ要素（コンテンツ）　 --*/
/*----------------------------------*/
ul#contents_space {
    margin:0px auto;
    padding:0px 0px 100px 0px;
    width: 940px;
    text-align:left;
}
ul#contents_space li#contents_snslink{
    margin:0px 0px 0px 25px;
    list-style-type:none;
    font-size:90%;
}
ul#contents_space li#contents_snslink .return{
    float:left;
    width:20%;
}
ul#contents_space li#contents_snslink .snslink{
    float:right;
    width:80%;
    text-align:right;
}
img.snslinkGazo {
    vertical-align: middle;
    padding-left:8px;
}

/*----------------------------------*/
/*-- 　グローバルナビ　 --*/
/*----------------------------------*/
.mainnav {
	width: 940px;
	margin: 0 auto 25px;
	padding: 0;
	overflow: hidden;
	list-style-type:none;
	
	background: linear-gradient(to right, #017dd3, #5db4eb);
}

.mainnav li {
	float: left;
}

.mainnav li a {
	display: block;
	height: 55px;
	line-height: 55px;
	
	text-decoration: none;
	text-align: center;
	color: #fff;
	font-size: 15px;
	letter-spacing: 0.05em;
}

.mainnav li a:hover {
	text-decoration: underline;
}
.mainnav li a span:hover {
	text-decoration: underline;
}

.nav_home {
	width: 85px;
}
.nav_about {
	width: 215px;
}
.nav_event {
	width: 205px;
}
.nav_archive {
	width: 170px;
}
.nav_list {
	width: 105px;
}
.nav_contact {
	width: 160px;
	background: #7ec038;
}

.nav_contact span {
	display: inline-block;
	background: url(../images/icon_contact.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 15px;
	padding-left: 20px;
}

/*----------------------------------*/
/*-- top --*/
/*----------------------------------*/
ul#contents_space li#contents_menu{
    float:left;
    margin:0px 0px 0px 10px;
    width:423px;
    height:100%;
    min-height:100%;
    list-style-type:none;
}
ul#contents_space li#contents_link{
    float:right;
    margin:0px;
    width:470px;
    list-style-type:none;
}
#top_info_title{
    border-bottom:3px solid #000000;
    background:url("../images/title_event_information.png") no-repeat top left;
    margin:0px 0px 15px 0px;
    padding:0px 0px 7px 0px;
    text-align:right;
}
.top_info_photo{
    float:left;
    width:100px;
}
.top_info_txt{
    float:right;
    width:305px;
    text-align:left;
}
.top_info_txt .midashi{
    font-weight:bold;
    padding:0px 0px 7px 0px;
    color:#006bcf;
}
.banners {
    margin:30px 0px 0px 0px;
    padding:0px;
    text-align:left;
}
.banners li{
    float:left;
    margin:0px 0px 10px 0px;
    list-style-type:none;
}
.on50{
    margin:0px;
    padding:0px;
    clear:both;
    text-align:right;
    font-size:80%;
}

/*--------------------------------*/
/*-- 中面 --*/
/*--------------------------------*/

/* レフトナビ */
#contents_leftnavi {
	width: 226px;
	float: left;
	padding: 20px;
	margin-top: 20px;
	box-sizing: border-box;
	background: #007dd2;
	list-style-type:none;
}

.leftnavi_link {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.leftnavi_link a {
	display: block;
	padding: 10px 0;
	border-bottom: 1px dotted #fff;
	color: #fff;
	letter-spacing: 0.05em;
	font-size: 14px !important;
}

.leftnavi_link a:hover {
	text-decoration: underline;
}

#contents_leftnavi .nav_contact {
	display: block;
	width: 100%;
	padding: 10px 0;
	margin: 20px 0 30px 0 !important;
	text-align: center;
}

#contents_leftnavi .nav_contact span {
	color: #fff;
	letter-spacing: 0.05em;
	font-size: 14px !important;
}

#contents_leftnavi .nav_contact:hover span {
	text-decoration: underline;
}

#contents_leftnavi .banners {
	text-align: center;
}
#contents_leftnavi .banners li {
	float: none;
	margin: 0 0 10px 0 !important;
}
#contents_leftnavi .banners img {
	max-width: 100%;
	height: auto;
}
#contents_leftnavi .on50 {
	color: #fff;
}



/* メインコンテンツ */
ul#contents_space li#contents_info{
    float:right;
    margin:20px 0px 0px 0px;
    width:693px;
    height:100%;
    min-height:100%;
    list-style-type:none;
}

ul#contents_space li#contents_info #info_area{
    margin:25px 10px 0px 10px;
}
.subpage {
    margin:25px 0px 0px 0px !important;
}
.info_news{
    border-top:3px solid #77b500;
    padding:10px;
    line-height:150%;
}
.info_news .title{
    background:url("../images/icon_info.gif") no-repeat left 5px;
    padding:5px 0px 15px 25px;
    font-size:120%;
    font-weight:bold;
    color:#006bcf;
}
ul#contents_space li#contents_past{
    float:right;
    margin:20px 0px 0px 0px;
    width:172px;
    list-style-type:none;
}

/* タイトル（EVENT/INFOMATION） */
#pagetitle{
    border-bottom:3px solid #000000;
    margin:0px 0px 15px 0px;
    padding:0px 0px 7px 0px;
    text-align:right;
	
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.about {
    background:url("../images/title_about.png") no-repeat top left;
}
.info {
    background:url("../images/title_event_information_naka.gif") no-repeat top left;
}

.archive {
    background:url("../images/title_archive.png") no-repeat top left;
}

.list {
    background:url("../images/title_list.png") no-repeat top left;
}

.contact {
    background:url("../images/title_contact.png") no-repeat top left;
}

h2 {
	background: linear-gradient(to right, #76b532, #ade76f);
	padding: 14px 17px;
	color:#fff;
	letter-spacing: 0.1em;
	margin: 60px 0 20px 0;
}


.pagetop{
    margin:15px 0px 0px 0px;
    text-align:right;
    color:#77b500;
}
.pagetop a{
    color:#77b500;
}
.s_title{
    font-weight:bold;
    color:#006bcf;
}

/* 錦糸町を元気にする会とは */
.intro p {
	text-indent: 1em;
	margin-bottom: 1em;
	font-size: 14px;
	letter-spacing: 0.05em;
}

/* 概要 */
dl.column2 {
	overflow: hidden;
	font-size: 14px;
	letter-spacing: 0.05em;
	
	border-top: 1px dotted #383838;
}

.column2 dt {
	float: left;
	width: 11em;
	font-weight: bold;
	padding-top: 10px;
}

.column2 dd {
	border-bottom: 1px dotted #383838;
	padding: 10px 0 10px 11em;
	margin: 0;
}

.column2 dd p {
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 8px;
}
.column2 dd p:last-child {
	margin-bottom: 0px;
}

/* 活動報告 */
dl.history {
	overflow: hidden;
	font-size: 14px;
	letter-spacing: 0.05em;
}

.history dt {
	float: left;
	width: 8em;
	font-weight: bold;
	padding: 10px 0;
	background: #f1f1f1;
	box-sizing: border-box;
	border-bottom: 2px solid #fff;
	
	position: relative;
}

.history dt span {
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	
	width: 100%;
	text-align: center;
}

.history dd {
	float: right;
	width: calc(100% - 8em);
	padding: 10px;
	margin: 0;
	box-sizing: border-box;
	
	border-bottom: 2px solid #fff;
}

.history dd p {
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 8px;
}

.history dd p:last-child {
	margin-bottom: 0px;
}

/* 会員一覧 */
.list_lead {
	font-size: 16px;
	line-height: 1.3;
	letter-spacing: 0.05em;
	margin-bottom: 20px;
}

.memberlist {
	overflow: hidden;
	list-style: none;
	
	padding: 0;
	margin: 0;
}

.memberlist li {
	float: left;
	width: 48%;
	font-size: 16px;
	line-height: 1.3;
	letter-spacing: 0.05em;
	background: #f1f1f1;
	padding: 8px;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.memberlist li:nth-child(2n) {
	float: right;
}

#contents_info .banners li {
	float: left;
	width: 32%;
	margin-right: 2%;
}
#contents_info .banners li:nth-child(3n) {
	margin-right: 0%;
}

#contents_info .banners li img {
	max-width: 100%;
	height: auto;
}

#contents_info .banners2 li {
	float: left;
	width: 49%;
	text-align: right;
	margin: 0;
}
#contents_info .banners2 li:last-child {
	float: right;
	text-align: left;
}

.attright {
	margin-top: 30px;
	text-align: right;
}

/*--------------------------------*/
/*-- 　ページ要素（フッター）　 --*/
/*--------------------------------*/
ul#footer_space{
    background:#03406a;
    list-style-type:none;
    margin:0px;
    padding:15px 0px;
    *padding:8px 0px;/*ie7用*/
    position:absolute;
    left:0px;
    bottom:0px;
    width:100%;
    line-height:5px;
    *line-height:15px;/*ie7用*/
    font-size:85%;
    clear:both;
    vertical-align:middle;
}
ul#footer_space li{
    margin:0px auto;
    width:940px;
    text-align:center;
    color:#ffffff;
}

/*----------------------------*/
/*-- 　印刷指定　 --*/
/*----------------------------*/
@media print {
    body{
        -webkit-print-color-adjust: exact; /*クロームで背景画像印刷する為の指定*/
    }
    html,body,#main_space{
        height:auto;
    }
    /*IE7用*/
    ul#contents_space{
        /display: block;
    }
    ul#contents_space ul.info_area{
        /display: list-item;
        /vertical-align: top;
    }
    ul#contents_space ul.info_area li.info_area_left{
        /display: list-item;
        /vertical-align: top;
        /float: left;
    }
    ul#contents_space ul.info_area li.info_area_right{
        /display: list-item;
        /vertical-align: top;
        /float: left;
    }
    ul#footer_space{
        display: none;
    }
}