@charset "utf-8";
/* CSS Info
 FileName   : module.css
 Editor     : geocode
======================== */

/* #wrapper
----------------------------------------------------------- */
#wrapper {
}
/* #header
----------------------------------------------------------- */
#header{
	position: relative;
	margin: 0 auto;
}
#header .child {
	width: 1000px;
	height: 120px;
	margin-left: auto;
    margin-right: auto;
}
#header .child h1 {
	font-size: 12px;
	color: #FFF;
}

#header .logo {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
}
#header .menu {
	position: relative;
	float: right;
	background-image: url("http://api.social-action-ring.org/component/images/gnav_bg.png");
	background-repeat: repeat;
	margin-top: 8px;
	margin-right: 20px;
	padding-right: 1px;
	top: 0px;
	right: 0px;
}
#header .menu li {
	float: left;
	margin-left: 1px;
	background-color: #FFF;
}
/* #visual
----------------------------------------------------------- */
#visual{
	position: relative;
	background-image: url("../images/bg01.jpg");
	background-repeat: repeat;
	margin: 0 auto;
}
#visual .child {
	width: 1020px;
	padding: 20px 0px 20px 20px;
	margin: 0 auto;
	overflow: hidden;
}

#visual .left{
	position: relative;
	float: left;
	width: 399px;
}

#visual .aboutSAR{
	position: relative;
	background-image: url("http://api.social-action-ring.org/component/images/socialactionring01.png");
	background-repeat: no-repeat;
	margin-bottom: 18px;
}
#visual .aboutSAR .title{
	position: relative;
	top: 4px;
	padding-left: 57px;
	line-height: 49px;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
}
#visual .aboutSAR .sentence{
	position: relative;
	z-index: 5;
	background-image: url("http://api.social-action-ring.org/component/images/socialactionring02.png");
	background-repeat: repeat-y;
	padding: 0 22px;
	font-size: 11px;
	line-height: 25px;
}
#visual .aboutSAR .buttons{
	position: relative;
	top: -2px;
	z-index: 10;
	background-image: url("http://api.social-action-ring.org/component/images/socialactionring03.png");
	background-repeat: no-repeat;
	height: 76px;
}
#visual .aboutSAR .btn01{
	position: absolute;
	bottom: 10px;
	left: 10px;
}
#visual .aboutSAR .btn02{
	position: absolute;
	bottom: 10px;
	right: 10px;
}

#visual .facebook{
	position: relative;
	background-image: url("http://api.social-action-ring.org/component/images/facebook03.png");
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 5px;
}
#visual .facebook .title{
	position: relative;
	background-image: url("http://api.social-action-ring.org/component/images/facebook01.png");
	background-repeat: no-repeat;
	height: 34px;
	padding-top: 1px;
	padding-left: 46px;
	line-height: 35px;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
}
#visual .facebook .likebox{
	position: relative;
	background-image: url("http://api.social-action-ring.org/component/images/facebook02.png");
	background-repeat: repeat-y;
	padding-left: 1px;
}
#visual .facebook .bottom{
	position: relative;
	background-image: url("http://api.social-action-ring.org/component/images/facebook03.png");
	background-repeat: no-repeat;
	height: 5px;
}

#visual .newest{
	background-image: url("http://api.social-action-ring.org/component/images/newest00.png");
	background-repeat: no-repeat;
	position: relative;
	float: right;
	overflow: hidden;
	margin-right: 20px;
	padding-top: 65px;
	padding-right: 24px;
	width: 557px;
	height: 412px;
}
#visual .newest .imgArea{
	position: relative;
	margin-bottom: 15px;
	text-align: center;
}
#visual .newest img{
	position: relative;
	margin: 0 auto;
	padding: 4px;
	background-color: #FFF;
	border: solid 1px #E4E4E4;
}
#visual .newest p{
	position: relative;
	font-size: 13px;
	line-height: 25px;
	padding-left: 19px;
	padding-right: 28px;
}

#visual .newest .title{
}
#visual .newest .sentence{
}

#visual .newest .title a{
	color: #FF6000;
}



/* #list_container
----------------------------------------------------------- */
#list_container{
	position: relative;
	background-image: url("../images/bg01.jpg");
	background-repeat: repeat;
	margin: 0 auto;
	padding-bottom:20px;
}

#list_container .cont{
	width: 1020px;
	padding: 20px 0px 0px 20px;
	margin: 0 auto;
	overflow: hidden;
}

#list_container .cont a{
	width: 1020px;
	margin: 0 auto;
	overflow: hidden;
	color:#F63;
}




/* #left_cont
----------------------------------------------------------- */
#left{
	width:755px;
	padding-bottom:10px;
	float:left;
	background-image:url("http://api.social-action-ring.org/component/images/content_backbottom.png");
	background-repeat:no-repeat;
	/* [disabled]background-position:bottom; */
}

#left02{
	width:755px;
	padding-bottom:10px;
	float:left;
	background-image:url("http://api.social-action-ring.org/component/images/content_backbottom.png");
	background-repeat:no-repeat;
	background-position:bottom;
	/* [disabled]background-position:bottom; */
}

#left .title_hogo{
	background-image:url("http://api.social-action-ring.org/component/images/content_h.png");
	/* [disabled]background-repeat:no-repeat; */
	height:69px;
	line-height:72px;
	padding-left:70px;
	font-size:17px;
	color:#43bbca;
	font-weight:bold;
}
#left02 .title_hogo{
	background-image:url("http://api.social-action-ring.org/component/images/content_bg02.png");
	background-repeat:no-repeat;
	height:69px;
	line-height:100px;
	padding-left:20px;
	font-size:17px;
	color:#43bbca;
	font-weight:bold;
}

#left .leftcont{
	background-image:url("http://api.social-action-ring.org/component/images/content_back.png");
	background-repeat:repeat-y;
	padding:20px 20px 0px 20px;
}


#left .leftcont02{
	background-image:url("http://api.social-action-ring.org/component/images/content_back.png");
	background-repeat:repeat-y;
	padding:0px 20px 0px 20px;
}


#left02 .leftcont{
	background-image:url("http://api.social-action-ring.org/component/images/content_back.png");
	background-repeat:repeat-y;
	padding:0px 20px 0px 20px;
}

#left .border{
	height:7px;
	margin-top:20px;
	clear:both;
}

#left .border02{
	height:7px;
	clear:both;
}


#left .leftImg{
	float:left;
	margin-bottom:20px;
	margin-right:20px;
}

#left .text_title{
	padding-bottom:5px;

}

#left .text_title a{
	color:#F60;
}

#left .text{
	padding-top:8px;
	line-height:8px;
	float:right;
}


#left .text a{	
	color:#43bbca;
}

/* #menu
----------------------------------------------------------- */
#menu{
	width:215px;
	float:right;
}

#menu .menu_cont{
	margin-bottom:20px;
}

#menu .menu_cont2{
	height:220px;
}
#menu .listm{
	margin:10px 0px 5px 0px;
}
#menu .listm li{
	float:left;
	background: url("http://api.social-action-ring.org/component/images/list_arrow.png") no-repeat 10px 4px;
	padding:0;
	width:71px;
	height:26px;
}

#menu .listm a{
	color:#F60;
width:inherit;
padding: 20px 0px 0px 20px;
}



/* #container
----------------------------------------------------------- */


/* Hides from IE-mac \*/
* html #container {
	height: 1%;
}
/* End hide from IE-mac */
#container {

}

/* #path
----------------------------------------------------------- */
#path {
	height: 30px;
	padding-top: 10px;
	padding-left: 20px;
}
#path h1 {
	float: left;
}
#path p {
	float: left;
}

/* #content
----------------------------------------------------------- */

#content .pagetop {
	padding: 20px 20px 20px 0;
	text-align: right;
}

#content .topics{
	float: left;
	width: 207px;
	border:1px solid #eaeaea;
	border-radius: 4px;
	margin: 0 10px 10px 0;
}

#content .topics h3{
	padding: 0 0 10px 0;
	font-weight: bold;
}

#content .topics a{
	color: #FF6000;
}

#content .topics .inner{
	border:3px solid #fff;
	border-radius: 4px;
}

#content .topics .inner02{
	background: #fff2bd;
	padding: 10px;
}

#content .topics .category{
	position: relative;
	background-image: url("http://api.social-action-ring.org/component/images/content01_title.png");
	background-repeat: no-repeat;
	height: 34px;
	padding-top: 1px;
	padding-left: 31px;
	line-height: 35px;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
}
#content .topics .imgArea{
	position: relative;
	padding: 15px 15px 12px 15px;
}
#content .topics img{
	position: relative;
	margin: 0 auto;
	background-color: #FFF;
}
#content .topics p{
	position: relative;
	font-size: 12px;
	line-height: 20px;
}

#content .topics .title{
	font-weight: bold;
	margin-bottom: 8px;
	margin-top:20px;
}
#content .topics .sentence{
}
#content .topics .tileArea{
	/* --- jQueryへ飛ばす用 --- */
}

#content .topics .title a{
	color: #FF6000;
}

#extend{
	position: relative;
	clear: both;
	margin-bottom: 30px;
}
#extend .banner{
	position: relative;
	float: left;
	margin-right: 17px;
}

/* #supporter
----------------------------------------------------------- */

#supporter {
	background: url(../images/bg_brown.png);
	margin: 40px auto 0 auto;
	padding: 20px;
	width: 1000px;
}



#supporter .supporter01 {
	float: left;
	padding-top: 20px;
}

#supporter .supporter01 li a {
	color: #7d563a;
}

#supporter .text03 {
	padding-top: 30px;
	clear: both;
	padding-top: 35px;
}

/* #footer
----------------------------------------------------------- */
#footer{
	position: relative;
	clear: both;
	background-image: url(../images/fotter-bg.jpg);
	background-repeat: repeat-x;
	margin: 40px auto 0 auto;
	padding: 30px 0 0 0;
}
#footer .child {
	width: 1020px;
	height: 63px;
	padding: 40px 0px 34px 20px;
	margin: 0 auto;
}
#footer .logo {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
}
#footer .menu {
	position: relative;
	float: right;
	margin-top: 25px;
	top: 0px;
	right: 0px;
	color: #508020;
}
#footer .menu li {
	float: left;
	margin-right: 8px;
}
#footer .menu a {
	color: #508020;
}
#footer .menu span {
	margin-right: 8px;
}

#footer .copy {
	padding: 40px 0 50px 0;
	text-align: center;
}




/* end */