@charset "euc-jp";

/*=========================================================
	index
		1. format
		2. header
		3. topicpath
		4. contents
		5. page top
		6. footer
=========================================================*/

/* 1. format
=========================================================*/
body, textarea{ font-family:"¥á¥¤¥ê¥ª", Meiryo, "£Í£Ó £Ð¥´¥·¥Ã¥¯", sans-serif; }
input, select{ font-family:Arial, "£Í£Ó £Ð¥´¥·¥Ã¥¯", sans-serif; }

body{
	background:#FFF;
	color:#333;
}
#wrapper{
	width:100%;
	border-top:4px solid #04A9DF;
	text-align:left;
}


/* 2. header
=========================================================*/
#header{
	width:100%;
	border-bottom:1px solid #D4D4D4;
}
#headerArea{
	position:relative;
	width:880px;
	height:85px;
	margin:0 auto;
	font-size:75%;
}
#header span{
	display:none;
}

/* logo
---------------------------------------------------------*/
#header h1 a,
#header #hlogo a{
	display:block;
	position:absolute;
	width:223px;
	height:51px;
	background:url(../images/header_logo.gif) no-repeat;
	left:0px;
	top:16px;
}

/* support
---------------------------------------------------------*/
#support{
	position:absolute;
	width:600px;
	right:0px;
	top:15px;
}
#support ul{
	list-style:none;
	text-align:right;
}
#support li{
	display:inline;
	margin:0 auto 0 15px;
}


/* 3. topicpath
=========================================================*/
#topicpath{
	width:880px;
	margin:15px auto 0;
	font-size:75%;
	text-align:left;
}
#topicpath ul{
	list-style:none;
}
#topicpath li{
	display:inline;
	margin:0 6px 0 auto;
}
#topicpath a{
	padding-right:14px;
	background:url(../images/for_ico_topicpath.gif) no-repeat right center;
}


/* 4. contents
=========================================================*/
#container{
	width:880px;
	margin:20px auto 0;
}
#content{
	float:right;
	width:630px;
	font-size:90%;
	line-height:1.8;
}
#side{
	float:left;
	width:220px;
	font-size:80%;
	line-height:1.4;
}

#err #content{
	float:none;
	width:880px;
	font-size:90%;
	line-height:1.8;
}


/* 5. page top
=========================================================*/
#totop{
	width:880px;
	margin:20px auto 0;
	font-size:75%;
	text-align:right;
}
#totop a{
	padding-left:16px;
	background:url(../images/for_ico_totop.gif) no-repeat 0 center;
}

.totop{
	margin:0 auto 1.2em;
	font-size:85%;
	text-align:right;
}
.totop a{
	padding-left:16px;
	background:url(../images/for_ico_totop.gif) no-repeat 0 center;
}


/* 6. footer
=========================================================*/
#footer{
	position:relative;
	width:880px;
	margin:20px auto 0;
	padding-bottom:2em;
	text-align:left;
	font-size:75%;
}

/* copy
---------------------------------------------------------*/
#copy{
	text-align:right;
}