#f12lg {
	font-size: 12px;
	color: #cccccc;
}
#f12r {
	font-size: 12px;
	color: #ff0099;
}
#f12or {
	font-size: 12px;
	color: #ff9900;
}

#f12 {
	font-size: 12px;
}

#f14 {
	font-size: 14px;
}

#f16 {
	font-size: 16px;
}

#f18b {
	font-size: 18px;
	color: #6666ff;
}

#lg {
	color: #cccccc;
}

#r {
	color: #ff6666;
}

#g {
	color: #66ff66;
}

#b {
	color: #6666ff;
}

a:link {
	color: #6666ff;
}
a:visited {
	color: #6666ff;
}
a:hover {
	color: #66ff66;
}
a:active {
	color: #ff6666;
}

a.w:link {
	color: #ffffff;
}
a.w:visited {
	color: #ffffff;
}
a.w:hover {
	color: #ffff66;
}
a.w:active {
	color: #ff9999;
}

body.default {
	background: #666666 url(./graphics/img/bg.png) left repeat-y;
	font-size: 14px;
	line-height: 150%;
	color: #666666;
	margin: 0px;
	padding: 0px;
}

div {
	border: 0px;
	padding: 0px;
}

div.box {
	border: solid 1px #666666;
	padding: 0px;
	margin-top: 20px;
	width: 800px;
}

div.inbox {
	padding: 5px;
}

div.bar-c {
	border-bottom-style: solid;
	border-dottom-width: 1px;
	border-bottom-color: #666666;
	background-color: #6666ff;
	padding: 5px;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
}

div.bar-l {
	border-bottom-style: solid;
	border-dottom-width: 1px;
	border-bottom-color: #666666;
	background-color: #6666ff;
	padding: 5px;
	font-size: 18px;
	color: #ffffff;
	text-align: left;
}

div.indent {
	padding-left: 30px;
}

div.back {
	font-size: 12px;
	text-align: right;
	padding-right: 2px;
}

img {
	margin: 0px;
	border: 0px;
}

table.none {
	border: none 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

table.box {
	border: solid 1px #666666;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	margin-top: 20px;
	width: 800px;
}

td.line-l {
	padding: 5px;
	vertical-align: middle;
	border-top:solid 1px #666666;
}
td.line-r {
	padding: 5px;
	vertical-align: middle;
	border-top:solid 1px #666666;
	border-left:solid 1px #666666;
}

td.none {
	padding: 5px;
	vertical-align: middle;
}

td.none-b {
	background-color: #6666ff;
	padding: 5px;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	padding: 5px;
	vertical-align: middle;
}

/* これより下 旧バージョン  */

table.outset{						/* テーブルoutset */
	border-style: outset;
	margin: 20px auto;
	width: 720px;
	background-color: #ffffff;
}
td.index-center{					/* インデックス中央揃え */
	color: #0050c0;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	background-color: #aaffbb;
	padding: 5px;
}
td.index-left{						/* インデックス左揃え */
	color: #0050c0;
	font-weight: bold;
	font-size: 18px;
	text-align: left;
	background-color: #aaffbb;
	padding: 5px;
}
td.travel-date{						/* travel/index.html 旅行日付 */
	font-size: 12px;
	text-align: left;
	padding: 2px;
	background-color: #ffffff;
	width: 150px;
}
td.new{								/*	travel/index.html 旅行記更新*/
	font-size: 11px;
	text-align: center;
	color: #ff0080;
	background-color: #ffffff;
	width: 40px;
}
td.ph{								/* travel/index.html [写真] */
	color: #ff8800;
	font-size: 10px;
	text-align: center;
	background-color: #ffffff;
	padding: 5px;
	width: 30px;
}
div.rs{								/* 右寄せ */
	font-size: 10px;
	text-align: right;
}
span.s{
	font-size: 12px;
}
span.ss{
	font-size: 10px;
}
span.re{
	color: #ff0000;
}
span.gr{
	color: #00c050;
	font-size: 14px;
	font-weight: bold;
}
span.pk{
	color: #ff8888;
	font-size: 14px;
	font-weight: bold;
}
span.lg{
	color: #aaaaaa;
}
span.dg{
	color: #888888;
}
span.address{
	color: #ff0080;
	font-style: italic;
}
