body {
	background: #FFFFCC;
	margin: 0px;
	padding: 10px;
	color: #333333;
}
#header {
	margin: 0px auto;
	padding: 0px;
	height: 66px;
	width: 840px;
}

#wapper {
	margin: 0px auto;
	padding: 0px;
	width: 840px;
	background: #FFFFCC url(../img_common/back.jpg) repeat-y;
}

#wapper #contents {
	margin: 0px 20px;
	padding: 0px 30px;
	width: 740px;
	background: #ffffff;
	font-size: small;
	line-height: 170%;
	clear: both;
	height: auto;
}
#top_img {
	margin: 0px;
	padding: 0px;
	vertical-align:bottom;
	clear: both;
}
#news {
	margin: 0px;
	padding: 0px;
	height: 110px;
	width: 800px;
}



/*-------------------------------------------------------------------
  navi
-------------------------------------------------------------------*/


ul#navi {
	background: url(../img_common/navi_back02.jpg);
	margin: 0px 20px;
	padding: 0px;
	height: 24px;
	width: 800px;
	list-style: none;
	clear: both;
}
ul#navi li {
	margin: 0;
	padding: 0;
	width: 157px;
	height: 24px;
	text-indent: -9999px;
}
ul#navi li a {
	display: block;
	text-decoration: none;
	height: 24px;
}
ul#navi li#home {
	float: left;
	width: 157px;
	background: url(../img_common/home_01.jpg) repeat;
}


ul#navi li#home a:hover {
	background: url(../img_common/home_02.jpg) repeat;
}

ul#navi li#information {
    float: left;
	width: 157px;
	background: url(../img_common/information_01.jpg) repeat;
}
ul#navi li#information a:hover {
	background: url(../img_common/information_02.jpg) repeat;
}

ul#navi li#club {
    float: left;
	width: 157px;
	background: url(../img_common/club_01.jpg) repeat;
}
ul#navi li#club a:hover {
	background: url(../img_common/club_02.jpg) repeat;
}

ul#navi li#clubhouse {
    float: left;
	width: 157px;
	background: url(../img_common/clubhouse_01.jpg) repeat;
}
ul#navi li#clubhouse a:hover {
	background: url(../img_common/clubhouse_02.jpg) repeat;
}

ul#navi li#blog {
    float: left;
	width: 157px;
	background: url(../img_common/blog_01.jpg) repeat;
}

ul#navi li#blog a:hover {
	background: url(../img_common/blog_02.jpg) repeat;
}



/*-------------------------------------------------------------------
  visual_top
-------------------------------------------------------------------*/

.visual_top {
	position: relative;
	clear:   both;
	width:   800px;
	height:  362px;
	margin:  0px 20px;
	padding: 0px 0px 15px 0;
	background: #ffffff;
}

.visual_top_ds {
	position:     absolute;
	left:         0px;
	top:          0px;
	width:        800px;
	height:       30px;
	z-index:      3;
}

.visual_top_l {
	position:     absolute;
	left:         0px;
	top:          0px;
	width:        531px;
	height:       362px;
	z-index:      2;
}

.visual_top_r {
	position:     absolute;
	right:        0px;
	top:          0px;
	width:        267px;
	height:       362px;
	z-index:      1;
}

/*-----------------------------------------------------------------*/

h1 {
	margin: 0px 20px;
	padding: 0px 0px 15px;
	clear: both;
	width: 800px;
	font-size: medium;
	background: #FFFFFF;
}

h2 {
	border-bottom: 1px dotted #333333;
	border-left: 5px solid #990000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-top-style: none;
	border-right-style: none;
	font-size: small;
	text-indent: 7px;
	margin: 0px 0px 15px;
	padding: 0px;
	clear: both;
}

.p_red {
	font-size: small;
	line-height: 120%;

	color: #ff8989;
	color: #009900;
	color: #FE9900;
	color: #57a3ef;
	color: #0066cc;


}


.jp_text {
	font-size: small;
}

.cr {
    clear:               both;
    height:              1px;
    font-size:           1px;
    line-height:         1.0;
}

.contents_un_l {
	width:               236px;
	float:               left;
	margin:              0 16px 10px 0;
	padding:             0;
}


.contents_un_c {
    width:               236px;
    float:               left;
    margin:              0 16px 10px 0;
    padding:             0;
}

.contents_un_r {
    width:               236px;
    float:               left;
    margin:              0 0 10px 0;
    padding:             0;
}

.contents_img {
    margin:              0 0 7px 0;
    padding:             0;
}


img {
    border:           none;
}


.dot {
    clear:               both;
    height:              8px;
    margin:              0 0 14px 0;
    padding:             0;
    background:          url(../img_common/dotbar.gif) repeat-x bottom;
}






/*-------------------------------------------------------------------
  Footer
-------------------------------------------------------------------*/

#footer {
	clear:               both;
	margin:              0px auto;
    padding:             8px 40px 0px 40px;
    height:              42px;
    width:               760px;
    background:          #ffffcc url(../img_common/footer.jpg) no-repeat;
    font-size:           10px;
    color:               #000000;
    font-family:         verdana, arial, palatino, georgia, sans-serif;
}

#footer a:link, 
#footer a:visited {
    text-decoration:     none;
    color:               #000000;
    font-size:           11px;
}
#footer a:hover, 
#footer a:active {
    text-decoration:     underline;
    color:               #000000;
    font-size:           11px;
}

#footer #footer_copy {
    float:               left;
    width:               48%;
    margin:              0;
    padding:             0;
}

#footer ul#footer_navi {
    float:               right;
    width:               40%;
    margin:              0;
    padding:             0;
    text-align:          right;
    list-style:          none;
}

#footer ul#footer_navi li {
    margin:              0 0px 0px 10px;
    padding:             0;
    display:             inline;
}



























/*-------------------------------------------------------------------
  Infomation
-------------------------------------------------------------------*/


h2#info_title {
    clear:               both;
    border:              none;
    width:               100px;
    height:              14px;
    margin:              0 0 5px 0;
    padding:             0 0 0px 0;
    background:          url(../image/t_infomation.gif) no-repeat;
    text-indent:         -9999px;
    line-height:         110%;
    font-size:           12px;
}
#info {
    float:               left;
    width:               475px;
    height:              94px;
    margin:              0 0 15px 0;
    padding:             0;
    overflow:            auto;
}

#banner {
    float:               right;
    width:               250px;
    margin:              0 0 15px 0;
    padding:             0;
    line-height:         120%;
    font-size:           12px;
    text-align:          right;
}

#banner img {
    vertical-align:      bottom;
}

#info p.info_block {
    margin:              0 5px 3px 0;
    padding:             4px 0 0 12px;
    background:          url(../image/arrow02.gif) no-repeat;
    background-position: 0px 8px;
    line-height:         120%;
}

#info .info_new {
    width:               35px;
    height:              15px;
    margin:              0 0 0 5px;
    padding:             1px 0 1px 40px;
    background:          url(../image/new.gif) no-repeat;
    background-position: 0px 0px;
}



#info .info_date {
    line-height:         110%;
    color:               #666666;
}

#info a:link, 
#info a:visited {
    text-decoration:     none;
    color:               #333333;
}
#info a:hover, 
#info a:active {
    text-decoration:     underline;
    color:               #333333;
}





/*-------------------------------------------------------------------
  Links
-------------------------------------------------------------------*/

ul.link_l,
ul.link_r {
    width:               360px;
    margin:              0 0 20px 0;
    padding:             0;
    list-style:          none;
    font-size:           12px;
    line-height:         150%;
}

ul.link_l {
    float:               left;
}

ul.link_r {
    float:               right;
}

ul.link_l li,
ul.link_r li {
    margin:              0 0px 3px 0px;
    padding:             0px;
    background:          #eeeeee;
}

ul.link_l li a,
ul.link_r li a {
    width:               350px;
    margin:              0;
    padding:             5px;
    display:             block;
    text-decoration:     none;
    color:               #333333;
}

ul.link_l li a:hover,
ul.link_r li a:hover {
    background:          #dddddd;
    text-decoration:     none;
    color:               #333333;
}
.photo_right {
	float: right;
	margin-left: 10px;
}