@charset "UTF-8";

/* === clear float elements Start ============================================= */

body #page #pageBodyArea #contentBlock .grafBlogIndexList ul:after,
body #page #pageBodyArea #contentBlock .grafBlogIndexList ul li dl:after,
body #page #pageBodyArea #contentBlock ul.categoryEntryList li dl:after,
body #page #pageBodyArea #contentBlock .navigatorcredit dl:after{
	content : " ";
	display : block ;
	height : 0 ; 
	visibility : hidden ;
	clear : both ;
}

body #page #pageBodyArea #contentBlock .grafBlogIndexList ul,
body #page #pageBodyArea #contentBlock .grafBlogIndexList ul li dl,
body #page #pageBodyArea #contentBlock ul.categoryEntryList li dl,
body #page #pageBodyArea #contentBlock .navigatorcredit dl{
	*height : 100% ;
}

/* for Legacy Browser  */

/*\*/
* html body #page #pageBodyArea #contentBlock .grafBlogIndexList ul,
* html body #page #pageBodyArea #contentBlock .grafBlogIndexList ul li dl,
* html body #page #pageBodyArea #contentBlock ul.categoryEntryList li dl,
* html body #page #pageBodyArea #contentBlock .navigatorcredit dl{
	display : inline-block ;
	height : 1em ;
}

body #page #pageBodyArea #contentBlock .grafBlogIndexList ul,
body #page #pageBodyArea #contentBlock .grafBlogIndexList ul li dl,
body #page #pageBodyArea #contentBlock ul.categoryEntryList li dl,
body #page #pageBodyArea #contentBlock .navigatorcredit dl{
	display : block ;
}
/*  */

/* === clear float elements End ============================================= */
body #page #pageBodyArea #contentBlock h3#categoryTitle{
	margin : 0 0 10px ;
	padding : 10px ;
	background : #eee ;
	font-weight : bold ;
	color : #000 ;
}

body #page #pageBodyArea #contentBlock .blogDescription,
body #page #pageBodyArea #contentBlock .categoryDescription{
	margin : 0 0 20px ;
	line-height : 160% ;
}

body #page #pageBodyArea #contentBlock .grafBlogIndexList{
	margin : 0 0 40px ;
}
body #page #pageBodyArea #contentBlock .grafBlogIndexList h3{
	margin : 0 0 10px ;
	padding : 10px 10px 10px 22px ;
	background : #eee url("../../../common/img/ico_arrow02.gif") 10px 13px no-repeat ;
}
body #page #pageBodyArea #contentBlock .grafBlogIndexList h3 a{
	font-weight : bold ;
	color : #000 ;
	text-decoration : none ;
}
body #page #pageBodyArea #contentBlock .grafBlogIndexList h3 a:hover{
	text-decoration : underline ;
}
body #page #pageBodyArea #contentBlock .grafBlogIndexList p{
	margin : 0 0 10px ;
	line-height : 160% ;
}
body #page #pageBodyArea #contentBlock .grafBlogIndexList ul li{
	float : left ;
	width : 310px ;
	margin : 0 35px 10px 0 ;
}
body #page #pageBodyArea #contentBlock .grafBlogIndexList ul li.odd{
	clear : both ;
}
body #page #pageBodyArea #contentBlock .grafBlogIndexList ul li.even{
	margin : 0 ;
}
body #page #pageBodyArea #contentBlock .grafBlogIndexList ul li dl dt{
	float : left ;
	width : 116px ;
}
body #page #pageBodyArea #contentBlock .grafBlogIndexList ul li dl dt img{
	padding : 2px ;
	border : #ccc 1px solid ;
}
body #page #pageBodyArea #contentBlock .grafBlogIndexList ul li dl dd{
	float : right ;
	width : 184px ;
}
body #page #pageBodyArea #contentBlock .grafBlogIndexList ul li dl dd.date{
	margin : 0 0 5px ;
	font-size : 83.5% ;
}
body #page #pageBodyArea #contentBlock .grafBlogIndexList ul li dl dd.date img{
	vertical-align : bottom ;
}
body #page #pageBodyArea #contentBlock .grafBlogIndexList ul li dl dd.title{
	font-size : 83.5% ;
	line-height : 140% ;
}
body #page #pageBodyArea #contentBlock .grafBlogIndexList ul li dl dd.title a{
	font-weight : bold ;
	color : #000 ;
	text-decoration : none ;
}
body #page #pageBodyArea #contentBlock .grafBlogIndexList ul li dl dd.title a:hover{
	text-decoration : underline ;
}

body #page #pageBodyArea #contentBlock ul.categoryEntryList li{
	padding : 15px 0 ;
	background : url("../../../common/img/dotline_horizontal.gif") left top repeat-x ;
}
body #page #pageBodyArea #contentBlock ul.categoryEntryList li dl{
}
body #page #pageBodyArea #contentBlock ul.categoryEntryList li dl dt{
	float : left ;
	width : 246px ;
}
body #page #pageBodyArea #contentBlock ul.categoryEntryList li dl dt img{
	padding : 2px ;
	border : #ccc 1px solid ;
}
body #page #pageBodyArea #contentBlock ul.categoryEntryList li dl dd{
	float : right ;
	width : 395px ;
}
body #page #pageBodyArea #contentBlock ul.categoryEntryList li dl dd.date{
	margin : 0 0 5px ;
	font-size : 83.5% ;
}
body #page #pageBodyArea #contentBlock ul.categoryEntryList li dl dd.date img{
	vertical-align : bottom ;
}
body #page #pageBodyArea #contentBlock ul.categoryEntryList li dl dd.title{
	margin : 0 0 5px ;
	line-height : 140% ;
}
body #page #pageBodyArea #contentBlock ul.categoryEntryList li dl dd.title a{
	font-weight : bold ;
	color : #000 ;
	text-decoration : none ;
}
body #page #pageBodyArea #contentBlock ul.categoryEntryList li dl dd.title a:hover{
	text-decoration : underline ;
}
body #page #pageBodyArea #contentBlock ul.categoryEntryList li dl dd.body{
	line-height : 140% ;
	font-size : 83.5% ;
}


body #page #pageBodyArea #contentBlock #grafProfile{
	border : #999 2px solid ;
	background : url("../img/bg_grafprofile.gif") left top repeat ;
}
body #page #pageBodyArea #contentBlock #grafProfile dl{
	margin : 20px 15px ;
	padding : 50px 0 0 ;
	background : url("../img/bg_graftitle.gif") left top no-repeat ;
}
body #page #pageBodyArea #contentBlock #grafProfile dl dt{
	margin : 0 0 15px ;
	font-weight : bold ;
}
body #page #pageBodyArea #contentBlock #grafProfile dl dd.body{
	margin : 0 0 10px ;
	line-height : 140% ;
}


body #page #pageBodyArea #contentBlock .navigatorcredit{
	margin : 20px 0 ;
}
body #page #pageBodyArea #contentBlock .navigatorcredit dl dt{
	margin : 0 0 10px ;
}
body #page #pageBodyArea #contentBlock .navigatorcredit dl dd.txt{
	margin : 0 10px ;
}
body #page #pageBodyArea #contentBlock .navigatorcredit dl dd.member{
	float : left ;
	width : 71px ;
	padding : 0 30px ;
	_width : 131px ;
}