@charset "UTF-8";
/* -------------------------------------------------------- 
	Base Style Sheet of Matsuaz.
	Last Update 2007-04-18

	1.Share Style 
	2.Link Color
	3.Base-Layout
	4.Header
	5.Control panel
	6.Main Contents
		_Simple Entry
		_Print page
	7.Sidebar Contents
		_Links Image Replacement
		_calendar
		_category
		_sidebar items
		_Entry/Comment/Trackback List in sidebar
	8.Comment/Trackback
	9.Footer
	10.other
	11.tags

----------------------------------------------------------- */

/*
 1.Share Style [
----------------------------------------------------------- */
br {
	letter-spacing: 0;
}
body {
	margin: 0;
	padding: 0;
	background: url(images/bg.gif);
	color : #333333;
	font-size: small;		
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.2;
	text-align: center;
}
code {
	font-size: x-small;
}
pre {
	font-size: small;
	width: 350px;
	overflow: scroll;
}
li {
	list-style-type: none;
	list-style-position: outside;
	padding-left: 5px;
}
form {
	margin: 0;
}
blockquote {
	color: #555555;
	margin: 20px 10px;
	padding: 10px;
	border: 1px solid #494d3f;
}
.small {
  font-size: x-small;
}
.photo {
  margin: 5px;
  text-align: center;
}
img {
	border: none;
}
/* [ Reset
----------------------------- */
#header ul,
#header p,
#sidebar ul,
#sidebar ul li
ul#menu-list,
ul#menu-list li {
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4 {
	margin: 0;
	padding: 0;
	font-size: 90%;
	font-weight: normal;
}

/*
 2.Link Color [
----------------------------------------------------------- */
a:link, a:visited, a:active {
  color: #0000ee;
  text-decoration: none;
}
a:hover {
	color: #ff7d98;
  text-decoration: underline;
}
/*
 3.Base-Layout [
----------------------------------------------------------- */
.bodyContent {
  /* out of template.jsp */
	/* only background-color */
}
#bodyShadow {
	margin: 0 auto;
	padding: 0 15px;
	background: url(images/bodyShadow.gif) repeat-y center top;
	width: 750px;
}


#content {
	text-align: left;
	margin: 30px 0;
	padding: 0 18px 0 0;
	background: url(images/sidebarBg.gif) repeat-y center top;	
}
#content:after {
	content:".";
	height:0px;
	clear:both;
	display: block;
	visibility:hidden;
}
/* ¥ */
* html #content {
	zoom: 1;
}
/**/
#main {
  float: right;
  width: 504px;
}
#sidebar {
  float: left;
  width: 200px;
}
/*
 4.Header [
----------------------------------------------------------- */
#header {
	position: relative;
	background: url(images/header.gif) no-repeat center top;
	width: 750px;
	height: 132px;
}
#header img {
	position: absolute;
	top: 21px;
	left: 32px;
	border: none;
}
#header p {
	position: absolute;
	top: 114px;
	left: 246px;
}
#header a:link, #header a:visited, #header a:active {
  color : #494d3f;
}
h1 {
	padding: 5px 0;
	text-align: left;
}
/*
 5.Control panel [
----------------------------------------------------------- */
.item {
	margin-bottom: 5px;	
	border: 1px solid #494d3f;
	font-size: small;
	text-align: left;
}
.itemHeader,
.itemHeader a:link,
.itemHeader a:visited,
.itemHeader a:active {
  padding: 5px;
  background: #a0a893;
  color: #FFFFFF;
  font-size: small;
  font-weight: bold;
}
.itemBody {
  padding-bottom: 10px;
  font-size: small;
}

.itemMetadata,
.itemMetadata a:link,
.itemMetadata a:visited,
.itemMetadata a:active {
  color: #808080;
  font-size: x-small;
}

.itemBodyEven {
  background: #ffffff;
}
.itemBodyOdd {
  background: #e3e4e0;
}
/*
 6.Main Contents [
----------------------------------------------------------- */
/*  [ Simple Entry
--------------------- */
.blogEntrytitle {
	background: url(images/categoryHeader.gif) no-repeat center top;
	width: 459px;
	height: 30px;
	margin-bottom: 40px;
	padding: 22px 0 0 45px;
	font-size: 150%;
	color: #7cab0d;
	font-weight: bold;
}
.blogEntry {
	margin-bottom: 30px;
	background: #ffffff;	
	text-align: left;	
}
.blogEntryHeader {
	border-bottom: #ff7793 2px solid;
	background: url(images/entryHeaderIcon.gif) no-repeat 14px 0;
	padding: 0 10px 5px 22px;
	color: #666666;
	font-size: 120%;
	font-weight: bold;
}
.blogEntryHeader h2 {
	font-size: medium;
	font-weight: bold;
	padding-left: 25px;
}
.blogEntryBody {
	padding: 5px 20px 15px 14px;
	font-size: 105%;
	letter-spacing: 0.1em;
 	line-height: 1.5;
	width: 464px;
  word-wrap: break-word; /* fix for long text breaking main-Column float in IE */				
  overflow: hidden;     /* fix for long non-text content breaking IE main-Column float */
}
.blogEntryBottom {
	margin-bottom: 20px;
  padding: 5px 20px 15px 20px;
	border-top: #494d3f 1px dashed;
  clear: both;	
}

/*
 7.Sidebar Contents [
----------------------------------------------------------- */
/* [ sidebar items
----------------------------- */
#sidebar .item {
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	border: none;
	width: 200px;
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
	clear: both;			
}
#sidebar .itemBody { /* class for other item in sidebar */
	padding: 5px 5px 5px 5px;
	line-height: 1.4;
}
#sidebar .itemBody img {
	border: none;
}
#sidebar .itemHeader {
	background: url(images/sidebarLine.gif) no-repeat center bottom;
	margin-bottom: 5px;
	color: #666666;
	font-size: small;
	text-align: left;
}
#sidebar form {
	margin: 10px 0 !important;
}
.item-rss {
	padding: 3px 0;
	border-top: #494d3f 1px dashed;
	border-bottom: #494d3f 1px dashed;
}
	
/* [ Entry/Comment/Trackback List in sidebar
----------------------------- */
#sidebar ul {
}
#sidebar ul li {
	font-size: small;
	list-style: none;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */	
}
ul#menu-list {
	background: #ffffff;
	padding-bottom: 20px;
}
ul#menu-list li {
	position: relative;
	margin: 0;
	padding: 0;
	margin-bottom: 4px;
	line-height: 1.0;
	vertical-align:bottom;
	width: 200px;		
}
ul#menu-list li.first_child {
	background: url(images/home_btn.gif);
	height: 20px;
}
ul#menu-list li.category_menu {
	background: url(images/btn.gif);
	height: 30px;
}

ul#menu-list li.first_child span {
	top: 3px;
}
ul#menu-list li span {
	position: absolute;
	top: 8px;
	left: 23px;
	font-size: 14px;
	font-weight:600;
}
ul#menu-list li.first_child a:link,
ul#menu-list li.first_child a:visited {
	color: #ffffff;
}
ul#menu-list li.first_child a:hover {
	color: #ffffff;
}
ul#menu-list li.first_child a:active {
	color: #ffffff;
}
ul#menu-list li.category_menu a:link,
ul#menu-list li.category_menu a:visited {
	color: #7cab0d;
}
ul#menu-list li.category_menu a:hover {
	color: #ff7793;
	text-decoration: underline;
}
ul#menu-list li.category_menu a:active {
	color: #7cab0d;
}
.selectedCategory {
	color: #ff7793;
}
#sidebar #white_block {
	background: #ffffff;
	padding-bottom: 30px;
}

/*
 9.Footer [
----------------------------------------------------------- */
#footer {
  padding: 10px 15px 5px 15px;
	background: url(images/footerBg.gif) repeat-x 0 0;
  color: #858c7a;
  font-size: x-small;
  height: 20px;
  clear: both;	
}
#footer a:link,
#footer a:visited,
#footer a:active {
  color : #858c7a;
}
.copy {
	float: left;
}
.login {
	float: right;
}
.footer {
  background: #858c7a;
}

/*
 [ footer_links
----------------------------------------------------------- */
ul.footer_links,
ul.footer_links li {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.footer_links {
	width: 410px;
	float: left;
}
ul.footer_links li {
	margin-right: 10px;
	float: left;
}
ul.footer_links li img {
	border: none;
	opacity:0.8;
	filter: alpha(opacity=80);	
}

/*
 [
----------------------------------------------------------- */
#information {
	width: 459px !important;
	margin-top: 10px;
	margin-left: 20px;
}
#information .rss-js {
	margin-left: 15px;
}
#information .rss-js-entry {
	padding-left: 15px;
	background: url(images/rssPoint.gif) no-repeat 0 4px;
	line-height: 1.4;
	font-size: 105%;
	letter-spacing: 0.1em;
}
#information h2 {
	padding-left: 25px;
	background: url(images/infoIcon.gif) no-repeat 0 3px;
	line-height: 1.4;
	font-size: 105%;
	letter-spacing: 0.1em;
}
.topMargin {
	margin-top: 1em;
}
.blogIndex {
	padding: 5px 0 0 270px;
}
#kinenBody .rss-js {
	margin-left: 15px;
}
#kinenBody .rss-js-entry {
	padding-left: 15px;
	background: url(images/rssPoint.gif) no-repeat 0 4px;
	line-height: 1.4;
	font-size: 105%;
	letter-spacing: 0.1em;
}
#kinenBody h3.ybh {
	display: none;
}
#kinenBody .ybf {
	display: none;
	visibility: hidden;
}
#kinenBody .pipesDescription {

}
#kinenBody .pipesTitle {
	padding-left: 15px;
	background: url(images/rssPoint.gif) no-repeat 0 4px;
	line-height: 1.4;
	font-size: 105%;
	letter-spacing: 0.1em;
}
/*
 [
----------------------------------------------------------- */
.blogEntry table#member {
	margin: 1em 0;
        color: #666666;
        border: 1px solid #CCCCCC;
        border-collapse: separate;
        border-spacing: 1px;
}
.blogEntry table#member td.title {
        padding: 5px;
        border-right: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        background-color: #feeef2;
}
.blogEntry table#member td {
				font-size: 80%;
        padding: 3px;
        border-right: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
}
.blogEntry table#member tr.odd {
}
.blogEntry table#member tr.even {
	background: #f8f8f8;
}
.blogEntry p {
	margin-top: 15px;
}
h3#first_child {
	margin-top: 20px;
}
.box {
	width: 434px;
	border: #ff7793 1px solid;
	padding: 10px 16px;
}
.box h4 {
	margin-bottom: 5px;
	font-size: 100%;
	font-weight: bold;
}
h3.top {
	color: #7cab0d;
}
.blogEntryBody h3 {
	font-size: 105%;
	font-weight: bold;
	margin-bottom: 5px;
}
.side_box {
	border: #ff7793 1px solid;
	padding: 7px 10px 7px 16px;
}
.photo_right {
	text-align: right;
	width: 220px;
	float: right;
}


.line {
	background: url(images/line.gif) repeat-x center top;
	height: 1px;
	margin: 10px 0;
}
.line hr {
	visibility: hidden;
}

ul.voice,
ul.voice li {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.voice {
	margin-top: 15px;
}
ul.voice li {
	margin-bottom: 15px;
	background: url(images/voicePoint.gif) no-repeat 0 3px;
	padding-left: 18px;
	padding-bottom: 10px;
	border-bottom: #dddddd 1px dashed;
}
.top_photo {
	margin: 10px 0 10px 10px;
}
.goTop {
	text-align: right;
}
.goTop a {
	background: url(images/goTop.gif) no-repeat 0 2px;
	padding-left: 18px;
}

.name {
	text-align: right;
	margin-top: 200px;
}

ul.works,
ul.works li,
ul.works li ul,
ul.works li ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.works {
	margin: 5px 0 20px 0;
	text-align:
}
ul.works li {
	background: url(images/point01.gif) no-repeat 0 3px;
	padding-left: 18px;
	margin-bottom: 5px;
}
ul.works li ul {
	margin-top: 3px;
}
ul.works li ul li {
	background: url(images/point02.gif) no-repeat 0 7px;
	padding-left: 15px;
	margin-bottom: 0;
	line-height: 1.6;
}
h3.activity {
	margin-top: 15px;
}
.strong {
	font-weight: bold;
}

.counter {
	margin: 15px 0 0 50px;
}


/*
===== top kinenBox ===========================
*/

#kinenBody {
	width: 437px;
	padding: 15px 25px 10px 40px;
	border-left: #fe5678 1px solid;
	border-right: #fe5678 1px solid;
	margin: 0;
}
.kinenBody dl,
.kinenBody dl dt,
.kinenBody dl dd {
	margin: 0;
	padding: 0;
}

.kinenBody dl dt {
	width: 60px;
	float: left;
	clear: left;
	margin-bottom: 10px;
}
.kinenBody dl dd {
	font-size: 15px;
	margin-left: 70px;
	margin-bottom: 10px;
}
dl.kinen dt {
	padding-top:2px;
	background: url(images/kinen/point.jpg) no-repeat 0 3px;
	padding-left: 18px;
}
dl.kinen dd {
	font-size: 15px;
	font-weight: bold;
}
dl.dita dt {
	background: url(images/kinen/point02.gif) no-repeat 0 3px;
	padding-left: 18px;
}
dl.dita dd {
}
.kinenBottom {
	background: url(images/kinen/kinenBottom.gif) no-repeat center top;
	width: 504px;
	height: 10px;
}
#feed div {
	padding-left: 15px;
	background: url(images/rssPoint.gif) no-repeat 0 4px;
	line-height: 1.4em;
	font-size: 105%;
	letter-spacing: 0.1em;
}
#feed {
	height: 10.5em;
	overflow: hidden;
}
.blogEntry table#member td table.rss-js {
	margin: 0;
}
.blogEntry table#member td table.rss-js td {
	border: none;
	font-size:100%;
	vertical-align: top;
}