/*---------------------------------------
header Start!
-----------------------------------------*/
#header {
	position:relative;
}

#header #topbar {
	width:760px;
	height:1em;
	margin:0 auto;
}

#header #topbar h1 {
	float:left;
	width:450px;
	height:1em;
	padding-left:50px;
	color:#BEBEBE;
}

#header #topbar span {
	display:block;
	margin:0 auto;
	z-index:1;
}
#topbar span a,#topbar span a strong {
	color:#BEBEBE;
}

#header ul {
	width:170px;
	margin-right:10px;
	position:absolute;
	top:20px;
	right:0px;
}

#header ul li {
	float:left;
}

#header ul li.sitemap a{
	display:block;
	width:80px;
	height:20px;
	background:url(img/navi_sitemap.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:-9999px;
	overflow:hidden;
}

#header ul li.sitemap a:hover{
	background-position: bottom;
}

#header ul li.access {
	margin-left:10px;
}

#header ul li.access a{
	display:block;
	width:75px;
	height:20px;
	background:url(img/navi_access.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:-9999px;
	overflow:hidden;
}

#header ul li.access a:hover{
	background-position: bottom;
}

/*---------------------------------------
glovalNavi Start!
-----------------------------------------*/
#page #globalNavi {
	width:780px;
	height:30px;
	margin:10px 0 10px 10px;
}

#page #globalNavi ul {
	height:30px;
}

#page #globalNavi ul li{
	width:130px;
	height:30px;
	float:left;
	overflow:hidden;
}

#page #globalNavi ul li a{
	display:block;
	width:130px;
	height:30px;
	text-indent:-9999px;
}

#page #globalNavi ul li a.home {
	background:url(img/home.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#page #globalNavi ul li a.home:hover {
	background-position: bottom;
}

#page #globalNavi ul li a.about {
	background:url(img/about.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#page #globalNavi ul li a.about:hover {
	background-position: bottom;
}

#page #globalNavi ul li a.diary {
	background:url(img/diary.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#page #globalNavi ul li a.diary:hover {
	background-position: bottom;
}

#page #globalNavi ul li a.member {
	background:url(img/member.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#page #globalNavi ul li a.member:hover {
	background-position: bottom;
}

#page #globalNavi ul li a.link {
	background:url(img/link.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#page #globalNavi ul li a.link:hover {
	background-position: bottom;
}

#page #globalNavi ul li a.contact {
	background:url(img/contact.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#page #globalNavi ul li a.contact:hover {
	background-position: bottom;
}

/*---------------------------------------
mainImg Start!
-----------------------------------------*/
#mainImg {
	clear:both;
	width:780px;
	height:150px;
	margin:0 0 10px 10px;
	background:url(img/top_img.jpg) left no-repeat;
}

/*---------------------------------------
wrap Start!
-----------------------------------------*/
#wrap {
	width:780px;
	margin:0 10px 0 10px;
}

/*---------------------------------------
left Start!
-----------------------------------------*/
#left {
	float:left;
	width:550px;
}

#left div {
	margin-bottom:15px;
}
/*
#left h2 {
	line-height:2;
	margin-bottom:5px;
	padding-left:20px;
	border:1px solid #cbe4c1;
	background:url(img/navi_h2.gif) left no-repeat;
	color:#333333;
	font-weight:bold;
	font-size:14px;
}
*/
#left dl dt {
	padding-left:20px;
	background:url(img/navi_dt.gif) 5px 50% no-repeat;
}

#left dl dd {
	margin-bottom:3px;
	padding-left:20px;
}
/*--
メンバーページ
--*/
#left div.member h4 {
	margin-bottom:5px;
	padding-left:20px;
	background:url(img/navi_h4.gif) left no-repeat;
	font-size:14px;
	font-weight:bold;
} 

#left div.member p {
	padding-left:20px;
}

/*--
リンクページ
--*/
#left div.link h4 {
	margin-bottom:5px;
	padding-left:20px;
	background:url(img/navi_h4.gif) left no-repeat;
	font-size:14px;
	font-weight:bold;
} 

#left div.link p {
	padding-left:20px;
}


/*--
フォーム
お問合せ、Diary(コメント投稿)
--*/
input,textarea{
	margin:3px 0 3px 0;
	border:1px #CCCCCC solid;
}

/*--
Diaryページ
--*/
#left div.diary {
	width:450px;
	margin-bottom:20px;
	padding-right:100px;
	overflow:hidden;
}

#left div.diary p.time {
	width:550px;
	margin-top:5px;
}

#left div.diary h2 {
	padding-left:15px;
	border-left:5px solid #cbe4c1;
	font-size:14px;
	font-weight:bold;
}

#left div.diary h2 a {
	color:#666666;
	font-size:14px;
	font-weight:bold;
}

#left div.diary h2 a:hover {
	color:#cbe4c1;
}

#left div.diary p.commentLink {
	text-align:right;
}

#left div.commentText {
	width:450px;
	margin-top:5px;
	padding-bottom:5px;
	border-bottom:1px dotted #CCCCCC;
	/*アルファベット対策*/
	overflow:hidden;
	word-break:break-all;
}

#left div.comment h4 {
	margin-bottom:5px;
	padding-left:20px;
	background:url(img/navi_h4.gif) left no-repeat;
	font-size:14px;
	font-weight:bold;
} 

/*--
サイトマップ
--*/
#left div.sitemap ul li{
	margin:10px 0 10px 0;
	padding-left:20px;
	background:url(img/navi_dt.gif) left no-repeat;
}

/*---------------------------------------
right Start!
-----------------------------------------*/
#right {
	float:right;
	width:220px;
}

#right div {
	margin-bottom:15px;
}

#right div h3 {
	padding-left:25px;
	line-height:2;
	background:url(img/navi_h3.gif) left no-repeat;
	background-color:#cbe4c1;
	color:#FFFFFF;
	font-weight:bold;
}

#right div ul {
	margin-top:5px;
	/*アルファベット対策*/
	overflow:hidden;
	word-break:break-all;
}

#right div ul li{
	padding-left:20px;
	background:url(img/navi_dt.gif) no-repeat 5px 50%;
	line-height:1.5;
}

#right div div.nakanohito {
	text-align:center;
	margin-top:10px;
}

/*---------------------------------------
footer Start!
-----------------------------------------*/
.clearFloat { 
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#footer {
	width:780px;
	margin:10px 10px 0 10px;
}