body{
	color: #000000;
	background-color: #cccccc;
	font-size: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
}

#portalContainer{
	width: 800px;
	color: #000000;
	background-color: #ffffff;
	background-image: url("/image/design/portal/border.gif");
	font-size: 85%;
	text-align: left;
	margin: 0 auto;
	padding: 0;
}

#portalHeader{
	float: none;
	clear: both;
	width: 100%;
	height: 110px;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

#portalHeader h1{
	margin: 0;
	padding: 15px;
	text-align: left;
}

#portalNavi{
	position: relative;
	top: 0px;
	right: 10px;
	float: none;
	clear: both;
	width: 100%;
	margin: 5px 0px;
	padding: 0;
}

#portalNavi ul{
	font-size: 12px;
	text-align: right;
	margin: 0 0 0 15px;
	padding: 0;
}

#portalNavi li{
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#portalFooter{
	float: none;
	clear: both;
	width: 800px;
	margin: 20px 0 0 0;
	padding: 0;
	padding-bottom: 6px;
}

#portalFooter p{
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	background-color: #FFFFFF;
	font-size: 10px;
	text-align: center;
	margin: 0;
	padding: 5px;
}

#entryNavi{
	position: relative;
	left: 5px;
	float: left;
	clear: left;
	width: 150px;
	margin: 0;
	padding: 0;
}

#listNavi{
	position: relative;
	left: 5px;
	float: right;
	clear: right;
	width: 150px;
	margin: 0;
	padding: 0;
}

#contents{
	float: left;
	clear: none;
	width: 500px;
	color: #000000;
	background-color: transparent;
	font-size: 12px;
	line-height: 1.2;
	margin: 0;
	padding: 0;
}

#entryNavi p.login,
#listNavi p.login {
	height: 31px;
	font-size: 12px;
	line-height: 31px;
	_line-height: 14px;
	text-align: center;
	margin: 0;
	padding: 0;
	_padding: 9px;

}

#entryNavi .section,
#listNavi .section {
	width: 140px;
	font-size: 12px;
	line-height: 1.2;
	margin: 0 0 5px 0;
	padding: 0;
}

#entryNavi .section h2,
#listNavi .section h2{
	color: #003300;
	background-image: url("/image/design/section.gif");
	background-color: transparent;
	background-repeat: no-repeat;
	font-size: 12px;
	text-align: center;
	margin: 0;
	padding: 2px;
}

#portalContainer div.sectionBody {
	background-color: #fff;
	border: 1px solid #7b8c96;
	margin: 0;
	padding: 0;
}

#entryNavi .even,
#listNavi .even {
	background-color: #eeeeee;
}

#entryNavi .section p,
#listNavi .section p {
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

#entryNavi .calendar,
#listNavi .calendar {
	text-align: center;
}


#entryNavi .calendar table,
#listNavi .calendar table{
	width: 96%;
	border-collapse: collapse;
	empty-cells: show;
	border: 0 none;
	margin: 0 auto;
	padding: 0;
}

#entryNavi .calendar caption,
#listNavi .calendar caption{
	font-size: 11px;
	margin: 0;
	padding: 3px 0;
}

#entryNavi .calendar th,
#listNavi .calendar th{
	color: #000;
	background-color: #eee;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

#entryNavi .calendar p,
#listNavi .calendar p{
	margin: 6px 0 5px 0;
}



#entryNavi .calendar td,
#listNavi .calendar td{
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

#entryNavi .section form,
#listNavi .section form{
	text-align: center;
	margin: 0;
	padding: 0;
}

#entryNavi .section form .input,
#listNavi .section form .input {
	width: 100px;
}

#entryNavi .section ul,
#listNavi .section ul {
	margin: 0 0.3em;
	padding: 0;
}

#entryNavi .section ul li,
#listNavi .section ul li{
	list-style-type: none;
	list-style-image: none;
	display: block;
	margin: 0;
	padding: 0.4em 1px;
}

#entryNavi .section form ul li,
#listNavi .section form ul li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}


#entryNavi .barcode{ text-align: center; }

#entryNavi .feed{
	border: 0 none;
}

#entryNavi .feed p{
	font-size: 12px;
	text-align: center;
	margin: 8px 0 8px 0;;
	padding: 0;
}

#entryNavi .feed h2{
	visibility: hidden;
	display: none;
}

#entryNavi .feed dl{
	margin: 1em 0;
	padding: 0;
}

#entryNavi .feed dl dt{
	font-size: 12px;
	text-align: center;
	margin: 0;
	margin-bottom: 0.4em;
	padding: 0;
}

#entryNavi .feed dl dd{
	font-size: 12px;
	text-align: center;
	margin: 0;
	padding: 0;
}

#entryNavi .feed dl dd a{
	font-size: 12px;
	margin: 0;
	padding: 0;
}

#listNavi .birthday dl {
	font-size: 12px;
	margin:3px;
}
#listNavi .birthday dl dt {
	font-weight: bold;
	color: #000000;
	margin-bottom:3px;
	margin-left:2px;
	border-bottom: solid 1px #cccccc;
}
#listNavi .birthday dl dd {
	margin-left:20px;
	margin-bottom:3px;
	border-bottom: dotted 1px #cccccc;
}

#listNavi .birthday table {
	font-size: 10px;
	width:138px;
	border-bottom: solid 1px #cccccc;
}

#listNavi .birthday p {
	text-align:center;
}

#listNavi .birthday table tr td {
	background-color:#ffffff;
	text-align:center;
}

#listNavi .birthday table tr td.nowBirthdayMonth {
	background-color:#ccffff;
}


#listNavi .schedule p{
	margin: 5px;
}

#listNavi .schedule .sectionBody {
	padding-top:    3px;
	padding-bottom: 3px;
	text-align:     center;

}

#listNavi .schedule .sectionBody select{
	width: 135px;
}

#listNavi .partyMembers h3{
	font-size: 12px;
	line-height: 24px;
	border-bottom: 1px dashed #ddd;
	margin: 3px;
	padding: 0;
}


#listNavi .partyMembers .listBody{
	display: none;
}

#listNavi .partyMembers .listBody p{
	margin: 0.2em;
	margin-left: 1.3em;
}

#listNavi .partyMembers .listBody ul{
	margin: 0.2em;
	margin-left: 1.3em;
}

#listNavi .user .sectionBody .partyMembers h3 {
	cursor: pointer;
}

#listNavi .access .sectionBody {
	margin: 0;
	padding: 2px;
}


#listNavi .access dl {
	margin: 0;
	padding: 1px;
}

#listNavi .access dl dt {
	font-size: 12px;
	line-height: 14px;
	margin: 2px 0 0 0;
	padding: 0;
}

#listNavi .access dl dt img {
	vertical-align: middle;
}

#listNavi .access dl dd {
	margin: 0 0 0 22px;
	padding: 0;
}



#portalContainer .topNavi {
	font-size: 12px;
	line-height: 16px;
	margin: 5px 8px;
	padding: 3px 0;
}

* html #contents * { word-wrap: break-word; }

#contents .section{
	clear: both;
	border: 0 none;
	margin: 0 0 1.5em 0;
	padding: 0;
}

#contents .sectionBody {
	color: inherit;
	background-color: #fff;
}

#contents .section h2{
	color: #FFFFFF;
	background-color: transparent;
	background-image: url("/image/design/section_center.gif");
	background-repeat: no-repeat;
	border-bottom: 1px solid #cccccc;
	font-size: 12px;
	text-align: center;
	margin: 0;
	padding: 4px;
}


#contents .search form {
	margin: 0;
	padding: 0;
}


#contents .search ul {
	text-align: center;
	margin:0;
	padding: 5px 0;
}


#contents .search ul li {
	list-style: none;
	display: inline;
}


#contents .search {
	background-color: transparent;
	margin: 0 0 5px 0;
	padding: 0;
}

#contents .search .input{
	width: 250px
}

#contents .section h3{
	font-size: 14px;
	line-height: 1.1;
	border-bottom: 1px dotted #999;
	margin: 5px 0 5px 0;
	padding: 1px;
}


#contents .section .itemContents{
	margin: 0 0 5px 0;
	padding: 0 0 3px 0;
}

#contents .section .itemInformation{
	text-align: right;
	margin: 0;
	padding: 0;
}

#contents .section .itemInformation li{
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#contents .section table.itemUpdated{
	width: 498px;
	border: 0 none;
	empty-cells: show;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

#contents .section table.itemUpdated th,
#contents .section table.itemUpdated td{
	font-size: 12px;
	margin: 0;
	padding: 3px 3px;
}

#contents .recentEntries h3,
#contents .recentComments h3,
#contents .recentTrackbacks h3{
	font-size: 12px;
	border: 0 none;
	margin: 0;
	padding: 6px 3px;
}

#contents .recentComments p,
#contents .recentTrackbacks p{
	font-size: 12px;
	border: 0 none;
	margin: 5px 2em;
	padding: 6px 3px;
}

#contents .section div.itemUpdated .itemBody{
	font-size: 12px;
}


#contents .section .odd{
	margin: 0;
	padding: 0 5px;
}

#contents .section .even{
	margin: 0;
	padding: 0 5px;
	color: #000;
	background-color: #eee;
}

#contents .newItemTab{
	width: 500px;
	margin: 0;
	padding: 0;
}

#contents .newItemTab ul{
	width: 500px;
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
}

#contents .newItemTab ul li{
	list-style: none;
	display: block;
	width: 113px;
	float: left;
	clear: none;
	font-size: 14px;
	background-color: #FFFFFF;
	line-height: 30px;
	text-align: center;
	border: 1px solid #ccc;
	border-bottom: 0 none;
	margin: 0 5px;
	padding: 0;
}

#contents .newItemList{
	width: 500px;
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
}

#contents .recentComments {
	margin-top: 20px;
}

#contents .recentImages .sectionBody {
	text-align: center;
	margin: 0;
	padding: 0;
}

#contents .recentImages .sectionBody ul {
	width: 496px;
	margin: 0 auto;
	_margin: 0;
	padding: 0 10px;
	_padding: 0 3px;
}

#contents .recentImages ul li {
	float: left;
	clear: none;
	list-style: none;
	display: block;
	margin: 5px 8px;
	_margin: 5px 6px;
	padding: 0;
}

#contents .recentImages ul li img {
	margin: 0;
	padding: 0;
}

#contents .recentImages p {
	font-size: 10px;
	margin: 0;
	padding: 0;
}

#contents .pager{
	width: 498px;
	margin: 0 auto;
	padding: 0;
}

#contents .pager ul{
	text-align: right;
}

#contents .pager ul li{
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}

/* ########################################################################################### */

#contents .folder .sectionBody {
	width: 500px;
	position: relative;
	float: none;
	clear: both;
	background-color: #fff;
	margin: 0;
	padding: 0;
	padding-bottom: 1em;
}

#contents .folder ul.parent {
	width: 247px;
	min-height: 45px;
	list-style-type: circle;
	list-style-image: url('/image/folder.gif');
	list-style-position: inside;
	background-color: transparent;
	margin: 1em 0 0 0;
	padding: 0;
}

* html #contents .folder ul.parent {
	height: 45px;
}


#contents .folder ul.odd {
	float: left;
	clear: left;
}

#contents .folder ul.even {
	float: right;
	clear: right;
}

#contents .folder ul.parent ul.child {
	margin: 0 1.5em;
	padding: 0;
}

#contents .folder ul.parent ul.child li {
	list-style: none;
	display: inline;
}

/* ########################################################################################### */

#contents #tag_category{
	width: 500px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}

#contents #tag_category .sectionBody{
	width: 498px;
	color: inherit;
	background-color: #fff;
	margin: 0;
	padding: 0;
}

#contents #tag_category * { text-align: left; }

#contents #tag_category h2 { text-align: center; }

#contents #tag_category h3{
	font-size: 16px;
	line-height: 150%;
	text-align: left;
	border-bottom: 1px dotted #ccc;
	margin: 0.5em 0 1em 0;
	padding: 0.2em 0 0.2em 0.5em;
}

#contents #tag_category ul.category{
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	margin: 1.5em 0 2.5em 0;
	padding: 0.2em 0 0.2em 0.5em;
}

#contents #tag_category ul.category li{
	list-style: none;
	display: inline;
	margin-left: 0.5em;
}

#contents #tag_category .breadclumbs{
	width: 488px;
	text-align: left;
	margin: 5px;
	padding: 0;
}

#contents #tag_category .breadclumbs ul{
	margin: 0;
	padding: 5px 0 5px 0;
}

#contents #tag_category .breadclumbs li{
	list-style: none;
	font-size: 16px;
	display: inline;
	margin: 0 0.4em 0 0;
	padding: 0.1em;
}

#contents #tag_category .breadclumbs strong {
	list-style: none;
	display: inline;
	margin: 0 0.4em 0 0;
	padding: 0.1em;
	font-size: 16px;
}

#contents #tag_category .sub_category{
	text-align: left;
	width: 488px;
	margin: 0 5px;
	padding: 10px;
}

#contents #tag_category .sub_category td {
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	width:228px;
	margin: 3px;
	padding: 5px;
	border: 1px dotted #ccc;
}


#contents #tag_category .sub_category h4{
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 0.3em 0;
	padding: 0.2em 0 0.2em 0.5em;
}

#contents #tag_category .sub_category ul{
	margin: 10px 0px 10px 20px ;
	padding: 0;
}

#contents #tag_category .sub_category li{
	list-style: none;
	display: inline;
	line-height: 150%;
	padding: 0;
	margin: 5px ;
}

#contents #tag_category .itemUpdated{
	width: 488px;
	margin: 0 5px;
	padding: 0;
}


/*
#contents #tag_category .itemUpdated *{
	margin: 0;
	padding: 0;
}
*/


#contents #tag_category .pager{
	width: 488px;
	margin: 10px 5px;
	padding: 0;
}

#contents #tag_category .pager ul{
	text-align: right;
	margin: 0;
	padding: 0.2em 0.2em 0.2em 0.8em;
}

#contents #tag_category .pager li{
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0.2em 0.2em 0.2em 0.8em;
}

#contents .itemArchive{
/*	border: 0 none;*/
	border-bottom: 1px solid #CCCCCC;
	margin: 0 0 10px 0;
	padding: 10px 10px 0 10px;
	
}


#contents .sectionBody .itemArchive h2{
	color: #000;
	border: 0 none;
	background-color: transparent;
	background-image: none;
	font-size: 16px;
	text-align: left;
}

#contents .itemArchive h2 span.date{
	color: #009966;
	font-size: 28px;
}

#contents .itemArchive h3 {
	font-size: 14px;
	line-height: 1.1;
	border: 0 none;
	margin: 5px 0 5px 0;
	padding: 1px;
}

#contents p.readMore{
	text-align: right;
}

#contents .topics img{
	position: relative;
	margin: 0 -5px 0 -5px;
}

#contents .topics img.emoji {
	position: relative;
	margin: 0 5px;
}

#contents .topics .readMore {
	margin: 0;
	padding: 0 5px;
}

#contents .topics .itemFeedback {
	margin: 0;
	padding: 0 10px;
}

#contents .topics .sectionBody .itemContents .itemBody {
	margin: 5px;
	padding: 0px;
}

#contents .topics .sectionBody .itemContents .itemInformation {
	margin:  5px;
	padding: 0px;
}

#contents .searchForm h2 { margin-top: 20px; }

#contents .searchForm table{
	width: 96%;
	border-collapse: collapse;
	empty-cells: show;
	border: 0 none;
	margin: 10px 0;
	padding: 0;
}

#contents .searchForm table tr th{
	color: #ffffff;
	background-color: #999999;
	border-bottom: 1px solid #cccccc;
	font-size: 12px;
	text-align: center;
	padding: 5px;
}

#contents .searchForm table tr td{
	margin: 0;
	padding: 5px;
}

#contents .searchForm input.input{
	width: 250px;
}

#contents .searchResult{
	line-height: 1.6;
	margin: 25px 0;
	padding: 0;
}

#contents .searchResult .itemContents{
	width: 100%;
	margin: 20px 0;
	padding: 0;
}

#contents .searchResult .itemContents h3{
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;

}

#contents .searchResult .itemContents blockquote{
	margin-right: 0;
}

#contents .searchResult .itemContents h4{
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	margin: 0.1em 0;
	padding: 0.2em 0.1em;
}

#contents .searchResult span.highlight{
	background-color: #efc;
}

#contents .pager{
	width: 100%;
	background-color: #FFFFFF;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 0;
}

#contents .pager ul{
	width: auto;
	text-align: right;
	margin: 0.3em 0.5em;
	padding: 0;
}

#contents .pager ul li{
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}


#contents .tag{
	text-align: left;
	margin:  0;
	padding: 0;
	font-size: 10px;
	display: inline;
}

#contents .tag li {
	list-style: none;
	display: inline;
	font-size: 10px;
	margin: 5px 3px 0 0;
	padding: 1px;
}

#contents .tag li.portaltag {
	color: #990000;
	background-color: #FFCCFF;
	border: 1px solid #990000;
}

#contents .tag li.blogtag {
	color: #36f;
	background-color: #def;
	border: 1px solid #36f;
}

#contents .tag li.schedule {
	color: #229900;
	background-color: #C8FFC8;
	border: 1px solid #229900;
}

#contents .tag span.categorytag {
	font-size: 14px;
	color: #ff9933;
	margin: 1px 5px 3px 0;
}


a{ color: #003366; }

#contents a:link {
	color: #003366;
}

#contents a:visited {
	color: #660033;
}

#contents a:hover {
}

#contents a:active {
}

.fingerPointer{ cursor: pointer; font-size: 90%; margin: 15px auto; }
.hiddenItem   { visibility: hidden; display: none; }
.alertS       { color: #ff3366; font-size: 95%; font-weight: bold; }
img.emoji     { border: 0 none; }

#portalContainer p.anchor {
	font-size: 10px;
	text-align: right;
	background-color: transparent;
	margin: 5px 0;
	padding: 0;
}


#entryNavi .section p.anchor,
#listNavi .section p.anchor,
#contents .section p.anchor { font-size: 10px; text-align: right; margin: 0 3px 3px 0; }
p.anchor a    { color: #999; }
#contents .sectionBody p.anchor { border-top: 1px solid #ccc }
#contents .section p.author{
	text-align: right;
	margin: 3px;
	padding: 0;
}
#contents p.readMore{ text-align: right; }
#entryNavi .section p.allusr,
#listNavi .section p.allusr,
#contents .section p.allusr { font-size: 10px; text-align: right; margin: 0 3px 3px 0; }
#contents .section p.allusr{
	text-align: right;
	margin: 3px;
	padding: 0;
}

/* inquery style */

#contents .inquiryForm h2 { margin-top: 20px; }

#contents .inquiryForm table{
	width: 475px;
	border-collapse: collapse;
	empty-cells: show;
	border: 0 none;
	margin: 10px 10px 10px 10px;
	padding: 0;
}

#contents .inquiryForm table tr th{
	width: 105px;
	color: #ffffff;
	background-color: #999999;
	border-bottom: 1px solid #cccccc;
        border: solid 1px #ffffff;
	font-size: 11px;
	text-align: center;
	padding: 5px;
}

#contents .inquiryForm table tr td{
	width: 370px;
        border: solid 1px #cccccc;
	margin: 10px 10px 10px 10px;
	padding: 5px;
	font-size: 15px;
}

#contents .inquiryForm input.input{
	width: 250px;
}

#contents div.sideBySideForm{
	text-align: center;
	margin: 10px 0 15px 0;
	padding: 0;
}

#contents div.sideBySideForm *{
	display: inline;
	margin: 0;
	padding: 0;
}

#contents div.sideBySideForm form ul li{
	margin: 0;
	padding: 0;
}


#contents div.sideBySideForm form ul li{
	list-type-position: inside;
	list-style-type: none;
	list-style-image: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#contents .inquiryForm span.example {
	margin: 0 0 0 10px;
        font-size: 10px;
}

#contents .inquiryForm span.care {
	margin: 0;
        font-size: 11px;
}
/* inquiery style end */