@charset "utf-8";

/* /room/ */


/* nav */
#nav {
	background: url(../room/images/nav_bg.jpg) left top;
	font-size: 78%;
	line-height: 1.2em;
}

#nav dl.news {
	background: url(../room/images/nav_line01.jpg) no-repeat center bottom;
	padding: 0 0 12px 0;
}

#nav dl.news dt {
	padding: 5px 0;
}

#nav dl.news dd {
	margin: 0 10px 0 20px;
	padding: 0 0 5px 10px;
	background: url(../room/images/nav_listmark.gif) no-repeat 0 5px;
}

#nav dl.archive {
	padding: 0 0 20px 0;
	background: url(../room/images/nav_line02.gif) no-repeat center bottom;
}

#nav dl.archive dt {
	padding: 7px 0 5px 0;
}

#nav dl.archive div {
	margin: 0 10px 0 20px;
	padding: 0 0 5px 10px;
	background: url(../room/images/nav_listmark.gif) no-repeat 0 5px;
}

#nav dl.archive ul {
	margin: 0 10px 0 20px;
}

#nav dl.archive li {
	padding: 0 0 5px 20px;
	list-style: none;
}

#nav div.goTop {
	padding: 10px 0 0 0;
}


#nav ul.banner {
	background: #FFFFFF;
}

#nav ul.banner li {
	padding: 10px 0 0 0;
	list-style: none;
	background: #FFFFFF;
}



/* top archivelist */
#main.list h2 {
	padding: 0 0 6px 0;
}

#main.list div.archiveTitle {
	width: 630px;
	margin: 14px 0 2px 10px;
	padding: 0 0 6px 0;
	background: url(../room/images/line03.jpg) no-repeat bottom;
}

#main.list div.archiveTitle h3 {
	padding: 8px 10px 4px 12px;
	background: url(../room/images/ttl_bg.jpg) top left;
	font-size: 100%;
	line-height: 1.3em;
	font-weight: bold;
}

#main.list dl.entry {
	width: 630px;
	margin: 0 0 0 10px;
	padding: 19px 0 17px 0;
	background: url(../room/images/line02.jpg) no-repeat center bottom;
}

#main.list .entry dd.img {
	float: left;
	width: 208px;
}

#main.list .entry dd.img img {
	margin: 2px;
}

#main.list .entry dd.img a {
	display: block;
}

#main.list .entry dd.img a:link,
#main.list .entry dd.img a:visited {
	border: solid 2px #E6E6E6;
}

#main.list .entry dd.img a:hover,
#main.list .entry dd.img a:active {
	border: solid 2px #FF9900;
}

#main.list .entry dt {
	float: right;
	width: 405px;
	padding: 2px 0 5px 0;
	background: url(../room/images/line01.jpg) no-repeat center bottom;
	font-size: 90%;
	line-height: 1.3em;
	font-weight: bold;
}

#main.list .entry dt span {
	margin: 0 0 0 2px;
	font-size: 74%;
	line-height: 1.2em;
	font-weight: normal;
}

#main.list .entry dd.body {
	float: right;
	width: 405px;
	padding: 8px 0 0 0;
	font-size: 78%;
	line-height: 1.65em;
}

#main.list .entry p.more {
	padding: 0 12px 0 0;
	text-align: right;
	background: url(../common/arw07.gif) no-repeat right center;
}

#main.list div.pageNav {
	width: 650px;
	margin: -1px 0 0 0;
	padding: 25px 0 65px 0;
	background: url(../room/images/line02.jpg) no-repeat center top;
	font-size: 78%;
	line-height: 1.2em;
}

#main.list div.pageNav p.before {
	float: left;
	width: 120px;
}

#main.list div.pageNav p.before a {
	padding: 0 0 0 12px;
	background: url(../common/arw08.gif) no-repeat left center;
}

#main.list div.pageNav p.next {
	float: right;
	width: 110px;
	text-align: right;
}

#main.list div.pageNav p.next a {
	padding: 0 12px 0 0;
	background: url(../common/arw07.gif) no-repeat right center;
}


#main.list div.pageNav p.list {
	float: left;
	width: 410px;
	text-align: center;
}



/* entry */
#main.entry h2 {
	padding: 0 0 20px 0;
}

#main.entry dl.entry {
	width: 630px;
	margin: 0 0 0 10px;
}

#main.entry .entry dt {
	padding: 8px 10px 4px 12px;
	background: url(../room/images/ttl_bg.jpg) top left;
	font-size: 100%;
	line-height: 1.3em;
	font-weight: bold;
}

#main.entry .entry dt span.date {
	display: block;
	float: right;
	width: 130px;
	margin: 5px 0 0 0;
	text-align: right;
	font-size: 70%;
	line-height: 1.1em;
	font-weight: normal;
}

#main.entry .entry dd {
	padding: 27px 0 30px 0;
	background: url(../room/images/line03.jpg) no-repeat top left;
	font-size: 78%;
	line-height: 1.65em;
}

#main.entry .entry p.img {
	float: left;
	width: 248px;
	margin: 0 18px 15px 0;
}

#main.entry .entry p.img a {
	display: block;
}

#main.entry .entry p.img a:link,
#main.entry .entry p.img a:visited {
	border: solid 2px #E6E6E6;
}

#main.entry .entry p.img a:hover,
#main.entry .entry p.img a:active {
	border: solid 2px #FF9900;
}

#main.entry .entry p.img img {
	margin: 2px;
}

#main.entry div.info {
	width: 630px;
	margin: 0 0 0 10px;
	background: url(../room/images/info_img02.jpg) repeat-y top;
}

#main.entry .info div.img {
	display: inline;
	float: left;
	width: 164px;
	margin: 0 0 0 25px;
	background: url(../room/images/info_img04.jpg) no-repeat bottom;
}

#main.entry .info div.img a {
	display: block;
	margin: 0 4px 4px 0;
}

#main.entry .info div.img a:link,
#main.entry .info div.img a:visited {
	border: solid 5px #FFFFFF;
}

#main.entry .info div.img a:hover,
#main.entry .info div.img a:active {
	border: solid 2px #FF9900;
	padding: 3px;
}

#main.entry .info div.txt {
	display: inline;
	float: right;
	width: 415px;
	margin: 0 20px 0 0;
}

#main.entry .info p.name {
	padding: 10px 0 8px 27px;
	color: #3D2D16;
	font-size: 90%;
	line-height: 1.2em;
	font-weight: bold;
}

#main.entry .info div.freeSpace {
	padding: 0 0 0 27px;
	color: #3D2D16;
	font-size: 78%;
	line-height: 1.8em;
}

#main.entry  p.annotate {
	clear: both;
	margin: 5px 0 70px 15px;
	color: #3D2D16;
	font-size: 70%;
	line-height: 1.2em;
}