@charset "utf-8";

/* common */
body {
	margin: 0px;
	background-color: #ebead8;
}

td, th {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #585649;
	margin: 0px;
	padding: 0px;
}

input,
select,
textarea {
	font-family: Arial,'ＭＳ Ｐゴシック',sans-serif;
}
input.text1,
select,
textarea {
	color: #585649;
	background-color: #ebead8;
	border: #cccbb7 solid 1px;
}

div {
	font-size: 12px;
	color: #585649;
}

img {
	border: none;
}

a {
	color: #585649;
	text-decoration: underline;
}
a:visited {
	color: #585649;
	text-decoration: underline;
}
a:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #585649;
}


/* body */
div.body {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

/* header */
td.header1 {
	background-color: #ec6100;
}
div.layerMenu {
	margin: 0px 0px 0px 520px;
}
td.header2 {
	background-image: url(../images/img_header_bg.gif);
	background-position: left;
	background-repeat: repeat-x;
}
div#layerLogo {
	float: left;
	width: 260px;
	height: 100px;
	margin-left: 0px;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	position: relative;
}
div#layerAds {
	float: right;
	width: 540px;
	height: 100px;
	margin-left: auto;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	position: relative;
}

/* footer */
div.copy {
	width: 800px;
	height: 25px;
	background-color: #f5f5ed;
}
span.copy {
	color: #7b7655;
	line-height: 25px;
	margin-left: 10px;
	letter-spacing: 1px;
}
span.hide_url {
	color: #ebead8;
	font-size: 1px;
	line-height: 1px;
}

/* main */
div#layerColumnLeft {
	float: left;
	width: 620px;
	margin-left: 0px;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	position: relative;
	z-index: 3;
}
div#layerColumnRight {
	float: right;
	width: 170px;
	margin-left: auto;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	position: relative;
	z-index: 4;
}

/* ads */
div.ads1 {
	clear: both;
	margin: 10px 0px 0px 30px;
}
div.ads2 {
	width: 620px;
	margin: 0px 0px 20px 0px;
	text-align: center;
}
div.ads3 {
	width: 170px;
	margin: 0px 0px 10px 0px;
}
div.ads4 {
	width: 250px;
	margin: 0px 0px 10px 0px;
}
div.ads5 {
	width: 800px;
	margin: 0px 0px 10px 0px;
	text-align: center;
}

/* icon */
div.icon2 {
	width: 30px;
	height: 30px;
	background-image: url(../images/icon_2.gif);
	background-repeat: no-repeat;
	background-position: center;
}
div.icon6 {
	width: 30px;
	height: 30px;
	background-image: url(../images/icon_6.gif);
	background-repeat: no-repeat;
	background-position: center;
}
div.icon7 {
	width: 30px;
	height: 30px;
	background-image: url(../images/icon_7.gif);
	background-repeat: no-repeat;
	background-position: center;
}
div.icon8 {
	width: 30px;
	height: 30px;
	background-image: url(../images/icon_8.gif);
	background-repeat: no-repeat;
	background-position: center;
}
div.icon9 {
	width: 30px;
	height: 30px;
	background-image: url(../images/icon_9.gif);
	background-repeat: no-repeat;
	background-position: center;
}
div.icon10 {
	width: 30px;
	height: 30px;
	background-image: url(../images/icon_10.gif);
	background-repeat: no-repeat;
	background-position: center;
}
div.icon11 {
	width: 30px;
	height: 30px;
	background-image: url(../images/icon_11.gif);
	background-repeat: no-repeat;
	background-position: center;
}

/* list */
ul.ulMenu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
li.liMenu {
	float: left;
	margin-left: 20px;
	padding-left: 15px;
	background-image: url(../images/icon_1.gif);
	background-repeat: no-repeat;
	background-position: center left;
}
li.liMenuOn {
	float: left;
	margin-left: 20px;
	padding-left: 15px;
	background-image: url(../images/icon_1on.gif);
	background-repeat: no-repeat;
	background-position: center left;
}
ul.ulList {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
li.liList {
	margin: 7px 0px 7px 5px;
	padding-left: 12px;
	background-image: url(../images/icon_5.gif);
	background-repeat: no-repeat;
	background-position: center left;
	letter-spacing: 1px;
}
ul.ulArchives {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
li.liArchives {
	margin: 10px;
	padding-left: 15px;
	background-image: url(../images/icon_5.gif);
	background-repeat: no-repeat;
	background-position: center left;
	letter-spacing: 1px;
}

/* login */
div.login {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
}

/* top */
td.image_orange {
	letter-spacing: 1px;
	font-weight: bold;
	padding-left: 20px;
	background-image: url(../images/img_image.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
td.image_orange span.accent {
	color: #ec6100;
	font-size: 16px;
}
td.image_green {
	letter-spacing: 1px;
	font-weight: bold;
	padding-left: 20px;
	background-image: url(../images/img_image_diary.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
td.image_green span.accent {
	color: #638c0b;
	font-size: 16px;
}
td.image_green a.linkGreen{
	color: #638c0b;
	font-size: 16px;
	text-decoration: underline;
}
td.image_green a:visited.linkGreen {
	color: #638c0b;
	font-size: 16px;
	text-decoration: underline;
}
td.image_green a:hover.linkGreen {
	color: #638c0b;
	font-size: 16px;
	text-decoration: none;
	background-color: #b3d465;
}
td.image_blue {
	letter-spacing: 1px;
	font-weight: bold;
	padding-left: 20px;
	background-image: url(../images/img_image_config.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
td.image_blue span.accent {
	color: #0075a9;
	font-size: 16px;
}
td.image_blue a.linkBlue{
	color: #0075a9;
	font-size: 16px;
	text-decoration: underline;
}
td.image_blue a:visited.linkBlue {
	color: #0075a9;
	font-size: 16px;
	text-decoration: underline;
}
td.image_blue a:hover.linkBlue {
	color: #0075a9;
	font-size: 16px;
	text-decoration: none;
	background-color: #7ecef4;
}
div.column1_orange {
	width: 170px;
	height: 90px;
	margin: 0px;
	background-image: url(../images/img_column1_orange.gif);
	background-repeat: no-repeat;
	background-position: center;
}
div.column1_green {
	width: 170px;
	height: 90px;
	margin: 0px;
	background-image: url(../images/img_column1_green.gif);
	background-repeat: no-repeat;
	background-position: center;
}
div.column1_blue {
	width: 170px;
	height: 90px;
	margin: 0px;
	background-image: url(../images/img_column1_blue.gif);
	background-repeat: no-repeat;
	background-position: center;
}
p.writeDiary {
	margin: 20px 0px 0px 5px;
	padding: 0px 0px 0px 20px;
	background-image: url(../images/icon_2.gif);
	background-repeat: no-repeat;
	background-position: center left;
}
p.moveDiary {
	margin: 20px 0px 0px 5px;
	padding: 0px 0px 0px 20px;
	background-image: url(../images/icon_7.gif);
	background-repeat: no-repeat;
	background-position: center left;
}
p.mixi_icon {
	margin: 0px 4px 4px 0px;
	padding: 0px;
}
a.linkOrange{
	color: #ffffff;
	font-size: 16px;
	text-decoration: underline;
	letter-spacing: 1px;
}
a:visited.linkOrange {
	color: #ffffff;
	font-size: 16px;
	text-decoration: underline;
	letter-spacing: 1px;
}
a:hover.linkOrange {
	color: #ffffff;
	font-size: 16px;
	text-decoration: none;
	background-color: #f39700;
	letter-spacing: 1px;
}
a.linkGreen{
	color: #ffffff;
	font-size: 16px;
	text-decoration: underline;
	letter-spacing: 1px;
}
a:visited.linkGreen {
	color: #ffffff;
	font-size: 16px;
	text-decoration: underline;
	letter-spacing: 1px;
}
a:hover.linkGreen {
	color: #ffffff;
	font-size: 16px;
	text-decoration: none;
	background-color: #8fc41f;
	letter-spacing: 1px;
}
a.linkBlue{
	color: #ffffff;
	font-size: 16px;
	text-decoration: underline;
	letter-spacing: 1px;
}
a:visited.linkBlue {
	color: #ffffff;
	font-size: 16px;
	text-decoration: underline;
	letter-spacing: 1px;
}
a:hover.linkBlue {
	color: #ffffff;
	font-size: 16px;
	text-decoration: none;
	background-color: #00a1e9;
	letter-spacing: 1px;
}

/* column left */
table.contents {
	border-collapse: collapse;
	margin: 0px 0px 20px 0px;
	border-bottom: #cccbb7 solid 2px;
}
table.contents tr.title1 {
	background-image: url(../images/img_contents_bg_1.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #f5f5ed;
}
table.contents tr.title2 {
	background-image: url(../images/img_contents_bg_2.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #f5f5ed;
}
table.contents tr.title3 {
	background-image: url(../images/img_contents_bg_3.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #f5f5ed;
}
table.contents td.datetime {
	font-size: 10px;
	line-height: 30px;
	letter-spacing: 1px;
}
table.contents td.name {
	text-align: center;
}
table.contents td.title1 {
	padding: 5px 5px 5px 5px;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	letter-spacing: 1px;
}
table.contents td.title2 {
	font-weight: bold;
	line-height: 30px;
	letter-spacing: 1px;
}
table.contents p.body {
	line-height: 20px;
	margin: 5px;
}
table.contents p.subtitle {
	font-weight: bold;
	line-height: 16px;
	letter-spacing: 1px;
	margin: 10px 10px 0px 10px;
	padding: 3px;
	background-color: #dedcc7;
	border-top: #cccbb7 solid 1px;
	border-bottom: #cccbb7 dotted 1px;
}
table.contents p.form {
	line-height: 18px;
	letter-spacing: 1px;
	margin: 0px 10px 10px 10px;
	padding: 3px 3px 3px 10px;
	background-color: #dedcc7;
	border-bottom: #cccbb7 solid 1px;
}
table.contents p.list {
	line-height: 18px;
	letter-spacing: 1px;
	margin: 10px 10px 10px 10px;
	padding: 3px 3px 3px 10px;
	background-color: #dedcc7;
	border-top: #cccbb7 solid 1px;
	border-bottom: #cccbb7 solid 1px;
}
table.contents div.list {
	margin: 10px;
	padding: 5px;
	background-color: #dedcc7;
	border: #cccbb7 solid 1px;
}
table.contents td.body {
	padding: 2px;
	background-color: #ebead8;
}
table.contents td.menu {
	text-align: right;
	padding: 2px;
	background-color: #ebead8;
}
table.contents textarea.config_body {
	font-size: 12px;
	line-height: 16px;
	width: 600px;
	height: 200px;
	padding: 2px;
	background-color: #dedcc7;
	border: #cccbb7 solid 1px;
}
a.readDiary{
	color: #f39700;
	text-decoration: underline;
}
a:visited.readDiary {
	color: #f39700;
	text-decoration: underline;
}
a:hover.readDiary {
	color: #ffffff;
	text-decoration: none;
	background-color: #f39700;
}

/* column right */
table.column2 {
	border-collapse: collapse;
	margin: 0px 0px 10px 0px;
}
table.column2 td.top {
	width: 170px;
	height: 10px;
	background-image: url(../images/img_column2_top.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
table.column2 td.body {
	width: 170px;
	background-image: url(../images/img_column2_body.gif);
	background-repeat: repeat-y;
	background-position: top;
}
table.column2 td.bottom {
	width: 170px;
	height: 10px;
	background-image: url(../images/img_column2_bottom.gif);
	background-repeat: no-repeat;
	background-position: top;
}
p.column_title {
	width: 160px;
	margin: 10px 5px 10px 5px;
	padding: 0px;
	border-bottom: #585649 solid 1px;
	letter-spacing: 1px;
	text-align: center;
}
p.column_nickname {
	margin: 10px;
	padding: 0px 0px 0px 20px;
	letter-spacing: 1px;
	background-image: url(../images/icon_3.gif);
	background-repeat: no-repeat;
	background-position: center left;
}
p.column_mixi_prof {
	margin: 10px;
	padding: 0px 0px 0px 20px;
	letter-spacing: 1px;
	background-image: url(../images/icon_4.gif);
	background-repeat: no-repeat;
	background-position: center left;
}
p.column_url_copy {
	margin: 10px;
	padding: 0px 0px 0px 20px;
	letter-spacing: 1px;
	background-image: url(../images/icon_12.gif);
	background-repeat: no-repeat;
	background-position: center left;
}
table.calendar {
	border-collapse: collapse;
	margin: 0px 1px 0px 1px;
}
table.calendar th {
	font-size: 10px;
	text-align: center;
	letter-spacing: 1px;
	font-weight: normal;
}
table.calendar td {
	text-align: center;
	letter-spacing: 1px;
}
table.calendar td.write {
	background-color: #f5f5ed;
}
table.calendar td.today {
	background-color: #f39700;
}