@charset "gb2312";

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

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

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


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

body.product #head {
	border-top: 6px solid #ef8d01;
	margin: 0;
	padding: 12px 0 14px 31px;
}

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

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

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

#productEntry 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;
}

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

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

.topVisual:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.topVisual {
	width: 450px;
	margin: 0 auto 18px auto;
	padding: 0;
	text-align: center;
	
	overflow: hidden;
}

.topVisual .left {
	float: left;
	width: 220px;
}

.topVisual .right {
	float: right;
	width: 220px;
}

.topVisual .center {

}

.topVisual p {
	font-size: 12px !important;
}



.topMenu {
	width: 580px;
	background: #fcfcfc url(../img/bg_menu_top.gif) no-repeat 0 top;
	margin: 15px auto 40px auto;
	padding: 4px 0 0 0;
}

.topMenu .menuTop {
	background: url(../img/bg_menu-title_top.gif) no-repeat 0 top;
	margin: 0 4px;
	padding: 0;
}

.topMenu .menuTop h4 {
	border: none !important;
	background: url(../img/bg_menu-title_bottom.gif) no-repeat 0 bottom;
	margin: 0 !important;
	padding: 8px 0 8px 15px;
}

.topMenu .menuBox:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.topMenu .menuBox {
	width: ;
	height: 1%;
	background: url(../img/bg_menu_bottom.gif) no-repeat 0 bottom;
	margin: 0;
	padding: 14px 24px 16px 24px;
	
	overflow: hidden;
}

.topMenu .menuBox .left {
	float: left;
	width: 264px;
}

.topMenu .menuBox .right {
	float: right;
	width: 264px;
}

.topMenu .menuBox ul {

}

.topMenu .menuBox ul li {
	line-height: 1.5;
	background: url(../img/arrow_3px_blue.gif) no-repeat 0 0.5em;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 0 10px;
}

.topMenu .menuBox ul li a:link {
	color: #003399;
	text-decoration: none;
}

.topMenu .menuBox ul li a:visited {
	color: #003399;
	text-decoration: none;
}

.topMenu .menuBox ul li a:hover {
	color: #0066cc;
	text-decoration: underline;
}

.topMenu .menuBox ul li a:active {
	color: #003399;
	text-decoration: none;
}

.title {
	margin: 0 0 20px 0;
	padding: 0;
}

.title h3 {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 5px 0;
}

.section {
	margin: 0 0 25px 0;
	padding: 0;
}

.caption {
	font-size: 12px !important;
	margin: 0 !important;
	padding: 3px 0 !important;
}


h4 {
	border-left: 4px solid #0066cc; 
	color: #0066cc;
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0 10px 0;
	padding: 5px 0 5px 8px;
}

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

#productEntry .main p.notes {
	font-size: 12px !important;
	margin: 0;
	padding: 12px 0 6px 0;
}

#productEntry .main ul.noteslist {
	font-size: 12px !important;
	margin: 0;
	padding: 12px 0 6px 0;
}

#productEntry .main ul.noteslist li {
	line-height: 1.5;
	text-indent: -2em;
	margin: 0 0 0 2em;
	padding: 1px 0;
}


/* table共通設定 */

table {
	border: 1px solid #bababa;
}

table th {
	line-height: 1.5;
	border: 1px solid #bababa;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
}

table td {
	line-height: 1.5;
	border: 1px solid #bababa;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
}


/* section内でfloatを使用する場合 */
.section .imgLeft {
	float: left;
	margin: 0 20px 10px 0;
	padding: 0;
}

.section .imgRight {
	float: right;
	margin: 0 0 10px 20px;
	padding: 0;
}

.section .imgOnly {
	float: none;
	text-align: center;
}


/* h5の利用時にsection内でfloatを使用する場合（box内でfloatを行う） */

.section .box {
	margin: 0 0 20px 0;
	padding: 0;
}

.section .box h5 {
	line-height: 1.3;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 6px 0 8px 0;
}

.section .box h5.bg_circle {
	line-height: 1.3;
	background: url(../img/ki_circle_g14.gif) no-repeat 0 0.5em;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 6px 0 6px 16px;
}

.section .box .imgLeft {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
}

.section .box .imgRight {
	float: right;
	margin: 0 0 0 20px;
	padding: 0;
}

.section .box .imgOnly {
	float: none;
	text-align: center;
	margin: 0;
	padding: 15px 0 0 0;
}

.section .box .imgCenter {
	float: none;
	width: 640px; /* Max 736px */
	text-align: center;
	margin: 0 auto;
	padding: 15px 0 0 0;
}

.section .box .imgCenter .imgLeft {
	width: 310px;
	margin: 0 !important;
	padding: 0 !important;
}

.section .box .imgCenter .imgRight {
	width: 310px;
	margin: 0 !important;
	padding: 0 !important;
}

.section .box .imgCenter .imgLeft .image,
.section .box .imgCenter .imgRight .image,
.section .box .imgCenter .imgLeft .caption,
.section .box .imgCenter .imgRight .caption {
	text-align: center;
}



/* box内でtableを中央配置 */
.section .box .tableLeft {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
}

.section .box .tableRight {
	float: right;
	margin: 0 0 0 20px;
	padding: 0;
}

.section .box .tableOnly {
	clear: both;
	text-align: center;
	margin: 0;
	padding: 15px 0 0 0;
}

.section .imgLeft .image {
	text-align: left;
}

.section .imgRight .image {
	text-align: right;
}

.section .imgLeft .caption,
.section .imgRight .caption,
.section .tableLeft .caption,
.section .tableRight .caption {
	text-align: center;
}

.section .boxLeft {
	float: left;
	margin: 0 20px 10px 0;
	padding: 0;
}

.section .boxRight {
	float: right;
	margin: 0 0 10px 20px;
	padding: 0;
}

.section .boxLeft .image {
	text-align: left;
}

.section .boxRight .image {
	text-align: right;
}

.section .boxLeft .caption,
.section .boxRight .caption {
	text-align: center;
	margin: 0 0 10px 0 !important;
	padding: 0;
}


.spec {

}

.spec .left {
	float: left;
}

.spec .right {
	float: right;
}

.spec .center {
	float: none;
}

.spec .center .caption {
	text-align: center;
}