#main_content *{ box-sizing: border-box; }
#main_content { background-color:#000; width:1000px; margin: 0 auto; text-align:left; }

#main_content .camLineupTitle {
    background-color: #cb952a;
    background-image: none !important;
}

#main_content h3 {
    color: #cb952a;
    font-size: 25px;
    font-weight: normal;
    letter-spacing: 1px;
    line-height:1.5;
}
#main_content h4 { 
	color: #cb952a;
	font-weight: normal;
	font-size: 20px;
	letter-spacing: 1px;
}

#main_content p { font-size: 14px; color:#CCC; line-height:1.8; margin-top:20px; }

#main_content #contents_design p, 
#main_content #Performance p {
	letter-spacing:2px;
	line-height:2;
}

#main_content ul.m_footnote2 li{
	color:#ccc;
}

#main_content ul.m_footnote li{
	color:#ccc;
}


/* slider ------------------------ */

#js-main-slider .slideInner {
	position: absolute;
	top: 0px;
	left: 0px;
	/*width: 900px;*/
}
#js-main-slider .notes {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

#js-main-slider2 .slideInner {
	position: absolute;
	top: 0px;
	left: 60px;
	width: 800px!important;
}
#js-main-slider2 .notes {
	position: absolute;
	right: 10px;
	bottom: 10px;
}
#js-main-slider2.pogoSlider{ height:700px!important; }
#js-main-slider2.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn{
	margin-top:0;
	top:35%;
}

/*ドット*/
.pogoSlider-nav-btn {
	background: rgba(255,255,255,0.3);
	width: 8px;
	height: 8px;
	box-shadow: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.pogoSlider-nav-btn:not(:target) {
		width: 10px;
		height: 10px;
	}
} /* IE10,11 */
.pogoSlider-nav-btn:not(:target) {
	width: 10px\9;
	height: 10px\9;
} /* IE 9,10 */
.pogoSlider-nav-btn--selected {
	background: #c8932b;
	box-shadow: none;
}

.pogoSlider--navBottom .pogoSlider-nav {
    top: 140px;
}
.pogoSlider--navBottom .pogoSlider-nav li, .pogoSlider--navTop .pogoSlider-nav li {
    margin: 0 15px!important;
}

.pogoSlider--navBottom .pogoSlider-nav,
.pogoSlider--navTop .pogoSlider-nav {
    left: 75%!important;
    transform: translateX(-5%)!important;
}

/* tab -------------------------- */
#tab_contents_area {
	background-color:#000;
	padding:40px 0 60px;
}

#tab_contents_area > div { display: none; }
#tab_contents_area > div.current { display: block!important; }

#tab_navi {
    background-color: rgba(40, 29, 9, 0.90);
    border-bottom: 1px solid #5a5a5a;
    display: table;
    table-layout: fixed;
    width: 1000px;
}


#tab_navi li {
    /*border-right: 1px dotted #cb952a;*/
    box-sizing: border-box;
    color: #cb952a;
    cursor: pointer;
    /*display: inline-block;*/
    font-size: 15px;
    letter-spacing: 2px;
    line-height: 1.4;
    /*margin: 0 15px;*/
    padding: 10px 0;
    text-align: center;
    border-right:1px #cb952a dotted;
    display:table-cell;
    vertical-align:middle;
}

#tab_navi li:first-child { margin: 0 0 0 1px; }
#tab_navi li:last-child { margin: 0!important; border-right:none!important; }

#tab_navi li.current {
    background-color: #cb952a;
    border-bottom: 2px solid #000;
    color: #000;
}

.fixed {
	position: fixed;
	top: 0;
	z-index: 15;
	width: 1000px;
	background: #fff;
}



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

.fc_bronze{ color:#cb952a!important; }
.fcccc { color:#CCC; }
.bg_bronze{ background-color:#cb952a!important; }
.acsr_tbox{ 
	text-align: center;
	border-top:1px #CCC solid;
	border-bottom:1px #CCC solid;
	padding:10px;
	margin-bottom:10px;
	line-height:1.5;
	background-color:#FFF;
}

.bg_black85 { background-color:rgba(0,0,0,0.85); }
.bg222  { background-color:#222; }
.bg333  { background-color:#333; }

.w100 { width: 100%; }
.w95 { width: 95%; }
.w90 { width: 90%; }
.w85 { width: 85%; }
.w80 { width: 80%; }
.w75 { width: 75%; }
.w70 { width: 70%; }
.w65 { width: 65%; }
.w60 { width: 60%; }
.w55 { width: 55%; }
.w50 { width: 50%; }
.w45 { width: 45%; }
.w40 { width: 40%; }
.w35 { width: 35%; }
.w30 { width: 30%; }
.w25 { width: 25%; }
.w20 { width: 20%; }
.w15 { width: 15%; }
.w10 { width: 10%; }


.note {
	font-size: 12px!important;
	color:#ccc!important;
	text-indent:1em;
}

.mv1_contents {
    background-color: #000;
    border: 3px solid #000;
    display: none;
    padding: 10px;
    width: 730px;
    z-index: 650;
}

.fourColumnsSmallSpace p {
    /*background: transparent url("images/ic_square.png") no-repeat scroll 0 3px;*/
    font-size: 13px !important;
    margin: 10px 0 !important;
    padding-left: 15px;
}

.fs38 { font-size: 38px!important; }
.bobr_d { border-bottom:1px #bba98e dotted; border-right:1px #bba98e dotted; }
.bob_gold_d { border-bottom:1px #bba98e dotted; }
.bol_gold_d { border-left:1px #bba98e dotted; }
.bor_gold_d { border-right:1px #bba98e dotted; }

.bot_bronze_d { border-top:1px #cb952a dotted; }
.bob_bronze_d { border-bottom:1px #cb952a dotted; }
.bo_bronze { border :1px #cb952a solid; }
.bobo { border-bottom:1px #cb952a solid; }
.bobo2 { border-bottom:1px #cb952a dotted; }

.boto { border-top:solid 1px #cb952a; }
.botrbl { 
	border-top:1px #5A5A5A solid;
	background-color:#F2F2F2;
}


.threeColumns .column1, .threeColumns .column2, .threeColumns .column3 {
    float: left;
    margin-left: 20px;
    width: 31%;
}
.txtIndent { margin-left: 1em!important; text-indent:-1em; }

.clearfix:after { content: ''; display: table; clear: both; }
.clearfix { zoom: 1; }



.hLine span::before, .hLine span::after {
    border-bottom: 1px solid #767676!important;
}

.hLine span.noline::before, .hLine span.noline::after {
    border-bottom: none !important;
}

.rs_txtc_org {
    color: #d7410b;
    font-size: 17px !important;
    font-weight: bold !important;
}



.pstR { position: relative; }
.pstA { position: absolute; }



#cam_spec_area .m_overlay{
	background: #000 none repeat scroll 0 0!important;
}




/*Spec table------------------------------*/

table.point_Box2 {
	width:100%;
	border-collapse: separate;
	border-spacing: 0;
	table-layout:fixed;
	padding: 190px 20px 40px;
}
.point_Box2 td{
	background-color: #000;
	border-bottom: 1px dotted #c8bcaa;
    border-right: 1px dotted #cb952a;
	text-align:center;
	padding:13px 15px;
	color:#CCC;
	font-size:13px!important;
}
.point_Box2 td:last-child{
	border-right: none;
}

.point_Box2 th{
	background-color:#222;
    border-bottom: 1px dotted #c8bcaa;
    border-right: 1px solid #cb952a;
    color: #cb952a;
    font-size: 12px;
	text-align:center;
	width:10%;
}


.point_Box2 th:last-child{
	border-right: none;
}

#contents_specs .head_title1 {
	background-color:rgba(203,149,42,0.85)!important;
	border-bottom:none!important;
	border-right:1px #fff dotted!important;
	padding:5px 15px!important;
}
#contents_specs .head_title2 {
	background-color:rgba(203,149,42,0.90)!important;
	border-bottom:none!important;
	border-right:1px #fff dotted!important;
	padding:5px 15px!important;
}
#contents_specs .head_title3 {
	/*background-color:rgba(203,149,42,0.95)!important;*/
	background:rgba(0, 0, 0, 0) url("/notebooks/personal/spectre_x360/images/0310_cam_title_bk.png") no-repeat scroll 0 0;
	border-bottom:none!important;
	/*border-right:1px #fff dotted!important;*/
	padding:5px 15px!important;
	height:95px;
}


.point_bg {
    background: rgba(0, 0, 0, 0) linear-gradient(rgba(0, 0, 0, 0) 0%, #ffcc00 0%) repeat scroll 0 0;
    color: #333;
    font-weight: bold;
    letter-spacing: 2px;
    margin-right: 5px;
    padding: 3px;
}

.point_Box2 h3{
	color:#000!important;
	font-size: 18px!important;
	letter-spacing:2px;
}



#contents_specs .limit {
	display: inline-block;
	margin-top: 5px;
	padding: 5px 10px;
	color: #ccc;
	/*font-weight: bold;*/
	font-size:16px;
	line-height: 1;
	letter-spacing: 2px;
	text-align: center;
	/*background: #fff;
	border: 2px solid #ccc;
	border-radius: 5px;*/
}
#contents_specs .limit > span { font-size: 18px; }

.price_cover {
    box-sizing: border-box;
    /*display: table;*/
    overflow: hidden;
    width: 100%;
}


/*contents_style---------------------------*/

#contents_style .mode .floatLeft, #contents_style .mode .floatRight {
    height: 320px;
    position: relative;
    width: 458px;
}
#contents_style .mode span {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    color: #9b8e55;
    display: inline-block;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing:1px;
    padding: 5px 20px;
    position: absolute;
    right: 0;
    top: 0;
}

/*各部名称--------------------------------*/
.view_area {
	padding: 20px 10px;
}
.view_area ol{ 
	margin-left:15px;
	padding-left:15px;
	margin-top:0px;
}
.view_area li{ 
	font-size: 14px!important;
	letter-spacing:0;
	line-height: 1.5!important;
	margin-bottom:15px;
	list-style-type: decimal!important;
	border-bottom:1px #333 dotted;
	color:#cb952a;
}

/*製品写真---------------------------------*/
#featured ul.ui-tabs-nav {
	float: left;
	width: 470px !important;
	margin: 50px 0!important;
	padding: 0 10px 0 0;
}

#featured ul.ui-tabs-nav li {
	float: left;
	list-style-type: none;
	width: 84px;
	/*height: 70px;*/
	margin: 0 !important;
	padding: 0 10px 30px 0;
}

.galleryBox {
	float: left;
	width: 480px;
	height: 400px;
	background: #FFFFFF;
}
#featured .ui-tabs-panel {
	position: static !important;
	width: 480px;
	height: 400px;
}

#featured ul.ui-tabs-nav li.ui-tabs-selected a {
    border-bottom: 2px solid #cb952a;
}

.modalWindow {
    top: 8%!important;
    left:20%!important;
}
.modalWindow {
    position: fixed!important;
}



/* accodion ----------------------------------*/
.m_accordion_trigger {
    background-color: #222;
    border-top: 1px solid #333;
    border-bottom: 1px solid #cb952a;
    text-indent: 5px;
    letter-spacing:2px;
}
.m_accordion_trigger.opened {
    background-position: 900px -1805px;
}
.m_accordion_trigger.opened:hover {
    background-position: 900px -1805px;
}
.m_accordion_trigger.closed {
    background-position: 900px -1670px;
}
.m_accordion_trigger.closed:hover {
    background-position: 900px -1670px;
}
.m_accordion_trigger:hover {
    background-color: #333;
}



/*ボタン-------------------------------------*/
div.line_button_bronze {
    border: 1px solid #cb952a;
    border-radius: 4px;
    display: table-cell;
    vertical-align: middle;
    margin-left: 40px;
}
div.line_button_bronze a {
    color: #fff;
    height: 100%;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
div.line_button_bronze a span {
    color: #cb952a;
    display: block;
    font-size: 16px;
    padding: 5px 30px;
}
div.line_button_bronze.slim a span {
    font-size: 13px;
    padding: 2px 15px;
}
div.line_button_bronze.sslim a span {
    font-size: 11px;
    padding: 1px 10px;
}
div.line_button_bronze:hover {
    background-color: #cb952a;
    color: #000;
}
div.line_button_bronze:hover a span {
    background-color: #cb952a;
    color: #000;
}


/*エンターテインメント---------------------*/
/*
.icn_sp1, .icn_sp2, .icn_sp3, .icn_sp4, .icn_sp5, .icn_6 {
    background-color: transparent;
    background-image: url("images/hp_spectre_q1fy17_sprite_icons.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 65px;
    padding-left: 10px;
    width: 65px;
}
.icn_sp1 {
    background-position: 0 5px;
}
*/

/*table*/
.hpeTable {
    border-collapse: collapse;
    border-left: 1px solid #333 !important;
    border-top: 1px solid #333 !important;
    width:100%;
    margin:0 auto;
    letter-spacing:1px;
}
.hpeTable tr th {
    background-color:#222;
    border-bottom: 1px solid #333 !important;
    border-right: 1px solid #333 !important;
    color: #999;
    font-size: 13px;
    line-height: 1.4;
    padding: 10px;
    text-align: left;
}
.hpeTable tr td {
    border-bottom: 1px solid #333 !important;
    border-right: 1px solid #333 !important;
    font-size: 13px;
    line-height: 1.4;
    padding: 10px 20px;
    color:#ccc;
}


#img_zoom {
    width:860px;
    box-shadow: 0 3px 5px #000;
}



.icb_lnk_webcam,.icb_lnk_fast,.icb_lnk_lan,.icb_lnk_usbcharge,.icb_lnk_thunderbolt,.icb_lnk_battery,.icb_lnk_ssd,.icb_lnk_memory16, .icb_lnk_memory8,.icb_lnk_ssd1tb,.icb_lnk_ssd512gb,.icb_lnk_ssd256gb {
    background-color: transparent;
    background-image: url("/notebooks/personal/spectre_x360/images/spectre_icon.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 65px;
    margin: 15px;
    width: 65px;
}
.icb_lnk_webcam { background-position: 0 -13px; }
.icb_lnk_fast { background-position: 0 -86px; }
.icb_lnk_lan { background-position: 0 -159px; }
.icb_lnk_usbcharge { background-position: 0 -305px; }
.icb_lnk_thunderbolt { background-position: 0 -378px; }
.icb_lnk_battery { background-position: 0 -451px; }
.icb_lnk_ssd { background-position: 0 -524px; }
.icb_lnk_memory16 { background-position: 0 -597px; }
.icb_lnk_memory8 { background-position: 0 -670px; }
.icb_lnk_ssd1tb { background-position: 0 -743px; }
.icb_lnk_ssd512gb { background-position: 0 -816px; }
.icb_lnk_ssd256gb { background-position: 0 -889px; }



.icb_lnk_webcam2,.icb_lnk_fast2,.icb_lnk_lan2,.icb_lnk_usbcharge2,.icb_lnk_thunderbolt2,.icb_lnk_battery2,.icb_lnk_ssd2,.icb_lnk_memory162, .icb_lnk_memory82,.icb_lnk_ssd1tb2,.icb_lnk_ssd512gb2,.icb_lnk_ssd256gb2,.icb_lnk_fullhd2,.icb_lnk_4k2 {
    background-color: transparent;
    background-image: url("/notebooks/personal/spectre_x360/images/spectre_icon2.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 52px;
    margin: 5px;
    width: 50px;
}
.icb_lnk_4k2 { background-position: 0 -167px; }
.icb_lnk_memory162 { background-position: 0 -449px; }
.icb_lnk_memory82 { background-position: 0 -505px; }
.icb_lnk_ssd1tb2 { background-position: 0 -561px; }
.icb_lnk_ssd512gb2 { background-position: 0 -617px; }
.icb_lnk_ssd256gb2 { background-position: 0 -673px; }
.icb_lnk_fullhd2 { background-position: 0 -729px; }



/*　製品写真　----------------------------------*/

#featured .m_tabs {
    /*border-bottom: 1px solid #222;*/
    height: 100px;
    padding-left: 300px;
}
#featured .m_tabs li {
    float: left;
}
#featured .m_tabs li a {
    background-color: #000;
    background:rgba(0, 0, 0, 0) url("/notebooks/personal/spectre_x360/images/tab_bk.png") no-repeat scroll 0 0;
    color: #5a5a5a;
    cursor: pointer;
    display: block;
    font-size: 17px;
    font-weight: bold;
    height: 100px;
    line-height: 90px;
    padding: 2px 26px 3px;
    text-decoration:none;
}
#featured .m_tabs li .current, #featured .m_tabs li .current:hover {
    cursor: default;
    text-decoration: none;
}
#featured .m_tabs .current {
	background:rgba(0, 0, 0, 0) url("/notebooks/personal/spectre_x360/images/tab_current_bk.png") no-repeat scroll 0 0;
    border-color: #000;
    border-image: none;
    border-radius: 0 4px 0 0;
    border-style: solid;
    border-width: 1px 1px medium;
    color: #cb952a;
    height: 100px;
    line-height: 90px;
    padding: 1px 22px 2px;
    margin-right:10px;
}


#bnrlink a img:hover {
	opacity: .9;
	filter: alpha(opacity=90); /* IE */
}
#bnrlink a img {
	-webkit-transition: 0.6s;
	transition: 0.6s;
}


/*20170303------campaign------- */

#cam_area { /*background-color:rgba(214,153,34,0.2);*/ padding:15px 0 40px; }
#cam_area h4{
	border-left:1px #CCC solid;
	/*border-top:1px #ffcc00 dotted;*/
	/*background-color:rgba(214,153,34,0.2);*/
	padding:8px 20px;
	letter-spacing: 1px;
	line-height: 1.5!important;
	color:#CCC;
	font-size: 19px;
	
}
#cam_area p{ color:#cb952a; }


.t_fixed {
    display: table;
    overflow: hidden;
    table-layout: fixed;
    padding:20px 0;
    width: 100%;
}
.t_fixed > div{
	display: table-cell;
	vertical-align: middle;
}

#cam_area .m_list { text-align:right; }
#cam_area .cam_price{
	/*background:url(images/price_bkimg.jpg) 0 0 no-repeat;*/
	text-align: center!important;
	width:340px;
}




/*セットモデル 20170308add
------------------------------*/
.set_area {
	table-layout: fixed;
	width:1000px;
	margin-top:10px;
    background:rgba(0, 0, 0, 0) url("/notebooks/personal/spectre_x360/images/set_bkimg.jpg") no-repeat scroll 0 0;
}
.set_area li {
    display:table-cell;
    float: left;
    height: 240px;
    padding: 10px 5px 15px;
    text-align: center;
    vertical-align: bottom;
    width:147px;
    /*border-top: 1px #CCC dotted;*/
}
.set_area li:first-child {
    width: 192px;
}
.set_area li:last-child {
    width: 220px;
    background: transparent url("/notebooks/personal/spectre_x360/images/set_price_220x170.png") no-repeat scroll 0px 10px;
    position: relative;
    height:240px;
}

.set_area li.on {
    background: #0096d6 none repeat scroll 0 0;
}

.set_text{
	border-top:1px #91283f dotted;
	border-left:10px #91283f solid;
	padding-left:20px;
	line-height:2.1;
	color:#91283f;
}

.set_text2{
	color:#9b8e55;
	padding:0 30px;
	font-size:18px!important;
	letter-spacing:2px;
}

.set_point{
	position:absolute;
	top: 10px;
	right:100px;
}
.set_price{
	position:absolute;
	bottom:
	28px; right:10px;
}



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

#campaign_box .cyan{
	margin-top:-50px;
	/*margin-left:-20px;*/
	/*margin-right:20px;*/
	color:#ccc!important;
	font-weight:normal!important;
	letter-spacing:1px;
	background-color:#333;
	border-bottom:1px #999 dotted;
	padding-bottom:1px;
	text-align: center;
}
#campaign_box .green{
	/*margin-left:-20px;
	margin-right:20px;*/
	color:#ccc!important;
	font-weight:normal!important;
	letter-spacing:1px;
	background-color:#333;
	border-bottom:1px #999 dotted;
	padding-bottom:1px;
	text-align: center;
}
#campaign_box .org{
	/*margin-left:-20px;
	margin-right:20px;*/
	color:#ccc!important;
	font-weight:normal!important;
	letter-spacing:1px;
	background-color:#333;
	border-bottom:1px #999 dotted;
	padding-bottom:1px;
	text-align: center;
}

#campaign_box .col1_c{
	width:202px;
	border-right:1px #0096d6 solid;
}
#campaign_box .col1_g{
	width:202px;
	border-right:1px #4FAF00 solid;
}
#campaign_box .col1_o{
	width:202px;
	border-right:1px #eb5f01 solid;
}

#campaign_box .col1{
	width:203px;
}

#campaign_box .col2{
	width:300px;
	padding-left:10px;
}
#campaign_box .col3{ 
	width:21px;
}




/* 20170602スペックリニューアル追加スタイル ================================ */

#contents_specs.contents {
	padding-bottom: 0;
}

#contents_specs p + *,
#contents_specs ul + *,
#contents_specs ol + *,
#contents_specs div + p,
#contents_specs div + ul,
#contents_specs div + ol {
	margin-top: 0;
}
#contents_specs p + p {
	margin-top: 0;
}

#contents_specs .model_area > li {
	padding: 40px 0;
}
#contents_specs .model_area h3 {
	margin-bottom: 10px;
	/*padding: .5em 20px;*/
	color: #fff;
	font-weight: normal;
	background: #222;
	border-bottom: 4px solid #c8932b;
	line-height:2;
	height:80px;
	padding-left:100px;
}
#contents_specs .model_area h3 span{
	margin:10px;
}
#contents_specs .model_area h3 span:last-child{
	margin-right:25px!important;
}
#contents_specs .corei5 h3{
	background: rgba(214, 153, 34, 0.2) url("/system/images/cpu/ci5_7th_gen_60x60.gif") no-repeat scroll 3% 50%;
}
#contents_specs .corei7 h3{
	background: rgba(214, 153, 34, 0.2) url("/system/images/cpu/ci7_7th_gen_60x60.gif") no-repeat scroll 3% 50%;
}

#contents_specs .spec_icon {
	padding: 15px;
	font-size: 0;
	text-align: center;
	border: 1px dashed #ccc;
	border-radius: 15px;
}
#contents_specs .spec_icon li {
	display: inline-block;
	vertical-align: top;
	width: 80px;
	margin-left: 5px;
	text-align: center;
}
#contents_specs .spec_icon li:first-child {
	margin-left: 0;
}
#contents_specs .spec_icon li img {
	width: 60px;
}
#contents_specs .spec_icon li p {
	margin-top: 5px;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.1;
}
#contents_specs .price_area p {
	color: #cb952a;
	font-weight: bold;
	line-height: 1.4;
}
#contents_specs .price_area p span {
	font-size: 30px;
}
#contents_specs .price_area div {
	margin-top: 10px!important;
}
#contents_specs .cam_model {
	display: table;
	table-layout: fixed;
	width: 100%;
	border: 3px solid #222;
}
#contents_specs .cam_model > li {
	display: table-cell;
	background: #333;
	border: 3px solid #222;
	border-right: none;
	vertical-align: top;
}
#contents_specs .cam_model > li:last-child {
	border-right: 3px solid #333;
}
#contents_specs .cam_model > li > div {
	padding: 15px 0;
	text-align: center;
	background-image: linear-gradient(to right, #222 0, rgba(255,255,255,0) 40px);
}
#contents_specs .cam_model h4 {
	position: relative;
	min-height: 45px;
	height: 45px;
	font-size: 15px;
	text-align: center;
	line-height: 1.4;
	background: #333;
}
#contents_specs .cam_model h4 span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%);
	transform: translate(-50%,-50%);
}
#contents_specs .cam_model .cam1 h4 {
	color: #0096d6;
	border-bottom: 2px solid #0096d6;
}
#contents_specs .cam_model .cam2 h4 {
	color: #008424;
	border-bottom: 2px solid #008424;
}
#contents_specs .cam_model .cam3 h4 {
	color: #eb5f01;
	border-bottom: 2px solid #eb5f01;
}
#contents_specs .cam_model .cam4 h4 {
	color: #9b8e55;
	border-bottom: 2px solid #9b8e55;
}
#contents_specs .cam_img {
	text-align: center;
	margin-bottom: 10px;
	height:140px;
}
#contents_specs .cam_img img{
	margin-bottom: 10px;
}
#contents_specs .spec_area {
	padding-top: 15px;
	text-align: center;
	background: linear-gradient(to bottom, #5a5a5a 0, rgba(255,255,255,0) 20px);
}


.camSpaceList {
    line-height: 2.3;
    list-style: outside url("/notebooks/personal/spectre_x360/images/dot11x11_cb952a.png") none;
    margin-left:35px;
}

#contents_specs .camSpaceList li{
	color:#ccc;
}


.d_table_f {
	display: table;
	width: 100%;
}
.d_table_f { table-layout: fixed; }
.d_table_f > div,
.d_table_f > li {
	display: table-cell;
	vertical-align: top;
}
.d_table_f.middle > div,
.d_table_f.middle > li {
	vertical-align: top;
}

.button .btn_label, .button input{
	font-weight:normal;
}

table.point_Box2 {
	padding: 20px;
}

/* 20170602スペックリニューアル追加スタイル ================================ */





/* Start [ 2017.8 index_c ] ============================== */



.items {
	margin-top: 40px;
	border-bottom: 1px solid #333;
}



/* item head ------------------------------ */

.item_head {
	position: relative;
	padding: 20px 30px;
	background: linear-gradient(to bottom, #333 0%,#000 100%);
	cursor: pointer;
}
.item_head::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 1000px;
	height: 3px;
	background: linear-gradient(to right, rgba(200,147,43,0) 0%,rgba(200,147,43,1) 50%,rgba(200,147,43,0) 100%);
}
.item_head:hover {
	background: linear-gradient(to bottom, #555 0%,#000 100%);
}
.item_head.active {
	background: #444;
}

/* モデル名 */
#contents_specs .item_head h3 {
	padding-left: 20px;
	color: #fff;
	font-size: 18px;
	line-height: 36px;
	letter-spacing: 1px;
	border-bottom: 1px dotted #666;
	border-left: 3px solid #c8932b;
}

/* アイコン */
.item_head .icon_area {
	margin-top: 15px;
	font-size: 0;
}
.item_head .icon_area > li {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin-right: 15px;
}
.item_head .icon_area > li.icon_win10 {
	width: 200px;
	height: 60px;
	border: 2px solid #ccc;
	border-radius: 5px;
}
.item_head .icon_area > li.icon_win10.home {
	background: #fff url(/notebooks/personal/spectre_x360/images/spec_icon_win10_home.png) no-repeat 50% 50%;
}
.item_head .icon_area > li.icon_win10.pro {
	background: #fff url(/notebooks/personal/spectre_x360/images/spec_icon_win10_pro.png) no-repeat 50% 50%;
}
#contents_specs .item_head .icon_area > li p {
	margin-top: 3px;
	font-size: 10px;
}

/* ボタン */
.acco_btn {
	display: inline-block;
	position: relative;
	width: 140px;
	padding: .5em 1.2em;
	color: #fff;
	font-size: 14px;
	text-align: left;
	line-height: 1.2;
	letter-spacing: 1px;
	border-radius: 4px;
	background: #c8932b;
}
.active .acco_btn {
	background: rgba(200,147,43,.6);
}
.acco_btn::after {
	content: "＋";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	transition: transform .3s ease, -webkit-transform .3s ease;
}
.active .acco_btn::after {
	transform: translateY(-50%) rotate(-45deg);
}
.acco_btn:visited {
	color: #fff;
}
.acco_btn:hover {
	text-decoration: none;
}



/* item list ------------------------------ */

.item_list {
	display: none;
	padding: 10px 20px 0;
}
.item_list > li {
	padding: 30px 0;
	background: linear-gradient(-135deg, rgba(51,51,51,1) 0, rgba(0,0,0,0) 160px);
	border-top: 1px dotted #ccc;
}
.item_list > li:first-child {
	background: none;
	border-top: none;
}
.item_list > li::after {
	content: "";
	clear: both;
	display: block;
}

/* item area */
.item_list .item_area {
	float: left;
	width: 580px;
}
#contents_specs .item_list .item_area h4 {
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 10px;
	font-size: 18px;
	text-align: center;
	line-height: 1.4;
}
.item_list .item_area h4::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: linear-gradient(to right, rgba(200,147,43,0) 0%,rgba(200,147,43,1) 50%,rgba(200,147,43,0) 100%);
}
.item_list .item_area ul::after {
	content: "";
	clear: both;
	display: block;
}
.item_list .item_area ul li {
	position: relative;
	float: left;
	margin-left: 10px;

	text-align: center;
}
.item_list .item_area ul li:first-child {
	margin-left: 0;
}
.item_list .item_area ul li:nth-child(n+2)::after {
	position: absolute;
	left: -17px;
	top: 40px;
	color: #cb952a;
	font-size: 15px;
	font-weight: bold;
	content: "＋"
}


#contents_specs .item_list .item_area ul li p {
	margin: 5px 0;
	font-size: 12px;
	line-height: 1.4;
}

/* btn area */
.item_list .btn_area {
	position: relative;
	float: right;
	/*padding-right: 20px;*/
	width: 350px;
}
.item_list .btn_area .office_cam {
	position: absolute;
	top: 0;
	right: -10px;
}
.item_list .btn_area .office_cam + p {
	padding-top: 50px;
}
#contents_specs .item_list .btn_area p {
	margin-top: 0;
	color: #fff;
	line-height: 1.6;
}


/* End [ 2017.8 index_c ] ============================== */




/*====20171001 add===*/
/*== campaign_model2 ==*/
#campaign_model2 .d_table, .d_table_f{
    text-align: center!important;
}
#campaign_model2 .d_table > div {
    vertical-align: middle;
    padding:5px 10px;
}
#campaign_model2 .d_table .model { width:70%!important; text-align:left!important; }
#campaign_model2 .d_table .default_price{ width:10%!important; border-left:1px #ccc dotted; border-right:1px #ccc dotted; border-radius: 0.3em; color:#767676; }
#campaign_model2 .d_table .cam_price_area{ width:20%!important; letter-spacing:1px; }
#campaign_model2 .d_table .cam_price { font-size:20px; color:#d7410b; font-weight:bold; margin-top:10px; }
#campaign_model2 .d_table .cam_price span{ font-size:30px; }

#campaign_model2 .m_list2 li {
    
    padding-bottom: 3px!important;
    color: #0096d6!important;
}

/*===20off===*/
#campaign_model2 .cam_priceoff {
	position: relative;
	padding: 3px 5px;
	background: #eb5f01;
	border-radius: 2em;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, .1) inset;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	width:95%;
	margin:0 auto!important;
}
#campaign_model2 .cam_priceoff::after {
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	content: "";
	width: 0;
	height: 0;
	margin: 0 auto;
	border: 6px solid transparent;
	border-top: 6px solid #eb5f01;
}
#campaign_model2 .cam_priceoff span{ font-size:20px; letter-spacing:2px; }




/*===add FAQ===*/

#tab_navi li {
	letter-spacing: 1px!important;
	font-size: 14px!important;
}
/* FAQ */
#contents_faq .graySubBlock li {
	font-size: 12px;
	line-height: 1.6;
	list-style-type: decimal;
}
#contents_faq {
    border-bottom: none!important;
}

#contents_faq h3{
	font-size:18px!important;
	color:#cb952a!important;
	letter-spacing: 1px!important;
	margin-top:40px!important;
}


#contents_faq dl.faq dt{
	background:#222!important;
	color:#999!important;
	position: relative;
}

#contents_faq dl.faq > dt::after {
	content: "＋";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 1rem;
	color: #cb952a;
	transform: translateY(-50%);
	transition: transform .3s ease, -webkit-transform .3s ease;
}
#contents_faq dl.faq > dt.active::after {
	transform: translateY(-50%) rotate(-45deg);
}

#contents_faq dl.faq dt{ border-top:1px solid #000!important; }
#contents_faq dl.faq dd{
	background: linear-gradient(to bottom, #000, rgba(90,90,90,0.35) 100px);
	border-top:1px solid rgba(203,149,42,0.5)!important;
}
#contents_faq dl.faq dd p {
    color: rgba(209,149,42,0.80);
    letter-spacing: 1px;
}

#contents_faq span,
#contents_faq a{ color:rgb(209,149,42)!important; text-decoration:none!important; }

/*===add FAQ===*/





/* 171201 ============================== */

.item_list .item5 .item_area {
	padding: 0;
	width: 700px;
}
.item_list .item5 .item_area ul li {
	width: 140px;
}
.item_list .item5 .item_area ul li img {
	width: 100%;
}
.item_list .button.sslim {
	padding: .4em .9em;
}





/* 171206 - Kakaku.com Product Award 2017 ============================== */

.award2017 {
	position: relative;
	padding: 20px;
	background: -webkit-linear-gradient(left, #000 0, #333 50%, #000 100%);
	background: linear-gradient(to right, #000 0, #333 50%, #000 100%);
}
.award2017::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,.5) 50%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0, rgba(255,255,255,.5) 50%, rgba(255,255,255,0) 100%);
}
.award2017 .d_table {
	position: relative;
	width: auto;
	margin: 0 auto;
}
.award2017 .d_table::before,
.award2017 .d_table::after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 23px;
	height: 80px;
}
.award2017 .d_table::before {
	left: -50px;
	background: url(/notebooks/personal/spectre_x360/images/leaf_l.png) no-repeat 0 0 / 23px 80px;
}
.award2017 .d_table::after {
	right: -50px;
	background: url(/notebooks/personal/spectre_x360/images/leaf_r.png) no-repeat 0 0 / 23px 80px;
}