@charset "gb2312";

/* -----------------------------------------------------------

	File Name : top.css
	File Pass : http://cmu1.jp.canon.com/camera-museum/tech/report/common/css/top.css
	Update : 2010.09.06

----------------------------------------------------------- */


body.top #head {
	position: relative;
	border-top: 6px solid #ef8d01;
	/*border-bottom: 3px solid #d7d7d7;*/
	margin: 0;
	padding: 11px 0 0 0;
}

body.top #head h1 {
	margin: 0;
	padding: 0 0 0 31px;
}

body.top #head p.toptext {
	position: absolute;
	font-size: 13px;
	margin: 0;
	padding: 10px 0 10px 31px;
}

.headmenu {
	height: 31px;
	border-bottom: 3px solid #d7d7d7;
	margin: 14px 0 0 0;
	padding: 0 0 0 594px;
	/*padding: 0 0 0 687px;*/
}

body.top #head ul {
	width: 100%;
	background: url(../img/bg_headnavi.gif) repeat-x 0 0;
}

body.top #head ul li {
	float: left;
}

body.top #head ul li.top_off {
	width: 92px;
	height: 34px;
	text-indent: -9999px;
}

body.top #head ul li.top_off a {
	display: block;
	width: 92px;
	height: 34px;
	background: url(../img/btn_headnavi.gif) no-repeat 0 0;
}

body.top #head ul li.top_off a:hover {
	display: block;
	width: 92px;
	height: 34px;
	background: url(../img/btn_headnavi.gif) no-repeat 0 -34px;
}

body.top #head ul li.top_on {
	width: 92px;
	height: 34px;
	text-indent: -9999px;
}

body.top #head ul li.top_on a {
	display: block;
	width: 92px;
	height: 34px;
	background: url(../img/btn_headnavi.gif) no-repeat 0 -34px;
}

body.top #head ul li.m2010_off {
	width: 91px;
	height: 34px;
	text-indent: -9999px;
}

body.top #head ul li.m2010_off a {
	display: block;
	width: 91px;
	height: 34px;
	background: url(../img/btn_headnavi.gif) no-repeat -92px 0;
}

body.top #head ul li.m2010_off a:hover {
	display: block;
	width: 91px;
	height: 34px;
	background: url(../img/btn_headnavi.gif) no-repeat -92px -34px;
}

body.top #head ul li.m2010_on {
	width: 91px;
	height: 34px;
	text-indent: -9999px;
}

body.top #head ul li.m2010_on a {
	display: block;
	width: 91px;
	height: 34px;
	background: url(../img/btn_headnavi.gif) no-repeat -92px -34px;
}

body.top #head ul li.archive_off {
	width: 91px;
	height: 34px;
	text-indent: -9999px;
}

body.top #head ul li.archive_off a {
	display: block;
	width: 91px;
	height: 34px;
	background: url(../img/btn_headnavi.gif) no-repeat -183px 0;
}

body.top #head ul li.archive_off a:hover {
	display: block;
	width: 91px;
	height: 34px;
	background: url(../img/btn_headnavi.gif) no-repeat -183px -34px;
}

body.top #head ul li.archive_on {
	width: 91px;
	height: 34px;
}

body.top #head ul li.archive_on a {
	display: block;
	width: 91px;
	height: 34px;
	background: url(../img/btn_headnavi.gif) no-repeat -183px -34px;
}

body.top #wrapper {
	margin: 0;
	padding: 0 0 40px 0;
}

#content {
	background: url(../img/bg_content_top.gif) repeat-x 0 0;
	margin: 0;
	padding: 21px 0 0 17px;
}

/* #recentEntry¤È¹²Í¨ */
#newEntry {
	width: 836px;
	background: url(../img/bg_entry_middle.gif) repeat-y 0 0;
	margin: 0 0 20px 0;
	padding: 0;
}

#newEntry .entryTitle {
	background: url(../img/bg_entry_top.gif) no-repeat 0 0;
}

#newEntry .entryTitle h2 {
	width: 798px;
	border-bottom: 1px dotted #d7d7d7;
	background: url(../img/item_h2.gif) no-repeat 14px center;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 0 3px;
	padding: 10px 0 10px 32px;
}

#newEntry .main {
	position: relative;
	height: 203px;
	background: url(../img/bg_newentry_bottom.gif) no-repeat 0 bottom;
	margin: 0;
	padding: 25px 30px 38px 30px;
}

#newEntry .main p {
	line-height: 1.5;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 6px 0;
}


#newEntry .topimg {
	position: absolute;
	/*top: 15px;
	right: 50px;*/
	top: 11px;
	right: 63px;
}

#newEntry .more {
	position: absolute;
	width: 183px;
	top: 198px;
	font-size: 16px;
	text-indent: -9999px;
}

#newEntry .more a {
	display: block;
	width: 183px;
	height: 39px;
	background: url(../img/btn_newentry.gif) no-repeat 0 0;
	margin: 0;
	padding: 0;
}

#newEntry .more a:hover {
	background: url(../img/btn_newentry.gif) no-repeat 0 -39px;
}


#newEntry .month {
	width: 438px;
	color: #cc0000;
	font-size: 16px;
	font-weight: bold;
}

#newEntry .month img {
	margin: 0 0 0 3px;
	padding: 0;
}

#newEntry .notes {
	width: 438px;
	margin: 0 0 20px 0;
	padding: 0;
}

#newEntry .notes h3 {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 5px 0 !important;
}



/* #newEntry¤È¹²Í¨ */
#recentEntry {
	width: 836px;
	background: url(../img/bg_entry_middle.gif) repeat-y 0 0;
	margin: 0 0 20px 0;
	padding: 0;
}

#recentEntry .entryTitle {
	background: url(../img/bg_recententry_top.gif) no-repeat 0 0;
}

#recentEntry .entryTitle h2 {
	width: 798px;
	border-bottom: 1px dotted #d7d7d7;
	background: url(../img/item_h2_gray.gif) no-repeat 14px center;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 0 3px;
	padding: 10px 0 10px 32px;
}

#recentEntry .main {
	/*position: relative;
	height: 160px;*/
	background: url(../img/bg_entry_bottom.gif) no-repeat 0 bottom;
	margin: 0;
	padding: 25px 13px 9px 13px;
}

/*
#recentEntry .main p {
	line-height: 1.5;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 6px 0;
}
*/

#recentEntry .section {
	margin: 0;
	padding: 0;
}

#recentEntry .section .left {
	float: left;
	width: 388px;
	margin: 0;
	padding: 0 4px 20px 8px;
}

#recentEntry .section .right {
	float: right;
	width: 388px;
	margin: 0;
	padding: 0 4px 20px 8px;
}

#recentEntry .section .notes {
	float: left;
	width: 250px;
}

#recentEntry .section .notes .month {
	color: #cc0000;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 2px 0 0 0;
}

#recentEntry .section .notes h3 {
	line-height: 1.2;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 7px 0 !important;
}

#recentEntry .section .notes p.catchcopy {
	line-height: 1.5;
	font-size: 12px;
	font-weight: normal;
}

#recentEntry .section .bgimg {
	float: right;
	width: 134px;
}

#recentEntry hr {
	border: 1px solid #f5f5f5;
	margin: 0 0 20px 0;
	padding: 0;
}


#recentEntry .more {
	clear: both;
	width: 131px;
	font-size: 16px;
	text-indent: -9999px;
}

#recentEntry .more a {
	display: block;
	width: 131px;
	height: 31px;
	background: url(../img/btn_recententry.gif) no-repeat 0 0;
	margin: 0;
	padding: 0;
}

#recentEntry .more a:hover {
	background: url(../img/btn_recententry.gif) no-repeat 0 -31px;
}


#recentEntry .title {
	width: 514px;
	margin: 0 0 20px 0;
	padding: 0;
}

#recentEntry .title h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 5px 0 !important;
}


#ListEntry {
	width: 836px;
	background: url(../img/bg_entry_middle.gif) repeat-y 0 0;
}

#ListEntry .entryTitle {
	background: url(../img/bg_entry_top.gif) no-repeat 0 0;
}

#ListEntry h2 {
	width: 798px;
	border-bottom: 1px dotted #d7d7d7;
	background: url(../img/item_h2.gif) no-repeat 14px center;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 0 3px;
	padding: 10px 0 10px 32px;
}

#ListEntry .main {
	margin: 0;
	padding: 30px 50px 0 50px;
}

#ListEntry .entryFoot {
	background: url(../img/bg_entry_bottom.gif) no-repeat 0 bottom;
	margin: 0;
	padding: 0 50px 40px 50px;
}

#ListEntry .section {
	position: relative;
	background: url(../img/dotline.gif) repeat-x 0 bottom;
	margin: 0 0 19px 0;
	padding: 0 0 21px 0;
}

#ListEntry .section .notes {
	float: right;
	width: 577px;
	
	/*background-color: #f8f8f8;*/
}

#ListEntry .section .notes .month {
	line-height: 1;
	color: #cc0000;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 2px 0 0 0;
}

#ListEntry .section .notes h3 {
	line-height: 1.2;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 7px 0 !important;
}

#ListEntry .section .notes p.catchcopy {
	display: block;
	min-height: 40px;
	line-height: 1.5;
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0;
}

#ListEntry .section .bgimg {
	float: left;
	width: 134px;
}


#ListEntry .more {
	/*position: absolute;
	top: 92px;
	left: 156px;*/
	width: 131px;
	font-size: 16px;
	text-indent: -9999px;
}

#ListEntry .more a {
	display: block;
	width: 131px;
	height: 31px;
	background: url(../img/btn_recententry.gif) no-repeat 0 0;
	margin: 0;
	padding: 0;
}

#ListEntry .more a:hover {
	background: url(../img/btn_recententry.gif) no-repeat 0 -31px;
}




@media print {

.headmenu ul,
.headmenu ul li {
	display: none;
}

}