@charset "UTF-8";
/* CSS Document */

#menu span.m4 a{background-position:left center;}

/* headtag ---------------------------- */
#stage h2,#stage h3{
font-size: 1px;
line-height: 1px;
text-indent: -1000em;
display: block;
margin: 0px;
padding: 0px;
overflow: hidden;
}
/* exp_index-style */
#stage h2.title{
background-image: url(../images/hl_blog.gif);
background-repeat: no-repeat;
background-position: left top;
height: 36px;
width: 80px;
}

/* common categoly */
#stage h3.text1{
background-image: url(../images/blog_title1.gif);
background-repeat: no-repeat;
background-position: left top;
height: 48px;
width: 4480x;
margin: 0px;
padding: 0px;
}
#stage h3.text2{
background-image: url(../images/blog_title2.gif);
background-repeat: no-repeat;
background-position: left top;
height: 18px;
width: 188px;
margin: 0 0 20px 0;
padding: 0px;
}


#package{
margin: 0 0 30px 0;
}
#package .new{
margin: 0 40px 0 0;
padding: 0px;
float: left;
height: auto;
width: 440px;
}
#package .bloger{
margin: 0px;
padding: 0px;
float: left;
height: auto;
width: 170px;
}
#stage .bloger h3{
background-image: url(../images/blog_title3.gif);
background-repeat: no-repeat;
background-position: left top;
height: 30px;
width: 136px;
margin: 0px;
padding: 0px;
}

.new .box{
	height: auto;
	width: 440px;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	float:left;
	background-image: url(../images/dotline.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.new .box .photo{
height: 60px;
width: 60px;
margin: 0px;
padding: 0px;
float:left;
}
.new .box .text{
height: auto;
width: 370px;
margin: 0 0 0 10px;
padding: 0px;
float:left;
}
.new .box .text .day{
	margin: 0px;
	color:#666666;
	font-size: 10px;
}
.new .box .text .name a{
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	color:#FF6600;
	display: block;
	padding: 0 0 0 15px;
	margin: 0px;
	height: auto;
	background-image: url(../images/icon_blogtitle.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
}
.new .box .text .name a:hover{
	color: #FF9933;
}
.new .box .text .title{
	margin:0 0 5px 0;
}
.new .box .text .title a{
	margin: 0px;
	color:#333333;
	font-weight: bold;
	line-height: 150%;
	text-decoration: underline;
	display: block;
	padding: 0 0 0 15px;
	margin: 0px;
	height: auto;
	background-image: url(../images/icon_blogtext.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
}
.new .box .text .title a:hover{
	color: #666666;
}
#package .bloger .btn{
width:170px;
height:25px;
margin:0 0 20px 0;
font-size: 1px;
line-height: 1px;
text-indent: -1000em;
overflow: hidden;
}
#package .bloger .btn a{
width:170px;
height:25px;
background-image: url(../images/blog_btn1.gif);
background-repeat: no-repeat;
background-position: left top;
display:block;
}
#package .bloger .btn a:hover{
background-position: left bottom;
}

#stage .blogger{
height: auto;
width: 200px;
margin: 0 12px 0 0;
padding: 0px;
float:left;
}
#stage .blogger .photo{
height: 60px;
width: 60px;
margin: 0px;
padding: 0px;
float:left;
}
#stage .blogger dl{
height: auto;
width: 135px;
margin: 0 0 0 5px;
padding: 0px;
float:left;
}
#stage .blogger dt{
	height: auto;
	width: 42px;
	margin: 0px;
	padding: 0px;
	float:left;
	font-size: 1px;
	text-indent: -1000em;
	overflow: hidden;
}
#stage .blogger dd{
height: auto;
width: 93px;
margin: 0px;
padding: 0px;
font-size: 10px;
color:#666666;
float:left;
}
#stage .blogger dd a{
	color: #FF6600;
}
#stage .blogger dd a:hover{
	color: #FF9933;
}
#stage .blogger dt.name2{
	background-image: url(../images/icon_name.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	color: #6C6;
}
#stage .blogger dt.country{
	background-image: url(../images/icon_country.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	color: #39C;
}
#stage .blogger dt.blog{
	background-image: url(../images/icon_blog.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
}
#stage .blogger dd.name2{
	color: #6C6;
}
#stage .blogger dd.country{
	color: #39C;
}