@charset "shift_jis";

/* ================================


 detail


=================================== */

.section .branch .notes h4 {
	font-size: 116%;
	margin: 0 0 5px;
}
.section .branch .notes p {
	margin: 5px 0;
}
.section .branch .notes p+h4 {
	margin: 10px 0 5px;
}
.section .lineup-overview {
	margin: 10px 0 20px;
	text-align: right;
}
.section .branch .more {
	margin: 10px 0 -30px;
}
.section .branch .more li {
	margin: 5px 0;
}

#contents .tabs {
	width: 760px;
	margin: 20px 0;
}
#contents .tabs li {
	float: left;
}
#contents .tabs li a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}

table.base {

}
table.base th,
table.base td {
	padding: 9px;
	border: 1px solid #CCC;
	background: #FFF;
}
table.base th {
	background: #E6E6E6;
	word-break:break-all;
	padding: 5px;
}

.spec-table {
	width: 760px;
	table-layout:fixed;
}
.spec-table th.v {
	width: 75px;
}
.spec-table th.h {
	/* width: 146px; */
	text-align: center;
}
.spec-table td {
	text-align: center;
}
.spec-table td.os {
	width: 101px; /* 75 → 101px */
	text-align: center;
}
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		.spec-table td.os {
			width: 101px; /* chrome 75 → 101px */
	}}

#detail-spec .spec-table td.os {
	/* width: 130px; */
}
.spec-table td.os img {
	margin: 5px 0;
}
/* 120709 追加 m.s */
.spec-table .model_info td {
	padding: 2px 0;
	/* font-size: 85%; */
	border-top: none !important;
}
.spec-table th.bb-none {
	border-bottom: none;
}
/* -120709 end- */

.spec-table .shipping td {
	padding: 3px; /* 120709 追加 m.s. */
	text-align: center;
}
.spec-table .price td {
	line-height:1.4;
	border-bottom:none !important;
	border-top:none !important;
	padding-bottom: 3px;
	padding-top: 5px; /* 120709 追加 m.s. */
}
.spec-table .price td .price_nor {
	color: #555;
	font-size: 90%;
	margin-right:3px;
}
.spec-table .price td .price_spe {
	color: #E00;
	font-size: 90%;
	margin-right:3px;
}
.spec-table .price td .amount {
	font-size: 180%;
	color: #F00;
}
.spec-table .price td .amount span {
	font-size:70%;
}
.spec-table .regular-price td {
	color: #555;
	font-size: 85%;
	padding: 0;
	border-bottom: none !important;
	border-top: none !important;
}
.spec-table .customize td {
	vertical-align:top;
	border-top:none !important;
	padding-top:5px;
}
.spec-table .customize dl {
	width: 125px;
	margin: 5px auto;
}
.spec-table .upgrade {
	background: #FEF7E7;
}
.spec-table-office th.h {
	width: 584px;
}
*+html #detail-spec .spec-table-office td.os {
	padding-left: 50px;
}

a.notes_link {
	font-size: 85%;
	margin-left: 3px;
	font-weight: normal;
}


/* ===== showcase ===== */

#contents #showcase  {
	clear: both;
	width: 760px;
	min-height: 310px;
	margin: 20px 0 0 !important;
	
}
#showcase .image {
	position: absolute;
	float: left;
	width: 580px;
}
#showcase .image .price {
	position: absolute;
	left: 0;
	bottom: 5px;
	width: 540px;
	padding: 7px 30px;
	font-weight: bold;
	font-size: 100%;
	line-height: 180%;
	/* background: url(/images/detail/contents_bg_overlay.png) repeat 0 0;*/
}
#showcase .image .price strong {
	font-size: 180%;
	color: #F00;
}
#showcase .image .price strong .amount {
	font-size: 160%;
	line-height:1;
}
#showcase .campaign {
	float: right;
	width: 160px;
	height: 310px;
	margin: 0 !important;
}
#showcase .campaign .wrap {
	width: 140px;
	border: 1px solid #FDC212;
	padding: 7px 9px;
}
#showcase .campaign .carousel {
	overflow: hidden;
	position: relative;
	width: 140px;
	height: 253px;
	margin: 0;
	padding: 0;
}
#campaign .carousel .carousel .slides {
	
}
#showcase .campaign .carousel li {
	margin: 3px 0;
}
#showcase .campaign .next {
	position: absolute;
	left: 0;
	bottom: 0;
	cursor: pointer;
	z-index: 99;
}
#showcase .campaign .prev {
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	z-index: 99;
}
#showcase .campaign .more {
	margin: 5px 0 0;
	text-align: right;
}

/* ===== leading ===== */

#leading .social-button {
	float: left;
	width: 48%;
	margin: 0 !important;
}
#leading .topics {
	float: right;
	width: 51%;
	/* margin: 0 0 20px; 120514 削除 m.s */
	font-size: 83%;
}
#leading .topics dt {
	float: left;
	width: 9em;
}
#leading .topics dd {
	padding-left: 10em;
}
#contents #leading .banners {
	clear: both;
	width: 760px;
	margin: 20px 0;
	padding: 0;
}
	*+html #contents #leading .banners {
		margin: 0 0 20px;
	}
	
#contents #leading .banners li {
	float: none;
	margin: 0;
}
#leading .pagenavi {
	
}
#leading .pagenavi li {
	float: left;
	margin-right: 2em;
}

#leading .maincut {
	margin: 0 0 20px;
}

/* ===== lineup ===== */

#lineup {
	width: 760px;
}
#lineup .pages {
	clear:both;
	width: 760px;
}
#lineup .pages .page {
	
}
#lineup .pages .notes li {
	margin: 5px 0;
}
#contents #lineup .tabs{
	width: 780px;
	margin: 0 -5px;
}
#contents #lineup .tabs li{
	margin: 0 5px;
	cursor: pointer;
}

#lineup .additional-navi li {
	float: left;
	margin-right: 2em;
}
#lineup .attention {
	margin: 10px 0;
}
/* common css に移行
#lineup .attention ul li {
	font-size: 83%;
	line-height: 120%;
}*/
#lineup .common-left-floater .images {
	border: 1px solid #CCC;
	width: 236px;
	text-align: center;
	padding: 5px 0;
}
#lineup .common-left-floater .images_big {
	width: 423px;
	text-align: center;
	padding: 5px 0;
}


/* ===== eco ===== */

#eco .green-mark {
	width: 760px;
}
#eco .green-mark th {
	background: #FFF;
}
#eco .green-mark td {
	padding: 9px;
}
#eco .green-mark td img {
	vertical-align: middle;
}

/* ===== features ===== */

#feature-index {
	margin: 0;
}

/* ----- features ----- */

#feature-index .features {
	width: 780px;
	margin: 0 -10px;
	text-align: center;
}
	*+html #feature-index .features {
		
	}
#feature-index .features li {
	display: inline-block;
	width: 155px;
	min-height: 210px;
	margin: 8px 7px 8px 7px;
	padding: 9px;
	border: 1px solid #CCC;
	background: #FFF;
	vertical-align: top;
}
	*+html #feature-index .features li {
	display: inline;
	zoom: 1;
	width: 155px;
	min-height: 200px;
	margin: 8px 10px;
}
#feature-index .features li>img {
	
}
#feature-index .features li p {
	text-align: left;
	margin: 5px 0;
}
#feature-index .features li .more a {
	padding-bottom: 2px;
	padding-left: 18px;
	background: url(/images/common/ico_arrow_right_01.png) no-repeat 0 0;
}
#detail-series #feature-index .features li .more a {
	padding-bottom: 2px;
	padding-left: 18px;
	background: url(/images/common/ico_arrow_bottom_01.png) no-repeat 0 0;
}
#feature-index .supports li {
	width: 218px !important;
	min-height: 180px;
	margin: 10px 9px 10px 9px;
}
#contents #feature-index .additional-navi {
	margin: 10px 0 -30px;
}
	*+html #contents #feature-index .additional-navi {
		margin: 10px 0;
	}

.section-feature .notes p {
	margin: 0 0 10px;
}

/* ----- feature1 ----- */

.bto-table {
	width: 505px;
}
#contents .bto-table th,
#contents .bto-table td {
	width: 14%;
	text-align: center;
}
#contents .bto-table th {
	background: #65CC33;
	color: #FFF;
}
#contents .bto-table .home {
	background: #029804;
}
#contents .bto-table .professional {
	background: #0067C5;
}
#contents .bto-table .ultimate {
	background: #333333;
}

#contents .bto-table .product {
	background: #003366;
}
#contents .bto-table .proceccer {
	background: #006699;
}
#contents .bto-table .spec {
	background: #0099FF;
}

#contents .notes .text {
	margin-top:10px;
}
#contents .notes p.text ,
#contents .notes ul.text li {
	margin-left: 1.5em;
	text-indent: -1.5em;
	font-size: 90%;
}


/* ----- support1 ----- */

.support-table {
	width: 505px;
}
.support-table th,
.support-table td {
	width: 14% !important;
	text-align: center;
}
#contents .support-table th {
	background: #999;
	color: #FFF;
}
#contents .support-table td.subheader {
	text-align: left;
}
#anshin-pack-table {
	width: 760px;
	margin: 10px 0;
}
#anshin-pack-table th,
#anshin-pack-table td {
	width: 33%;
	text-align: left;
}
#detail-support #anshin-pack-table th {
	background: #F0F0F0;
	color: #333;
	font-weight: normal;
	text-align: center;
}
#anshin-pack-table .sendback {
	background: #cdf5ff;
}
#anshin-pack-table .pickup {
	background: #e3ffcd;
}
#anshin-pack-table .onsite {
	background: #ffeccd;
}
#anshin-pack-table .anshin-pack td {
	background: #fffb88;
}
#anshin-pack-table .anshin-pack td strong {
	color: #F00;
}

/* ===== gallery ===== */

#contents .gallery {
	width: 780px;
	margin: 0 -10px 0;
	text-align: left;
}
#detail #contents .gallery {
	margin: 30px -10px 0;
}
#contents .gallery li {
	display: inline-block;
	width: 236px;
	margin: 10px 8px 10px 10px;
	padding: 5px 0 0;
	border: 1px solid #CCC;
	vertical-align: top;
	text-align: center;
}
	*+html #contents .gallery li {
		display: inline;
		zoom: 1;
		width: 238px;
		margin: 10px 10px 10px 10px;
	}
#contents .gallery li a {
	position: relative;
	display: block;
	width: 236px;
	margin: 0;
	background: #FFF;
	vertical-align: top;
}
#contents .gallery li a .magnify {
	position: absolute;
	right: 10px;
	bottom: 10px;
}
#contents .gallery li a:hover .magnify {
	opacity: 1;
	filter: alpha(opacity=100);
}
#contents .gallery li p {
	margin: 5px 0 0;
}

/* ===== recommend series ===== */

#contents #recommend {
	clear: both;
	width: 780px;
	margin: 20px -10px;
}
#recommend h2 {
	margin: 0 8px;
}
#recommend .branch {
	display: inline-block;
	width: 370px;
	margin: 8px;
	vertical-align: top;
}
	*+html #recommend .branch {
		display: inline;
		zoom: 1;
		width: 370px;
		margin: 8px;
	}
	
#recommend .branch li {
	overflow: hidden;
	clear: both;
	width: 350px;
	margin: 10px 0;
	padding: 10px;
	background: #F0F0F0;
}
#recommend .branch li .thumb {
	float: left;
	width: 74px;
	padding: 2px;
	border: 1px solid #CCC;
	background: #FFF;
}
#recommend .branch li .spec {
	padding-left: 90px;
}
#recommend .branch li .spec .item-price {
	margin: 5px 0;
}
#recommend .branch li .spec .item-supple {
	margin-left: 18px;
}

/* ===== sidenavi ===== */

#sidenavi #side_desk {
	
}
#sidenavi #side_desk h3 ,
#sidenavi #side_desk p.title3/* 130417 m.s */{
	padding: 0;
	margin: 0;
}
#sidenavi #side_desk ul {
	border: 1px solid #CCC;
}
#sidenavi #side_desk ul li {
	border-top: 1px solid #CCC;
}
#sidenavi #side_desk ul li:first-child {
	border-top: 0;
}
#sidenavi #side_desk ul li a {
	display: block;
	padding: 7px 2px 7px 23px;
	background: url(/images/common/ico_arrow_right_01.png) no-repeat 5px 7px;
}
/*#sidenavi #side_desk ul li a span { /* 130417 m.s 
	display:block;
	font-size: 90%;
}*/
#sidenavi #side_desk ul li a span { /* 130904 kk更新 */
	font-size: 120%;
	font-weight:bold;
}
#sidenavi .concept {
	margin: 20px 0;
}
#sidenavi .concept >div {
	padding: 0;
	background: #FFF;
	border-bottom: 1px solid #CCC;
}
#sidenavi .concept >div>div {
	padding: 0;
	background: #FFF;
}
#sidenavi .concept h2,
#sidenavi .concept p.title /* 130416 m.s */{
	padding: 4px 9px 9px;
	margin: 0;
}
#sidenavi .concept ul {
	padding: 9px 9px 4px;
}
#sidenavi .concept ul li {
	margin: 0 0 5px;
}
#sidenavi .concept ul li p a {
	display: block;
	padding: 7px 5px 7px 18px;
	background: url(/images/common/ico_arrow_right_01.png) no-repeat 0 7px;
}

/* 120709 製品トップ オススメポイント m.s.
=============================================== */
.common-3-col-branch h2.contents-bg-h2 {
	margin: 10px 0 10px 9px;
}

.common-3-col-branch > p {
	margin-left: 9px;
	margin-right: 10px;
}

/* 130416 キャプション追加 m.s.
=============================================== */
p.category_caption {
	margin: 10px !important;
}


/* 131015 Twitter,Google+ ボタン調整 m.s.
================================================ */
li.twitter .twitter-share-button  { width: 110px !important; }
#___plusone_0 { width: 70px !important; }


/* 140520 ベンチマーク設置用 koji.kato
================================================ */

.pcmark {
	width:150px; 
	height:75px; 
	background-image: url(/images/product/focus_icon/bg_bench_01.jpg);
	background-repeat:no-repeat;
}
.pcmark p{
	width:150px; 
	height:37px; 
	text-align:center; 
	font-size:26px; 
	font-weight:bold; 
	color:#50656e; 
	line-height:32px;
}
	
.dimemark {
	width:150px; 
	height:75px; 
	background-image: url(/images/product/focus_icon/bg_bench_02.jpg);
	background-repeat:no-repeat;
}
.dimemark p{
	width:150px; 
	height:37px; 
	text-align:center; 
	font-size:26px; 
	font-weight:bold; 
	color:#a65c5c; 
	line-height:32px;
}
/* 20200828 */
.campaignProductPage{
    width: 100%;
}
.campaignProductPage ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content:flex-start;
    width: 1080px;
    margin: 0 auto;
}
.campaignProductPage ul li{
    width: 32.3%;
	margin: 13px 0.5% 0 0.5%;
    text-align: left;
}
.campaignProductPage ul li a{
	text-decoration: underline;
}
.campaignProductPage ul li a p{
	line-height: 1.4;
    margin-top: 8px;
    font-size: 13px;
}
.campaignProductPage ul li a img{
    width: 100%;
	vertical-align: bottom;
}
.campaignProductPage ul li{
    display: none;
}
/* mouse */
.campaignProductPage ul .mouse{
    display: block;
}
.campaignProductPage h3 { 
    border-bottom:1px solid;
    margin-top:1.5em;
}
@media screen and (max-width: 640px){
    .campaignProductPage ul{
        width: 100%;
    }
    .campaignProductPage ul li{
        width: 100%;
        margin: 0;
        padding: 10px;
    }
}
/* //20200828 */