@CHARSET "UTF-8";
div#contents {
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 20px;
	padding: 0px;
	width:950px;
	background:#aaa;
}

div#global-header {
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	width:950px;
	padding: 0px;
	background:#aaa;
}

div#contents-left {
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width:220px;
	background:#aaa;
	float:left;
}

div#contents-center {
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width:510px;
	background:#aaa;
	float:left;
}

div#contents-right {
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width:220px;
	background:#aaa;
	float:right;
}

div#header-bar {
	width:910px;
	color: #fff;
	text-align:left;
	font-size:90%;
	clear: both;
	padding:20px;
	background-image: url(header.jpg);
}

div#header-title {
	text-align:left;
	font-size:30px;
	clear: both;
	margin: auto;
}

div#footer {
	font-size:90%;
	text-align:center;
	clear: both;
	margin: auto;
}

/*******************************************************
	body
*******************************************************/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif, "ＭＳ ゴシック","Hiragino KaKu Gothic Pro", Osaka;
	text-align:center;
	margin: 0;
	padding: 0;
	font-size: 13px;
	color: #333;
	background-color: #444;
	line-height:18px;
}

a:link {
	text-decoration:none;
	color: #048;
	font-size: 13px;
}

a:visited {
	color:#553;
	text-decoration:none;
	font-size: 13px;
}

/*******************************************************
	diary
*******************************************************/
.reviewBook {
	padding: 5px;
	border-bottom:1px solid #000000;
}

.page {
	font-size:90%;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align:center;
}
.diary {
	margin: 0 auto;
	width:480px;
	font-size:90%;
	border:1px solid #000000;
	background:#fff;
}

H4 {
	padding: 2px 5px;
	margin: 0px; 
	background:#fff;
	text-align:left;
}

.diary-more {
	margin-left: 15px;
	text-align:left;
}

.diary-title {
	width:460px;
	overflow:hidden;
	text-align:left;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	padding:10px;
	background-image: url(diary_header.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	word-break:break-all;
}
.date {
	font-weight: normal;
	font-size:80%;
	white-space:nowrap;
	margin-left: 10px;
}
.diary-text {
	width:460px;
	margin:10px auto 15px 15px;
	padding:5px 0;
	line-height:1.3;
	text-align:left;
	overflow: hidden;
	word-break: break-all;
}
.diary-foot {
	width:460px;
	border-top:1px dotted #cccccc;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	text-align:right; 
	word-break:break-all;
}

/*******************************************************
	comment
*******************************************************/
.comment-write {
	text-align:center;
	width:480px;
	cursor:hand;
	padding: auto;
	margin: auto;
	color: #fff;
	background:#444;
	border:1px solid #000;
}

.comment-title {
	width:480px;
	font-size:90%;
	margin: auto;
	padding: auto;
	overflow:hidden;
	text-align:left;
	color:#000; 
	border:1px solid #000000;
	border-top:none;
	background:#fff;
	display:none;
    visibility:hidden;
}

.comment-top {
	width:450px;
	margin: auto;
	padding: auto;
}
.comment-bot { }

.comment-text {
	width:480px;
	margin:0 auto 15px auto;
	padding:5px 0;
	font-size:90%;
	line-height:1.3;
	text-align:left;
	background:#fff;
	overflow: hidden;
	word-break: break-all 
}

.comment-comment {
	width:460px;
	padding:5px 0;
	line-height:1.3;
	text-align:left;
	overflow: hidden;
	word-break: break-all 
}

.comment-user {
	width:450px;
	border-bottom:1px dotted #cccccc;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	text-align:right; 
	word-break:break-all;
}

/*******************************************************
	profile
*******************************************************/
table.profile-table {
	margin:auto 15px auto 15px;
	text-align:center;
}
table.profile-table th{
	padding:10px;
	text-align:left;
	border-bottom:1px dotted #cccccc;
}
table.profile-table td{
	border-bottom:1px dotted #cccccc;
	text-align:left;
}

/*******************************************************
	side bar
*******************************************************/
.side-left {
	width:180px;
	text-align:center;
	font-size:13px;
	margin-left: 25px;
	margin-right: auto;
	background:#fff;
}

.side-right {
	width:180px;
	text-align:center;
	font-size:13px;
	margin-left: auto;
	margin-right: 25px;
	background:#fff;
}

.side-top {
	text-align:left;
}
.side-bot { }

.side-title {
	width:180px;
	height:23px;
	overflow:hidden;
	word-break:break-all;
	color:#fff;
	font-weight:bold;
	background-color: #aaa;
	background-image: url(side_title.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	text-align:center;
}
.side-text {
	width:100%;
	line-height:1.3;
	padding:5px;
	overflow: hidden;
}

.side-function ul{
	margin:0;
	padding:0;
	text-align:center;
}

.side-function li{
	margin:0;
	padding:3px 0px 3px 22px;
	list-style:none;
	text-align:left;
	font-size:12px;
	background-image:url(icon.jpg);
	background-repeat:no-repeat;
	background-position:5px 5px;
	word-break:break-all;
	overflow:hidden;
}

/*******************************************************
	calendar
*******************************************************/
table.calendar {
	padding: 0;
	margin: 0px;
}
table.calendar tr.headline td{
	font-size: 10px;
}
table.calendar th {
	padding:0px;
	text-align:left;
	font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #777777;
	border:none;
}
table.calendar th span {
	font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka";
	cursor: pointer;
	float: right;
}
table.calendar td {
	border-bottom: solid 1px #CCCCCC;
	text-align: center;
	width: 25px;
	height: 20px;
	vertical-align: middle;
	font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
	line-height: normal;
	font-size: 10px;
	color: #333333;
}
table.calendar td.click {
	cursor: pointer;
	background-color: #FFFFFF;
}
table.calendar td.Today {
	font-weight: bolder;
	color: #009900;
	font-size: 12px;
}
table.calendar td.Sat {
	color: #000099;
	background-color: #FEFEFF;
}
table.calendar td.Sun {
	color: #FF0000;
	background-color: #FFFEFE;
}
table.calendar td.holyday {
	color: #FF0000;
}
table.calendar td.xday {
	font-weight: bolder;
	color: #009999;
	font-size: 14px;
}
table.calendar td.birthday {
	font-weight: bolder;
	color: #990000;
	font-size: 14px;
}

.dailyLink {
	font-weight: bolder;
	color: #990000;
	background-color: #ABC;
}

/*******************************************************
	error
*******************************************************/
.error {
	font-size:80%;
	color:#f00
}


div.tooltip {
	width: 250px;
	position: absolute;
	left: -9999px;
	background: #999;
}

/*******************************************************
	popup
*******************************************************/
div.tooltip p{
	text-align:left;
	font-size:12px;
	color: #222;
	background: #FFF;
	padding:5px;
	margin: 5px;
}

span.buttonLeft {
	float:left;
}
span.buttonRight {
	float:right;
}