@charset "utf-8";
@import url("bottom.css");

/*-----------------------------------------------
 __default style clear
-----------------------------------------------*/

* {
	margin:0;
	padding:0;
}

body {
	background: white;
	font-size: 12px;
	font-family: "ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", Times New Roman;
	color: #525252
	line-height: 2em;
	letter-spacing: 3px;
}

html {
	overflow-y:scroll;
}

p {
	font-size: 12px;
	font-family: "ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", Times New Roman;
	color: #525252;
	line-height: 2em;
	letter-spacing: 3px;
}

img,
fieldset {
	border:0;
}


/*-----------------------------------------------
 __Base Link Color Setting
-----------------------------------------------*/

a {
	outline: 0;
	}

/*-----------------------------------------------
 __container
-----------------------------------------------*/

#container {
	width:800px;
	margin: 55px auto 5px auto;
	overflow: hidden;
}


/*-----------------------------------------------
 __menu
-----------------------------------------------*/

#menu {
	width: 180px;
	}
	
#menu ul {
	margin: 0;
	padding: 0;
	}

#menu li {
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu li a {
	width: 180px;
	height: 32px;
	text-indent: -9999px;
	text-decoration: none;
	background-repeat: no-repeat;
	display: block;
	outline: 0;
	margin: 0;
	padding: 0;
}

#top a {
	background-image: url(../img/menu_top.jpg);
	}
#top a:hover,
#top-on a,
#top-on a:hover {
	background-image: url(../img/menu_top_on.jpg);
	}

#hatanone a {
	background-image: url(../img/menu_hatanone.jpg);
	}
#hatanone a:hover,
#hatanone-on a,
#hatanone-on a:hover {
	background-image: url(../img/menu_hatanone_on.jpg);
	}

#news a {
	background-image: url(../img/menu_news.jpg);
	}
#news a:hover,
#news-on a,
#news-on a:hover {
	background-image: url(../img/menu_news_on.jpg);
	}

#kitsuke a {
	background-image: url(../img/menu_kitsuke.jpg);
	}
#kitsuke a:hover,
#kitsuke-on a,
#kitsuke-on a:hover {
	background-image: url(../img/menu_kitsuke_on.jpg);
	}
	
#kitsuke-kyousitu a {
	background-image: url(../img/menu_kitsuke_kyousitu.jpg);
	height: 27px !important;
	}
#kitsuke-kyousitu a:hover,
#kitsuke-kyousitu-on a,
#kitsuke-kyousitu-on a:hover {
	background-image: url(../img/menu_kitsuke_kyousitu_on.jpg);
	height: 27px !important;
	}
	
#kitsuke-kitsuke a {
	background-image: url(../img/menu_kitsuke_kitsuke.jpg);
	height: 27px !important;
	}
#kitsuke-kitsuke a:hover,
#kitsuke-kitsuke-on a,
#kitsuke-kitsuke-on a:hover {
	background-image: url(../img/menu_kitsuke_kitsuke_on.jpg);
	height: 27px !important;
	}

#blog a {
	background-image: url(../img/menu_blog.jpg);
	}
#blog a:hover {
	background-image: url(../img/menu_blog_on.jpg);
	}
	
#access a {
	background-image: url(../img/menu_access.jpg);
	}
#access a:hover,
#access-on a,
#access-on a:hover {
	background-image: url(../img/menu_access_on.jpg);
	}
	
#contact a {
	background-image: url(../img/menu_contact.jpg);
	}
#contact a:hover,
#contact-on a,
#contact-on a:hover {
	background-image: url(../img/menu_contact_on.jpg);
	}

/*-----------------------------------------------
 __main
-----------------------------------------------*/

#main {
	float:right;
	width:620px;
	margin-bottom:10px;
	padding: 0;
	color: #525252;
	overflow: hidden;
}

/*-----------------------------------------------
 __sub
-----------------------------------------------*/

#sub {
	float:left;
	width:180px;
	height: 540px;
	margin: 0;
	padding: 0;
	background: #E50000;
	overflow: hidden;
}

#sub h1 {
	background: url(../img/logo.jpg) no-repeat;
	width: 180px;
	height: 167px;
	text-indent: -9999px;
	}

#sub h2.info {
	padding: 10px 10px 5px 10px;
	color: #FCDFDF;
	font-size: 14px;
	font-weight: normal;
	line-height: 1em;
	letter-spacing: 0em;
	}
	
#sub h2.info2 {
	padding: 5px 10px 10px 10px;
	color: #FCDFDF;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.1em;
	letter-spacing: 0em;
	}