/*-------------------------------------------------
  Blog layout
-------------------------------------------------*/
body {
	width:830px;
	height:100%;
	background-color:#FFFFFF;
	background-image:url("/news/skins/blog/matsuzawa_/background.gif");
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
}

#container {
	width:810px;
	height:100%;
	min-height:100%;
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}

body > #container {
	height:auto;
}

img { border:0px; }

pre {
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	white-space:pre-wrap;
	word-wrap: break-word;
}

#header {
	margin-bottom:10px;
}

#footer{
	padding-top:10px;
}

#center {
	width:545px;
	padding-left:10px;
	float:left;
}

#right {
	width:230px;
	padding-left:25px;
	float:left;
}

ul {
	list-style:none;
	margin:0px;
	padding:0px;
	text-align:left;
}

ul li {
	margin-bottom:5px;
	padding-left:30px;
	background-image:url(/news/skins/blog/matsuzawa_/icon.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

/*-------------------------------------------------
 designer
-------------------------------------------------*/
#designer {
	width:220px;
	padding-bottom:10px;
	text-align:center;
	color:#FFFFFF;
}

#designer img.title {
	padding-bottom:5px;
}

#designer img.photo {
	padding-bottom:2px;
}

#designer ul {
	padding-top:7px;
}

#designer li {
	height:18px;
	background-position:left center;
}

/*-------------------------------------------------
  calendar
-------------------------------------------------*/
#calendar {
	width:210px;
	padding-bottom:10px;
}

#calendar table.calendar {
	font-family: Helvetica, sans-serif;
	width:200px;
	color:#FFFFFF;
	text-align:right;
}

#calendar table caption {
	padding-top:5px;
	padding-bottom:5px;
}

#calendar table.calendar a {
	font-family: Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#EE0000;
}

/*-------------------------------------------------
  recent comments
-------------------------------------------------*/
#recent {
	font-size:12px;
	width:220px;
	margin-bottom:15px;
}

#recent img.title {
	padding-bottom:5px;
}

#recent span.date {
	font-size:12px;
	color:#FFFFFF;
}

#recent span.text {
	font-size:12px;
	color:#FFFFFF;
}

#recent a {
	font-size:12px;
	color:#FFFFFF;
}

#recent a:hover {
	color:#ffff00;
	text-decoration:underline;
}

/*-------------------------------------------------
  banner
-------------------------------------------------*/
#banner {
	width:220px;
	text-align:center;
}

#banner img.home, #banner img.ses, #banner img.qrcode {
	margin-bottom:10px;
}

#banner span.qrcode {
	color:#FFFFFF;
}

/*-------------------------------------------------
  page switch
-------------------------------------------------*/
div.pageswitch {
	color:#ffff00;
	margin-bottom:10px;
	text-align:right;
}

div.pageswitch a {
	color:#ffff00;
}

/*-------------------------------------------------
  item
-------------------------------------------------*/
div.item {
	width:520px;
	font-size:12px;
	padding-bottom:10px;
}

div.photo {
	width:180px;
	padding-top:10px;
	float:left;
}

div.text {
	width:330px;
	padding-top:20px;
	padding-left:10px;
	color:#FFFFFF;
	float:left;
}

div.info {
	padding-bottom:10px;
	text-align:right;
}

div.middle {
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
}

div.bottom {
	padding-bottom:5px;
}

div.date {
	text-align:right;
}

span.title {
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}

span.date {
	text-align:right;
	color:#FFFFFF;
	font-size:10px;
}