/* CSS Document */

/***********************************************************************************************/

.index #topbar {
	background-image:url(../_img/homeHeader2.jpg);
	background-repeat:no-repeat;
	height:41px;
	margin:0;
	padding:0;
}
.index #topbar h1 {
	height:41px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background:url(../_img/homeHeader2.jpg) 0 0 no-repeat;
}
.index #Footer ul {
	position:absolute;
	color:#ccc;
}
.index #Footer ul {
	margin:0 auto;
	text-align:center;
}
.index #MainBlock {
	/*background-image:url(../_img/topGallery.jpg);*/
	background-image:url(../_img/topGallery220.jpg);
}
.index #MainBlock #topGalleryImage {
	width:220px;
	height:220px;
}

.index #BtnHomeFooter {
	display:none;
}
.index #Footer ul {
	left:8px;
}

/***********************************************************************************************/

#HomeTop {
	display:block;
	clear:both;
	margin:0 0 10px;
	padding:0;
}
#HomeLeft {
	width:220px;
	display:inline;
	float:left;
	margin:15px 0 0;
}
#HomeRight,
#HomeRight ul#topics {
	width:310px;
}
#HomeRight {
	display:inline;
	float:right;
}
#HomeRight ul#topics {
	list-style-type:none;
}
#HomeRight ul#topics li {
	font-size:116%;
	font-weight:bold;
	line-height:1.4em;
	border-bottom:1px dotted #ccc;
	padding:6px 0;
}
#HomeRight ul#topics li.top {
	padding-top:0;
}
#HomeInfo {
	margin:0;
	display:block;
	clear:both;
}

/***********************************************************************************************/

#Charactor {
	background-image:url(../_img/charactor.gif);
	background-repeat:no-repeat;
	display:block;
	float:right;
	width:285px;
	height:300px;
	margin-top:10px;
	padding:0;
}
#Balloon {
	background-image:url(../_img/BalloonMenu.gif);
	background-repeat:no-repeat;
	display:block;
	float:right;
	margin:0;
	width:140px;
	height:300px;
}
#Balloon ul {
	margin:0;
}
#Balloon ul li, #Balloon ul li a {
	display:block;
	line-height:-1.0em;
	text-indent:-9999px;
	height:97px;
	width:140px;
}
#Balloon ul li a {
	background-image:url(../_img/BalloonMenu.gif);
	background-repeat:no-repeat;
}
#Balloon ul li#item101 a {
	background-position:0 0;
}
#Balloon ul li#item102 a {
	background-position:0 -97px;
}
#Balloon ul li#item103 a {
	background-position:0 -194px;
}
#Balloon ul li#item101 a:hover {
	background-position:-140px 0;
}
#Balloon ul li#item102 a:hover {
	background-position:-140px -97px;
}
#Balloon ul li#item103 a:hover {
	background-position:-140px -194px;
}

/***********************************************************************************************/

#GalleryBox {
	clear:both;
	display:block;
	margin:0 0 5px;
}
#GalleryBox .caption {
	margin-top:4px;
	clear:both;
	display:block;
}
#GalleryBox .caption p {
	float:left;
	font-size:x-small;
	font-family:"MS PGothic", Osaka, "HiraKakuPro-W3", Arial, Helvetica, sans-serif;
	line-height:14px;
	margin-bottom:2px;
}
#GalleryBox .caption p span.date {
	line-height:14px;
	color:#006666;
	text-align:left;
	margin-right:4px;
}
#GalleryBox .caption #archive {
	float:right;
}

/***********************************************************************************************/

#LinkList {
	border-top:1px solid #9cc;
	border-bottom:1px solid #9cc;
	list-style-type:none;
	line-height:1.4em;
	clear:both;
	display:block;
	margin:0;
	margin-bottom:10px;
	padding-bottom:5px;
}
#LinkList li.caption {
	font-size:x-small;
	font-family:"MS PGothic", Osaka, "HiraKakuPro-W3", Arial, Helvetica, sans-serif;
	margin:2px 0;
}
#LinkList li a {
	background-image:url(../_img/markDisc_b.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	font-size:small;
	padding-left:12px;
}

/***********************************************************************************************/

h3#InfoTitle,
h3#ActivityTitle {
	margin:0 0 12px;
	padding:0;
	width:544px;
	display:block;
	clear:both;
	text-indent:-9999px;
	float:left;
	border-top:1px solid #9cc;
}
h3#InfoTitle {
	background:url(../_img/titleUpdate.jpg) 0 4px no-repeat;
}
h3#ActivityTitle {
	background:url(../_img/titleActivity.jpg) 0 4px no-repeat;
}
#rss,
#facebook {
	float:right;
	margin-top:4px;
}
.fb-activity,
.fb-activity *,
.fb-activity * * {
	padding:0;
}

/***********************************************************************************************/

.counter {
	font-size:12px;
	line-height:1.4em;
	color:#666666;
	margin:0;
}
.countWord {
	font-size:10px;
	line-height:1.4em;
	color:#666666;
	margin:0 0 8px;
	display:block;
}
#doPing {
	font-size:10px;
	line-height:1.0em;
	vertical-align:middle;
	margin:4px 1px;
	padding:1px 6px 2px;
	width:314px;
	float:right;/**/
	background-color:#339999;
	color:#ffffff;
	border:1px solid #bbdddd;
}

/***********************************************************************************************/

#InfoList dl {
	width:544px;
}
#InfoList dl dt,
#InfoList dl dd {
	font-size:small;
	line-height:1.3em;
	vertical-align:middle;
}
#InfoList dl dt {
	float:left;
	margin:0;
	height:14px;
	padding:3px 5px 0 0;
}
#InfoList dl dd {
	padding:0;
	text-indent:0;
	text-align:left;
	margin-left:105px;
	margin-bottom:6px;
}
#InfoList dl dd a.new {
	background:url(../_img/new8.gif) right 3px no-repeat;
	padding-right:26px;
}

/***********************************************************************************************/

.Column2 h3#InfoTitle,
.Column2 #InfoList,
.Column2 #InfoList dl,
.Column2 div.w270,
.Column2 h3#ActivityTitle {
	width:260px;
	display:block;
}

.Column2 #InfoList dl dt {
	border-top:1px solid red;
	display:block;
	font-size:11px;
	width:55px;
	float:left;
	margin-right:0;
}
.Column2 #InfoList dl dd {
	border-top:1px solid blue;
	display:block;
	font-size:11px;
	width:190px;
	margin:0 0 6px 70px;
	float:right;
	vertical-align:top;
}
.Column2 #InfoList dl dd a {
	border-top:1px solid orange;
	font-size:11px;
	float:left;
}
.Column2 #InfoList dl dt.year {
	background-color:#ddd;
	color:#333;
	font-weight:bold;
	width:254px;
	padding:2px 3px 1px;
	margin:0 0 5px;
}
/*
*/

/***********************************************************************************************/

#SocialButton {
	text-align:left;
}
#SocialButton a {
	margin:0;
	padding:0;
	display:inline;
	float:left;
	margin-right:4px;
}