@charset "shift_jis";

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


 detail


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

/* ===== layout-w760 ===== */
.layout-w760 #contents {
	float: none;
	width: 760px;
	margin: 0 0 35px 0;
}
.layout-w760 #contents .section {
	overflow: hidden;
	width: 760px;
	margin: 20px 0;
}
.layout-w760 #contents .section-10 {
	overflow: hidden;
	width: 760px;
	margin: 10px 0;
}
.layout-w760 #main h2.contents-bg-h2 {
	width: 740px;
	height: 35px;
	padding-left: 20px;
	background:url(/images/common/contents_bg_h2.gif) no-repeat 0 0;
	font-size: 116%;
	line-height: 35px;
}
.layout-w760 #main .branch .h3 {
	margin: 10px 0;
	padding: 7px;
	background: #333 url(/images/common/contents_bg_seperated_bar.gif) no-repeat 0 0;
	font-size: 116%;
}
.layout-w760 .section .branch {
	clear: both;
	width: 950px;
	margin: 20px 0 0;
}
/* -*-*-*- header -*-*-*-*- */
.layout-w760 #header .tagline .wrap {
	width: 760px;
	margin: 0 auto;
	min-height: 20px;
}
.layout-w760 #header .tagline .link {
	float: right;
	font-size: 10px;
	padding: 4px 0 0;
	width: 49%;
	text-align: right;
}

.layout-w760 #header .local {
	position: relative;
	width: 760px;
	min-height: 70px;
	margin: 0 auto;
	padding: 10px 0;
}
.layout-w760 .windows7 {
	margin: -70px 0 0;
	padding: 20px 0;
	background: none;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}
.layout-w760 #main .wrap {
	width: 760px;
	margin: 0 auto;
}
.layout-w760 #main .contents-header {
	position: relative;
	width: 760px;
	padding: 0;
	margin: 0;
}

/* -*-*-*- footer -*-*-*-*- */
.layout-w760 #footer .pagetop {
	width: 760px;
	margin: -25px auto 0;
	text-align: right;
}
	* html .layout-w760 #footer .pagetop {
		margin: 0 auto;	
	}
.layout-w760 #footer .global .wrap {
	position: relative;
	width: 760px;
	margin: 0 auto;
	padding: 15px 0;
}

/* -*-*-*- print btn -*-*-*-*- */
.layout-w760 .print_page {
	text-align: right;
	display: none;
}

/* ===== End layout-w760 ===== */

.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;
}


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: 26%;
	text-align: center;
}
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		.spec-table td.os {
			width: 26%;
	}}

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

.spec-table .pattern_number td {
	background: #009;
	color: #FFF;
	font-weight: bold;
	font-size: 120%;
}
.spec-table .pattern_number th {
	width: 30%;
}

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


/* ===== 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;
}

/* ===== 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;
}

/* ===== パンくずリスト 130423 m.s ===== */
#main .contents-header ul.topicpath_list {
	margin: 0;
}

/*----------------------------------------------------------------------------*/
/* SP用スタイル
/*----------------------------------------------------------------------------*/
@media only screen and (max-width:640px) {
 #header .tagline p,
 .layout-w760 #header .local,
 .layout-w760 #header .tagline .wrap,
 .layout-w760 #header .tagline .link,
 .layout-w760 #contents,
 .layout-w760 #contents .section,
 .layout-w760 #contents .section-10,
 .layout-w760 #main h2.contents-bg-h2,
 .layout-w760 .section .branch,
 .layout-w760 #main,
 .layout-w760 #main .wrap,
 .layout-w760 #main .contents-header,
 .layout-w760 #footer .pagetop,
 .layout-w760 #footer .global .wrap,
 .spec-table,
 #lineup,
 #lineup .pages,
 #contents #lineup .tabs,
 #lineup .common-left-floater .images,
 #eco .green-mark { width:100% !important; box-sizing:border-box; }
 .spec-table { border-collapse:collapse !important; }
 .spec-table td,
 .spec-table th,
 .spec-table .pattern_number th,
 .spec-table .customize dl,
 .spec-table-office th.h { display:block; width:100% !important; padding:10px 0; }
 .spec-table .pattern_number th { display:none; }
 table.base th,
 table.base td { box-sizing:border-box; border:none; }
 table.base th { border-bottom:1px solid #CCC; text-align:center; }
 #header,
 #eco,
 #contact-before,
 #contact-after,
 #main .contents-header .keywords, 
 #footer { display:none !important; }
 body, #main .contents-header ul.topicpath_list, a.notes_link, #notes, .trademark {font-size:14px !important; line-height:1.5em;}
}