@charset "UTF-8";


/* --------------------------------------------------
	reset
-------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0; vertical-align:top;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
legend{color:#000;}
strong{color:#000; font-weight:bold}

/* --------------------------------------------------
	base
-------------------------------------------------- */


body {
	height: 100%;
 	color: #333333;
	
}

br {
	letter-spacing: 0;
}

/* --------------------------------------------------
	font
-------------------------------------------------- */
.bold { font-weight: bold;}
.small{ font-size:88%; line-height:160%; color:#666}
.red{ color:#e2416e;}

p.font18{
	font-size:18px;
	
	}

.superscript{
	vertical-align:super;
	font-size:76%;
color:gray;
}

.text_sub{
	font-size:95%;
	color:gray;
 line-height:160%;
}

/* --------------------------------------------------
	link
-------------------------------------------------- */
#footerTop a,
#footerBottom a,
#pankuzuTop li,
#pankuzuTop a,
#navTop .navChild a {
	color:#666666;
}
.linkPass,
.memberStaticNarrow a {
	background-color: #FFFF00;
}
a:link{ text-decoration: underline; color:#222;}
a:visited { text-decoration: none; color:#222;}
a:hover { text-decoration: none; }
a.filter:hover { text-decoration:none;}
a:active { text-decoration: none; color:#222222;}





/* --------------------------------------------------
	common
-------------------------------------------------- */
#contents {
	width: 980px;
	margin: 0 auto;
}
#topcontrol {
	z-index: 999;
}

/* side */
#side {
	float: left;
	width: 220px;
	margin-right: 30px;
}
#logo {
	width: 220px;
	padding-top: 95px;
	padding-bottom: 35px;
	text-align: center;
}
#nav {
	width: 180px;
	margin: 0 auto 35px auto;
	padding-top: 21px;
	background: url(../images_V3/common/hr_dotted.png) repeat-x top;
}

.width100{
	width:100%;
	height:auto;
	}

/* --------------------------------------------------
	float
-------------------------------------------------- */
.left {float: left;}
.right {float: right;}
.center{ text-align:center;}


/* --------------------------------------------------
	clear
-------------------------------------------------- */
.clear{clear: both;}


/* --------------------------------------------------
	clearfix
-------------------------------------------------- */
.clearfix		{zoom:1;}
.clearfix:after	{content: " "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;}

/* --------------------------------------------------
	margin
-------------------------------------------------- */

.mrg_b10{ margin-bottom:10px}
.mrg_b12{ margin-bottom:12px}
.mrg_b18{ margin-bottom:18px}
.mrg_b24{ margin-bottom:24px}
.mrg_b36{ margin-bottom:36px}
.mrg_b48{ margin-bottom:48px}
.mrg_b120{ margin-bottom:120px}