@charset "UTF-8";
/*clearfix*/
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/*clearfix*/


/*TEXT HIGH LIGHT*/
::-moz-selection{
background:#454545;
color: #FFFFFF;
}
::selection{
background:#000000;
color: #FFFFFF;
}
/*TEXT HIGH LIGHT*/

.clear {
	clear: both;
}

#wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{
	display: none;
}

/*ここからHEADER部分*/
#header {
	height: 80px;
	width: 960px;
	position: absolute;
	top: 0px;
	z-index: 15;
}
#header h1 {
	float: left;
	height: 50px;
	width: 170px;
	margin-top:30px;
}
#header h1 a{
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
	height: 50px;
	width: 170px;
	display: block;
}
#header .nav {
	float: right;
}
.nav li {
	float: left;
	margin-left: 20px;
}
.nav .about{
	height: 40px;
	width: 60px;
}
.nav .about a{
	background-image: url(../img/nav-about.gif);
	height: 40px;
	width: 60px;
	display:block;
}
.nav .about_o{
	background-image: url(../img/nav-about.gif);
	height: 40px;
	width: 60px;
	display:block;
    background-position: 0px -40px;
}
.nav .blog{
	height: 40px;
	width: 47px;
}
.nav .blog a{
	background-image: url(../img/nav-blog.gif);
	height: 40px;
	width: 47px;
	display:block;
}
.nav .blog_o{
	background-image: url(../img/nav-blog.gif);
	height: 40px;
	width: 47px;
	display:block;
    background-position: 0px -40px;
}
.nav .about a:hover,.nav .blog a:hover{
    background-position: 0px -40px;
}
/*ここからHEADER部分*/

/*ここからFOOTER部分*/
#footter {
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: -1px;
	z-index:100;
}
#footter #base {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#base #left {
	float: left;
}
#left .copyrights {
	background-image: url(../img/copy.gif);
	background-repeat: no-repeat;
	height: 12px;
	width: 251px;
	margin-top:13px;
}
#base #right {
	float: right;
}
#right .address{
	line-height:1.2em;
	color:#000000;
	background-color:#FFFFFF;
	padding:3px;
	font-size: 85%;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
/*ここからFOOTER部分*/