@charset "utf-8";

/* -----------------------------------------
	Nihon 3B Scientific
Copyright 2007 Nihon 3B Scientific LIMITED
--------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td,address,button
{
	margin:0;
	padding:0;
	line-height:1.5;
	letter-spacing:1px;
	color:#333333;
	font-family:OSAKA,"MSP ゴシック",verdena, sans-serif;
}

body {
	background-color:transparent;
	text-align:center;
	padding-bottom: 60px;
}


img,iframe {border:none; vertical-align:bottom;}

/*jQueryのフェードより先に動くとフェードが見えないのであえて透明度を低めに*/
a img:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
}
a img:focus {
	opacity:0.8;
	filter: alpha(opacity=80);
}

sup {
	font-size:0.88em;
	vertical-align:baseline;
	position:relative;
	top:-0.35em;
}

sub {
	font-size:0.88em;
	vertical-align:baseline;
	position:relative;
	bottom:-0.35em;
}

a{
	text-decoration:underline;
	padding-bottom:0;
}

a:link {color:#0000a3;}
a:visited {color:#910091;}
/*a:hover {color:#db0962; border-bottom:1px dashed;}*/
/*a:focus {color:#db0962; border-bottom:1px dashed;}*/
a:active {color:#cc3300;border:none;}

div#wrapp {
	margin:7.8em 0 0.53em 0.53em;
	position:relative;
	text-align:left;
	font-size:100%;
}

body > div#jump { /*IE6 レイアウトが崩れるので除外*/
	position:absolute;
	top: -10.5em;
	left: 0;
}



/* ora \*/
* html div#wrapp {height:1%;}
/**/

div#wrapp div div {margin-left:0;}

div#header {
	width:100%;
	margin:3px 0 3px 0;
	position:absolute;
	top:0;
	left:0;
	letter-spacing:0;
	text-align:left;
	font-size:100%;
}


div#h-top {padding:0 0.53em 0 0.53em; height:0;}

/* ora\*/
* html div#h-top {height:3.17em; padding-right:0.4em; overflow:auto;}
/**/

div#header div {padding-bottom:0;margin-left:0; background-color:#ffffff;}

div#comp-logo {float:left;white-space: nowrap;}

div#comp-logo a {border:0; display:block;}
div#comp-logo a:link {border:0;}
div#comp-logo a:visited {border:0;}
div#comp-logo a:hover{border:0;	background:transparent url(../img/logo-back.gif) no-repeat left top;}
div#comp-logo a:focus {border:0;background:transparent url(../img/logo-back.gif) no-repeat left top;}
div#comp-logo a:active {border:0;background:transparent url(../img/logo-back.gif) no-repeat center top;}

div#comp-logo div {
	float:left;
	background:transparent url(../img/logo-back.gif) no-repeat left bottom;}

div#comp-logo span {
	margin:10px 0 2px 0;
	padding-bottom:2px;
	line-height:2.3;
	background:transparent url(../img/tagline.gif) repeat-x right bottom;
	font-size:0.81em;
}


div#comp-logo p {
	line-height:1;
	font-size:0.81em;
}


div#l-cart {
	margin-right:8px;
	display:inline;
	float:right;
	width:4.19em;
	height:2.75em;
}

div#l-cart a {
	padding:23px 0 0 0;
	width:5.15em;
	display:block;
	background:transparent url(../img/l_cart.gif) no-repeat left top;
	font-size:0.81em;
	letter-spacing:0;color:#0000a3;
}


#l-cart a:link {color:#0000a3;}
#l-cart a:visited {color:#0000a3;}
#l-cart a:hover {color:#db0962;}
#l-cart a:focus {color:#db0962;}
#l-cart a:active {color:#cc3300;border:none;}

#h-right {float:right;}
#h-right div {font-size: 0.81em;}
#h-right span a {padding-left:22px;}
#h-right span span {padding-left:22px;}
#h-right input {margin-top:3px; font-size:1em; line-height:1.7;}

/* ora\*/
* html div#h-right input {margin-top:0;}
/**/


#site-map {
	background:transparent url(../img/site_map.gif) no-repeat left center;
}
#quest {
	background:transparent url(../img/quest.gif) no-repeat left center;
}
.s-search {
	width: 18em;
	height: 2em;
}
.s-search input {
	/*height:1.7em;*/
}
/* site search */
.s-search-input {
	width: 12em;
}

.s-search-button {
	padding: 0 4px;
}


/*.gsc-input {
	font-size: 0.9em;
	width: 13em;
	line-height: 1.6;
}
.gsc-search-button {
font-weight :normal;
font-size: 0.8em;
width: 2em;
line-height: 1.6;
}*/
/*mail mag back number*/
.m-search {
	font-weight: normal;
}
.m-search .gsc-input {
	margin-right: 10px;
	line-height: 1.6;
}
.m-search .gsc-search-button {
font-weight :normal;
font-size: 1em;
line-height: 1.6;
}

.gsc-clear-button{
        display: none;
}

input#search {
	width: 15.5em;
	border-top:1px #666666 solid;
	border-right:1px #c3c3c3 solid;
	border-bottom:1px #c3c3c3 solid;
	border-left:1px #666666 solid;
}

div#global {
	display:block;
	border-left:0.53em #ffffff solid;
	margin:3.7em 0.53em 0 0;
	padding:0 0 5px 0;
	clear:both;
	background:#004fa3 url(../img/b_shadow.gif) repeat-x left bottom;
	text-align:center;
}

/* ora\*/
* html div#global {margin-top:0.45em; width:100%; height:1%;}
*:first-child+html div#global {padding-bottom:2.1em; width:auto; }
/**/

div#global:after {
	content: "";
	display:block;
	clear:both;
}

div#global ul {
	width:100%;
	float:left;
	margin:0 0 5px 0;
	list-style:none;
	text-align:center;
	vertical-align:baseline;

}
/* ora\*/
* html div#global ul {height:1.84em; overflow:auto;}
/**/

div#global li {
	float:left;
	width:8.5em;
	height:100%;
	border-right:1px solid #75b5f4;
	font-size:0.82em;
	background-color:#004fa3;
}

div#global li a {
	padding-top:0.3em;
	padding-bottom:5px;
	display:block;
	width:100%;
	border-bottom:none;
	text-decoration:none;
}

div#global li a:link {color:#ffffff;
	background:transparent url(../img/g_blue.gif) left bottom repeat-x;}

div#global li a:visited {color:#ffffff;
	background:transparent url(../img/g_blue.gif) left bottom repeat-x;}

div#global li a:hover {
	color:#ffd3e8;
	background:transparent url(../img/g_red.gif) left bottom repeat-x;
}

div#global li a:focus {
	color:#ffd3e8;
	background:transparent url(../img/g_red.gif) left bottom repeat-x;
}

div#global li a:active {
	color:#ffffff;
}


div#global li#g-here {
	padding-top:0.3em;
	padding-bottom:5px;
	height:100%;
	border-left:1px solid #fcfcfc;
	border-right:1px solid #fcfcfc;
	background:#ffffff url(../img/g_here.gif) left bottom repeat-x;
}

div#global li#g-a-here {
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}

div#global li#g-a-here a {
	padding-top:0.3em;
	padding-bottom:5px;
	display:block;
	width:100%;
	text-decoration:underline;
}

div#global li#g-a-here a:link {
	background:#ffffff url(../img/g_here.gif) left bottom repeat-x;
	color:#0000a3;
}

div#global li#g-a-here a:visited {
	background:#ffffff url(../img/g_here.gif) left bottom repeat-x;
	color:#0000a3;
}

div#global li#g-a-here a:hover {
	background:#ffffff url(../img/g_here_a.gif) left bottom repeat-x;
	color:#db0962;
	text-decoration:none;
}

div#global li#g-a-here a:focus {
	background:#ffffff url(../img/g_here_a.gif) left bottom repeat-x;
	color:#db0962;
	text-decoration:none;
}

div#global li#g-a-here a:active {
	background:#ffffff url(../img/g_here_a.gif) left bottom repeat-x;
	color:#cc3300;
}

div#g-n
	{background:transparent url(../img/g_red.gif) left bottom no-repeat;
	display:none;}
div#g-n span
	{background:transparent url(../img/g_here_a.gif) left bottom no-repeat;	}

dl#topic-path, .topic-path {
	margin:0.3em 0 0 0;
	padding:0 0 0 0.65em;
	font-size:0.81em;
}

/* ora\*/
* html dl#topic-path {height:1.5em; overflow:auto;}
/**/

dl#topic-path dt, .topic-path dt {display:none;}

dl#topic-path dd, .topic-path dd {
	padding:0 18px 0 3px;
	display:inline;
	background:transparent url(../img/topic.gif) no-repeat right center;}

	dl#topic-path dd a, .topic-path dd a {
		text-decoration: none;
	}
dl#topic-path dd.active, .topic-path dd.active {background-image:none;}

/* ora\*/
* html dl#topic-path dd {margin-right:0.1em; padding-right:0.8em;}
/**/
div.univ {clear: both; margin:0 0.53em 0.53em 0.53em; height:1.5em;}

/*科目別用のtopic-path*/


/* ページスクロール*/
div.to-top {
  position: fixed;
  right: 2%;
  bottom: 5px;
  font-size: 0.8em;
  text-align: center;
  border: 1px solid #004fa3;
  padding: 0;
}
div.to-top a {
  display: block;
  width: 55px;
  min-height: 55px;
  text-decoration: none;
  background-color: #004fa3;
  color: #fff;
}
div.to-top a:visited {
	color: #fff;
}
div.to-top a:hover {
	transition: .5s;
	opacity: .8;
}
div.to-top img {
	display: block;
	margin: 0 auto;
}

div#footer {
	margin:0 0.53em 0 0.53em;
	padding-top:10px;
	clear:both;
	background:transparent url(../img/footer.gif) repeat-x left top;
	text-align:right;
	font-size:100%;
}

/* ora\*/
* html div#footer {z-index:-1;}
*:first-child+html div#footer {z-index:-1;}
/**/

div#footer img {display:inline;}

div#footer ul {
	margin: 5px 0;
	font-size: 0.84em;
}
div#footer li{
	padding: 2px 3px 2px 10px;
	display: inline;
	border-left: 1px solid #e5e5e5;
}
.fg-r {border-right: 1px solid #e5e5e5;}

address {margin:10px 0 10px 0; font-size:0.81em; font-style:normal;}
address span {display: block;}
#copyright {
	display: block;
	float: right;
}
/*category-top*/

div#cat-top {
	margin-bottom:1.19em;
	margin-right:0.53em;
	height:10em;
	min-width:500px;
	border-top:1px #e5e5e5 solid;
}

div#cat-top h2 {
	padding:8.4em 0 5px 5px;
	border-right:1px #e5e5e5 solid;
	font-size:1em;
	text-align:center;
	font-weight:normal;
	background:transparent url(../img/cat_h2.gif) no-repeat left bottom;
}


/* ora\*/
* html div#cat-top h2 {margin-top:-18px;}
/**/

div#cat-top hr {visibility:hidden; width:500px; height:0;}
div#cat-top > hr {display:none;}

.card {
	width: 31%;
	float: left;
	margin-right: 2%;
	position: relative;
	margin-bottom: 2%;
	border: 1px solid #999;
	box-shadow: 1px 2px 3px #aaa;
}


.card-title {
	width: 100%;
	background-color: #fff;
	line-height: 1.3;
	min-height: 67px;
}


.card-title a {
	display: block;
	padding: 2px 5px;
	text-decoration: none;
	/*color: #000;*/
	font-size: 13px;
}

.card-title a:hover {
	opacity: 0.7;
}


.card-title strong {
	display: block;
	font-size: 19px;
	margin-bottom: 3px;
	font-weight: bold;
	border-bottom: 1px solid rgba(0, 0, 0, .5);
	box-shadow: 0 1px 0 rgba(255, 255, 255, .1);
}

.card-title span {
	color: #000;
}

.card-img img {
	width: 100%;
	height: auto;
}

.cat-select {
	margin:0 1.06em 1.06em 0;
	width:10.56em;
	height:7.2em;
	float:left;
	border-right:1px solid #e5e5e5;
	background:transparent url(../img/cat_h2.gif) no-repeat left bottom;
}


.cat-select strong {
	display: block;
	font-size:0.88em;
	line-height:2;
	background:#f2f2f2 url(../img/cat_t.gif) no-repeat left top;
	border-bottom:1px solid #e5e5e5;
	}
.cat-select strong a {
	margin-left:3px;
	padding-left:35px;
	display:block;
	border-bottom:none;
	text-decoration:underline;
}

/* ora\*/
* html .cat-select strong a {height:1%;}
/**/

.cat-select strong a:link {color:#0000a3;}
.cat-select strong a:visited {color:#910091;}
.cat-select strong a:hover {color:#db0962; text-decoration:none; border-bottom:none;}
.cat-select strong a:focus {color:#db0962; text-decoration:none; border-bottom:none;}
.cat-select strong a:active {color:#cc3300; text-decoration:none;}

.cat-select ul {
	margin:0.2em 0.4em 0 0.4em;
	padding:0.2em 0.4em 0 0.4em;
	font-size:0.81em;
	list-style:none;
}
.cat-select li {border-bottom:1px #e5e5e5 dashed;}

.cat-select span {display:block; padding:0 0 0 1.2em;font-size:0.81em;}
.cat-select p {
	margin:0.2em 0.4em 0 0.4em;
	font-size: 0.81em;
	}

/*product*/

/* ora\*/
* html div.product,div.reco-rank,.reco-check {height:1%;}
/**/

div.product,div.reco-rank,.reco-check {
	margin-top: 15px;
	margin-right:0.53em;
	margin-bottom:1.59em;
	/*min-width:35.88em;*/
	position: relative;
}

/*メルマガトップページ*/

div.mail-product {
	width: 73%;
	padding-right: 1%;
	float: left;
}

div.reco-rank,.reco-check {
	margin-bottom: 1em;
	clear: both;
}
div.recojs div span {
	display: block;
	height: 2.5em;
	position: relative;
	overflow: hidden;
}
div.recojs div span:before {
	background: #fff;
	position: absolute;
	content: "...";
	display: block;
	width: 1.5em;
	top: 1em;
	right: 0;
	font-size: 1.2em;
}
div.recojs div span:after {
	background: #fff;
	position: absolute;
	content: " ";
	height: 100%;
	width: 100%;
}

.product:after,.reco-rank:after,.reco-check:after {
	content: "";
	display:block;
	clear:both;
	position: relative;
}

hr.column-574 {
/*	margin-top:-1em;
	height:0;
	width:35.88em;*/
	display:block;
	visibility:hidden;
	clear:both;
}

div > hr.column-574 {display:none;}/*最初のproduct要素のみ 柱*/

.product h2{
	margin-bottom:0.53em;
	padding-left:5px;
	clear:both;
	border-top:1px #004fa3 solid;
	background-color:#f2f2f2;
	font-size:1em;
}

h2.br {
	border-top:1px #d30707 solid;
}

.reco-rank {
	border-bottom: 1px dotted #004fa3;
}

.reco-rank h2 {
	margin:0 ;
	line-height: 1.2;
	border-bottom:1px dotted #004fa3;
	font-size:0.85em;
	height: 1.5em;
	font-weight: normal;
	color:#fff;
}
.reco-rank h2 span {
	padding: 6px 10px;
	background:#004fa3 url(../img/top.gif) no-repeat left top;
}
.reco-check {
	border-top: 1px dotted #004fa3;
}
.reco-check>p {
	display: inline-block;
	background-color:#f2f2f2;
	padding: 5px;
	font-size: 1em;
	margin-bottom: 10px;
}
.reco-check {
	border-bottom: none;
	padding-bottom:15px;
}
/* ora\*/
* html .product h2 {height:1%;}
/**/

.product h3 {
	font-size:0.88em;
}

.s-cat {
	padding:3px 0 3px 8px;
	border-left:1px solid #004fa3;
	background-color:#fafafa;
}

.campaign h3 {
	margin-bottom:5px;
	font-size:0.88em;
	border-left:3px solid #db0962;
	padding-left: 10px;
	background-color:#fdf1f6;
}

div.main-img {
	padding:0 5px 15px 0;
	width:412px;
	float:left;
	/*display:inline-block;*/
}/* width410 height200-530,500base*/
.main-img p {
	font-size: 0.9em;
	text-align: center;}
.zoomContainer {
	position: relative;
	left: 9px !important;
	}

.zoom-text:after {
	font-size: 0.9em;
	content: "画像にマウスを合わせると拡大";
	display:block;
	margin-left: auto;
	margin-right: auto;
	clear:both;
	text-align: center;
}

.campaign {
	margin:5px 0 5px 0;
	clear:both;
}

.campaign:after {
	content: "";
	display:block;
	clear:both;
}

div.p-info {width:11.5em; float:right;}

.cart {
	margin:0 0 15px 0;
	border: 2px solid #00b263; /* h154 s100 v70 */
	box-shadow: 0px 2px 3px #aaa;
 	border-radius: 3px;
	height: 50px;
	font-size: 0.88em;
	padding:0 0 0 50px;
	line-height:3.5;
	background:#008749 url(../img/cart-g.gif) no-repeat left center;
	color: #fff;
	cursor: pointer;
	text-align: left;
}


button.cart {
	width: 100%;
	height: 54px;
}

.radio-title {
	font-size: 13px;
	font-weight: bold;
}

.radio-btn {
	font-size: 13px;
	display: block;
	padding: 6px;
	margin-bottom: 5px;
	border-radius: 3px;
	border: 1px solid #00b263;
	background-color: #a1e5c7;
	cursor: pointer;
}

.radio-btn input {
	position:relative;
 top:2px;
 margin-right: 3px;
	/*vertical-align:middle;*/
}

.cart-expt {
	width:230px;
	font-size:14px;
	margin:0 0 0 auto;
}

.cart:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
  border: 2px solid #008449;
}

.cart:focus {
	opacity:0.8;
	filter: alpha(opacity=80);
}

.cart a {
	display:block;
	border-bottom:none;
	text-decoration: none;
}
.cart a:link {color:#ffffff;}
.cart a:visited {color:#ffffff;}
.cart a:hover {color:#ffffff;	text-decoration:none; border-bottom:none;
}
.cart a:focus {color:#ffffff; text-decoration:none; border-bottom:none;

}
.cart a:active {color:#ffffff; text-decoration:underline; border-bottom:none;}
.cart:active {box-shadow: none;}

p.inquiry {
	margin:0 0 15px 0;
	padding: 0 0 0 1px;
	border:1px solid #e5e5e5;
	font-size:0.88em;
}
p.inquiry a {
	padding:0 0 0 31px;
	height:2.5em;
	line-height:2.5em;
	display:block;
	border-bottom:none;
	background:transparent url(../img/deli.gif) no-repeat left center;
	text-decoration:underline;
}

/* ora\*/
* html p.cart a {height:1%;}
/**/

.p-info dl {
	width:11.5em;
	clear:both;
}

.p-info dt {
	background-color:#f2f2f2;
	margin:0.15em 0.15em 0 0;
	padding:0 2px 0 2px;
	float:left;
	clear:both;
	border:1px solid #e5e5e5;
	font-size:0.81em;
}

.trans {
	height: 2.95em;
}
/* ora*/
* html .trans {height: 3.1em;}
/**/

.p-info dd {
	padding: 0.22em 0 0 2.9em;
	font-size:0.81em;
	font-weight:bold;
	border-bottom:1px solid #e5e5e5;
	letter-spacing:0;
}

.p-info dd span {font-weight:normal;}
.p-info dl.spec {margin-top:0.94em;}

.spec dt {background-color:#ffffff;}
.spec dd {padding-top: 0.22em; font-weight:normal;}
.size {
	margin-left:0;
	padding-left:2.8em;
	border-left:1px #e5e5e5 solid;
}
.dvd-p {
	margin-left:0;
	padding-left:5px !important;
	border-left:1px #e5e5e5 solid;
	font-weight:normal !important;
}

.smart-anatomy {
	border: 1px solid #efefef;
	margin-top: 10px;
    font-size: 0.81em;
    text-decoration: underline;
}


/*.smart-anatomy-text {
	padding: 5px;
}*/

.germany, .smart-anatomy {
	border: 1px solid #e5e5e5;
	padding: 5px;
}

.germany {
	margin-top:1em;
	text-align:left;
	font-size:0.81em;
	text-decoration: underline;
	}

.germany:hover, .germany:focus {
	text-decoration: none;
}
.germany a, .smart-anatomy a {
	display: block;
	border-bottom: 0;
	}
.germany img {
	display: block;
	margin: 0 auto;
}
.c-print {
	clear: both;
	margin: 15px 0;
	font-size: 0.81em;
	border: 1px solid #004fa3;
}
.c-print span {
	display: block;
	padding: 0 3px;
	border-bottom: 1px solid #e5e5e5;
	background-color: #004fa3;
	color: #fff;
}
.c-print p {
	margin: 5px 0 5px 8px;
}
#print-p {
	display: block;
	margin: 10px 5px;
	padding: 10px 15px;
	font-size: 1em;
	width: 93%;
	width: calc(100% - 10px);
}

div.more-info {margin-top:1.06em;}
div.more-info p {
	margin:0 0 10px 0;
	font-size:0.88em;
	border-bottom:1px solid #cccccc;
}

div.more-info p span,p.inquiry span  {
	padding-left:25px;
	display:block;
	border-top:1px solid #e5e5e5;
	font-size:0.92em;
	letter-spacing:0;
}

p.inquiry span {
	padding-left:5px;
}

.deli a {
	padding:3px 0 3px 25px;
	line-height: 2;
	display:block;
	border:1px solid #e5e5e5 !important;
	text-decoration:underline;
}

.deli a { background:transparent url(../img/deli.gif) no-repeat left center;}

.deli span {
	padding:0 5px 0 5px !important;
}

/*product class > product-top*/

hr.column {
	margin-top:-1em;
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}/*全ての製品トップの全product要素に IE6margin+柱*/

div > column {display:none;}

.p-sel {
	position:relative;
	margin:0 1.06em 1.06em 0;
	padding: 0 0 0 2px;
	width:15.7em;
	float:left;
	background:transparent url(../img/prod_sel.gif) no-repeat left bottom;
	word-break: break-all;
}


/* ora\*/
* html .p-sel {display:inline;}
/**/


.p-sel:after {
	content: "";
	display:block;
	clear:both;
}

.p-sel h3 {
	font-size:0.81em;
	line-height:1.35;
	background-color:#ffffff;
	}

.p-sel img {
	margin-right:2px;
	float:left;
}
.p-sel p {
	font-size:0.81em;
	line-height:1.4;
}

.num {
	margin-left:3px;
	padding-top:0.1em;
	clear:both;
	border-top:1px #e5e5e5 solid;
	letter-spacing: 0;
}
.num a {padding-right:0.2em;}


.pri {
	margin-left: 3px;
	padding-bottom: 3px;
	clear:both;
}



/* product ここまで*/


.inquiry a:hover {color:#db0962; text-decoration:none; border-bottom:none;}
.inquiry a:focus {color:#db0962; text-decoration:none; border-bottom:none;}
.inquiry a:active {color:#cc3300; text-decoration:none; border-bottom:none;}



/* ora\*/
* html div.more-info p a {height:1%;}
/**/

.exp {margin:0 0 1em 0; clear:left; font-size:0.88em;}
.user {margin:-0.5em 0 1em 0; clear:both; font-size:0.88em; text-align:right;}
.dir {font-size: 0.88em;}
.sp {margin-bottom: 1em !important;}
.tsp {margin-top:1em;}
.red {color:red;}
.blue {color:blue;}
.green {color:green;}
.big {font-size: larger;}
.nonsp {letter-spacing: -1px;}
.h-pa {font-size:0.91em; margin: 1em 0 0 0 ;}

.nul,.sul {
	margin:0 0 1.06em 1.5em;
}
ol.nul {margin-left:2.5em;}
.sul {list-style-type:none;}
.nul li,.sul li {font-size:0.88em;}
.nul li ul {margin:0 0 0 1em; list-style-type:circle;}
.nul li li {font-size:1em;}
.nultop {margin-left:-1.5em; list-style-type:none;}

.flex_ul, .result_ul {margin: 0 0 1.5em 0;}
.flex_ul li, .result_ul li {
	font-size: 0.8em;
	display: inline-block;
	width: 24%;
}
.flex_ul li.flex_title, .result_ul li.result_title {
	display: block;
	font-weight: bold;
	font-size: 1em;
	margin: 1em 0 0 0;
	width: 100%;
}

.page-nav {
	margin-right: 0.53em;
	margin-bottom: 0.53em;
	height:1%;
}
.page-nav:after {
	content: "";
	display:block;
	clear:both;
}
.page-nav p {font-size:0.84em}
.ful li {
	margin: 0 16px 8px 0;
	padding: 0 0 3px 1px;
	border-top:1px solid #e5e5e5;
	font-size: 0.88em;
	float:left;
	list-style-type: none;
	background: transparent url(../img/c-link-shadow.gif) no-repeat left bottom;
}
.fur li {
	margin: 5px 0 0 0;
	padding: 0 0 3px 1px;
	border-top:1px solid #e5e5e5;
	font-size: 0.88em;
	clear: right;
	float:right;
	list-style-type: none;
	background: transparent url(../img/c-link-shadow.gif) no-repeat left bottom;
}

.ful a,.fur a {
	white-space:nowrap;
	display:block;
	padding:5px 5px 5px 20px;
	background : #f2f2f2 url(../img/c-link.gif) no-repeat left center;
	border-right: 1px solid #e5e5e5;
	border-bottom: 0;
}

a.physics-expt {
	background: #c7dcef url(../img/c-link-expt.gif) no-repeat left center;
}


.ndl {margin-bottom: 1em;}
.ndl dt {
	margin-top: 1em;
	font-size: 0.88em;
	font-weight: bold;
	border-left: 3px solid #004fa3;
	padding-left: 10px;
	}
.ndl dd {margin-bottom:5px; padding-left: 13px;}
.ndl dd:after {
	content: "";
	display:block;
	clear:both;
}
.ndl dd p {font-size: 0.88em;}

.ntable {
	border-collapse: collapse;
	margin-bottom: 1em;
}
.ntable caption {
	font-weight: normal;
	border-top: 1px solid #004fa3;
}
.ntable th {
	padding: 10px;
	white-space: nowrap;
	border:1px solid #004fa3;
	border-left: 0;
	border-right: 0;
	font-size: 0.88em;
}
.ntable td {
	padding: 10px;
	border: 1px solid #004fa3;
	border-left: 0;
	border-right: 0;
}

.ntable td + td {
	border-left:1px solid #004fa3;
}

.dm-list td { padding:3px 10px;}

.dm-list td.dm-list-title {
	color: #ffffff;
	background-color: #004fa3;
	font-size: 0.88em;
}


.ntable td p {font-size: 0.88em;}
.ntable img {vertical-align: text-top;}
.img-mid img {vertical-align: middle !important;}

/*遠藤追加*/

.dtable {
	font-size:0.88em;
	border: 1px #e5e5e5 solid;
	border-collapse:collapse;
}
.dtable caption {
	padding: 5px;
	border: 1px solid #e5e5e5;
	border-bottom: none;
	background-color: #f2f2f2;
}
.dtable th {
	font-weight: normal;
	padding:10px;
	background-color:#f2f2f2;
	border: 1px #e5e5e5 solid;
}
.dtable td {
	font-weight: normal;
	padding: 5px;
	border: 1px #e5e5e5 solid;
	text-align: center;
}

.dtable-here {
	background-color:#FADAE8;
}

dl.dir dd {
	margin-left:1.5em;
}

.expt-item-list {
	font-size: 0.88em;
	width: 630px;
	margin-bottom: 1em;
	border-collapse:collapse;
}
.expt-item-list caption {
	text-align: left;
}

.expt-item-list th,.expt-item-list td {
	font-weight: normal;
	padding: 4px;
	border: 1px solid #e5e5e5;
}


/*product ここまで*/

dl.keycard {
	margin:0 0 1em 0;
	clear:left;
	font-size:0.88em;
	}
dl.keycard dt {
	margin-right:5px;
	padding-left:26px;
	display: inline-block;
	background:transparent url(../img/keycard.gif) no-repeat left center;
	}
dl.keycard dd {
	padding-left: 0.5em;
	display: inline;
	}
.manual_d {
	margin-right: 5px;
	padding-left: 28px;
	display: inline-block;
	background: transparent url(../img/manual_d.gif) no-repeat left center;
}
.pdfdown {
	padding-left: 20px;
	/*clear: both;*/
	font-size: 0.88em;
	background: transparent url(../img/pdficon.gif) no-repeat left center;
	}

div.ex-info {margin-bottom:0.53em; clear:both;}
div.ex-info img {
	margin:0 5px 0 0 ;
	display:block;
	float:left;
	border:1px #e5e5e5 solid;}
div.ex-info p {font-size:0.88em;}
div.ex-info:after {content: ""; display:block; clear:both;}

.thumbnail {
	margin-right:0.53em;
	margin-bottom:0.53em;
	float:left;
	border:1px solid #e5e5e5;
	text-align:center;
	position:relative;
}
.thumbnail>a {border:none;}

.thumbnail>a:after {
	content:"";
	display:block;
	width:32px;
	height:32px;
	position: absolute;
	top:2px;
	right:2px;
	background: transparent url(../img/zoom-in.png) no-repeat right top;
}
.thumbnail div {
	border-top: 1px solid #e5e5e5;
	background-color:#f2f2f2;
}

.thumbnail p {
	padding: 1px 5px 1px 5px;
	font-size:0.81em;
}

.w200 {width: 200px;}
.w250 {width: 250px;}
.w300 {width: 300px;}
.w400 {width: 400px !important;}
.w500 {width: 500px;}

div.recomend {
	position: relative;
	margin:0 1.06em 1.06em 0;
	padding:0px 2px 4px 3px;
	width:15em;
	line-height: 1;
	float:left;
	border-top:1px #e5e5e5 solid;
	border-right:1px #e5e5e5 solid;
	background:transparent url(../img/prod_sel.gif) no-repeat left bottom;
}
div.recomend strong,div.expt strong {font-size:0.81em; line-height: 1.4; /*for IE */}
.recomend span, .expt span {
	display: block;
	margin-top: 0.2em;
	line-height: 1.5;
	font-size: 0.81em;

}
.recomend span.bottom, .expt span.bottom {
	position: absolute;
	bottom:4px;
	right: 5px;
}
div.recomend img, div.expt img {
	margin:2px 2px 0 0;
	float:left;
	}
.recomend a, .expt a {
	border-bottom: 0;
	text-decoration: underline;
}
.recomend a img, .expt a img {
	text-decoration: none;
}
div.recomend p, div.expt p {margin-top: 2px; font-size:0.81em;}

div.expt{
	position:relative;
	margin:0 0 1.06em 0;
	padding:0px 2px 4px 3px;
	line-height: 1;
	border-top:1px #e5e5e5 solid;
	border-right:1px #e5e5e5 solid;
	background:transparent url(../img/prod_sel.gif) no-repeat left bottom;
	overflow:hidden;
}



.l-index {
	clear: both;
	padding:0 0 4px 1px ;
	font-size: 0.88em ;
	background: #f2f2f2 url(../img/cart_b.gif) no-repeat left bottom;
	white-space: nowrap;
	}

.l-index a {
	display: block;
	padding: 5px 10px 5px 25px;
	border-top: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: none;
	background: transparent url(../img/go-index.gif) no-repeat left center;
}

.l-index a:hover {
	border-bottom: none;
	opacity:0.8;
	filter: alpha(opacity=80);
}


/*.l-index a:link span {border-bottom: 1px solid #0000a3;}
.l-index a:visited span {border-bottom: 1px solid #910091;}
.l-index a:hover span {border-bottom:1px dashed #db0962;}
.l-index a:focus span {border-bottom:1px dashed #db0962;}
.l-index a:active span {color:#cc3300;border:none;}*/
.in-t {
	float: none;
	position: absolute;
	bottom: 5px;
}
.sale-c a {
	background: transparent url(../img/sale-cart.gif) no-repeat left center;
}

.v-cont {
	margin: 0 0 1em 0;
}
.v-cont video {max-width: 100%;}
.fr {float: right; margin-left: 5px;}
.fl {float: left; margin-right: 5px;}
.frb5 {float: right; margin: 0 5px 0 5px; width:95px !important;}

/*.fimg {
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #e5e5e5;
}

.fimg span {
	display: block;
	font-size: 0.81em;
	margin: 0 0 5px 0;
}
*/

.fimg {
  margin-bottom: 5px;
  padding: 5px;
  border: 1px solid #e5e5e5;
  position: relative;
  width: 240px;
}

.fimg iframe {
 position: relative;
 z-index: -1;
}

.fimg span {
 display: block;
 font-size: 0.81em;
 margin: 0 0 5px 0;
}

.external-link img{
	vertical-align: middle;
	position: relative;
	bottom: 2px;
	left: 3px;
}

.external-link:hover {
text-decoration: underline;
}

.fimg a {
display: block;
width: 100%;
height: 100%;
z-index: 1;
/*IEでiframeが上面に来るバグの対策*/
background-image: url(../img/clear.gif);
background-repeat: repeat;
}

.fimg:hover iframe {
opacity: 0.7;
}

.fimg p {
	margin: 0 !important;
	font-size: 0.81em;
}

.fimg ul {
	margin: 0 0 0 1.5em !important;
	font-size: 0.81em;
}

/*ケンアヴィジョンのページ*/

.kav-img {
  display: inline-block;
  margin-bottom: 5px;
  padding: 5px;
  border: 1px solid #e5e5e5;
}

.kav-img p {
  font-size: 0.81em;
  text-align: center;
}

.w {
	clear: both;
	/*min-width: 47em;*/
}

.sale-title {
	font-size: 18px;
	background-color: #f2f2f2;
	border-top: 1px #004fa3 solid;
	padding: 5px;
	margin-right: 0.4em;
	margin-bottom: 10px;
}

/* ora \*/
* html .w {display:inline-block;}
/**/

.l-w {min-width: 35.88em;}

.w-left {
	width: 49.5%;
	float: left;
	background-color: #fff;
}

.w-right {
	width: 49.5%;
	float: right;
	background-color: #fff;
}

.home-c {
	margin-right: 0.48em;
	margin-bottom: 0.96em;
	height:17%;
	padding-bottom: 5px;
	position: relative;
	overflow: auto;
	border: 1px solid #e5e5e5;
	border-top-left-radius: 0.3em;         /* CSS3 */
	-moz-border-radius-topleft: 0.3em;    /* Firefox */
	-webkit-border-top-left-radius: 0.3em; /* Safari,Chrome */
}

.home-c:after {
	content: "";
	display: block;
	clear: both;
}

.home-c h2 {
	margin: 0 0 5px 0;
	padding: 2px 25px 2px 25px;
	color: #333333;
	border-bottom: 1px solid #e5e5e5;
	font-size: 1em;
	background:transparent url(../img/h2blue.gif) no-repeat left center;
}

.home-c ul {
	font-size: 0.84em;
	margin: 0 10px 0 25px;
}
.home-c p {
	font-size: 0.84em;
	margin-left: 10px;
}

.home-c iframe {
	margin-left: 10px ;
	width: 10.4em;
	height: 10.1em;
}
.home-c img {vertical-align: middle;}

.home-c iframe {
	float: left;
	margin-right: 10px;
	}
.flash {
	font-size:0.84em;
}
.flash img {
	display:block;
	float:left;
	margin-right:5px;
}
.left-banner {
	margin: 1em 0 1em 0;
}
.left-banner a {
	display: block;
	border-top:  1px solid #ffffff;
	border-right:  1px solid #e5e5e5;
	border-left:  1px solid #ffffff;
	border-bottom: 1px solid #e5e5e5;
	}
.left-banner a:hover {border:1px solid #db0962}
.left-banner a:focus {border:1px solid #db0962}

.c-n {height: 11em;}
.c-long {height: 14em;}
a.no {border: none;}
.cl {clear: both;}
.clr {clear: right;}
.cll {clear: left;}
.cln {clear: none;}
.fs-cl {font-size: 1.2em;}
.tc {text-align: center;}
.tl {text-align: left;}
.itl {font-style: italic;}
.f4 {background-color: #f4f4f4;}

.list-logo {
	display:inline;
	padding:10px 40px 10px 40px;
	margin:0 0 0 -1.5em;
	list-style-type:none;
}

.list-3b {
	background: url(../img/3b-list-mark.gif) no-repeat left center;
}

.list-ken {
	background: url(../img/ken-list-mark.gif) no-repeat left center;
}

.list-guideline-2010 {
	line-height: 30px;
	padding:25px 0 25px 110px;
	background: url(../img/guideline-list-mark2010.gif) no-repeat left center;
}

.list-guideline-2015 {
	line-height: 30px;
	padding:25px 0 25px 110px;
	background: url(../img/guideline-list-mark2015.gif) no-repeat left center;
}

.over-listimg,.over-listimg-b {
	position:absolute;
	left:2px;
	top:0px;
}

 .guide-text  {
  font-size: 12px;
  margin-bottom:15px;
  padding:3px 3px 3px 21px;
  background: url(../img/icon-guide.gif) no-repeat 3px center;
  /*background-color: #e5e5e5;*/
  border: 1px solid #e5e5e5;
  background-color: #f2f2f2;
 }

  .guide-text a {
  	display: block;
  }

  .guide-text a:hover  {
  	text-decoration: none;

 }

#pub-guide {
	display: none;
}
.pub-guide-inline {
	width: 318px;
	background-color: #fff;
	text-align: left;
}

.spine-warranty {
	display:inline-block;
	border-bottom:1px dotted #333;
}


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (https://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - https://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - https://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit https://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#j-clear {}/*leftメニューのマージンをクリアーする3B用div*/
#j-clear div{margin-left:auto;}
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#lightbox-nav a{
	text-decoration:underline;
	border:none;}

#jquery-lightbox a:link {border:none}
#jquery-lightbox a:visited {border:none}
#jquery-lightbox a:hover {border:none;}
#jquery-lightbox a:focus {border:none;}
#jquery-lightbox a:active {border:none;}

#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
}
#lightbox-container-image-data-box {
	font: 12px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption { font-size:1.5em;}
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}

/*
 * Boxer v3.3.0 - 2015-04-04
 * A jQuery plugin for displaying images, videos or content in a modal overlay. Part of the Formstone Library.
 * https://classic.formstone.it/boxer/
 *
 * Copyright 2015 Ben Plum; MIT Licensed
 */

.boxer-lock{overflow:hidden!important}#boxer-overlay{width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000;opacity:0;-webkit-transition:opacity .25s linear;transition:opacity .25s linear}.boxer-open #boxer-overlay{opacity:.75}#boxer{width:200px;height:200px;position:absolute;right:0;left:0;z-index:101;background:#fff;border-radius:3px;box-shadow:0 0 25px #000;opacity:0;margin:0 auto;padding:10px}#boxer *{-webkit-transition:none;transition:none}#boxer,#boxer *{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}#boxer,#boxer *,#boxer :before,#boxer :after{box-sizing:border-box}#boxer.fixed{position:fixed;top:0;bottom:0;margin:auto}#boxer.inline{padding:30px}#boxer.animating{-webkit-transition:height .25s ease,width .25s ease,opacity .25s linear,top .25s ease;transition:height .25s ease,width .25s ease,opacity .25s linear,top .25s ease}#boxer.animating .boxer-container{-webkit-transition:opacity .25s linear .25s;transition:opacity .25s linear .25s}.boxer-open #boxer{opacity:1}#boxer.loading .boxer-container{opacity:0;-webkit-transition:opacity .25s linear;transition:opacity .25s linear}#boxer .boxer-close{width:30px;height:30px;position:absolute;top:-7.5px;right:-7.5px;z-index:105;background:#fff;border-radius:100%;cursor:pointer;display:block;overflow:hidden;padding:0;text-indent:200%;white-space:nowrap}#boxer .boxer-close:before{position:absolute;top:0;right:0;bottom:0;left:7px;color:#333;content:"\00d7  閉じる";display:block;font-size:22px;font-weight:700;line-height:30px;margin:auto;text-align:center;text-indent:0;-webkit-transition:color .15s linear;transition:color .15s linear}.no-opacity #boxer .boxer-close{text-indent:-999px}#boxer .boxer-loading{width:50px;height:50px;position:absolute;top:0;right:0;bottom:0;left:0;z-index:105;display:block;margin:auto;opacity:0;-webkit-transition:opacity .25s linear;transition:opacity .25s linear}#boxer .boxer-loading:before,#boxer .boxer-loading:after{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:110%;content:'';display:block}#boxer .boxer-loading:before{border:5px solid rgba(51,51,51,.25)}#boxer .boxer-loading:after{-webkit-animation:boxer-loading-spin .75s linear infinite;animation:boxer-loading-spin .75s linear infinite;border:5px solid transparent;border-top-color:#333}#boxer.loading .boxer-loading{opacity:1}@-webkit-keyframes boxer-loading-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes boxer-loading-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#boxer .boxer-container{width:100%;height:100%;position:relative;z-index:103;background:#fff;overflow:hidden}#boxer .boxer-content{width:100%;background:#fff;opacity:1;overflow:hidden;padding:0}#boxer.inline .boxer-content,#boxer.iframe .boxer-content{width:auto}#boxer .boxer-image{float:left}#boxer .boxer-video{width:100%;height:100%}#boxer .boxer-iframe{width:100%;height:100%;border:none;float:left;overflow:auto}#boxer .boxer-meta{clear:both; margin-left: 0;}#boxer .boxer-control{width:40px;height:40px;position:absolute;top:0;background:#fff;border-radius:100%;box-shadow:0 0 5px rgba(0,0,0,.25);cursor:pointer;display:block;margin-right:auto;margin-left:auto;opacity:1;overflow:hidden;text-indent:200%;-webkit-transition:opacity .15s linear;transition:opacity .15s linear;white-space:nowrap}#boxer .boxer-control:before{width:0;height:0;position:absolute;top:0;right:0;bottom:0;left:0;content:'';margin:auto}#boxer .boxer-control.previous{left:20px}#boxer .boxer-control.previous:before{border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:10.4px solid #333;margin-left:14px}#boxer .boxer-control.next{right:20px}#boxer .boxer-control.next:before{border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:10.4px solid #333;margin-right:14px}#boxer .boxer-control.disabled{opacity:0}.no-opacity #boxer .boxer-control{text-indent:-999px}.no-touch #boxer .boxer-control{opacity:0}.no-touch #boxer:hover .boxer-control{opacity:1}.no-touch #boxer:hover .boxer-control.disabled{opacity:0;cursor:default!important}#boxer .boxer-meta{padding:10px 0 0 0}#boxer .boxer-position{color:#999;font-size:12px;margin:0;padding:15px 15px 0 15px}#boxer .boxer-caption p{color:#666;font-size:14px;margin:0;padding:15px}#boxer .boxer-caption.gallery p{padding-top:0}#boxer .boxer-error{width:250px}#boxer .boxer-error p{color:#900;font-size:14px;margin:0;padding:25px;text-align:center;text-transform:uppercase}#boxer.mobile{width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;background:#111;border-radius:0;padding:40px 0 0}#boxer.mobile .boxer-close,#boxer.mobile .boxer-close:hover{height:40px;width:150px;top:0;right:0;background:#111;border-radius:0;border:1px solid #ccc;}#boxer.mobile .boxer-close:before,#boxer.mobile .boxer-close:hover:before{color:#ccc;font-size:28px;font-weight:700;line-height:40px}#boxer.mobile .boxer-loading:before{border-color:rgba(153,153,153,.25)}#boxer.mobile .boxer-loading:after{border-top-color:#999}#boxer.mobile .boxer-container{background:#111}#boxer.mobile .boxer-content{background-color:#111}#boxer.mobile .boxer-control{width:50px;height:100%;background:#111;border-radius:0;box-shadow:none;opacity:1}#boxer.mobile .boxer-control.previous{left:0}#boxer.mobile .boxer-control.previous:before{border-right-color:#eee;margin-left:19px}#boxer.mobile .boxer-control.next{right:0}#boxer.mobile .boxer-control.next:before{border-left-color:#eee;margin-right:19px}.no-touch #boxer.mobile .boxer-control,.no-touch #boxer.mobile:hover .boxer-control{opacity:1}.no-touch #boxer.mobile .boxer-control.disabled,.no-touch #boxer.mobile:hover .boxer-control.disabled{opacity:0;cursor:default!important}#boxer.mobile .boxer-meta{width:100%;position:absolute;right:0;bottom:0;left:0;background-color:#111;padding:15px 65px}#boxer.mobile .boxer-position{color:#999;font-size:12px;margin:0;padding:0 15px 0 0}#boxer.mobile .boxer-caption p{color:#eee;font-size:14px;margin:0;padding:0}#boxer.mobile .boxer-image{-webkit-transition:none!important;transition:none!important;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}#boxer.mobile.animated .boxer-image{-webkit-transition:-webkit-transform .25s ease-out!important;transition:transform .25s ease-out!important}#boxer.mobile.inline .boxer-content,#boxer.mobile.iframe .boxer-content{overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch}
.boxer-control {opacity: 0 !important; }
#boxer:hover .boxer-control {opacity: 1 !important;}
.boxer-video-wrapper+.boxer-meta {display: none;}
.boxer-loading {z-index: 10 !important;}
.boxer-iframe {min-height: 580px;}
.boxer-container {margin-left: 0;}
.boxer-content {margin-left: 0;}
#boxer.mobile, #boxer.mobile .boxer-content, #boxer.mobile .boxer-container {
	background-color: #fff !important;
}
.boxer-caption { margin-left: 0 }


/* sns-original */
@font-face {
  font-family: 'icomoon';
  src:url('../fonts/icomoon.eot?6y3i5o');
  src:url('../fonts/icomoon.eot?#iefix6y3i5o') format('embedded-opentype'),
    url('../fonts/icomoon.woff?6y3i5o') format('woff'),
    url('../fonts/icomoon.ttf?6y3i5o') format('truetype');
/*eot-open: ie6-8, modern: woff, Android4.3: truetype */
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 17px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"] span, [class*=" icon-"] span{
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',Arial,sans-serif;
}
.icon-mail {background-color: #df0024;}
.icon-mail:before {
  content: "\e945";
}
.icon-facebook {background-color: #265a96;}
.icon-facebook:before {
  content: "\ea8c";
}
.icon-google-plus {background-color: #dd4b39;}
.icon-google-plus:before {
  content: "\ea88";
}
.icon-twitter {background-color: #00acec;}
.icon-twitter:before {
  content: "\ea91";
}
.icon-hatebu {background-color: #006fbb;}
.icon-hatebu:before {
  content: "\e601";
}
.icon-pocket {background-color: #ee4256;}
.icon-pocket:before {
  content: "\e603";
}


.sns {
  width: 100%;
  padding: 0;
  list-style-type: none;
}
.sns li {
  display: inline-block;
  list-style-type: none;
  margin: 0 3px 5px 0;
  min-width: 60px;
}
.sns-last {margin-right: 0 !important;}
.sns li a {
  display: block;
  text-decoration: none;
  color: #fff;
  line-height: 1.6;
  padding: 0 10px 5px 5px;
  border-radius: 2px;
  transition: opacity 0.3s;
}
.sns li a:hover {
  opacity: 0.7;
}
.sns li a span {
  font-size: .7em;
  margin-left: 5px;
  text-align: right;
}
.d-n {display: none;}
@media only screen and (max-width: 720px) {
  .sns li a p, .sns li a span {display: none; }
  [class^="icon-"], [class*=" icon-"] {
    font-size: 25px;
  }
  .sns li {
    min-width: 43px;
    width: 43px;
    padding: 0;
  }
  .sns li a {
    padding: 0 5px 0;
    text-align: center;
  }
}

.to-more {
	clear: left;
	margin: 1em 0.5em 1em 0 ;
}

.to-more a {text-decoration: underline ;}
.to-more a:hover {text-decoration: none ;}
.to-more a:focus {text-decoration: none ;}
.to-more a {border: 0;}

.to-more:after {
	content: "";
	display: block;
	clear: left;
}
.slide-toggle li {margin-bottom: 5px;}




/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 0.9em Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 0.9em Arial, Helvetica, sans-serif;
  color:#333333;
}
#TB_window a:link {color: #0000a3;}
#TB_window a:visited {color: #0000a3;}
#TB_window a:hover {color: #db0962;}
#TB_window a:active {color: #0000a3;}
#TB_window a:focus{color: #db0962;}




/* ---------->>> thickbox settings <<<------------------*/

#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: -10.5em; /*leftメニュー無しの場合はmono.cssに指定 */
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#333333;
  display:none;
  border: 4px solid #262626;
  text-align:left;
  top:10%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:0px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding: 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  margin-left: 0;
  border-top: 2px solid #004fa3;
  background-color:#f2f2f2;
  height:2.3em;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

#TB_closeWindowButton {
  background: url(../img/close-button.gif) no-repeat left center;
  padding-left: 20px;
}

#TB_closeWindowButton:hover{
  background: url(../img/close-button-red.gif) no-repeat left center;
}

#TB_closeWindowButton:focus{
  background: url(../img/close-button-red.gif) no-repeat left center;
}


.review {
	background-color: #f2f2f2;
	padding: 5px;
	margin-bottom: 1em;
}

.review-user {
  position: relative;
  margin-bottom: 5px;
  font-weight: bold;
  padding-bottom: 2px;
}

.review-user:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #fff;
}

.item-list {
	list-style: none;
	/*overflow: hidden;*/
	/*margin-bottom: 10px;*/
}

.item-list li {
	float: left;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 90px;
}

.item-list li a {
	/*display: block;*/
}

.item-list li img {
	width: 100%;
	height: 95px;
	border: 1px solid #ccc;
	margin-bottom: 2px;
}

.item-list-btn {
	display: block;
	clear: both;
	font-size: 15px;
	padding: 3px;
}

h2.item-list-title {
	border-top: none;
}


.item-list li span {
	font-size: 12px;
	display: inline-block;
  	text-overflow:ellipsis;
  	/*text-overflow:clip;*/
   	white-space:nowrap;
   	overflow:hidden;
   	width: 100%;
}

.koe-text {
  font-size: 12px;
  margin-top:15px;
  padding:3px 3px 3px 24px;
  background: url(../img/icon-koe.gif) no-repeat 3px center;
  border: 1px solid #e5e5e5;
}

.koe-text a {
	display: block;
}

.latex-text {
	font-size: 22px;
}

.new-skull {
	background-color: #cc0000;
	display: inline-block;
	padding: 3px 10px;
	border-radius: 7px;
	color: #fff;
	margin-right: 5px;
}

.new-skull-cat {
	background-color: #cc0000;
	display: inline-block;
	padding: 2px 5px;
	border-radius: 5px;
	color: #fff;
	font-size: 11px;
}

.feature-list {
	border: 1px #e5e5e5 solid;
	border-collapse:collapse;
	font-size:0.88em;
	text-align: center;
	white-space: nowrap;　
	/*width: 100%;*/
}

.feature-list th {
	padding: 5px;
	font-weight: normal;
	border: 1px #e5e5e5 solid;
	background-color:#f2f2f2;

	vertical-align: middle;
}

.feature-list td {
	padding: 5px;
	border: 1px #e5e5e5 solid;
}

.feature-list tr td:first-child {
	text-align: left;
}

/*.dtable {
	font-size:0.88em;
	border: 1px #e5e5e5 solid;
	border-collapse:collapse;
}
.dtable caption {
	padding: 5px;
	border: 1px solid #e5e5e5;
	border-bottom: none;
	background-color: #f2f2f2;
}
.dtable th {
	font-weight: normal;
	padding:10px;
	background-color:#f2f2f2;
	border: 1px #e5e5e5 solid;
}
.dtable td {
	font-weight: normal;
	padding: 5px;
	border: 1px #e5e5e5 solid;
	text-align: center;
}

.dtable-here {
	background-color:#FADAE8;
}*/

#mainContent {
	width: 100%;
}

#mainContent table:nth-of-type(n+2) {
	width: 100%;
	table-layout:fixed;
}

#mainContent table:nth-of-type(n+2) td:first-child {
	width: 66px;

}

#mainContent table:last-child {
	width: auto;
	table-layout: auto;
}

#mainContent table:last-child td:first-child{
	width: auto;
}

#mainContent dl dt:first-child a font {
	line-height: 1.3;
}

#mainContent dl dt:last-child font {
	display: block;
	width: 95%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#mainContent table:last-child td a {
	font-size: 12px;
	display: inline-block;
	padding: 5px;
	border: 1px solid #ccc;
}


.table-scroll {
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 15px;
  }

.table-scroll table{
	border-collapse: collapse;
	font-size: 0.88em;
}
.table-scroll th {
    font-weight: normal;
    padding: 10px;
    background-color: #f2f2f2;
    border: 1px #e5e5e5 solid;

}

.table-scroll td {
	white-space: nowrap;
	border: 1px #e5e5e5 solid;
	padding: 5px;
}
/*.table-scroll th{
background: #aaa;
color: #fff;
}*/
.table-scroll::-webkit-scrollbar {
height: 5px; /* スクロールバーの高さ */
}
.table-scroll::-webkit-scrollbar-thumb {
background: #aaa; /* スクロールバーの色 */
}
.table-scroll::-webkit-scrollbar-track {
background: #ccc; /* スクロールバーの背景色 */
}

.smart-pop {
  left:0;
  width: 100%;
}
.smart-pop-inner {
  left: 50%;
}

.product-head {
  max-width: 100%;
  margin-bottom: 1.6em;
}
.product-head img {
	width: 98%;
	height: auto;
}
.product-head>div {
	position: relative;
}
.product-head>div h2 {
	position: absolute;
	bottom:0;
	background: rgba(255, 255, 255, .6);
	width: 100%;
	padding: 5px 10px;
	color: #333;
}
.socialicon {
	display:inline-block;
	margin:5px 0 10px;
}
.socialicon img:first-child {
	margin-left:0;
}
.socialicon img {
	width: 50px;
	height: 50px;
}

.pull-down-size {
	padding: 5px;
	margin-bottom: 10px;
}