﻿/*********************************************
**	Name: common.css						**
**	Desription: ѡġE**
**	Version: 1.0.0							**
**	LastUpDate: 2008-02-26					**
*********************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}

.clearfix{
zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

/***********************************
Nɂā@VAL
***********************************/
a:link { color: #F0E68C; }
a:visited { color: #F0E68C; }
a:hover { color: #AF9469; }
a:active { color: #000000; } 


/***********************************
footer color
***********************************/
#footer_navi a:link { color: #F0E68C; }
#footer_navi a:visited { color: #F0E68C; }
#footer_navi a:hover { color: #AF9469; }
#footer_navi a:active { color: #000000; } 



body{
margin:0;
padding:0;
background:url(../img/bg.jpg) top left repeat-x #83302A;
}
em{
font-weight:bold;
font-style:normal;
letter-spacing:normal;
}


/***********************************
	frame
***********************************/
#frame{
width:814px;
margin:0 auto;
padding:0;
}

/***********************************
	navi
***********************************/
#navi{
background:url(../img/navi_bg2.jpg) left top repeat-y;
margin:0;
padding:0 0 6px 0;
}
#navi ul{
background:url(../img/navi_bg.jpg) left top no-repeat;
margin:0;
padding:8px 0 8px 27px;
}
#navi ul li{
float:left;
margin:0 3px 0 0;
}
#navi ul li a{
display:block;
width:106px;
height:35px;
overflow:hidden;
text-indent:-9999px;
}
#navi ul li.n01{
background:url(../img/navi01.jpg) left top no-repeat;
}#navi ul li.n02{
background:url(../img/navi02.jpg) left top no-repeat;
}#navi ul li.n03{
background:url(../img/navi03.jpg) left top no-repeat;
}#navi ul li.n04{
background:url(../img/navi04.jpg) left top no-repeat;
}#navi ul li.n05{
background:url(../img/navi05.jpg) left top no-repeat;
}#navi ul li.n06{
background:url(../img/navi06_over.jpg) left top no-repeat;
}#navi ul li.n07{
background:url(../img/navi07.jpg) left top no-repeat;
float:left;
margin:0;
}

#navi ul li.n01 a:hover{
background:url(../img/navi01_over.jpg) left top no-repeat;
}#navi ul li.n02 a:hover{
background:url(../img/navi02_over.jpg) left top no-repeat;
}#navi ul li.n03 a:hover{
background:url(../img/navi03_over.jpg) left top no-repeat;
}#navi ul li.n04 a:hover{
background:url(../img/navi04_over.jpg) left top no-repeat;
}#navi ul li.n05 a:hover{
background:url(../img/navi05_over.jpg) left top no-repeat;
}#navi ul li.n06 a:hover{
background:url(../img/navi06_over.jpg) left top no-repeat;
}#navi ul li.n07 a:hover{
background:url(../img/navi07_over.jpg) left top no-repeat;
}

/***********************************
	main
***********************************/
#main{
background:url(../img/main_bg2.jpg) left top repeat-y;
}
#subMain{
background:url(../img/main_bg.jpg) left top no-repeat;
padding:6px 17px 0 17px;
}
#main #n_and_u,
#main #members,
#main #topics{
float:left;
padding:0 0 30px 0;
}
#main #n_and_u{
width:781px;
}
#main #members{
width:361px;
}
#main #topics{
float:right;
width:160px;
}
#main #n_and_u h2,
#main #members h2,
#main #topics h2{
margin:0;
padding:5px 5px 10px 5px;
}
#n_and_u ul li{
width:190px;
margin:0 auto;
padding:0 0 15px 0;
}

/*members*/
#members ul{
margin:0 auto;
padding:0;
width:316px;
}
#members ul li{
width:146px;
margin:0 0 8px 0;
padding:5px 4px;
background:#ffffff;
float:left;
}
#members ul li.right{
float:right;
}
#members ul li p.intro{
padding:5px 0 0 0;
font-size:10px;
text-decoration:underline;
line-height:1.5em;
}

/*topics*/
#topics{
font-size:12px;
color:#FFFFFF;
}
#topics ul{
width:142px;
margin:0 auto;
padding:0;
}
#topics ul li p{
margin:0 0 5px 0;
}
#topics ul li p.detail{
margin:0 0 10px 0;
}

/***********************************
	footer_navi
***********************************/
#footer_navi{
font-size:12px;
color:#967A4F;
background:url(../img/footer_navi_footer.jpg) left bottom no-repeat;
padding:0 0 5px 0;
}
#sub_footer_navi{
padding:6px 20px 5px 0;
background:url(../img/footer_navi_bg.jpg) left top repeat-y;
text-align:right;
}#frame #main #subMain #n_and_u p {
	white-space: nowrap;
	float: right;
	padding: 10px;
}
#frame #Print {
	clear: both;
	width: 780px;
	text-align: center;
	padding-bottom: 20px;
	font-size: 13px;
	color: #967A4F;
}
