﻿@charset "utf-8";

/* ------------------------------------- 
               clearfix
 ------------------------------------- */

#top #topInformation .upData .upDataTitle,
#top #contentsArea .topSearch .formArea,
#top #contentsArea .txtArea .topOutlineMenu,
#top #contentsArea,
#top #mainNav #mainNavMember .memberCount,
#top #contentsArea,
#top #mainNav,
#top #topInformation,
#update ul li,
#top #contentsArea .noticeArea,
#top #contentsArea #allSupporter .supporter,
#top #contentsArea #wrapper{
  overflow:hidden; 　　　　
  zoom:1;
}

#top #topInformation .upData .upDataTitle:after,
#top #contentsArea .topSearch .formArea:after,
#top #contentsArea .txtArea .topOutlineMenu:after,
#top #contentsArea:after,
#top #mainNav #mainNavMember .memberCount:after,
#top #contentsArea:after,
#top #mainNav:after,
#top #topInformation:after,
#update ul li:after,
#top #contentsArea .noticeArea:after,
#top #contentsArea #allSupporter .supporter:after,
#top #contentsArea #wrapper:after{
  content:".";
  display:block;
  height:0px;
  clear:both;
  visibility:hidden;
}

/* ------------------------------------- 
               page layout
 ------------------------------------- */
 
#top{
	background:url(/expansion/supporters/img/bg_page_header_top_new.png) 50% 0 no-repeat;
}
#top #page{
	background:none;
}
#top #mainContainer{
	padding:40px 10px 20px;
	background-color:transparent;
	border-top:none;
	border-left:none;
	border-right:none;
}

/* ------------------------------------- 
               Header
 ------------------------------------- */

#top #pageHeader {
	width:950px;
	height:160px;
	margin:0 auto;
}

#top #pageHeader #rogo{
	width:447px;
	height:132px;
	float:left;
	padding:20px 0 8px;
}


#top #topInformation {
	width:950px;
	height:106px;
	margin:0 auto;
	position:relative;
}

#top #topInformation .headerCopy {
	width:360px;
	padding:30px 0 0;
}

#top #topInformation .upData {
	width:570px;
	position:absolute;
	right:0;
	bottom:0;
}

#top #topInformation .upData .upDataTitle {
	width:556px;
	height:19px;
	padding:7px;
	background:url(/expansion/supporters/index_img/hd_info_title_bg.png) 0 0 repeat-y;
}

#top #topInformation .upData .upDataTitle h3 {
	width:60px;
	height:19px;
	float:left;
}

#top #topInformation .upData .upDataTitle .listLink {
	width:58px;
	height:19px;
	float:right;
}

#top #topInformation .upData .listBox {
	width:570px;
	min-height:73px;
	/*overflow:auto;*/
}

#top #topInformation .upData ul {
	width:550px;
	padding:7px 10px 7px;
	background:url(/expansion/supporters/index_img/hd_info_bg.png) 0 0 repeat-y;
}

#top #topInformation .upData ul li,
#top #contentsArea .noticeBox ul li {
	padding:3px 0 3px;
	/*text-indent:-7em;
	margin-left:7em;*/
}

#top #topInformation .upData ul li.notice,
#top #contentsArea .noticeBox ul li.notice {
	padding:3px 0 3px 70px;
	background:url(/expansion/supporters/img/icn_update_notice.png) 0 0 no-repeat;
}

#top #topInformation .upData ul li.report {
	padding:3px 0 3px 70px;
	background:url(/expansion/supporters/img/icn_update_report.png) 0 0 no-repeat;
}


/* ------------------------------------- 
             		 Nav
 ------------------------------------- */

#top #mainNav{
	width:950px;
	height:107px;
	margin:25px auto 0;
	padding:0;
	line-height:0px;
	float:none;
}
#top #mainNav .column{
	float:left;
	width:160px;
	height:105px;
	padding:0 10px;
	margin-bottom:20px;
	border-left:1px solid #333;
}

#top #mainNav .column dt{
	margin-bottom:5px;
	padding-top:18px;
	line-height:100px;
	height:0;
	overflow:hidden;
}

#top #mainNav dl#mainNav01 dt{
	background:url(/expansion/supporters/common/img/st_what_supporters.png) 0 0 no-repeat;
}
#top #mainNav dl#mainNav03 dt{
	background:url(/expansion/supporters/common/img/st_initiation_guide.png) 0 0 no-repeat;
}
#top #mainNav dl#mainNav04 dt{
	background:url(/expansion/supporters/common/img/st_activity.png) 0 0 no-repeat;
}
#top #mainNav dl#mainNav05 dt{
	background:url(/expansion/supporters/common/img/st_contact.png) 0 0 no-repeat;
}
#top #mainNav .column dd{
	margin-bottom:4px;
}

#top #mainNav #mainNavMember {
	float:left;
	width:205px;
	height:105px;
	padding:0 10px;
	margin-bottom:20px;
	border-left:1px solid #E50020;
}
#top #mainNav #mainNavMember h4 {
	margin-bottom:19px;
}
#top #mainNav #mainNavMember .memberCount {
	width:205px;
}
#top #mainNav #mainNavMember .memberCount .count {
	width:108px;
	padding-right:7px;
	float:left;
}
#top #mainNav #mainNavMember .memberCount dl {
	width:80px;
	padding-top:1px;
	float:left;
}

#top #mainNav #mainNavMember .memberCount dl dd {
	width:80px;
	display:block;
	margin-top:1px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	line-height:24px;
	text-align:center;
	background:#E50020;
}



/* ------------------------------------- 
               contets
 ------------------------------------- */

#top #contentsArea {
	width:950px;
	margin:0 auto;
}

#top #contentsArea .txtArea {
	width:360px;
	/*padding:20px 0;*/
	float:left;
}

#top #contentsArea .txtArea .topOutline {
	background:url(/expansion/supporters/index_img/top_outline_bg.png) 0 0 no-repeat;
}

#top #contentsArea .txtArea .topOutline h2 {
	width:200px;
	height:24px;
	padding:0 0 20px 160px;
}

#top #contentsArea .txtArea .topOutline ul {
	width:206px;
	height:25px;
	padding-left:154px;
}

#top #contentsArea .txtArea .topOutline ul li {
	width:95px;
	height:25px;
	padding-left:8px;
	float:left;
}

#top #contentsArea .txtArea .topOutline p {
	padding:25px 0 45px;
}

#top #contentsArea .mapArea {
	width:530px;
	padding:19px;
	border-left:1px solid #D0AE33;
	border-right:1px solid #D0AE33;
	float:right;
}

#top #contentsArea .topSearch p {
	margin:20px 0;
}

#top #contentsArea .topSearch .formArea {
	width:360px;
}
#top #contentsArea .topSearch .formArea select {
	width:280px;
	margin-top:4px;
	float:left;
}
#top #contentsArea .topSearch .formArea .btn {
	width:58px;
	height:25px;
	color:#FFF;
	font-weight:bold;
	background:url(/expansion/supporters/index_img/btn_search_bg.png) 0 0 no-repeat;
	border:0;
	float:right;
}


/* ------------------------------------- 
               2015NEW
 ------------------------------------- */

#top #contentsArea .txtArea .topOutline p.txt15 {
	padding:25px 0 10px;
}

#top #contentsArea #wrapper {
	width: 930px;
	padding: 20px 0;
}

#top #contentsArea .noticeArea {
	width:530px;
	/*padding: 20px 0 20px 40px;*/
	padding-left: 40px;
	float:right;
}

#top #contentsArea .noticeBox {
	border: solid #CCC 1px;
	padding: 10px;
	margin: 20px 0 0;
}

#top #contentsArea #allSupporter {
	width: 930px;
}

#top #contentsArea #allSupporter p {
	margin: 20px 0 0;
}

#top #contentsArea #allSupporter ul li {
	width: 298px;
	margin: 0 15px 15px 0;
	float: left;
}

#top #contentsArea #allSupporter ul li.lastChild {
	margin-right: 0;
}

#top #contentsArea #allSupporter ul.supporter {
	width: 930px;
    margin: 20px 0;
}

#top #contentsArea #allSupporter ul li {
    background: url(/expansion/supporters/common/img/bg_shadow_bottom.png) repeat-x scroll 0 100% rgba(0, 0, 0, 0);
    border: 1px solid #cccccc;
}

#top #contentsArea #allSupporter ul li a {
    background: url(/expansion/supporters/common/img/icn_arrow_right_gold.png) no-repeat scroll 20px center rgba(0, 0, 0, 0);
    color: #ac9352;
    display: block;
    font-size: 117%;
    padding: 10px 10px 10px 35px;
}

#top #contentsArea #allSupporter ul li a:hover {
    color: #000000;
}