@charset "UTF-8";

/* base.css */
/*
	1.Blobal
	2.Menu
	3.Footer
	4.Common
*/



/* --------------------------------------------------
1.Global
-------------------------------------------------- */
*{
	/*border: solid 1px #ff0000;*/
	margin: 0;
	padding: 0;
}
body{
	width: 700px;
	margin: 0 auto 0 auto;
}
h1{
	width: 700px;
}
.main{
	width: 700px;
	margin: 0 auto 0 auto;
}
img{
	border: none;
}
object{
	margin: 0px 0 20px 0;

}

/* --------------------------------------------------
2.Menu
-------------------------------------------------- */
#menuarea{
	display: block;
	width: 150px;
	margin: 0;
	padding-left: 0;
	padding-top: 0;
}

#menu{
	display: block;
	width: 700px;
	height: 40px;

}
	
#menu em{
	float: left;
}
#menu span{
	display:none;
}

#menu a{
	display: block;
	width: 140px;
	height: 40px;
	background-image: url(../images/menu.gif);
	background-position: left top;
}

#menu02 a{background-position: 560px 0px;}
#menu03 a{background-position: 420px 0px;}
#menu04 a{background-position: 280px 0px;}
#menu05 a{background-position: 140px 0px;}
#menu01 a:hover{background-position: 0px -40px;}
#menu02 a:hover{background-position: 560px -40px;}
#menu03 a:hover{background-position: 420px -40px;}
#menu04 a:hover{background-position: 280px -40px;}
#menu05 a:hover{background-position: 140px -40px;}

.line{
	width: 700px;
	left: 0px;
	padding: 10px 0 10px;
}

.pan{
	width: 700px;
	font-size: 70%;
	color: #cccccc;
	margin: 10px 0 20px 0;
	padding: 10px 0 5px;
}
.pan a:link{
	text-decoration: none;
	color: #cccccc;
}
.pan a:visited{
	text-decoration: none;
	color: #cccccc;
}
.title-image{
	width: 700px;
	margin-bottom: 10px;
}

/* --------------------------------------------------
3.Footer
-------------------------------------------------- */
#footer{
	clear: both;
	width: 700px;
	margin-bottom: 10px;
}
#footer img{
	margin-bottom: 5px;
}
#footer p{
	width: 340px;
	font-size: 80%;
	padding:0 5px 0 5px;
}
#footer p.left{
	float: left;
}
#footer p.right{
	float: right;
	text-align: right;
}

/* --------------------------------------------------
4.Common
-------------------------------------------------- */

.fl{
	float: left;
	}
.fr{
	float: right;
	}
.ml10{
	margin-left: 10px;
	}
.mr10{
	margin-right: 10px;
	}
.mt10{
	margin-top: 10px;
}
.mt30{
	margin-top: 30px;
}
.mb10{
	margin-bottom: 10px;
	}
.mb30{
	margin-bottom: 30px;
	}
.tl{
	text-align: left;
	}
.tr{
	text-align: right;
	}
.tc{
	text-align:center;
	}
.fs90{
	font-size:90%;

}