/*-----------------------GLOBAL------------------------------------------- */
html{
	height:100%;
	padding:0;
}
body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background:#fff url(/images/bg.gif) 840px 0 repeat-y;
	line-height:normal;
}
body,td{
	font-family:Verdana, Simsun;
	font-size:12px;
	color:#616161;
	line-height:1.5em;
}
a:link,
a:visited,
a:hover,
.search_result a:hover{ 
	color:#666;
}
a:hover,
.guest_content .link3:hover,
#post_info .link3:hover,
.comment_box .name a:hover,
#page a:hover{
	color:#666;
	text-decoration:none;
	background:#eeffb6;
}
acronym{
	border:none;
}
img{
    vertical-align:middle;
	border:none;
}
p{
	margin:0;
}
texfield,
input,
textarea,
select{
    background:#000 url(images/dot.gif) 8px 5px;
	border:solid 1px #908F8F;
	color:#e9e9e9;
	font-family:Verdana, Simsun;
	font-size:12px;
	/*scroll bar*/
	scrollbar-face-color:#000;
	scrollbar-highlight-color:#000;
	scrollbar-3dlight-color:#000;
	scrollbar-darkshadow-color:#000;
	scrollbar-shadow-color:#000;
	scrollbar-arrow-color:#fbfbfb;
	scrollbar-track-color:#000;
}
.checkbox{
	border:none;
	background:none;
}
.note,
blockquote,
input.search,
.search_result p,
.search_result a,
#guest_order,
.hr{
	font-size:11px;
	font-family:Verdana, PMingLiU, MingLiU;
}
.note{
	color:#a0a0a0;
}
blockquote{
	color:#737373;
	padding:15px 20px;
	margin:18px 30px;
}
.highlight1{
	color:#09f;
	font-weight:bold;
}
.highlight2{
	color:#ae57ae;
}
.highlight3,
blockquote .highlight1,
blockquote .highlight2,
.comment_box .name a{
	color:#09f;
}
.highlight4{
	color:#dc6500;
}
.highlight5,
#guest_order a:hover{
	color:00aeff;
	background:none;
}
.link1:link,
.link1:visited{
	color:#ababab;
}
.link1:hover,
#sidebar .link2:hover,
#sidebar .link3:hover{
	color:#fff;
}
.link2:link,
.link2:visited,
#calendar a{
	color:#baf814;
}
.link3:link,
.link3:visited{
	color:#b985b9;
}
.link1,
.link2,
.link3,
#guest_order a{
	text-decoration:none;
}
.link1:hover,
.link2:hover,
.link3:hover{
	text-decoration:underline;
	background:none;
}
.search_result ul,
.input_box ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
.date{
	font-size:10px;
}
.hr,
hr{
	color:#84b855;
}



#wrapper{
	width:840px;
	background:url(./images/sidebar_bg.gif) left repeat-y;
	float:left;
}

/*=== nav ===*/
#nav{
	height:24px;
	width:656px;
	background:#fff;
	position:absolute;
	top:0;
	left:184px;
	z-index:1;
}
#nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#nav li{
	font:10px Tahoma;
	letter-spacing:0.1em;
	text-align:right;
	float:left;
	height:12px;
}
#nav a{
	text-decoration:none;
	display:block;
	padding:0 2px;
}
#nav01{
	width:116px;
}
#nav02,
#nav03,
#nav04,
#nav05,
#nav06,
#nav07{
	width:90px;
}
#nav01,
#nav03,
#nav05,
#nav07,
#nav01 a,
#nav03 a,
#nav05 a,
#nav07 a{
	background:#000;
	color:#fff;
}
#nav02,
#nav04,
#nav06{
	background:#98f819;
	color:#000;
	margin-top:12px;
}
#nav02 a,
#nav04 a,
#nav06 a{
	color:#000;
}
#nav a:hover,
#nav li.active{
	background:#8957a0;
	color:#fff;
}
/*===========*/

/*======================= SIDEBAR ============================*/
#sidebar{
	width:164px;
	float:left;
	color:#ccc;
	line-height:1.7em;
	padding:0 10px 0 5px;
}
#sidebar ul{
    list-style-type:none;
	list-style-image:none;
	padding:0;
	margin:0 0 0 10px;
}
#sidebar ul.sub{
	margin:0;
}

#sidebar h2{
	text-indent:-1000em;
	margin:25px 0 0 0;
}
#h2_calendar{
	background:url(images/blog_h2_calendar.gif) no-repeat;
}
#h2_search{
	background:url(images/blog_h2_search.gif) no-repeat;
}
#h2_categories{
	background:url(images/blog_h2_categories.gif) no-repeat;
}
#h2_comments{
	background:url(images/blog_h2_comments.gif) no-repeat;
}
#h2_links{
	background:url(images/blog_h2_links.gif) no-repeat;
}
#h2_pet{
	background:url(images/blog_h2_pet.gif) no-repeat;
}
#logo{
	margin:20px auto 28px auto;
}
#bgm{
	color:#c9c;
}
#bgm .active,
#bgm a:hover,
#logo a:hover{
	color:#98f819;
	background:none;
}
#bgm a{
	color:#b1b1b1;
	text-decoration:none;
}
input.search{
	background-image:none;
	width:98px;
	height:15px;
	vertical-align:middle;
	margin-right:6px;
	padding:0;
}
li#others{
	text-align:center;
}
#sidebar ul#others{
	letter-spacing:-0.05em;
	margin:25px 0;
}

/*==== calendar ====*/
#calendar{
   	font-size:9px;
	font-family:verdana;
}
#calendar a{
	text-decoration:none;
}
#calendar a:hover{
	color:#000;
	background:#daf874;
}
#calendar_tb a{
	display:block;
}
.cal_day1,
.cal_day2,
.cal_day3,
.cal_day4,
.cal_month,
.cal_week1,
.cal_week2{
    font-size:10px;
	font-family:verdana;
	text-align:center;
}
.cal_month {
	vertical-align:top;
	height:13px;
		}
.cal_day1,
.cal_day2,
.cal_day3,
.cal_day4{
	letter-spacing:-1px;
}
.cal_week1 {
	color:#fff;
 }
.cal_week2 {
	color:#ffac00; 
}
.cal_day1,
.cal_day2 { 
	color:#000;
}
.cal_day3 {
	color:#ccc;
	 }
.cal_day4 {	
	background:#8957a0;	
	color:#fff;
}

/*==== categories ====*/
.branch3 {
		font-size:12px;
		line-height:1em;
		cursor:pointer;
		height:17px;
		padding:2px 2px 0 2px;
		color:#ccc;
	}


/*============== M A I N ============*/
#main{
    width:656px;
	float:right;
	margin-top:24px;/* ie */
	background:#fff;
}

/*=== search results =====*/
.search_result{
	margin:22px 76px;
}
.search_result{
	font-size:10px;
}
.search_result a{
	font-size:12px;
	text-decoration:none;
}
.search_result p{
	font-weight:bold;
	margin-bottom:10px;
}

/* pet */
div#pet{
	margin:0 0 25px -13px;
}

/*===== Guest =======*/
#guest{
	margin:20px 78px 41px 78px;
}
/* input box */
.input_box{
	padding:9px 49px 9px 20px;
}
#guest .input_box,
#guest .box_sub,
blockquote,
#article_admin,
#article_box .box{
	background:#fbfbfb;
	border:1px solid #d5d5d5;
}
.input_box li{
	margin-bottom:4px;
}
.input_box img.head{
	float:none;
	margin-left:15px;
}
li.submit,
#guest_order,
#post_info{
	text-align:right;
}
/*forms*/
.form_name,
.form_code{
	width:92px;
	margin-right:15px;
}
.form_pw{
	width:102px;
	margin-right:15px;
}
.form_hp,
.form_textarea{
	width:395px;
}
.form_textarea{
    vertical-align:text-top;
	height:48px;
}

#guest_order{
	margin:11px 0 38px 0;
}
.guest_box{
	margin-bottom:45px;
}
#guest h2{
	font-weight:normal;
	font-size:11px;
	margin:0 0 8px 0;
	padding-left:28px;
	height:18px;
	background:url(images/blog_guest_title.gif) left no-repeat;
}
#guest h2 img{
	margin-left:10px;
}
#guest h2 a:hover{
	background:none;
}
img.head{
	float:left;
	margin:0 10px;
}
.guest_content{
	margin-left:50px;
}
#guest .box_sub{
	margin:17px 0 0 50px;
	padding:0 10px;
	background-image:url(./images/dot.gif);
	background-position: 8px;
}
.guest_reply{
	padding:10px 0 11px 0;
	border-bottom:1px solid #d6d4d2;
	margin-bottom:-1px;
}
.guest_reply img.head{
	margin: 0 10px 0 0;
}
.guest_reply .guest_content{
	margin-left:40px;
}
#guest a.name{
	margin-right:8px;
	font-size:12px;
}
#guest a.name:link,
#guest a.name:visited,
#guest a.name:hover{
	color:#09f;
	background:none;
	text-decoration:none;
}
#guest a.name:hover{
	color:#666;
	text-decoration:underline;
}

/*============ Content ==============*/
#article_box,
#page{
	margin:0 43px 9px 43px;
}
#article_box h1{
	height:24px;/* ie */
	padding:2px 0 0 31px;
	font-size:12px;
	color:#606060;
	background:url(./images/blog_h1_bg.gif) no-repeat left top;
	margin:30px 0 20px 0;
}
#article_admin{
	padding:5px 10px;
	margin-bottom:10px;
}
#post_info{
	margin:55px 0 6px 0;
}
#article_box .box{
	margin-bottom:7px;	
	padding:12px 20px 13px 20px;
}
.trackback_box .box_sub{
	margin:10px 12px 0 12px;
}
.trackback_box .box_sub,
.comment .box_sub{
	border-top:1px solid #d6d4d2;
	padding:10px 5px 0 5px;
}
.comment_box .name{
	font-size:12px;
	margin-right:10px;
}
.comment_box .name a{
	color:#09f;
}
.comment{
	padding:0 5px 11px 5px;
	margin-bottom:11px;
	border-bottom:1px solid #d6d4d2;
}
.comment .box_sub{
	margin:10px 0 0 50px;
}
.comment_box li.submit{
	width:428px;
}
.comment_box .name a{
	text-decoration:none;
}
#article_box .input_box{
	padding-top:15px;
}

/* page */
#page{
	text-align:right;
	font-size:11px;
	color:#999;
}
p.number{
	font-size:9px;
}
p.number a:link,
p.number a:visited{
	color:#dc6500;
}
#page a{
	text-decoration:none;
}



.guestbox,
#sidebar,
.comment{
	white-space : normal;
}