a.iconlink, a.iconlink:visited, a.iconlink:hover, a.iconlink:active, a.iconlink:link, span.icontext {
	color: #000000; 
	font-size: 16px; 
	text-decoration: none; 
	background: none; 
}

body { 
	padding-bottom: 10px; 
	padding-top: 0px; 
	margin-top:0px; 
	margin-left:auto; 
	margin-right:auto; 
	text-align: center; 
	background: #fff; 
	color: #222222; 
	font-family: Arial, Helvetica, Sans-Serif;	
}
body div {
	text-align: left;
	margin: 0 auto;
}

h1 { color: #333; font: bold 22px Arial, Helvetica, sans-serif; padding: 5px 5px 5px 6px; margin-top: 0px; }
h2 { font: normal 20px Arial, Helvetica, sans-serif; color: #222222; }
h3 { font: normal 18px Arial, Helvetica, sans-serif; color: #222222; margin-bottom: 5px; }
h4 { font: bold 14px Arial, Helvetica, sans-serif; color: #222222; margin-bottom: 5px; }
h5 { font: bold 13px Arial, Helvetica, sans-serif; margin-bottom: 5px; color: #222222; }
h6 { font: normal 11px Arial, Helvetica, sans-serif; color: #222222; }
p { font: 12px Arial, Helvetica, sans-serif; }
form { padding: 0px; margin: 0px; border: 0px; }
table { border: none; }
th { font: bold 11px Arial, Helvetica, sans-serif; text-align: left; color: #666;}
td { font: 12px Arial, Helvetica, sans-serif; } 
img { border: 0px solid #ddd; }
ol { font: normal 12px Arial, Helvetica, sans-serif; line-height: 18px; }
ul { font: normal 12px Arial, Helvetica, sans-serif; line-height: 18px; }
li { font: normal 12px Arial, Helvetica, sans-serif; line-height: 18px; }
dd, dt { font: normal 12px Arial, Helvetica, sans-serif; line-height: 18px; }

/* ##################### */
/*      LINK STYLES      */
/* ##################### */

a:link { color: #0063DC; text-decoration: underline; }
a:visited { color: #2E67C7; text-decoration: underline; }
a:hover { color: #FFFFFF; text-decoration: none; background: #0063DC; }
a:active { color: #FFFFFF; text-decoration: none; background: #0259C4; }


/* ##################### */
/*      DECORATIONS      */
/* ##################### */
.Lists { margin-left: -21px; /*font: 12px/15px;*/ color: #222222; list-style-type: circle; }
.Numbers { margin-left: -16px; /*font: 12px/15px;*/ color: #222222; }

.ColorfulLists { margin-left: -21px; /*font: 12px/15px;*/ color: #222222; list-style-type: circle; }
.ColorfulLists a:visited { color: #996699; text-decoration: underline }

.ColorfulListsNoline { padding-bottom: 5px; margin-left: -21px; /*font: 12px/15px;*/ color: #222222; list-style-type: circle; }
.ColorfulListsNoline a { text-decoration: none; }
.ColorfulNumbers a:visited { color: #996699; text-decoration: none }

.ColorfulNumbers { margin-left: -16px; /*font: 12px/15px;*/ color: #222222; }
.ColorfulNumbers a:visited { color: #996699; text-decoration: underline }

.ColorfulNumbersNoline { padding-bottom: 5px; margin-left: -21px; /*font: 12px/15px;*/ color: #222222;}
.ColorfulNumbersNoline a { text-decoration: none; }

ul.list-plain{
  margin:0;
  padding:0;
}

ul.list-plain li{
  list-style:none;
  padding-bottom:3px;
}

ul.list-plain li a{
  margin-right:5px;
}

ul.list-plain li img{
  vertical-align:baseline;
  margin-bottom:-4px;
  margin-right:5px;
}

/* ########################## */
/*         REG USER           */
/* ########################## */
.Reguser{
	border: 1px solid #999999;
	background-color: #FFFFFF;
}

.Reguser td{ padding: 10px 5px 10px 5px; border:1px solid; background-color: #ffffff;}

/* ########################## */
/*         LOGIN MENU         */
/* ########################## */
.LoginMenu{
  border: 1px solid #e6e6e6;
  border-collapse: collapse;
  background-color: #F2F6FF;
  color: #222222;
}

div.LoginMenuBar { 
	background-image: url(../images/dotted.gif); 
	background-repeat: repeat-x; 
	background-position: left bottom; 
	text-align: right; 
	color: #999; 
	background-color: #f3f3f3; 
	padding: 5px 10px 5px 10px; 
	vertical-align: bottom;
	font-size: 12px;
}

div.LoginMenuBarUserid {
	float: left;
	padding-left: 7px;
	font-size: 12px;
}

div.LogoMenuBar { 
	width: 100%;
}

table.logo_menu {
	width: 96%;
}

td.logo_menu_logo {
	width: 10%;
}

td.logo_menu_navi {
	width: 30%;
	padding-left: 40px;
	font: normal 14px Arial, Helvetica, sans-serif;
}

td.logo_menu_menu {
	width: 50%;
	/*valign: middle;*/
}

p.topmenu { font: normal 13px Arial, Helvetica, sans-serif; color: #777; margin: 0 0 0 2px; }

div.Message { 
	text-align: center; 
	color: #000000;
	font-weight:bold; 
	background-color: #F6D900; 
	padding: 2px 2px 2px 2px; 
	vertical-align: bottom;
	font-size: 12px;
	width: 80%;
	visibility: hidden;
}

/* ########################## */
/*            MENU            */
/* ########################## */
div.top-body {
	clear: both;
	top: 0;
	left: 0;
	width: 90%;
}

div.top_sidebar {
	width: 250px;
	float: right;
	margin-right:0;
	margin-left:-260px;
	margin-top: 20px;
}

div.top_main {
	text-align:left;
	float: left;
	display: inline; /* IE6のバグ回避用 */
	margin-left:0px;
	margin-right:270px;
}

div.top_logs {
	width: 100%;
	padding-bottom: 10px;
}

div.Logly-body {
	clear: both;
	top: 0;
	left: 0;
	width: 100%;
}

div.center-body {
	text-align: center;
	width: 70%;
}

div.Sidebar {
	width: 200px;
	float: left;
	margin-right:-210px;
	margin-left:10px;
}

div.Main {
	text-align:left;
	float: left;
	display: inline; /* IE6のバグ回避用 */
	margin-left:220px;
	margin-right:10px;
	width: 70%;
}

div.Main_NoSide {
	text-align:left;
	float: left;
	display: inline; /* IE6のバグ回避用 */
	margin-left:10px;
	margin-right:10px;
}

/*　
	カレンダー操作メニューおよびカレンダー表示部
	<div id="divCalMain">
		<div id="divSdlCal">カレンダー表示部</div>
	</div>
　*/
div.divCalMain {
	margin-left: 0px;
	margin-top: -2px;
	padding: 0;
	z-index: 2;
	height: 800px;
}

/* 
	カレンダー表示部 
	divCalMainの内部
*/
div.divSdlCal {
	/*position: absolute;*/
	margin-left: 0;
	margin-top: 0;
	padding: 0;
	z-index: 2;
}

div.module {
	padding:0px;
	margin-bottom:10px;
	border:1px solid #ccc;
}

div.ad {
	font-size: 12px;
	padding: 0 20px 1px 0;
	text-align: right;
	color: #0063DC;
}

div.module_title {
	font-size: 90%;
	background:#eee;
	font-weight:bold;
	padding:5px;
	height:14px;
}

div.module_body {
	padding: 10px;
	border-top:1px solid #ccc;
	font-size: 80%;
}

div.profile {
	padding: 5px 10px 0 5px;
	text-align: left;
}

div.profile_img {
	text-align: center;
}

div.tagcloud {
	font-family: 'Arial',sans-serif;
	background-color: #F2F6FF;
	width: 100%;
	line-height:160%;
}

div.tagcloud a {
	text-decoration: none;
}

div.tagcloud a:hover {
	text-decoration: underline;
	color: #ff9a00;
	background-color: #F2F6FF;
}

div.footer {
	clear: both;
	text-align: center;
	padding: 20px 10px 0 10px; 
}

p.footer {
	padding: 5px;
	margin: 0;
	background-color: #f3f3f3;
	font-size: 65%;
}

ul.List-menu{
  margin:0;
  padding:0;
  width:200px;
  list-style:none;
  font-size:90%;
  border:1px solid #ccc;
  background:#eee;
}

ul.List-menu li a {
  display:block !important;
  font-weight:bold;
  font-size:120%;
  padding:0px 0px 2px 0px;
  width:95%;
  margin: 5px;
}

/**/
ul.New-menu{
  margin:0;
  list-style:none;
  background:#FFFFFF;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0;
  padding-right: 0;
}

ul.New-menu li {
  display:block !important;
  font-weight:bold;
  font-size:120%;
  padding:0px 0px 2px 10px;
  width:95%;
}

div.text_color {
	background:#E6E6E6;
}

div.config {
	padding: 0;
	margin: 0 0 15px 0;
	border: 1px solid #ccc;
	width: 99%;
}

div.config-title {
  	font-weight:bold;
  	font-size:120%;
	background:#ccc;
	color:#FFF;
	padding: 5px;
}

div.config-body {
	margin: 0px;
}

div.config-inner-body {
	margin: 5px;
}

td.table_title {
	font-weight:bold;
	background:#ccc;
	color:#FFF;
}

#outside_photo_param_title {
	text-align:center;
}

table.table-config{
  width: 100%;
}

table.table-config tr th{
  width:150px;
  font-size:90%;
  line-height:150%;
  background:#EFF3FF;
  border-bottom:0;
  padding:3px;
  text-align:center;
}

table.table-config tr th a{
  color:#000000;
}

table.table-config tr td{
  /*width:80%;*/
  font-size:90%;
  line-height:150%;
  padding:3px 5px;
}

table.table-config tr td input,table.table-config tr td select{
  vertical-align:middle;
  margin:2px;
}

table.table-config tr td label{
  margin-right:10px;
}

table.table-config tr td p.note{
  margin:0;
  padding:0;
}

table.table-config tr td ul{
  margin:5px 0;
}

table.table-config tr td textarea{
	font-size:90%;
}

table.table-config tr td table{
	width:100%;
}

table.show_side {
	
}

table.posts {
	
}

td.error {
	color: red;
}

.PullDownTitle { 
	background-image: url(../images/dotted.gif); 
	background-repeat: repeat-y; 
	background-position: right; 
	text-align: right; 
	vertical-align: bottom;
}

.PullDown {
	float:left;
	border: solid #999; 
	border-width: 0px 2px 2px 0px;
	background-color:#ffffff;
	text-align: left;
}

td.contextTitleIconOpenCol { background-color: #f3f3f3; border:1px solid #e3e3e3; border-bottom:0px; padding: 0px; margin: 0px; width: 20px; }
td.contextTitleIconClosedCol { background-color: #f3f3f3; border:1px solid #e3e3e3; padding: 0px; margin: 0px; width: 20px; }

h3.contextTitleOpen { font-size: 12px; color: #222222; margin: 0 15px 0 2px; border:1px solid #f3f3f3; border-bottom:0px; padding: 3px 4px 4px 4px; width: 140px; }
h3.contextTitleClosed { font-size: 12px; color: #222222; margin: 0 15px 0 2px; border:1px solid #f3f3f3; padding: 3px 4px 4px 4px; width: 140px; }

h3.contextSearchTitleOpen { font-size: 12px; color: #222222; margin: 0 2px 0 2px; border:1px solid #f3f3f3; border-bottom:0px; padding: 3px 4px 4px 4px; width: 60px; }
h3.contextSearchTitleClosed { font-size: 12px; color: #222222; margin: 0 2px 0 2px; border:1px solid #f3f3f3; padding: 3px 4px 4px 4px; width: 60px; }

h3.contextSearchTitleOpen a:hover {
	display: block;
	background-color: #ccc;
	color:#fff;
}

h3.contextSearchTitleClosed a:hover {
	display: block;
	background-color: #ccc;
	color:#fff;
}

td.contextContentCol { background-color: #f3f3f3; border:1px solid #e3e3e3; border-left:0px; padding: 5px; margin: 0px; width: 160px; }
td.contextContentColCrapOpen { background-color: #f3f3f3; border:1px solid #e3e3e3; border-right:0px; border-top:0px; padding: 0px; margin: 0px; width: 20px; }

.tableTabOn {
	float:left;
	border: solid #e3e3e3; 
	border-width: 1px 1px 0px 1px;
	background-color:#f3f3f3;
	margin: 0 2px 0 1px;
	font-size: 12px;
}

.tableTabOn	a {
	text-decoration: none;
	padding:3px 4px 4px 4px;
	display: block;
}

.tableTabOn	a:hover	{
	display: block;
	background-color: #ccc;
	color:#fff;
}

.tableTabOff {
	float:left;
	border: solid #e3e3e3; 
	border-width: 1px 1px 0px 1px;
	margin: 0 2px 0 1px;
	font-size: 12px;
}

.tableTabOff a {
	text-decoration: none;
	padding:3px 4px 4px 4px;
	display: block;
}

.tableTabOff a:hover {
	display: block;
	background-color: #ccc;
	color:#fff;
}

.tableTabOnClosed {
	float:left;
	border: solid #e3e3e3; 
	border-width: 1px 1px 1px 1px;
	background-color:#f3f3f3;
	margin: 0 2px 0 1px;
	font-size: 12px;
}

.tableTabOnClosed a {
	text-decoration: none;
	padding:3px 4px 4px 4px;
	display: block;
}

.tableTabOffClosed {
	float:left;
	border: solid #e3e3e3; 
	border-width: 1px 1px 1px 1px;
	margin: 0 2px 0 1px;
	font-size: 12px;
}

.tableTabOffClosed a {
	text-decoration: none;
	padding:3px 4px 4px 4px;
	display: block;
}

/* ########################## */
/*            メッセージ                  */
/* ########################## */
div.message-body {
	background-color: #fff;
	padding: 10px;
	font-weight: normal;
}

/* ########################## */
/*            カレンダー                  */
/* ########################## */
.cal_menu_title{
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
	color: #626262;
	font-family:sans-serif;
}

table.cal_title{
  border: 0px;
  border-collapse: collapse;
  font-size: 9pt; 
  color: #626262;
  font-family:sans-serif;
  width: 100%;
  height: 15px;
}

table.cal{
  border: 1px solid #D1D1D1;
  border-collapse: collapse;
  background-color: #fff9f6;
  font-size: 9pt; 
  color: #000000;
  font-family:sans-serif;
  width: 100%;
}
tr.caltr{ border:1px solid #D1D1D1; vertical-align:top; height:110px; }
td.today{ border:1px solid #D1D1D1; width: 14%; height:110px; background-color:#FFFF99; font-family:sans-serif; }  /* 今日のセルオプション */
td.selected{ border:1px solid #D1D1D1; width: 14%; height:110px; background-color:#B8E1F3; font-family:sans-serif; }  /* 選択日のセルオプション */
td.holiday{ border:1px solid #D1D1D1; width: 14%; height:110px; background-color:#FFF2EE; font-family:sans-serif; }  /* 日曜・祝日のセルオプション */
td.saturday{ border:1px solid #D1D1D1; width: 14%; height:110px; background-color:#ECF5FF; font-family:sans-serif; }  /* 土曜のセルオプション */
td.usualday{ border:1px solid #D1D1D1; width: 14%; height:110px; font-family:sans-serif; }  /* なんでもない日のセルオプション */
td.nothismonth{ border:1px solid #D1D1D1; width: 14%; height:110px; background-color:#EEEEEE; font-family:sans-serif; }  /* 該当月でない日のセルオプション */
td.sun{ border:1px solid #D1D1D1; width: 14%; height:15px; background-color:#FED9CB; color:#FF5555; font-family:sans-serif; }  /* １列目日曜のセルオプション */
td.sat{ border:1px solid #D1D1D1; width: 14%; height:15px; background-color:#D9E0FF; color:#7D7DFF; font-family:sans-serif; } /* １列目土曜のセルオプション */
td.mon{ border:1px solid #D1D1D1; width: 14%; height:15px; background-color:#EEEEEE; color:#626262; font-family:sans-serif; }  /* １列目月曜～金曜のセルオプション */

table.daycal-time-table{
  border: 0px solid #000000;
  border-collapse: collapse;
  background-color: #fff9f6;
  font-size: 8pt; 
  color: #000000;
  font-family:sans-serif;
}
table.daycal{
  border: 0px solid #D1D1D1;
  border-collapse: collapse;
  background-color: #fff9f6;
  font-size: 9pt; 
  color: #000000;
  font-family:sans-serif;
  width: 100%;
}
tr.daycal-time-tr{ border:1px solid #D1D1D1; vertical-align:bottom; height:30px; background-color:#FFFFFF; font-family:sans-serif; }
tr.daycaltr{ border:1px solid #D1D1D1; vertical-align:top; height:500px; font-family:sans-serif; }

td.daycal-time{ border:1px solid #D1D1D1; width: 2%; font-family:sans-serif; }
td.daycal-time2{ border:1px solid #D1D1D1; width: 2%; background-color:#EFEFEF; font-family:sans-serif; }
td.daycal-usualday{ border:1px solid #D1D1D1; width: 2%; height:500px; font-family:sans-serif; }
td.daycal-usualday2{ border:1px solid #D1D1D1; width: 2%; height:500px; background-color:#EFEFEF; font-family:sans-serif; }

table.weekcal{
  border: 1px solid #D1D1D1;
  border-collapse: collapse;
  background-color: #fff9f6;
  font-size: 9pt; 
  color: #000000;
  font-family:sans-serif;
  width: 100%;
}
tr.weekcaltr1{ border:1px solid #D1D1D1; vertical-align:top; height:10px; background-color:#3399FF; text-align:left;color:#FFFFFF; font-family:sans-serif; }
tr.weekcaltr2{ border:1px solid #D1D1D1; vertical-align:top; height:300px; background-color:#FFFFFF; font-family:sans-serif; }
td.weekcal-usualday{ border:1px solid #D1D1D1; width: 14%; height:300px; font-family:sans-serif; }
td.weekcal-today{ border:1px solid #D1D1D1; width: 14%; height:300px; background-color:#FFFF99; font-family:sans-serif; }
td.weekcal-selected{ border:1px solid #D1D1D1; width: 14%; height:300px; background-color:skyblue; font-family:sans-serif; }
td.weekcal-holiday{ border:1px solid #D1D1D1; width: 14%; height:300px; background-color:#FFF2EE; font-family:sans-serif; }
td.weekcal-saturday{ border:1px solid #D1D1D1; width: 14%; height:300px; background-color:#ECF5FF; font-family:sans-serif; }

/* スケジュール用に独自クラスを定義してもよし */
.birthday{ border:1px solid #D1D1D1; width:100px; background-color:#ff6699; color:white; font-family:sans-serif; }

table.object{
  border-collapse: collapse;
  font-size: 9pt; 
  color: #000000;
  font-family:sans-serif; 
}

.object{
	font-size: 8pt;
	text-align: left;
	font-family:sans-serif; 
}

.object-long{
	background-color : #CCFFCC;
	border:1px solid #999999;
	font-size: 8pt;
	text-align: center;
	font-family:sans-serif; 
}

.object_white{
	font-size: 8pt;
	text-align: left;
	font-family:sans-serif; 
	color:#FFFFFF;
}

.object-long_white{
	background-color : #CCFFCC;
	border:1px solid #999999;
	font-size: 8pt;
	text-align: center;
	font-family:sans-serif; 
	color:#FFFFFF;
}

.object-selected{
	background-color : #0066CC;
	border:1px solid #999999;
	color:#FFFFFF;
	font-size: 8pt;
	text-align: left;
	/*filter: Alpha(Opacity=maxNum);*/
	font-family:sans-serif; 
}

.object-long_selected{
	background-color : #0066CC;
	border:1px solid #999999;
	color:#FFFFFF;
	font-size: 8pt;
	text-align: center;
	/*filter: Alpha(Opacity=maxNum);*/
	font-family:sans-serif; 
}

.object-paticular_object{
	background-color : #FF9999;
	border:1px solid #999999;
	font-size: 8pt;
	text-align: center;
	font-family:sans-serif; 
}

/* ########################## */
/*           グループ                      */
/* ########################## */
table.group{
  border: 1px solid #e3e3e3;
  border-collapse: collapse;
  background-color: #fff9f6;
  font-size: 9pt; 
  color: #000000;
  text-align: center;
}

td.group_cell{ border:1px solid #e3e3e3; }

table.group_menu{
  background-color: #FFFFFF;
  font-size: 9pt; 
  color: #000000;
}

td.group_menu{ font-size: 9pt; }

table.detail_group{
  border: 1px solid #CC9966;
  border-collapse: collapse;
  background-color: #fff9f6;
  font-size: 9pt; 
  color: #000000;
}

td.detail_group_cell{ border:1px solid #CC9966; }

table.detail_group_right{
  border: 1px solid #CC9966;
  border-collapse: collapse;
  background-color: #fff9f6;
  font-size: 9pt; 
  color: #000000;
}

td.group_cell{ border:1px solid #e3e3e3; width:100px; }

table.group_member{
  border: 1px solid #e3e3e3;
  border-collapse: collapse;
  background-color: #fff9f6;
  font-size: 9pt; 
  color: #000000;
  text-align: center;
}

td.group_member_cell{ border:1px solid #e3e3e3; width:100px; }

/* ########################## */
/*       TABLE DESIGN         */
/* ########################## */
.design{
  /*border: 1px solid #ccc;*/
  border-collapse: collapse;
  background-color: #EEEEEE;
  width: 100%;
}
.design td { padding-top: 5px; padding-bottom: 5px; }

.design2{
  border: 0px solid #ccc;
  border-collapse: collapse;
  background-color: #FFFFFF;
  font-size: 10px; 
  color: #000000;
  font-family:sans-serif; 
  width: 100%;
}
.design2 td { font: normal 13px Arial, Helvetica, sans-serif; color: #222222; }

table.matrix{
	margin: 5px 0px;
	border-collapse:collapse;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
}

table.matrix td{
	margin:0px;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	overflow: auto;
	empty-cells:show;
}

table.matrix th{
	margin:0px;
	text-align:left;
	font-weight: normal;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	background-color: #EEE;
	empty-cells:show;
}

/* ########################## */
/*       CALENDAR MENU        */
/* ########################## */
.notification { 
	color: #222222; 
	background-color: #FFFFCC; 
	border:1px dotted #e3e3e3; 
	padding: 5px; 
	text-align: left;
	font-weight: bold;
	width: 99%;
}

.important {
	color: red;
}


.CalendarOperation {
	background-color: #f3f3f3;
	width: 100%;
}

.TabbedCalendarOperation {
	background-color: #E7F1F8;
	width: 100%;
}

/* ########################## */
/*         OBJ VIEW           */
/* ########################## */
.ObjViewOdd { 
	color: #222222; 
	border: 0px solid #ccc;
  	border-collapse: collapse;
  	background-color: #EEEEEE; 
}

.ObjViewEven { 
	color: #222222; 
	border: 0px solid #ccc;
  	border-collapse: collapse;
  	background-color: #FFFFFF;
}

/* ########################## */
/*    USER SEARCH VIEW        */
/* ########################## */
.UserViewOdd { 
	color: #222222; 
  	border-collapse: collapse;
  	background-color: #EEEEEE;
	width: 100%;
	margin: 5px 0px;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
}

table.UserViewOdd td{
	margin:0px;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	overflow: auto;
	empty-cells:show;
}

.UserViewEven { 
	color: #222222; 
  	border-collapse: collapse;
  	background-color: #FFFFFF;
	width: 100%;
	margin: 5px 0px;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
}

table.UserViewEven td{
	margin:0px;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	overflow: auto;
	empty-cells:show;
}

/* ########################## */
/*          DIARY             */
/* ########################## */

.DiaryComment { 
	color: #222222; 
	background-color: #FFFFFF; 
	border:0px dotted #e3e3e3; 
	width: 88%;
}

div.diary {
	width: 100%;
}

div.diary-each {
	padding:0px;
	margin-bottom:10px;
	border:1px solid #ccc;
}

div.diary_title {
	font-size: 90%;
	background:#eee;
	padding:5px;
}

div.diary_content {
	padding:0 4px 4px 5px;
	border-top:1px solid #ccc;
	font-size: 14px;
}

div.diary_comment {
	font-size: 12px;
	padding: 0 0 10px 15px;
}

div.diary_comment_menu {
	padding: 5px;
}

div.diary_comment_header {
	padding-left: 10px;
}

div.diary_comment_body {
	padding: 0 0 10px 10px;
}

div.diary_continue {
	padding: 10px 0 20px 0;
}

/* ########################## */
/*          ALBUM             */
/* ########################## */
div.album_list {
	padding: 0 0 30px 200px;
}

div.album_list_photo {
	float: left;
	padding-top: 50px;
}

div.album_list_desc {
	padding-left: 90px;
}

div.album_continue {
	padding: 10px 0 20px 0;
}

div.album_particular {
	padding-left: 50px;
}

div.album_particular_header {
	
}

div.album_particular_body {
	padding: 20px 0 0 0;
	border:5px solid #e3e3e3;
	width: 100%;
}

div.album_particular_footer {
	padding: 10px;
}

div.album_particular_comment {
	font-size: 14px;
	padding: 0 0 10px 15px;
}

div.album_particular_comment_menu {
	padding: 5px;
}

div.album_particular_comment_header {
	padding-left: 10px;
}

div.album_particular_comment_body {
	padding: 0 0 10px 10px;
}

div.album_tag {
	padding: 10px;
	border:5px solid #e3e3e3;
}

.A1{
 width : 80px ;
 height : 80px ;
 background-color : #ffffff;
 position : relative;
 top : 0px;
 left :0px;
 z-index : 1;
}
.IM1{
 position : absolute;
 top : -1px;
 left : -1px;
 z-index : 2;
 width : 8px;
 height : 8px;
 border-style : none; 
}
.IM2{
 position : absolute;
 top : -1px;
 right : -1px;
 z-index : 2;
 width : 8px;
 height : 8px;
 border-style : none; 
}
.IM3{
 position : absolute;
 bottom : -1px;
 left : -1px;
 z-index : 2;
 width : 8px;
 height : 8px;
 border-style : none;
}
.IM4{
 position : absolute;
 bottom : -1px;
 right : -1px;
 z-index : 2;
 width : 8px;
 height : 8px;
 border-style : none;
}
.IMPhoto{
 position : absolute;
 top : 5px;
 left :5px;
 width : 70px;
 height : 70px;
 border-style : none;
}

/* ########################## */
/*          GOAL              */
/* ########################## */
div.goal {
	width: 100%;
}

div.goal_title {
	border-top:1px solid #CCC;
	background:#EEE;
	/*font: 18px;*/
	padding: 3px 0 3px 10px;
	font-weight: bold;
}

div.goal_side_menu {
	float: right;
	margin-right: 10px;
	width: 200px;
}

div.goal_main {
	padding: 15px;
}

div.goal_edit {
	text-align: right;
	font-size: 80%;
}

h4.goal_date {
	padding: 0px 0px 0px 0px;
	color: #ff9a00;
	font: bold 14px Arial, Helvetica, sans-serif;
}

h6.goal_posted {
	border-top: 1px dotted #CCC;
	padding: 5px 0px 5px 0px;
	width: 70%;
}

/* ########################## */
/*          FILE              */
/* ########################## */
.File{
  font-size: 10px; 
  color: #222222;
}

.FileTitle { background-color: #e5f6ff; color: #222222; }

/* ########################## */
/*         HTML PAGE          */
/* ########################## */
h3.block_title {
	color: #ff9a00;
	font-weight: bold;
	border-top:1px solid #CCC;
	padding:2px 5px 2px 5px;
	margin-bottom:5px;
	background:#EEE;
}

p.block_content {
	line-height: 23px;
	font-size: 15px;
	padding-left: 10px;
}

ul.explain_list li {
	font-size: 16px;
	font-weight: bold;
	list-style-type: circle;
	margin-left: -21px;
	padding-bottom: 10px;
}

h5.img_desc {
	font-size: 14px;
	font-weight: bold;
	color: green;
}

div.help_index {
	
}

div.help_index a {
	color: #0063DC;
	text-decoration: none;
}

ul.help_index_category {
	list-style-type: square;
	padding-bottom: 10px;
}

ul.help_index_category li {
	padding-bottom: 5px;
}

h3.help_index_title {
	font-size: 16px;
	font-weight: bold;
}

h3.help_index_title a {
	
}

h3.help_index_title a:visited {
	text-decoration: none;
	background: #FFFFFF;
	color: #0063DC;
}

h3.help_index_title a:hover {
	text-decoration: underline;
	background: #FFFFFF;
	color: #0063DC;
}

ol.help_index_contents {
	
}

ol.help_index_contents a {
	font-size: 14px;
	color: black;
	text-decoration: none;
}

ol.help_index_contents a:visited {
	text-decoration: none;
	background: #FFFFFF;
	color: black;
}

ol.help_index_contents a:hover {
	text-decoration: underline;
	background: #FFFFFF;
	color: black;
}

div.help_contents {
	
}

h3.help_contents_title {
	font-size: 22px;
	font-weight: bold;
	color: #0063DC;
}

ul.help_contents_category {
	list-style-type: square;
	padding-bottom: 10px;
}

ol.help_contents_content li {
	font-size: 18px;
	font-weight: bold;
	padding: 10px;
	color: black;
}

p.help_content {
	font-size: 14px;
	color: #222222;
	line-height: 22px;
}

img.help { border: 1px solid #ddd; }


/* ########################## */
/*          HELP              */
/* ########################## */
h3.title {
	border-top:1px solid #CCC;
	padding:2px 5px 2px 5px;
	margin-bottom:5px;
	font-weight: bold;
	background:#EEE;
	color: black;
}

h3.subtitle {
	border-bottom:1px dotted #CCC;
	padding:2px 5px 2px 5px;
	margin-bottom:5px;
	margin-top:15px;
	font-weight: bold;
	color: #222222;
}

h4.subtitle {
	padding-top: 20px;
	color: #ff9a00;
	font: bold 16px Arial, Helvetica, sans-serif;
}

p.sentence { font: 14px Arial, Helvetica, sans-serif; line-height: 20px; }
li.sentence { font: 14px Arial, Helvetica, sans-serif; line-height: 20px; }
td.sentence { font: 14px Arial, Helvetica, sans-serif; line-height: 20px; }

/* ########################## */
/*         INDEX PAGE         */
/* ########################## */
ul.top_title {
	list-style-type: square;
	padding-bottom: 10px;
}

ul.top_title li {
	font: bold 14px Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
	color: #000000;
}

ul.top_title_contents {
	list-style-type: none;
}

ul.top_title_contents li {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #222222;
	line-height: 23px;
}

/* ########################## */
/*        SEARCH RESULT       */
/* ########################## */
h3.event_title {
	font-weight: bold;
	font: 32px Arial, Helvetica, sans-serif;
}

h4.event_date {
	padding: 0px 0px 0px 0px;
	color: #ff9a00;
	font: bold 14px Arial, Helvetica, sans-serif;
}

h5.event_posted {
	border-top: 1px dotted #CCC;
	padding: 5px 0px 5px 0px;
}

h6.event_posted {
	border-top: 1px dotted #CCC;
	padding: 5px 0px 5px 0px;
}

table.newobj{
  background-color: #FFFFFF;
  font-size: 9pt; 
  color: #000000;
}

/* ########################## */
/*           EVENT            */
/* ########################## */
h3.eventDtl_title {
	border-top:1px solid #CCC;
	padding:2px 5px 2px 5px;
	margin-bottom:5px;
	font-weight: bold;
	background:#F2F6FF;
	color: #222222;
	font: bold 16px Arial, Helvetica, sans-serif;
}

/* ########################## */
/*           OTHERS           */
/* ########################## */
td.newobj_cell{ 
	font-size: 9pt; 
	font-family:sans-serif; 
}

table.edit_profile{
  background-color: #FFFFFF;
  font-size: 9pt; 
  color: #000000;
}

.newobj_menu {
	background-color : #FFFFFF;
	border:1px solid #000000;
	font-size: 9pt;
	text-align: left;
}

.memo {
	background-color : #FFFFFF;
	border:1px solid #000000;
	color:#0000FF;
	font-size: 9pt;
	text-align: left;
	clear: left;
	/*filter: Alpha(Opacity=maxNum);*/
	font-family:sans-serif; 
}

.attention {
	color: red;
}

/* ----------------------------- */
span.color_666666 {
	color: #222222;
}

span.color_666666 a {
	color: #222222;
}

span.color_666666 a:hover {
	color: #222222;
	background-color: #FFFFFF;
	text-decoration: underline;
}

span.color_666666_bold {
	color: #222222;
	font-weight: bold;
}

span.color_666666_bold a {
	color: #222222;
	font-weight: bold;
}

span.color_666666_bold a:hover {
	color: #222222;
	background-color: #FFFFFF;
	text-decoration: underline;
}

/* ----------------------------- */
span.color_0000FF {
	color: #0000FF;
}

span.color_0000FF a {
	color: #0000FF;
}

span.color_0000FF a:hover {
	color: #0000FF;
	background-color: #FFFFFF;
	text-decoration: underline;
}

span.color_0000FF_bold {
	color: #0000FF;
	font-weight: bold;
}

span.color_0000FF_bold a {
	color: #0000FF;
	font-weight: bold;
}

span.color_0000FF_bold a:hover {
	color: #0000FF;
	background-color: #FFFFFF;
	text-decoration: underline;
}
/* ----------------------------- */
span.color_FF0000 {
	color: #FF0000;
}

span.color_FF0000 a {
	color: #FF0000;
}

span.color_FF0000 a:hover {
	color: #FF0000;
	background-color: #FFFFFF;
	text-decoration: underline;
}

span.color_FF0000_bold {
	color: #FF0000;
	font-weight: bold;
}

span.color_FF0000_bold a {
	color: #FF0000;
	font-weight: bold;
}

span.color_FF0000_bold a:hover {
	color: #FF0000;
	background-color: #FFFFFF;
	text-decoration: underline;
}
/* ----------------------------- */
span.color_FF9900 {
	color: #FF9900;
}

span.color_FF9900 a {
	color: #FF9900;
}

span.color_FF9900 a:hover {
	color: #FF9900;
	background-color: #FFFFFF;
	text-decoration: underline;
}

span.color_FF9900_bold {
	color: #FF9900;
	font-weight: bold;
}

span.color_FF9900_bold a {
	color: #FF9900;
	font-weight: bold;
}

span.color_FF9900_bold a:hover {
	color: #FF9900;
	background-color: #FFFFFF;
	text-decoration: underline;
}
/* ----------------------------- */
span.color_00CC00 {
	color: #00CC00;
}

span.color_00CC00 a {
	color: #00CC00;
}

span.color_00CC00 a:hover {
	color: #00CC00;
	background-color: #FFFFFF;
	text-decoration: underline;
}

span.color_00CC00_bold {
	color: #00CC00;
	font-weight: bold;
}

span.color_00CC00_bold a {
	color: #00CC00;
	font-weight: bold;
}

span.color_00CC00_bold a:hover {
	color: #00CC00;
	background-color: #FFFFFF;
	text-decoration: underline;
}

.comment {
	background-color : #FFFFFF;
	border:1px solid #000000;
	color:#0000FF;
	font-size: 9pt;
	text-align: left;
	clear: left;
	/*filter: Alpha(Opacity=maxNum);*/
	font-family:sans-serif; 
}

.users {
	font: normal 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	background:#FFCC99;
	color: #FF6600;
}

.api {
	font-weight: bold;
	color: black;
	font-size: 140%;
	padding: 20px;
}

/* ########################## */
/*       Pulldown Menu        */
/* ########################## */
#pulldown_menu ul li ul{
	display:none;	/* Needed to display ok in Opera */
}
	
#pulldown_menu{
	visibility:hidden;
	margin:0 auto;
	text-align:right;
	background-color: #FFF;
	padding-top:0px;	
	padding-left: 0px;
	padding-right:10px;
	padding-bottom:0px;	
}
#pulldown_menu ul{
	margin:0px;	/* No indent */
	padding:0px;	/* No indent */
}
#pulldown_menu li{
	list-style-type:none;	/* No bullets */
}	
#pulldown_menu a{
	margin:0px;
	padding:0px;
}

/***********************************************************************
	CSS - MENU BLOCKS
 	General rules for all menu blocks (group of sub items) 
***********************************************************************/
#pulldown_menu ul{
	border:1px solid #000;
	background-color:#FFF;
	padding:1px;
}
	
#pulldown_menu ul.menuBlock1{	/* Menu bar - main menu items */
	border:0px;
	padding:1px;
	overflow:visible;
}
#pulldown_menu ul.menuBlock2{	/* Menu bar - main menu items */	
	width: 145px;
	float:left;
	border: solid #999; 
	border-width: 0px 2px 2px 0px;
	background-color:#ffffff;
	text-align: left;
}

/***********************************************************************
	CSS - MENU ITEMS
 	Here, you could assign rules to the menu items at different depths.
***********************************************************************/
/* General rules for all menu items */
#pulldown_menu a{
	text-decoration:none;
	padding-left:2px;
	padding-right:2px;
}

/*
Main menu items 
*/	
#pulldown_menu .currentDepth1{
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:10px;
	border:1px solid #e3e3e3;
}
#pulldown_menu .currentDepth1over{
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:10px;
	background-color:#D0D0D0;
	border:1px solid #e3e3e3;
}
#pulldown_menu .currentDepth1 a{
	font-weight:bold;
}
#pulldown_menu .currentDepth1over a{	/* Text rules */
	color:#FFF;
	font-weight:bold;
}

/* Sub menu depth 1 */
#pulldown_menu .currentDepth2{
	padding-left:2px;
	padding-right:2px;
	border:1px solid #FFF;
}
#pulldown_menu .currentDepth2over{
	padding-left:2px;
	padding-right:2px;
	background-color:#E2EBED;
	border:1px solid #e3e3e3;
}	
#pulldown_menu .currentDepth2over a{	/* Text rules */
	color: #FFF;
}	
/* Sub menu depth 2 */
#pulldown_menu .currentDepth3{
	padding-left:2px;
	padding-right:2px;
	border:1px solid #FFF;
}
#pulldown_menu .currentDepth3over{
	padding-left:2px;
	padding-right:2px;
	background-color:#EDE3EB;
	border:1px solid #e3e3e3;
}
/* Sub menu depth 3 */
#pulldown_menu .currentDepth4{
	padding-left:2px;
	padding-right:2px;
	border:1px solid #FFF;
}
#pulldown_menu .currentDepth4over{
	padding-left:2px;
	padding-right:2px;
	background-color:#EBEDE3;
	border:1px solid #000;
}


/* ########################## */
/*            API			  */
/* ########################## */
div.top_left_sidebar {
	width: 200px;
	float: left;
	margin-right:0;
	margin-left:0px;
	margin-top: 0px;
}

div.top_left_main {
	text-align:left;
	float: left;
	display: inline; /* IE6のバグ回避用 */
	margin-left:20px;
	margin-right:0px;
	/*width: 75%;*/
	width: 100%;
	margin-top: 20px;
}

h3.api_title {
	border-top:1px solid #CCC;
	padding:2px 5px 2px 5px;
	margin-bottom:5px;
	font-weight: bold;
	background:#EEE;
	color: black;
}

table.table-api{
  width: 100%;
  border: 1px solid #999;
  border-collapse: collapse;
}

table.table-api tr th{
  font-size:90%;
  line-height:150%;
  background:#EFF3FF;
  padding:3px;
  text-align:center;
  border: 1px solid #999;
  border-collapse: collapse;
}

table.table-api tr th a{
  color:#000000;
}

table.table-api tr td{
  font-size:95%;
  line-height:150%;
  padding:3px 5px;
  border: 1px solid #999;
  border-collapse: collapse;
}

div.ex_xml {
	background-color: #DFFFFF;
	color: black;
}

.api_content {
	padding-left: 20px;
	padding-bottom: 30px;
	line-height:150%;
	/*color: black;*/
}

.ApiLists { /*font: 12px/15px;*/ color: #222222; list-style-type: circle; }

/* ########################## */
/*         TOUR GUIDE		  */
/* ########################## */
ul.guide_list-menu{
  margin:0;
  padding:0;
  width:200px;
  list-style:none;
  font-size:90%;
  /*border-right:1px solid #ccc;*/
  /*background:#eee;*/
}

ul.guide_list-menu li a {
  display:block !important;
  font-weight:bold;
  font-size:120%;
  padding:0px 0px 2px 0px;
  width:95%;
  margin: 5px;
}

div.tour_main {
	text-align:left;
	float: left;
	display: inline; /* IE6のバグ回避用 */
	margin-left:220px;
	margin-right:10px;
	border-left:1px solid #ccc;
	padding-left: 20px;
}

table.tour-desc{
  width: 700px;
  border-collapse: collapse;
}

table.tour-desc tr{
  font-size:90%;
  line-height:150%;
  padding: 3px;
  border-collapse: collapse;
}

table.tour-desc tr td{
  font-size:90%;
  line-height:150%;
  padding:3px 5px 15px 3px;
  width: 350px;
  border-collapse: collapse;
  vertical-align: top;
}

.tour_img {
	padding:30px 5px 30px 10px;
}

p.tour-pre_desc {
	font-size:90%;
}

/* ########################## */
/*          OFFLINE 		  */
/* ########################## */
.offline { color: #222222;}