@charset "utf-8";

@import url("tables.css");

body {
margin: 0;
padding: 20px 0 0 0;
background: #F5F4EE url(../images/top/background.jpg) repeat-x top left;
}



/*=========================== MAIN FRAME ===========================*/

#container-top {
margin: 0 auto;
width: 900px;
}


#contents {
/*margin: 20px auto 0px auto;*/
margin: 0px auto;
padding: 0;
background-color: #FFFFFF;
width: 898px;
border-top: 1px solid #DCDCDC;
border-bottom: 1px solid #E6E6E6;
border-left: 1px solid #E6E6E6;
border-right: 1px solid #E6E6E6;
}



#contents-wrap {
margin: 0 auto;
padding: 17px 28px 26px 28px;
background: url(../images/top/contents_bg.gif) repeat-x top left;
width: 840px;
border: 1px solid #FFFFFF;
}



/*=========================== HEADER===========================*/


#header-img-pack {
position: relative;
margin: 0 auto;
width: 900px;
height: 309px;
}

#logo {
top: 0px;
left: 0px;
width: 400px;
height: 59px;
z-index: 1;
}


#image-top {
top: 59px;
left: 0px;
width: 900px;
height: 250px;
z-index: 1;
}

#image-top p { display: none; }

#bird {
top: 40px;
left: 98px;
width: 130px;
height: 280px;
z-index: 2;
}

#logo,
#image-top,
#bird { position: absolute; }


#logo img,
#bird img {
behavior: expression(IEPNGFIX.fix(this));
}



#member-btn {
position: absolute;
top: 0px;
left: 745px;
width: 135px;
height: 40px;
}

/*=========================== NAVI ===========================*/

#tNavi {
margin: 0;
padding: 0;
width: 900px; /*900*/
/*background: url(../images/top/navi_bg.gif) no-repeat top left;*/
overflow: hidden;
}

#tNavi ul { margin: 0; padding: 0; }
#tNavi li { margin: 0; padding: 0; list-style-type: none; list-style-position: outside; }



.tNavi01,
.tNavi02,
.tNavi03,
.tNavi04,
.tNavi05,
.tNavi06,
.tNavi07,
.tNavi08 {
float: left;
height: 48px;
}

.tNavi01 { width: 119px; }
.tNavi02 { width: 117px; }
.tNavi03 { width: 93px;  }
.tNavi04 { width: 105px; }
.tNavi05 { width: 117px; }
.tNavi06 { width: 109px; }
.tNavi07 { width: 117px; }
.tNavi08 { width: 123px; }


.tNavi01 img,
.tNavi02 img,
.tNavi03 img,
.tNavi04 img,
.tNavi05 img,
.tNavi06 img,
.tNavi07 img,
.tNavi08 img {
display: block;
height: 48px;
}

.tNavi01 img { width: 119px; }
.tNavi02 img { width: 117px; }
.tNavi03 img { width: 93px;  }
.tNavi04 img { width: 105px; }
.tNavi05 img { width: 117px; }
.tNavi06 img { width: 109px; }
.tNavi07 img { width: 117px; }
.tNavi08 img { width: 123px; }




/*=========================== CONTENTS LEFT - RIGHT ===========================*/


#contents-left {
float: left;
width: 460px;
}

#contents-right {
float: right;
width: 350px;
}



/*=========================== NEWS UPDATE ===========================*/

#news {
position: relative;
margin: 0;
padding: 0 0 0 0;
width: 460px;
background-color: #FFFFFF;
}


#news-title {
margin: 0;
width: 460px;
height: 43px;
}

#news-title img { display: block; }

#news a:link    { color: #06C; text-decoration: underline; }
#news a:visited { color: #06C; text-decoration: underline; }
#news a:hover   { color: #7B5300; text-decoration: none; }

#news table {
display: block;
margin: 0 auto;
width: 440px;
}

#news td {
vertical-align: top;
font: 14px "ＭＳ Ｐゴシック", Osaka;
line-height: 160%;
border: none;
}

.date-cell { background: url(../images/top/dot_bar.gif) repeat-x bottom left; }
.info-cell { background: url(../images/top/dot_bar.gif) repeat-x bottom left; }
.combine { background: url(../images/top/dot_bar.gif) repeat-x bottom left; }


.date-cell, .date-cell-end {
padding: 16px 0 18px 0;
width: 100px;
}

.info-cell, .info-cell-end {
padding: 16px 0 18px 0;
width: 360px;
}

.combine {
	padding: 16px 0 18px 0;
}

/*==== BUTTON ====*/
#news-list {
position: absolute;
top: 13px;
left: 360px;
width: 93px;
height: 20px;
}

#news-list img {
width: 93px;
height: 20px;
}

/*=========================== INTRODUCING KANTO CHAPTER ===========================*/

#introducing-kanto {
position: relative;
margin: 0 0 20px 0;
padding: 0 0 5px 0;
width: 350px;
background-color: #FFFFFF;
}

#introducing-kanto p {
padding: 13px 12px 0 12px; 
font-size: 14px;
}

#introducing-kanto-title {
margin: 0;
width: 350px;
height: 43px;
}



/*==== BUTTON ====*/
#introducing-kanto-detail {
position: absolute;
top: 13px;
left: 250px;
width: 93px;
height: 20px;
}

#introducing-kanto-detail img {
width: 93px;
height: 20px;
}



/*=========================== INTRODUCING OTHER ASSOCIATIONS ===========================*/

#introducing-other {
margin: 0 0 0 0;
width: 350px;
background-color: #FFFFFF;
}


#introducing-other-title {
margin: 0;
width: 350px;
height: 43px;
}


.to-other {
float: left;
margin: 0 0 0 0;
width: 82px;
font-size: 11px;
text-align: left;
}

#introducing-other ul#to-other {
margin: 0 auto;
padding: 14px 0 0 0;
width: 328px;
}


#introducing-other ul#to-other li {
padding: 0 0 14px 0;
list-style-position: outside;
list-style-type: none;
}


#introducing-other li.to-other a {
display: block;
padding: 0 0 0 15px;
}

.to-other a:link    { color: #06C; background: url(../images/arrow_txtlink.gif) no-repeat 0 4px; }
.to-other a:visited { color: #06C; background: url(../images/arrow_txtlink.gif) no-repeat 0 4px; }
.to-other a:hover   { color: #7B5300; background: url(../images/arrow_txtlink.gif) no-repeat 0 4px; }



/*=========================== BANNER ===========================*/

#banner1 {
margin: 0 0 20px 0;
width: 460px;
}


#banner2 {
margin: 0 0 16px 0;
width: 350px;
}

.ie #banner2 { margin: 0 0 20px 0; }

/*=========================== ===========================*/



#container-top:after,
#contents:after,
#contents-wrap:after,
#header-img-pack:after,
#tNavi:after,
#news:after,
#introducing-other:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

* html #container-top,
* html #contents,
* html #contents-wrap,
* html #header-img-pack,
* html #tNavi,
* html #news,
* html #introducing-other {
display:inline-block;
}