@charset "utf-8";
h1{
	margin:0px;
	padding:0px;
	
	display:none;
}

#index-header{
	margin:0px auto 0px auto;
	padding:0px;
	
	width:900px;
	height:15px;
	
	background-image:url(../img/index/index-header-bar.gif);
	background-repeat:no-repeat;
}

#index-flash{
	margin:0px;
	padding:0px;
	
	width:900px;
	height:563px;
	position:relative;
}

#index-global-navi{
	margin:0px;
	padding:0px;
	
	width:900px;
	height:74px;
}

#index-global-navi ul{
	margin:0px;
	padding:0px;
	
	text-indent:-9999px;
}

#index-global-navi li{
	margin:0px;
	padding:0px;
	
	list-style-type:none;
	
	width:225px;
	height:74px;
	
	float:left;
}
#index-global-navi ul::after{
	content:"";
    display: block;
    clear:left;
}
.index-members-btn{
	margin:0px;
	padding:0px;
	
	background-image:url(../img/index/index_members_btn.gif);
	background-repeat:repeat;
	
	width:225px;
	height:74px;
}

.index-members-btn a{
	margin:0px;
	padding:0px;
	
	background-image:url(../img/index/index_members_btn.gif);
	background-repeat:repeat;
	
	width:225px;
	height:74px;
	
	display:block;
}

.index-maincontents-btn{
	margin:0px;
	padding:0px;
	
	background-image:url(../img/index/index_mainmenu_btn.gif);
	background-repeat:repeat;
	
	width:225px;
	height:74px;
}

.index-maincontents-btn a{
	margin:0px;
	padding:0px;
	
	background-image:url(../img/index/index_mainmenu_btn.gif);
	background-repeat:repeat;
	
	width:225px;
	height:74px;
	
	display:block;
}

.index-concept-btn{
	margin:0px;
	padding:0px;
	
	background-image:url(../img/index/index_concept_btn.gif);
	background-repeat:repeat;
	
	width:225px;
	height:74px;
}

.index-concept-btn a{
	margin:0px;
	padding:0px;
	
	background-image:url(../img/index/index_concept_btn.gif);
	background-repeat:repeat;
	
	width:225px;
	height:74px;
	
	display:block;
}

.index-join-btn{
	margin:0px;
	padding:0px;
	
	background-image:url(../img/index/index_join_btn.gif);
	background-repeat:repeat;
	
	width:225px;
	height:74px;
}

.index-join-btn a{
	margin:0px;
	padding:0px;
	
	background-image:url(../img/index/index_join_btn.gif);
	background-repeat:repeat;
	
	width:225px;
	height:74px;
	
	display:block;
}

/*  ---  irregular  ---  */
.index_btnbox{
width: 224px;
height: 136px;
position: absolute;
top:423px;
left:675px;
}
.index_btnbox a{
display: block;
padding-bottom: 3px;
}


.index_infobox {
    width: 651px;
    height: 131px;
    position: absolute;
    top: 423px;
    left: 8px;
	overflow-y: scroll;
	border:solid 1px hsla(0,0%,100%,0.40);
	color:#ffffff;
}

.index_infobox a{
	color:#ffffff!important;
}

.info-inner {
	padding: 8px 12px;
}

.info-boxtitle{
	padding: 10px 4px 10px 4px;
	margin: 0px 0px 12px 0px;
	border-bottom:solid 1px hsla(0,0%,100%,0.40);
	display: table;
	width: calc(100% - 8px);
	line-height: 1;
}

.info-h3 {
	padding: 0px;
	margin: 0px;
	font-size: 1em;
	font-weight: bold;
	display: table-cell;
    vertical-align: bottom;
	float: left;
}

.info-link {
	font-size: 0.8em;
	display: table-cell;
    vertical-align: bottom;
    text-align: right;
	text-decoration: none;
}

.info-list{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.info-title{
	font-size: 0.8em;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 4px;
	line-height: 1.1;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.info-title:last-child{
	margin:0px;
}

.info-title::before{
    content: "";
    width: 8px;
    height: 0.9em;
    display: block;
    float: left;
	background:url(../img/index/info-title.png) center no-repeat;
	background-size: 100% auto;
}