@charset "Shift_JIS";
/***                      ***/

/*     Initialize           */

/***                      ***/



/* structure */

body,  div,  dl, dt, dd,  ul, ol, li,  h1, h2, h3, h4, h5, h6,  pre,  form, fieldset, input, textarea,  p, blockquote,  th, td {
	margin: 0;
	padding: 0;
}
/* font,background */

body {
	color:#692b23;
	background:#ffedba;
	font-size:75%;
	/* font-size:62.5%; //10px=1.0em */

	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, sans-serif;
	line-height:150%;
	text-align:center;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
/* img */

img {
	border:0;
}
/* table */

table {
	border:0;
}
/* form */

select option {
	padding:0 5px;
}
ul {
	list-style:none;
}
/**   /Initialize          **/







/***                      ***/

/*     clearfix             */

/***                      ***/



.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
/* for IE6 */

.clearfix {
	display: inline-block;
}
/**   /clearfix            **/







/***                      ***/

/*     font                 */

/***                      ***/



div#container .f10 {
	font-size:0.83em;
}
div#container .b {
	font-weight:bold;
}
/**   /font                **/







/***                      ***/

/*     link                 */

/***                      ***/



div#container .to_pagetop {
	text-align:right;
	margin-top:-14px;
}
div#container .to_pagetop a:link {
	color:#692b23;
	text-decoration: none;
}
div#container .to_pagetop a:visited {
	color:#692b23;
	text-decoration: none;
}
div#container .to_pagetop a:hover {
	color:#692b23;
	text-decoration: underline;
}
div#container .to_pagetop a:active {
	color:#692b23;
	text-decoration: none;
}
/*   /link                **/







#header .navi_top {
	bottom: 0;
	left: 660px;
	position: absolute;
}
#header .navi_cameroon {
	bottom: 0;
	left: 829px;
	position: absolute;
}
#container {
	width:955px;
	margin-right:auto;
	margin-left:auto;
}
#header {
	height:62px;
	position:relative;
	margin-top: 14px;
	background: url(../images/common/line_header.gif) repeat-x left bottom;
}
#header .logo {
	position:absolute;
	left: 0px;
	top: 0px;
}
#header .btn_toTop {
	position:absolute;
	right: 0px;
	top: 32px;
	margin-right: 2px;
}
div.btn_carre {
	text-align: right;
	margin-top: 7px;
	margin-right: 2px;
}
#gnavi {
	line-height:0;
	font-size:0;
	width: 950px;
	margin: 0px 0 10px 0;
	background:url(../images/common/bg_gnavi.gif) bottom left repeat-x;
	text-align:left;
}
/*

#gnavi{

	/margin:25px 0 10px 0px;

}

*/



#gnavi li {
	display:inline;
	margin-right: 6px;
}
#gnavi li.last {
	margin-left: 117px;
}
#snavi {
	text-align: left;
	margin:0px 0 30px 95px;
}
#snavi li {
	display: inline;
	margin-right: 15px;
}
#footnavi {
	margin-bottom:40px;
}
#Foot {
	display: block;
	border-top: 1px solid #443c37;
	color: #443c37;
}
#Foot ul li {
	border-right: 1px solid #443c37;
}
#Foot a:link, #Foot a:visited {
	color: #443c37;
}
#Foot a:hover, #Foot a:active {
	color: #443c37;
}
/*

#footer{

	height:52px;

	position:relative;

}



#footer .logo_p{

	position:absolute;

	left:272px;

	top:0;

}



#footer .logo_a{

	position:absolute;

	left:200px;

	top:0;

}



#footer .copy{

	position:absolute;

	left:400px;

	top:7px;

}

*/



.txt_c {
	text-align:center;
}
.mgn_t5 {
	margin-top:5px;
}
.mgn_t10 {
	margin-top:10px;
}
.mgn_t15 {
	margin-top:15px;
}

.mgn_b10 {
	margin-bottom:10px;
}
#Foot {
	clear: both;
}

.topicpathArea {
	width: 955px;
}

.topicpath {
	margin: 15px 0 5px 0;
	padding-left: 10px;
	text-align: left;
	float: left;
}

.topicpath li {
	float: left;
	margin-right: 10px;
}

.topicpath li.lower {
	background: url(../images/activity_index/icon_topicpath.gif) no-repeat left center;
	padding-left: 10px; 
}

.topicpath li a:link {
	color:#f08312;
	text-decoration: none;
}
.topicpath li a:visited {
	color:#f08312;
	text-decoration: none;
}
.topicpath li a:hover {
	color:#f08312;
	text-decoration: underline;
}
.topicpath li a:active {
	color:#f08312;
	text-decoration: none;
}

.past {
	float: right;
	width: 212px;
	margin: 10px 0 5px 0;
}

 
#lower #main .article {
	float: left;
	width: 638px;
	padding: 30px 0 0 0;
}

#lower #main .aside {
	float: right;
	padding: 22px 0px 0 0;
	width: 258px;	
}

#lower #main .aside .contentAtra {
	background: url(../images/common/bg_snavi.gif) repeat-y left top;
	width: 258px;
}

#lower #main .aside .contentAtra ul {
	padding: 0 15px;

}

#lower #main .aside .contentAtra li {
	text-align: left;
	background: url(../images/common/img_sepa.gif) no-repeat left bottom;
	padding-bottom: 5px;
	margin-bottom: 3px;
}

#lower #main .aside .contentAtra li.last {
	background: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#lower #main .aside .contentAtra li.last img {
	margin-top: -5px;
}


#lower #main .aside .contentAtra li a span.wrap {
    display: block;
    float: left;
    width: 112px;
}

#lower #main .aside .contentAtra li a span.activity {
	display: block;
	cursor: pointer;
	font-size: 116%;
	font-weight: bold;
}

#lower #main .aside .contentAtra li a span.date {
    display: block;
	cursor: pointer;
}


#lower #main .aside .contentAtra li a:hover span.activity {
	color: #f29128;
}


#lower #main .aside .contentAtra li.on a span.activity {
    display: block;
    float: left;
    width: 112px;
	cursor: pointer;
	font-size: 116%;
	font-weight: bold;
	color: #f29128;
}

#lower #main .aside .contentAtra li.on a:hover span.activity {
	color: #f29128;
}



#lower #main .aside .contentAtra li a {
	display: block;
	background: url(../images/common/icon_activity.gif) no-repeat  5px 1em;
	padding: 10px 0 10px 25px;
	color: #692B23;
	text-decoration: none;
}

#lower #main .aside .contentAtra li a:link {
	display: block;
	background: url(../images/common/icon_activity.gif) no-repeat  5px 1em;
	padding: 10px 0 10px 25px;

}
#lower #main .aside .contentAtra li a:visited {
	display: block;
	background: url(../images/common/icon_activity.gif) no-repeat  5px 1em;
	padding: 10px 0 10px 25px;
}
#lower #main .aside .contentAtra li a:hover {
	display: block;
	background: url(../images/common/icon_activity_on.gif) no-repeat  5px 1em #ffedba;
	padding: 10px 0 10px 25px;
}
#lower #main .aside .contentAtra li a:active {
	display: block;
	background: url(../images/common/icon_activity.gif) no-repeat  5px 1em;
	padding: 10px 0 10px 25px;
}

#lower #main .aside .contentAtra li.on a {
	display: block;
	background: url(../images/common/icon_activity.gif) no-repeat  5px 1em;
	padding: 10px 0 10px 25px;
	color: #692B23;
	text-decoration: none;
}

#lower #main .aside .contentAtra li.on a:link {
	display: block;
	background: url(../images/common/icon_activity_on.gif) no-repeat  5px 1em #ffedba;
	padding: 10px 0 10px 25px;

}
#lower #main .aside .contentAtra li.on a:visited {
	display: block;
	background: url(../images/common/icon_activity_on.gif) no-repeat  5px 1em #ffedba;
	padding: 10px 0 10px 25px;
}
#lower #main .aside .contentAtra li.on a:hover {
	display: block;
	background: url(../images/common/icon_activity_on.gif) no-repeat  5px 1em #ffedba;
	padding: 10px 0 10px 25px;
}
#lower #main .aside .contentAtra li.on a:active {
	display: block;
	background: url(../images/common/icon_activity_on.gif) no-repeat  5px 1em #ffedba;
	padding: 10px 0 10px 25px;
}






#lower #main .listArea {
	background: url(../images/common/btm_list.gif) no-repeat 0 bottom;
	padding-bottom: 11px;
	margin-top: 20px;
}

#lower #main .listArea ul {
	text-align: left;
	background: url(../images/common/bg_listBody.gif) repeat-y left top;
	width: 258px;
	padding-top: 10px;
}

#lower #main .listArea li {
    background: url("../images/icon_whats.gif") no-repeat scroll left 0.3em transparent;
    font-weight: bold;
    line-height: 1.7;
    margin-left: 15px;
    padding: 0 10px 10px 20px;
}

#lower #main .listArea li span {
	font-weight: normal;
	font-size: 92%;
}

#lower #main .listArea li a:link {
	color: #692B23;
	text-decoration: none;

}
#lower #main .listArea li a:visited {
	color: #692B23;
	text-decoration: none;
}
#lower #main .listArea li a:hover {
	color: #692B23;
	text-decoration: underline;
}
#lower #main .listArea li a:active {
	color: #692B23;
	text-decoration: none;
}


#lower div#container .to_pagetop {
	margin-top: -100px;
}

.t_c1 {
		margin: 40px 0 30px 256px !important;
    text-align: left !important;
}

.t_c2 {
    margin-bottom: 150px !important;
    margin-left: 222px !important;
    text-align: left !important;
}