@charset "utf-8";

/************************************************

	extension.css 2010.03.19

	Copyright 2010 image All Rights Reserved.
	URL http://www.image.co.jp/

*************************************************/

/*==============================================*/
/* icon
/*==============================================*/
.addMarker li{margin-bottom:5px;}
.external,.popup,.pdf,.download{cursor:pointer /*url(../../img/icon/cursor_original.gif),auto*/;}
/*
.icoCircleA li,li.icoCircleA{background-image: url(../img/ico/circle_a.gif);}
.icoCircleB li,li.icoCircleB{background-image: url(../img/ico/circle_b.gif);}
.icoSquareA li,li.icoSquareA{background-image: url(../img/ico/square_a.gif);}
.icoSquareB li,li.icoSquareB{background-image: url(../img/ico/square_b.gif);}
.icoArrowA li,li.icoArrowA{background-image: url(../img/ico/arrow_a.gif);}
.icoArrowB li,li.icoArrowB{background-image: url(../img/ico/arrow_b.gif);}
.icoArrowC li,li.icoArrowC{background-image: url(../img/ico/arrow_c.gif);}
*/
/*==============================================*/
/* news
/*==============================================*/
#news .dlTable{margin-top:-1px;}
#news .dlTable dt,
#news .dlTable dd{ padding-top:10px;}
#news .dlTable dt{ width:5em;}
#news .dlTable dd{
	padding-left:6em;
	margin-bottom:10px;
	border-top:1px dotted #CCC;
}
/*==============================================*/
/* tableType
/*==============================================*/
/* tableTypeA
---------------------------------*/
.tableTypeA th{
	background:#4d4d4d;
	color:#FFF;
}
/* tableTypeB
---------------------------------*/
.tableTypeB,
.tableTypeB th,
.tableTypeB td {
	border:1px solid #CCC;
	border-spacing:1px;
	border-collapse:inherit;
	*border-collapse:separate;/*for IE*/
}
.tableTypeB th{
	background:#4d4d4d;
	color:#FFF;
}
/* tableTypeC
---------------------------------*/
.tableTypeC,
.tableTypeC th,
.tableTypeC td{
	border:1px solid #CCC;
	border-spacing:1px;
	border-collapse:inherit;
	*border-collapse:separate;/*for IE*/
}
.tableTypeC th,
.tableTypeC td{border-color:#EEE;}
.tableTypeC th{border-right-color:#CCC; border-bottom-color:#CCC; background:#DDD;}
.tableTypeC td{border-right-color:#DDD; border-bottom-color:#DDD;}

/*==============================================*/
/* sectionFrame
/*==============================================*/
/*.sectionFrameA
---------------------------------*/
.sectionFrameA{background:no-repeat left bottom;}
.sectionFrameA .frameInnerA{background:repeat-y 0 0;}
.sectionFrameA .frameInnerA .sectionBlock{background:no-repeat 0 0;}

.sectionFrameA{padding-bottom:13px; margin-bottom:30px;}
.sectionFrameA .frameInnerA{}
.sectionFrameA .frameInnerA .sectionBlock{padding:15px 15px 0px; margin-bottom:0;}
/*
.laySingle .sectionFrameA{background-image: url(../img/frame/section/type_a/s/footer.gif);}
.laySingle .sectionFrameA .frameInnerA{background-image:url(../img/frame/section/type_a/s/base.gif);}
.laySingle .sectionFrameA .frameInnerA .sectionBlock{background-image:url(../img/frame/section/type_a/s/header.gif);}

.layDouble .sectionFrameA{background-image:url(../img/frame/section/type_a/d/footer.gif);}
.layDouble .sectionFrameA .frameInnerA{background-image:url(../img/frame/section/type_a/d/base.gif);}
.layDouble .sectionFrameA .frameInnerA .sectionBlock{background-image:url(../img/frame/section/type_a/d/header.gif);}

.layTriple .sectionFrameA{background-image:url(../img/frame/section/type_a/t/footer.gif);}
.layTriple .sectionFrameA .frameInnerA{background-image:url(../img/frame/section/type_a/t/base.gif);}
.layTriple .sectionFrameA .frameInnerA .sectionBlock{background-image:url(../img/frame/section/type_a/t/header.gif);}
*/









/*================================================
  Site Shared Config
================================================*/

a:link            { color: #0099FF; }
a:visited         { color: #FF6600; }
a:hover, a:active { color: #FF0000; }

body { background: #FFFEF7 url( "../img/bg.gif" ) left top repeat-x; }
body#home { background-image: url( "../img/index/bg.gif" ); }

body #wrapper {
	width: 810px;
	background: url( "../img/bg_header.gif" ) left top no-repeat;
}
body#home #wrapper {
	width: 100%;
	min-width: 960px;
	background: url( "../img/index/bg_mount.gif" ) center 400px no-repeat;
}

#header, #contents, #footer { width: 810px; }
body#home #header, body#home #contents, body#home #footer { width: 960px; }

#navGlobal, #navLocal, #contents #areaMain { width: auto; }

.category #contents {
	margin: 0 52px 0 38px;
	width: 720px;
}

.category #footer {
	margin: 0;
	width: 780px;
}

/*================================================
  #header
================================================*/

/*------------------------------------------------
  #catchHeader
------------------------------------------------*/

#catchHeader {
	margin: 10px 0 5px;
	clear: both;
	text-align: center;
}

#catchHeader h1 {
	font-size: 131%;
	font-weight: bold;
	color: #1D2087;
}

/*------------------------------------------------
  #siteId
------------------------------------------------*/

#home #siteId {
	margin: 0 auto 5px;
	text-align: center;
}

.category #siteId {
	margin: 0 40px 8px;
	padding-top: 7px;
}

/*================================================
  #footer
================================================*/

#footer {
	margin: 0 auto;
	padding-bottom: 30px;
	border: none;
	clear: both;
}

/*------------------------------------------------
  #catchFooter
------------------------------------------------*/

#catchFooter {
	margin-bottom: 20px;
	clear: both;
	text-align: center;
}

/*------------------------------------------------
  #copyright
------------------------------------------------*/

#copyright {
	display: block;
	clear: both;
	text-align: center;
}

#copyright p {
	margin-bottom: 5px;
	font-size: 116%;
	color: #7E6F49;
}

/*================================================
  #contents
================================================*/

/*------------------------------------------------
  #navPagePath
------------------------------------------------*/

#navPagePath {
	margin-bottom: 15px;
	display: inline-block;
	clear: both;
	overflow: hidden;
}

/*------------------------------------------------
  #keyVisual
------------------------------------------------*/

#keyVisual, #keyVisualInner {
	width: 100%;
	clear: both;
	overflow: hidden;
	text-align: center;
}

/*================================================
  #home
================================================*/

/* #siteDescription
------------------------------------------------*/

#home #contents #siteDescription {
	padding: 0;
	font-size: 116%;
	text-align: center;
}

/* #keyVisual
------------------------------------------------*/

#home #keyVisual, #home #keyVisual #keyVisualInner { height: 480px; }
#home #keyVisualInner { background: url( "../img/index/bg_keyvisual.gif" ) center top no-repeat; }

/* #explanation
------------------------------------------------*/

#home #explanation {
	margin-bottom: 30px;
	clear: both;
	text-align: center;
}

/* #news
------------------------------------------------*/

#home #news {
	margin: 0 auto;
	width: 640px;
	clear: both;
}

#news h3 {
	padding: 0;
	font-size: 100%;
}

#news #newsInner {
	padding: 0 20px 40px 120px;
	background: url( "../img/index/bg_news.gif" ) left bottom no-repeat;
}

/*================================================
  .category
================================================*/

/* .leadingContainer
------------------------------------------------*/

.leadingContainer {
	margin-bottom: 10px;
	overflow: hidden;
}
.leadingContainer h1, .leadingContainer h2 { margin-bottom: 15px; }
.leadingContainer p { margin: 0 20px 10px 10px; }

.leadingContainer.parallelLeading h1 {
	margin-right: 20px;
	float: left;
}

.leadingContainer.parallelLeading p { float: right; }

/* .articleContainer
------------------------------------------------*/

.articleContainer h2 { margin-bottom: 10px; }
.articleContainer p { margin: 0 10px 1em; }

/* .outlineContainer
------------------------------------------------*/

.outlineContainer {
	margin-bottom: 20px;
	background: url( "../img/frame/bg_container1_repeat.gif" ) left top repeat-y;
}
.outlineContainer .containerInnerBottom { background: url( "../img/frame/bg_container1_line.gif" ) left bottom no-repeat; }
.outlineContainer .containerInnerBottom .containerInnerTop { background: url( "../img/frame/bg_container1_line.gif" ) left top no-repeat; }

.outlineContainer.halfContainer { background: url( "../img/frame/bg_container2_repeat.gif" ) left top repeat-y; }
.outlineContainer.halfContainer .containerInnerBottom { background: url( "../img/frame/bg_container2_line.gif" ) left bottom no-repeat; }
.outlineContainer.halfContainer .containerInnerBottom .containerInnerTop { background: url( "../img/frame/bg_container2_line.gif" ) left top no-repeat; }

* html .outlineContainer .containerInnerBottom, * html .outlineContainer .containerInnerBottom .containerInnerTop { display: inline-block; } /* for IE6 */
*:first-child+html .outlineContainer .containerInnerBottom, *:first-child+html .outlineContainer .containerInnerBottom .containerInnerTop { display: inline-block; } /* for IE7 */

/*================================================
  #sitemap
================================================*/

#sitemap ul li h3 { padding: 0; }
#sitemap ul li p { margin-bottom: 0; }

#internalLink { margin-left: 10px; }

#sitemap .treeList h2 { padding: 0; }

.treeList ul {
	margin: 0 0 20px 50px;
	background: url( "../img/sitemap/bg_trunk.gif" ) left top repeat-y;
}

.treeList ul li {
	padding: 15px 0 0 35px;
	background: url( "../img/sitemap/bg_branch.gif" ) left 23px no-repeat;
}

.treeList ul li.lastItem { background: #FFFEF7 url( "../img/sitemap/bg_branch_end.gif" ) left top no-repeat; }

#externalLink { margin-left: 20px; }
#externalLink ul li {
	margin-bottom: 10px;
	overflow: hidden;
	clear: both;
}
#externalLink ul li h3 {
	margin-right: 10px;
	float: left;
}
#externalLink ul li p { float: left; }

/*================================================
  .gallery
================================================*/

/*------------------------------------------------
  #galleryIndex
------------------------------------------------*/

#galleryIndex .sectionBlock { overflow: visible; }

#galleryIndex .outlineContainer {
	margin: 30px 0 20px 10px;
	overflow: visible;
}

#galleryIndex .outlineContainer .containerInnerBottom .containerInnerTop { padding: 20px; }
#galleryIndex .outlineContainer.halfContainer .containerInnerBottom .containerInnerTop { position: relative; }

#galleryIndex .unitFloat .floatBox { width: 360px; }
#galleryIndex .unitFloat .followBox { margin-left: 390px; }

#galleryIndex #areaSelect { position: relative; }

#galleryIndex #areaSelect h2.titleImg, #galleryIndex #areaSelect p.titleImg { position: absolute; }
#galleryIndex #areaSelect h2.titleImg { top: -30px; left: -22px; }
#galleryIndex #areaSelect p.titleImg { top: 40px; left: 30px; }

#galleryIndex #areaSelect #navAreaMap p { margin: 0 0 10px 5px; }

#galleryIndex #periodSelect { margin-left: 10px; }
#galleryIndex #periodSelect, #galleryIndex #wordSelect { padding-top: 20px; }

#galleryIndex #periodSelect h2.titleImg, #galleryIndex #wordSelect h2.titleImg { position: absolute; }
#galleryIndex #periodSelect h2.titleImg { top: -24px; left: -21px; }
#galleryIndex #wordSelect h2.titleImg { top: -25px; left: 358px; }

#galleryIndex #wordSelect input { margin-bottom: 10px; }

/*------------------------------------------------
  #jointworks
------------------------------------------------*/

/* #currentPeriodContainer
------------------------------------------------*/

#jointworks #currentPeriodContainer {
	padding: 120px 0 120px 0;
	position: relative;
	overflow: hidden;
}

#jointworks #currentPeriodContainer ul {
	margin: 0 auto;
	width: 357px;
	height: 513px;
}

#jointworks #currentPeriodContainer ul li { float: left; }
#jointworks #currentPeriodContainer ul li img { vertical-align: top; }

#jointworks #currentPeriodContainer .zoomText, #jointworks #currentPeriodContainer ul li span {
	display: block;
	position: absolute;
}

#jointworks #currentPeriodContainer .zoomText { top: 10px; left: 10px; }
#jointworks #currentPeriodContainer ul li.navi1 span { top: 150px; left: 20px; }
#jointworks #currentPeriodContainer ul li.navi2 span { top: 0px; left: 280px; }
#jointworks #currentPeriodContainer ul li.navi3 span { top: 100px; left: 550px; }
#jointworks #currentPeriodContainer ul li.navi4 span { top: 320px; left: 20px; }
#jointworks #currentPeriodContainer ul li.navi5 span { top: 220px; left: 550px; }
#jointworks #currentPeriodContainer ul li.navi6 span { top: 360px; left: 550px; }
#jointworks #currentPeriodContainer ul li.navi7 span { top: 490px; left: 20px; }
#jointworks #currentPeriodContainer ul li.navi8 span { top: 640px; left: 280px; }
#jointworks #currentPeriodContainer ul li.navi9 span { top: 510px; left: 550px; }

/* #oldPeriodContainer
------------------------------------------------*/

#jointworks #oldPeriodContainer ul {
	margin: 0 auto;
	width: 630px;
	overflow: hidden;
}

#jointworks #oldPeriodContainer ul li {
	margin-right: 10px;
	width: 200px;
	height: 190px;
	float: left;
}

/*================================================
  .event
================================================*/

/*------------------------------------------------
  #eventIndex
------------------------------------------------*/

#eventIndex h1.titleImg img {
	vertical-align: top;
}

/*------------------------------------------------
  #jpexhibition
------------------------------------------------*/

/* .fixedImgContainer
------------------------------------------------*/

.fixedImgContainer img {
	vertical-align: top;
	display: block;
}

/*------------------------------------------------
  #member1 ～ #member6
------------------------------------------------*/

/* #judgmentContainer
------------------------------------------------*/

#judgmentContainer, #returnContainer { clear: both; }

#judgmentContainer h2, #judgmentContainer h3 { margin-bottom: 10px; }
#judgmentContainer .containerInner { margin: 0 10px; }

#judgmentContainer .unitFloat { margin: 0 10px 10px; }
#judgmentContainer .unitFloat .floatBox { width: 320px; }
#judgmentContainer .unitFloat .followBox { margin-left: 330px; }

#menber1 .outlineContainer {
	padding: 5px 10px;
	border: #000 1px solid;
	background: none;
}

#menber1 .outlineContainer h4 {
	margin-bottom: 10px;
	font-size: 116%;
}

#menber1 .outlineContainer p { font-size: 100%; }
#menber1 .outlineContainer p.sign { text-align: right; }

/* #returnContainer
------------------------------------------------*/

#returnContainer { overflow: hidden; }
#returnContainer p { float: right; }

/*------------------------------------------------
  #literacy
------------------------------------------------*/

#literacy .unitFloat .floatBox {
	text-align: right;
	width: 300px;
}
#literacy .unitFloat .followBox {
	text-align: left;
	margin-left: 350px;
}

/*================================================
  .oubo
================================================*/

/* #ouboContainer
------------------------------------------------*/

#ouboContainer { margin-bottom: 40px; }

#ouboContainer .itemContainer {
	padding: 20px 0;
	background: url( "../oubo/img/line.gif" ) left bottom no-repeat;
}

#ouboContainer .itemContainer.firstItem { padding-top: 0; }
#ouboContainer .itemContainer.lastItem { background-image: none; }

#ouboContainer h2 {
	margin-bottom: 10px;
	padding: 0;
}

#ouboContainer .unitFloat .floatBox { width: 150px; }
#ouboContainer .unitFloat .followBox { margin-left: 170px; }

#ouboContainer .unitFloat .followBox p { margin: 0; }

/* #ouboButtonContainer
------------------------------------------------*/

#ouboButtonContainer #ouboButton { margin: 0; }

/*------------------------------------------------
  #ouboIndex
------------------------------------------------*/

#drawing.unitFloat .floatBox { width: 380px; }
#drawing.unitFloat .followBox { margin-left: 400px; }

#drawing.unitFloat .floatBox ul li {
	margin-left: 20px;
	list-style: disc;
}

#ouboIndex ol.addMarker { margin-bottom: 20px; }
#ouboIndex ol.addMarker li { padding: 0 0 5px 20px; }
#ouboIndex ol.addMarker li.no1 { background: url( "../oubo/img/index/icn_no1.gif" ) left 0.2em no-repeat; }
#ouboIndex ol.addMarker li.no2 { background: url( "../oubo/img/index/icn_no2.gif" ) left 0.2em no-repeat; }

#ouboIndex ul.listNote li { padding: 0 0 5px 20px; }

/*------------------------------------------------
  #selection
------------------------------------------------*/

* html #selection .followBox { display: inline-block; } /* for IE6 */

#prize.unitFloat .floatBox { width: 460px; }
#prize.unitFloat .followBox { margin-left: 480px; }

#prize.unitFloat .floatBox h3 { padding: 0; }
#prize.unitFloat .floatBox p { margin: 0 0 20px 15px; }

#selection .followBox.singleline { padding-top: 10px; }

#selection .addMarker { margin-bottom: 0; }
#selection .addMarker li { padding: 0 0 5px 22px; }
#selection .addMarker li.no1 { background: url( "../oubo/img/selection/icn_no1.gif" ) left 0.1em no-repeat; }
#selection .addMarker li.no2 { background: url( "../oubo/img/selection/icn_no2.gif" ) left 0.1em no-repeat; }
#selection .addMarker li.no3 { background: url( "../oubo/img/selection/icn_no3.gif" ) left 0.1em no-repeat; }
#selection .addMarker li.no4 { background: url( "../oubo/img/selection/icn_no4.gif" ) left 0.1em no-repeat; }

#selection dl.menberlist { margin-bottom: 10px; }
#selection dl.menberlist dd { margin-left: 1em; }

/*------------------------------------------------
  #inquiry
------------------------------------------------*/

#inquiry h2 { padding-top: 0; }

#inquiry .outlineContainer { padding-bottom: 15px; }

#inquiryContainer .outlineContainer { background: url( "../oubo/img/inquiry/bg_container_inquiry.gif" ) center bottom no-repeat; }
#sendingContainer .outlineContainer { background: url( "../oubo/img/inquiry/bg_container_sending.gif" ) center bottom no-repeat; }

/*================================================
  .exhibition
================================================*/

.exhibition .outlineContainer .containerInnerBottom .containerInnerTop {
	padding: 20px 40px;
	overflow: hidden;
}

/*------------------------------------------------
  #exhibitionIndex
------------------------------------------------*/

#exhibitionIndex .outlineContainer h2 {
	margin-bottom: 10px;
	font-size: 138.5%;
}

#exhibitionIndex .outlineContainer h3 {
	margin-bottom: 10px;
	font-size: 123.1%;
}

#exhibitionIndex .outlineContainer dl { clear: both; }
#exhibitionIndex .outlineContainer dl dt {
	clear: both;
	float: left;
}
#exhibitionIndex .outlineContainer dl dd { margin: 0 0 20px 120px; }
#exhibitionIndex .outlineContainer dl dd p { margin: 0; }

/*------------------------------------------------
  #collection
------------------------------------------------*/

#collection .collectionGroup {
	margin-bottom: 10px;
	clear: both;
	overflow: hidden;
}

#collection .collectionGroup .collectionItem {
	margin-right: 40px;
	width: 125px;
	float: left;
}

#collection p.caption {
	margin: 0;
	padding: 0;
	text-align: center;
}

/*------------------------------------------------
  #lending
------------------------------------------------*/

#lending .outlineContainer dl { margin-left: 390px; }
#lending .outlineContainer dl dd { margin-bottom: 20px; }
#lending .outlineContainer dl dd p { margin: 0; }










/*================================================
  #systemOutput
================================================*/

#systemOutput .leadingContainer { margin: 0; }

#systemOutput .outlineContainer { margin-bottom: 0; }

#systemOutput .unitFloat { margin-bottom: 10px; }
#systemOutput .unitFloat .floatBox { width: 400px; }
#systemOutput .unitFloat .followBox { margin-left: 415px; }

/*------------------------------------------------
  #areaSelection, #periodSelection, #areaSelection
------------------------------------------------*/

#systemOutput #areaSelection, #systemOutput #periodSelection, #systemOutput #wordSelection,
#systemOutput #outputContainer, #systemOutput #outputContainer .pageInfoContainer, #systemOutput #navPager {
	width: 710px;
	overflow: hidden;
	clear: both;
}
* html #systemOutput #periodSelection { width: 713px; } /* for IE6 */

#systemOutput #areaSelection .floatBox.outlineContainer, #systemOutput #periodSelection .floatBox.outlineContainer { background-image: url( "../gallery/img/systemoutput/bg_container_repeat.gif" ); }
#systemOutput #wordSelection .outlineContainer, #systemOutput #outputContainer .outlineContainer { background-image: url( "../img/frame/bg_container1_repeat.gif" ); }
#systemOutput #areaSelection .floatBox.outlineContainer .containerInnerTop, #systemOutput #periodSelection .floatBox.outlineContainer .containerInnerTop { padding: 10px; }

#systemOutput .outlineContainer h2 {
	margin: 0;
	padding: 5px 10px 10px;
	background: 8px bottom no-repeat;
}
#systemOutput #areaSelection .floatBox.outlineContainer h2, #systemOutput #periodSelection .floatBox.outlineContainer h2 {
	background-image: url( "../gallery/img/systemoutput/line_s.gif" );
}
#systemOutput #wordSelection .outlineContainer h2 {
	padding: 10px 20px 10px;
	background-image: url( "../gallery/img/systemoutput/line_l.gif" );
	font-size: 213%;
}

#systemOutput p { margin: 0; }
#systemOutput #areaSelection .floatBox.outlineContainer p, #systemOutput #periodSelection .floatBox.outlineContainer p { padding: 10px; }
#systemOutput #areaSelection .floatBox.outlineContainer p.infoLink, #systemOutput #periodSelection .floatBox.outlineContainer p.infoLink {
	padding: 0;
	text-align: right;
}
#systemOutput #areaSelection .followBox p, #systemOutput #periodSelection .followBox p { text-align: center; }
#systemOutput #wordSelection .outlineContainer p {
	padding: 5px 20px 15px;
	font-size: 116%;
}

/*------------------------------------------------
  #outputContainer, .pageInfoContainer, #navPager
------------------------------------------------*/

/* #outputContainer
------------------------------------------------*/

#systemOutput #outputContainer { margin-bottom: 20px; }

#systemOutput #outputContainer table {
	margin: 2px;
	width: 706px;
	border: none;
	border-collapse: collapse;
}
#systemOutput #outputContainer table th, #systemOutput #outputContainer table td {
	padding: 5px 8px;
	border: #D5CAB6 1px solid;
}
#systemOutput #outputContainer table th {
	background-color: #EDE9E0;
	text-align: left;
}
#systemOutput #outputContainer table td { overflow: hidden; }
#systemOutput #outputContainer table td span {
	float: left;
	width: 230px;
}
#systemOutput #outputContainer table td span.detailLink {
	float: right;
	width: 20px;
}

#systemOutput #outputContainer table th img { vertical-align: middle; }
#systemOutput #outputContainer table td img { vertical-align: text-top; }

#systemOutput #outputContainer .outlineContainer .containerInnerTop { padding-top: 1px; } /* for IE8 */

/* .pageInfoContainer
------------------------------------------------*/

#systemOutput #outputContainer .pageInfoContainer { margin-bottom: 5px; }
#systemOutput #outputContainer .pageInfoContainer p {
	margin: 0;
	float: left;
}
#systemOutput #outputContainer .pageInfoContainer p.currentInfo { float: right; }

/* #navPager
------------------------------------------------*/

#systemOutput #navPager ul { overflow: hidden; }
#systemOutput #navPager li.prev { float: left; }
#systemOutput #navPager li.next { float: right; }
#systemOutput #navPager ul.return { margin-top: -24px; }
#systemOutput #navPager ul.return li { text-align: center; }

#systemOutput #navPager img { vertical-align: top; }

* html #systemOutput #navPager ul.return { margin-top: 0; } /* for IE6 */

/*------------------------------------------------
  #details
------------------------------------------------*/

#systemOutput #details { overflow: visible; }

/* .diaryContainer
------------------------------------------------*/

#systemOutput #details .diaryContainer {
	margin-left: -20px;
	padding: 15px 40px;
	background: url( "../gallery/img/systemoutput/details/bg.gif" ) left top no-repeat;
	width: 680px;
	height: 560px;
	overflow: hidden;
}
* html #systemOutput #details .diaryContainer { position: relative; } /* for IE6 */

/* #diaryHeader
------------------------------------------------*/

#systemOutput #details .diaryContainer #diaryHeader {
	margin-bottom: 15px;
	overflow: hidden;
}
#systemOutput #details .diaryContainer #diaryHeader h2 {
	padding-left: 15px;
	float: left;
}
#systemOutput #details .diaryContainer #diaryHeader h3 {
	padding-top: 30px;
	float: right;
}
#systemOutput #details .diaryContainer #diaryHeader img { margin-bottom: 5px; }

/* #diaryContents
------------------------------------------------*/

#systemOutput #details .diaryContainer #diaryContents {
	overflow: hidden;
	clear: both;
}
#systemOutput #details .diaryContainer #diaryContents.unitFloat .floatBox {
	padding-left: 16px;
	width: 300px;
}
#systemOutput #details .diaryContainer #diaryContents.unitFloat .followBox { margin-left: 340px; }

#systemOutput #details .diaryContainer #diaryContents #profile, #systemOutput #details .diaryContainer #diaryContents #comment {
	margin-bottom: 10px;
	padding: 10px;
	overflow: auto;
}

#systemOutput #details .diaryContainer #diaryContents #profile { height: 150px; }
#systemOutput #details .diaryContainer #diaryContents #profile .photo {
	margin-right: 15px;
	float: left;
	width: 100px;
}
#systemOutput #details .diaryContainer #diaryContents #profile .profileInfo p {
	padding-bottom: 10px;
	font-size: 116%;
}

#systemOutput #details .diaryContainer #diaryContents #comment { height: 135px; }

#systemOutput #details .diaryContainer #diaryContents #diaryList p {
	margin-bottom: 5px;
	font-size: 0;
}
#systemOutput #details .diaryContainer #diaryContents #diaryList ul { overflow: hidden; }
#systemOutput #details .diaryContainer #diaryContents #diaryList ul li {
	float: left;
	cursor: pointer;
}
#systemOutput #details .diaryContainer #diaryContents #diaryList ul li img { vertical-align: top; }
#systemOutput #details .diaryContainer #diaryContents #diaryList.numList7 ul li { margin-right: 4px; }
#systemOutput #details .diaryContainer #diaryContents #diaryList.numList5 ul li { margin-right: 6px; }
#systemOutput #details .diaryContainer #diaryContents #diaryList ul li.selected { border-bottom: #E57F1C 2px solid; }

/*------------------------------------------------
  #error
------------------------------------------------*/

#systemOutput #error {
	padding: 30px 20px 10px 20px;
	text-align: center;
}

#systemOutput #error p {
	margin-bottom: 20px;
	font-size: 116%;
}

#systemOutput #error p.caution {
	color: #FF0000;
	font-size: 138.5%;
	font-weight: bold;
}