@charset "utf-8";
/* CSS Document */

a img, a:visited img, a:hover img {
	border:0 !important;
}

body {
    background-color: #000000;
/*    background-color:#101734; */

    background-image:url(/images/background.jpg);
    background-repeat: repeat;

    margin: 0px;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #FFFFFF;
}

/* アホIE用 */
#wrapper {
    text-align:center;
}

#header-container {
    /* アホIE用にコメント */
/*	overflow:hidden; */
	background-image:url(/images/header/background.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height:94px;
	width:972px;
    margin:auto;
    /* アホIE用 */
    text-align:left;
}

#header-left {
	float:left;
	width:283px;
}

div#header-right {
	float:right;
	width:672px;
}

#header-top {
	float:right;
	margin-right:25px;
	margin-top:6px;
	font-size: 12px;
	color: #FFFFFF;
	height:30px;
}

#header-top a, #header-top a:visited {
	color:#FFF;
	text-decoration:none;
}
#header-top a:hover {
	text-decoration:none;
	border-bottom: 1px dotted #fff;
}

#header-bottom {
	height:39px;
	margin-top:55px;
}


div#right-pane {
    position:relative;
    float:left;
    padding-left:20px;
    width: 750px;
}

div#title-image-container {
    position:relative;
    width: 750px;
    margin-bottom: 10px;
}

/* ---NAVI--- */
div#left-pane {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-filter: "alpha( opacity=90 )";
    filter: alpha(opacity=90);
    -moz-opacity:0.90;
    opacity:0.90;
    float:left;
    width:200px;
/*    background-color:#FFFFFF; */
    margin-bottom: 5px;
}

div#left-top {
    background-image:url(/images/navi/top.gif);
    height:6px;
    padding:0px;
    margin:0px;
    font-size:0px;
    background-position: top left;
    background-repeat:no-repeat;
    -ms-filter: "alpha( opacity=90 )";
    filter: alpha(opacity=90);
    -moz-opacity:0.90;
    opacity:0.90;
}

div#left-body {
    position:relative;
    overflow:hidden;
    height:auto;
    width:200px;
    -ms-filter: "alpha( opacity=90 )";
    filter: alpha(opacity=90);
    -moz-opacity:0.90;
    opacity:0.90;
    background-color:#FFFFFF;
}

div#left-bottom {
    background-image:url(/images/navi/bottom.gif);
    height:6px;
    padding:0px;
    margin:0px;
    font-size:0px;
    background-position: top left;
    background-repeat:no-repeat;
    -ms-filter: "alpha( opacity=90 )";
    filter: alpha(opacity=90);
    -moz-opacity:0.90;
    opacity:0.90;
}

p.navi-row {
    margin:10px 7px 7px 7px;
    color:#000000;
}

div.navi-category {
    position:relative;
    clear:both;
    margin:2px;
    padding:5px 5px 5px 8px;
	background-image:url(/images/navi/category.gif);
    background-repeat:no-repeat;
    color:#FFFFFF;
    font-size:20px;
    font-weight:bold;
}

div.navi-category a, div.navi-category a:visited {
    display:block;
    color:#FFFFFF;
    width:180px;
    text-decoration:none;
}

div.navi-category a:hover {
    color:#FF0000;
    text-decoration:none;
}

div.navi-row {
    position:relative;
    clear:both;
    margin:2px;
	background-image:url(/images/navi/row.gif);
    background-repeat:no-repeat;
    color:#FFFFFF;
}

div.navi-row-selected {
    position:relative;
    clear:both;
    margin:2px;
    padding:5px 5px 5px 8px;
	background-image:url(/images/navi/row.gif);
    background-repeat:no-repeat;
    color:#FFA500;
}

div.navi-row-selected-link {
    position:relative;
    clear:both;
    margin:2px;
	background-image:url(/images/navi/row.gif);
    background-repeat:no-repeat;
}

span.navi-item {
    font-size:16px;
    font-weight:bold;
}

span.navi-item-small {
    font-size:14px;
    font-weight:bold;
}

span.navi-item-smallest {
    font-size:12px;
    font-weight:bold;
}

div.navi-row-selected-link span.navi-item a, div.navi-row-selected-link span.navi-item a:visited {
    display:block;
    padding:5px 5px 5px 8px;
    width:180px;
    color:#FFA500;
    font-weight:bold;
    text-decoration:none;
}

span.navi-item a, span.navi-item a:visited, span.navi-item-small a, span.navi-item-small a:visited, span.navi-item-smallest a, span.navi-item-smallest a:visited {
    display:block;
    padding:5px 5px 5px 8px;
    width:180px;
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
}

span.navi-subitem a, span.navi-subitem a:visited, span.navi-subitem-small a, span.navi-subitem-small a:visited, span.navi-subitem-smallest a, span.navi-subitem-smallest a:visited {
    display:block;
    padding:5px 5px 5px 15px;
    width:180px;
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
}

span.navi-item a:hover, span.navi-item-small a:hover, span.navi-item-smallest a:hover {
    color:#FF0000;
    font-weight:bold;
    text-decoration:none;
}

span.navi-subitem a:hover, span.navi-subitem-small a:hover, span.navi-subitem-smallest a:hover {
    color:#FF0000;
    font-weight:bold;
    text-decoration:none;
}

div.navi-subrow {
    position:relative;
    clear:both;
    margin:2px;
    height:27px;  /* 小文字対策 */
	background-image:url(/images/navi/subrow.gif);
    background-repeat:no-repeat;
    color:#FFA500;
}

div.navi-subrow-selected {
    position:relative;
    clear:both;
    height:22px;  /* 小文字対策 */
    margin:2px;
    padding:5px 0px 0px 15px;
	background-image:url(/images/navi/subrow.gif);
    background-repeat:no-repeat;
    color:#FFA500;
}

span.navi-subitem {
    font-size:14px;
    font-weight:bold;
}


span.navi-subitem-small {
    font-size:12px;
    font-weight:bold;
}

span.navi-subitem-smallest {
    font-size:10px;
    font-weight:bold;
}

/* ------------------------------ CONTENT ------------------------------ */
div#content {
    position:relative;
    overflow:hidden;
  　clear: both;
    width:972px;
    margin: 10px auto 0 auto;
    /* アホIE用 */
    text-align:left;
}

div#content-body {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    position:relative;
    width:750px;
    overflow:hidden;
/*    background-color:#171717; */
/*    background-color:#1B233E; */
    /* アホIE用 */
    text-align:left;
}

div#content-body span.catalog {
    position:absolute;
    top:27px;
    right:10px;
}

div#content-body h1 {
    position:relative;
    top:2px;
    left:4px;
    clear:left;
	color:#b0c4de;
	margin:0 0 3px 0;
	font-size: 20px;
}

div#content-body h2 {
    position:relative;
    top:4px;
    left:8px;
    clear:both;
    color:#dAA520;
/*	color:#E7CF00; */
	margin:0 0 3px 0;
	font-size: 18px;
}

/* H3：本文のH3はデフォルト電球画像付きなので注意 */
/*
div#content-body h3 {
    background-image:url(/images/paragraph.gif);
    background-repeat:no-repeat;
    background-position:left center;
    clear:left;
    position:relative;
    top:5px;
    left:7px;
    padding-left:23px;
	color:#b0e0e6;
	font-size: 13px;
}
*/

/* H3：本文のH3はデフォルト矢印画像付きなので注意 */
div#content-body h3 {
    background-image:url(/images/arrow.gif);
    background-repeat:no-repeat;
    background-position:left center;
    clear:left;
    position:relative;
    top:5px;
    left:7px;
    padding-left:25px;
	color:#b0e0e6;
	font-size: 13px;
}

/* H3：製品タイトル説明用 */
div#content-body h3.description {
    clear:left;
    background:none;
    position:relative;
    top:5px;
    left:4px;
    padding:0 0 5px 0px;
	color:#3cb371;
	margin:0;
	font-size: 14px;
}

/* H3：特徴等の表示用 */
div#content-body h3.highlight {
    background-image:url(/images/arrow.gif);
    background-repeat:no-repeat;
    background-position:left center;
    clear:left;
    position:relative;
    top:5px;
    left:17px;
    padding-left:25px;
	color:#ffb6c1;
	font-size: 13px;
}

div#content-body a, div#content-body a:visited {
	font-size: 12px;
    font-weight:bold;
/*	color:#48d1cc; */
	color:#20B2AA;
/*    text-decoration:none; */
}

div#content-body a:hover {
	font-size: 12px;
/*	color:#FF0000; */
color: #00ff7f;
}


/* H4：特徴、hovering処理対象 */
div#content-body h4 {
    clear:left;
    background:none;
    padding-right:0;
    width:10px;
    overflow:visible;
    white-space:nowrap;
	margin:2px auto 4px 15px;
	color:#FFFFFF;
	font-size: 14px;
    cursor:pointer;
}

div#content-body h4 a {
   font-size: 13px;
   color: #FFFFFF;
   border-width: 0 0 1px 0;
   border-style: dotted;
   border-color: #FFFFFF;
}

/* 左に画面などを入れ回り込みしたい場合に使用 */
div#content-body p.left {
    float:left;
    margin-left:15px;
}

/* 右に画面などを入れ回り込みしたい場合に使用 */
div#content-body p.right {
    float:right;
    margin-right:15px;
}

/* スクリーンショット拡大用 */
div#content-body p.screen-right {
    cursor:pointer;
    float:right;
    margin-right:15px;
}

/* スクリーンショット拡大用 */
div#content-body p.screen-left {
    cursor:pointer;
    float:left;
    margin-left:15px;
}


div#content-body p {
    overflow:hidden;
    margin:10px 5px 10px 10px;
	font-size: 12px;
	color:#FFFFFF;
}

div#content-body p.show {

}


div#content-body hr {
    clear:both;

    border-width: 1px 0px 0px 0px;
    border-style: dotted;
    border-color: #FFFFFF;
    margin: 0 5px 0 5px;
    height: 1px;
}

div#content-body p.button-left {
    float:left;
    clear:right;
    margin:3px 0 3px 10px;
}

/* itiou真中用
div#content-body p.button {
    float:left;
    margin:1px 0 3px 3px ;
}
*/

div#content-body p.button-right {
    float:left;
    margin:3px auto 3px 10px ;
}

div#content ul li {
    list-style-type:square;
}

div#content ul ul {
    list-style-type:circle;
    margin-left:0px !important;
    padding-left:15px !important;
}

div#content ul ul li {
    list-style-type:circle;
}

div#content ol {
    margin:0px;
    padding-left:25px
}

div#content-body p.hide {
    display:none;
}


/* ------------------------------ TABLE ------------------------------ */
table.item {
    width:100%;
    margin-left: 5px;
    border:0px;
    border-collapse: collapse;
    border-spacing: 0px;
    margin: 0;
}

table.item tr td {
    padding:0 0 10px 5px;
	font-size: 12px;
    margin: auto;
    vertical-align:top;
	color:#FFFFFF;
}

table.item tr td.pad {
    padding:0 0 10px 10px;
	font-size: 12px;
    vertical-align:top;
	color:#FFFFFF;
}


div#breadcrumb {
    margin:3px auto 10px 5px;
    font-size:11px;
    color:#FFFFFF;
}

div#breadcrumb a, div#breadcrumb a:visited {
    font-size:11px;
    color:#FFFFFF;
    text-decoration:none;
	font-weight:bold;
}

div#breadcrumb a:hover {
    font-size:11px;
    color:#FFFFFF;
    text-decoration:none;
	font-weight:bold;
    border-bottom:dotted 1px #FFFFFF;
}

/* ---CONTENT-RIGHT --- */
#content-right-index {
    height:292px;
    width:603px;
    float:right;
}
#content-right-top {
    height:81px;
    margin-top:30px;
    border-bottom: #707a97 1px solid;
}

/* ---FOOTER--- */
div#footer {
	margin-top:6px;
	padding-top:5px;
	width: 972px;
    margin: 0 auto 5px auto;
    /* アホIE用 */
    text-align:left;
}

div#footer hr {
    clear:both;

    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: #FFFFFF;
    height: 1px;
}

span#footer-navi {
}

span#footer-navi a, #footer-navi a:visited {
	font-size:11px;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}

span#footer-navi a:hover {
	font-size:11px;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	border-bottom: #fff dotted 1px;
}

span#footer-copy {
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	float:right;
}

span#footer-change {
    clear:right;
    float:right;
	color: #ff8c00;
	font-size: 10px;
    margin-bottom:5px;
}

div.spacer {
    margin:0;
    padding:0;
    clear:both;
}

table#spec {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color:#CCCCCC;
    margin:10px 10px 10px 15px;
}

table#spec tr th {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color:#FFFFFF;
    background-color:#1E90FF;
    padding:5px 10px 5px 5px;
}

table#spec tr td {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color:#000000;
    background-color:#FFFFFF;
    padding:5px 10px 5px 5px;
}

table.case {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color:#CCCCCC;
    margin:5px 10px 10px 15px;
}

table.case tr th {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color:#FFFFFF;
    width: 120px;
    background-color:#66CDAA;
    padding:5px 10px 5px 5px;
}

table.case tr td {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color:#000000;
    background-color:#FFFFFF;
    padding:5px 10px 5px 5px;
}


table.list {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color:#CCCCCC;
    margin:5px 10px 10px 15px;
}

table.list tr th {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color:#FFFFFF;
    white-space:nowrap;
    background-color:#1E90FF;
    padding:5px 10px 5px 5px;
    text-align:center;
}

table.list tr td {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color:#000000;
    background-color:#FFFFFF;
    padding:5px 5px 5px 5px;
}

table.list tr td.row-title {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color:#000000;
    background-color:#87CEEB;
    padding:5px 10px 5px 5px;
    white-space:nowrap;
}

table.list tr td.notes {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color:#000000;
    background-color:#CCCCCC;
    padding:5px 10px 5px 5px;
}

table.list tr td.explanation {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color:#000000;
    background-color:#E0FFFF;
    padding:5px 10px 5px 5px;
}

table.list tr td.price-title {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color:#000000;
    background-color:#F5F5F5;
    padding:5px 10px 5px 5px;
}

table.list tr td.price {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color:#000000;
    text-align: right;
    background-color:#FFFFFF;
    padding:5px 10px 5px 5px;
}

div.item {
    background-image:url(/images/arrow.gif);
    background-repeat:no-repeat;
    background-position:right center;
    margin:5px 15px 5px 15px ;
    float:left;
    width:140px;
    height:20px;
    line-height : 20px;
    font-weight:bold;
	color:#b0e0e6;
	font-size: 13px;
}

div.value {
    float:left;
    margin:5px 5px 5px 0;
	font-size:13px;
    height:20px;
    line-height : 20px
}

div.value-multi {
    float:left;
    margin:5px 5px 5px 0;
	font-size:13px;
    padding-top:3px;    /* だいたい */
}

span.notice {
    font-weight:bold;
    color:#FF0000;
}


#navigation {
	border:1px solid #5263AB;
	margin:0px;
	padding:0px;
	text-indent:0px;
	background-color:#E2E2E2;
	width:200px;
}
#navigation a.head {
	cursor:pointer;
	border:1px solid #CCCCCC;
	background:#5263AB url(collapsed.gif) no-repeat scroll 3px 4px;
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-indent:14px;
	text-decoration: none;
}
#navigation a.head:hover {
	color:#FFFF99;
}
#navigation a.selected {
	background-image: url(expanded.gif);
}
#navigation a.current {
	background-color:#FFFF99;
}
#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}
#navigation li {
	list-style:none outside none; display:inline;
}
#navigation li li a {
	color:#000000;
	display:block;
	text-indent:10px;
	text-decoration: none;
}
#navigation li li a:hover {
	background-color:#FFFF99;
	color:#FF0000;
}

/* ニコンさん対策 */
div#content-body p.nikon-logo {
    float:left;
    margin:21px;
}

/* 標準ニュースの日付 */
span.news-date {
    float:left;
	clear:left;
    padding:3px 0 5px 10px;
    width:70px;
	font-size: 12px;
	color:#FFFFFF;
}

span.news-date-top {
    float:left;
	clear:left;
    padding:3px 0 5px 0px;
    width:70px;
	font-size: 12px;
	color:#FFFFFF;
}

/* 標準ニュースのアイコン */
span.news-icon {
    float:left;
    padding:3px 5px 5px 5px;
}

/* 標準ニュースの記事 */
span.news-article {
    float:left;
    padding:3px 0 5px 5px;
    font-size:12px;
	width:591px;
	color:#FFFFFF;
}

/* 標準ニュースの記事(狭:TOP用) */
span.news-article-top {
    float:left;
    padding:3px 0 5px 5px;
    font-size:12px;
	width:580px;
	color:#FFFFFF;
}