@charset "UTF-8";

/*---------------------------------------------------------------------------*/
/* commmon
/*---------------------------------------------------------------------------*/

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  color: #333;
  font-size: 32px;
  font-family: "hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
  line-height: 1.6;
  background-color: white;
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, p, ul, ol {
  margin: 0;
  padding: 0;
}
img {
  border: 0;
  vertical-align: bottom;
}

a{
  color:#333;
  text-decoration:none;
}

/*---------------------------------------------------------------------------*/
/* clearfix
/*---------------------------------------------------------------------------*/

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  *zoom: 1;
}

/*---------------------------------------------------------------------------*/
/* container
/*---------------------------------------------------------------------------*/

#container {
  width: 750px;
  margin: 0 auto;
}

/*---------------------------------------------------------------------------*/
/* header
/*---------------------------------------------------------------------------*/

#header {
  line-height: 0;
}
#header-wrap {
  background: black;
  height: 90px;
  overflow: hidden;
}
#header-wrap h1 {
  margin: 10px 0 0 20px;
  float: left;
}
#header-wrap #hd-dynabook {
  margin: 10px 0 0 48px;
  float: left;
}
#header-wrap #hd-inquiry {
  margin: 10px 20px 0 0;
  float: right;
}
#header #hd-recommended {
  max-width: 100%;
}

/*---------------------------------------------------------------------------*/
/* footer
/*---------------------------------------------------------------------------*/

#footer {
  background-color: black;
  padding-bottom: 60px;
  overflow: hidden;
}
#footer .notice {
  border-bottom: 2px solid #747474;
      background-color: #000;
}
#footer .notice p {
  color: #828282;
  font-size: 28px;
  text-align: left;
  margin: 30px 30px 56px;
      background-color: #000;
}
#footer .notice p span.blank {
  display: inline-block;
  background: url(../images/footer-link-blank.png) no-repeat left center;
  width: 38px;
  margin-right: 6px;
}
#footer ul {
  list-style: none;
  margin: 30px 0;
  overflow: hidden;
}
#footer ul li {
  border-left: 2px solid #747474;
  width: 248px;
  float: left;
}
#footer ul li:first-child {
  border: none;
  width: 249px;
}
#footer ul li a {
  display: block;
  color: white;
  font-size: 20px;
  text-align: center;
  line-height: 56px;
  width: 100%;
}
#footer p {
  text-align: center;
}
#footer p a {
  color: white;
  font-size: 20px;
  text-decoration: none;
}

/*---------------------------------------------------------------------------*/
/* etc
/*---------------------------------------------------------------------------*/

/* link-site */
#link-site {
  border-bottom: 1px solid #bdbdbd;
  overflow: hidden;
}
#link-site ul {
  list-style: none;
}
#link-site ul li {
  float: left;
}

/* intel inside */
#intel-inside {
  font-weight: bold;
  text-align: center;
  padding: 50px 0;
}
#intel-inside img {
  margin-top: 30px;
}

sup{
  font-size:15px;
  line-height:1em;
}
sup span{
  display: inline-block;
  font-size: 32px;
  vertical-align: text-bottom;
}

.intelTxt{
  margin-top:30px;
}

/*スマートフォンサイトindex2*/

.text32 {
  font-size:32px;
}

.text28 {
  font-size:28px;
}

.text22 {
  font-size:22px;
}

.text_notes{
  font-size:16px;
  overflow: hidden;
  clear: both;
  margin:0 30px;
  background-color:#FFF;
  padding-bottom: 105px;
  line-height: 2.0;
}
.text_notes img{
  vertical-align: middle;
}

.midashi1 {
  font-size:45px;
  font-weight: bold;
}

.midashi3 {
  font-size:32px;
  font-weight: bold;
}

.midashi2 {
  font-size:28px;
  font-weight: bold;
}

.main_area01 {
  margin: 0 28px;
}

.main_area01_midashi {
  margin:0 30px;
  padding-top: 100px;
  padding-bottom:100px;
  background-color:#FFF;
}

.main_area01 .text {
  padding-top: 90px;
  padding-bottom:40px;
  background-color:#FFF;
}

.main_list01{
padding-top: 100px;
}

.main_list01_midashi {
  padding-bottom: 79px;
}

.main_list01 .text{
  margin: 0 28px;
  background-color:#FFF;
}

.list_style {
  margin: 0 30px;
}

.list_style ul {
  list-style: none;
}

.list_style ul li {
  float: left;
}

.list_style li {
  width:326px;
  height:auto;
  font-size:22px;
  padding-bottom: 60px;
}

.list_style li:nth-child(odd){
  padding-right: 36px;
}

.main_area02{
  background-color:#f5f5f5;
}
.main_area02 p{
  font-size: 45px;
  line-height:1.8em;
  padding-top: 108px;
  background-color:#f5f5f5;
}
.main_area02_midashi{
  margin: 0 28px;
  padding-bottom: 68px;
  background-color:#f5f5f5;
}

.list_style_area02 {
background-color:#f5f5f5;
overflow: hidden;
padding-bottom: 62px;
}

.list_style_area02 ul{
  list-style: none;
  margin: 0 28px;
}

.list_style_area02 ul li {
  float: left;
  margin-right: 10px;
  position: relative;
  padding: 15px;
}

.list_style_area02 li {
  width:303px;
  height:535px;
  font-size:22px;
  background-color:#FFF;
  border: 1px solid #eee;
  margin-bottom: 18px;
}

.list_style_area02 li img{
vertical-align: bottom;
    position: absolute;
        bottom: 0;
        right:0;
}

.list_style_area02 a{
color:#000;
text-decoration: none;
}

.list_style_area02 li a:nth-child(odd){
  margin-right: 15px;
}

.list_style_area02 span{
display: inline-block;
margin: 0 auto;
width: 100%;
text-align: center;
}

.lineup_link{
background-color: #eaeaea;
height:161px;
text-align: center;
border:solid 1px #d3d3d3;
padding-top: 30px;
}

.lineup_link .text28{
font-size:28px;
padding-bottom:10px;
}


/*---------------------------------------------------------------------------*/
/* spec_detail
/*---------------------------------------------------------------------------*/
.spec_detail{
  clear: both;
  padding-top: 90px;
  background: #f5f5f5;
}
.spec_detail .text_notes{
  padding-bottom: 50px;
}
.spec_detail_inner{
  margin: 0 30px;
  background: #fff;
}
.spec_detail h3{
  margin-bottom: 80px;
  padding: 24px 30px;
  border-bottom: 1px solid #e0e0e0;
  background-color: #fff;
}
.spec_intro p,
.detail_box h4{
  text-align: center;
}
.detail_box{
  margin: 0 20px;
}
.spec_intro+.detail_box{
  margin-top: 74px;
}
.detail_box h5{
  font-size: 120%;
  margin: 0 0 20px;
  padding-top:20px;
  
}
.box_inner h5,
.box_inner p{
  background-color: #fff;
}
p.spec_img{
  margin: 40px 0 50px;
  text-align: center;
}
#acMenu p{
	width: 650px;
	/*height: 131px;*/
  height: 131px;
	margin: 0 auto;
	text-indent: -9999px;
	background:url(../images/index2/index2_spec_open_t95.gif) no-repeat;
}
#acMenu p.active{
  background:url(../images/index2/index2_spec_close_t95.gif) no-repeat;
}



#acMenu dl{
	display:none;
	/*display:inherit;*/
  margin-top: -1px;
	border: 1px solid #e0e0e0;
}


#acMenu dt{
  padding: 14px 20px;
  font-weight: bold;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  background-color: #fff;
}
#acMenu dt:first-child{
  border-top: none;
}
#acMenu dd{
  margin: 20px;
  text-align: center;
}
.inner_btm,
.inner_btm_mobile{
  /*margin-top: 50px;*/
  padding-bottom: 78px;
}
.inner_btm li{
  /*width: 325px; 比較ページなし*/
  list-style: none;
  float: left;
}
.inner_btm_mobile{
  list-style: none;
}
.spec_text {
color:#a6a6a6;
font-size:28px;
}
.t75 #acMenu p{
  background:url(../images/index2/index2_spec_open_t75.gif) no-repeat;
}
.t75 #acMenu p.active{
  background:url(../images/index2/index2_spec_close_t75.gif) no-repeat;
}

.t55 h5,
.v63 h5,
.r82_pgq h5,
h5.no_margin{
  margin-top: 0;
}
.t55 #acMenu p{
  background:url(../images/index2/index2_spec_open_t55.gif) no-repeat;
}
.t55 #acMenu p.active{
  background:url(../images/index2/index2_spec_close_t55.gif) no-repeat;
}
.t45 #acMenu p{
  background:url(../images/index2/index2_spec_open_t45.gif) no-repeat;
}
.t45 #acMenu p.active{
  background:url(../images/index2/index2_spec_close_t45.gif) no-repeat;
}

.t67 #acMenu p{
  background:url(../images/index2/index2_spec_open_t67.gif) no-repeat;
}
.t67 #acMenu p.active{
  background:url(../images/index2/index2_spec_close_t67.gif) no-repeat;
}

.t54 #acMenu p{
  background:url(../images/index2/index2_spec_open_t54.gif) no-repeat;
}
.t54 #acMenu p.active{
  background:url(../images/index2/index2_spec_close_t54.gif) no-repeat;
}

.d81 #acMenu p{
  background:url(../images/index2/index2_spec_open_d81.gif) no-repeat;
}
.d81 #acMenu p.active{
  background:url(../images/index2/index2_spec_close_d81.gif) no-repeat;
}

.d71 #acMenu p{
  background:url(../images/index2/index2_spec_open_d71.gif) no-repeat;
}
.d71 #acMenu p.active{
  background:url(../images/index2/index2_spec_close_d71.gif) no-repeat;
}

.d61 #acMenu p{
  background:url(../images/index2/index2_spec_open_d61.gif) no-repeat;
}
.d61 #acMenu p.active{
  background:url(../images/index2/index2_spec_close_d61.gif) no-repeat;
}

.d51 #acMenu p{
  background:url(../images/index2/index2_spec_open_d51.gif) no-repeat;
}
.d51 #acMenu p.active{
  background:url(../images/index2/index2_spec_close_d51.gif) no-repeat;
}
.d41 #acMenu p{
  background:url(../images/index2/index2_spec_open_d41.gif) no-repeat;
}
.d41 #acMenu p.active{
  background:url(../images/index2/index2_spec_close_d41.gif) no-repeat;
}
.l93 #acMenu p{
  background:url(../images/index2/index2_spec_open_l93.gif) no-repeat;
}
.l93 #acMenu p.active{
  background:url(../images/index2/index2_spec_close_l93.gif) no-repeat;
}
.v83 #acMenu p{
  background:url(../images/index2/index2_spec_open_v83.gif) no-repeat;
}
.v83 #acMenu p.active{
  background:url(../images/index2/index2_spec_close_v83.gif) no-repeat;
}
.v73 #acMenu p{
  background:url(../images/index2/index2_spec_open_v73.gif) no-repeat;
}
.v73 #acMenu p.active{
  background:url(../images/index2/index2_spec_close_v73.gif) no-repeat;
}
.v63 #acMenu p{
  background:url(../images/index2/index2_spec_open_v63.gif) no-repeat;
}
.v63 #acMenu p.active{
  background:url(../images/index2/index2_spec_close_v63.gif) no-repeat;
}
.r82_pgp #acMenu p{
  background:url(../images/index2/index2_spec_open_r82pgp.gif) no-repeat;
}
.r82_pgp #acMenu p.active{
  background:url(../images/index2/index2_spec_close_r82pgp.gif) no-repeat;
}
.r82_pgq #acMenu p{
  background:url(../images/index2/index2_spec_open_r82pgq.gif) no-repeat;
}
.r82_pgq #acMenu p.active{
  background:url(../images/index2/index2_spec_close_r82pgq.gif) no-repeat;
}
.r83 #acMenu p{
  background:url(../images/index2/index2_spec_open_r83.gif) no-repeat;
}
.r83 #acMenu p.active{
  background:url(../images/index2/index2_spec_close_r83.gif) no-repeat;
}
.r73_p #acMenu p{
  background:url(../images/index2/index2_spec_open_r73p.gif) no-repeat;
}
.r73_p #acMenu p.active{
  background:url(../images/index2/index2_spec_close_r73p.gif) no-repeat;
}
.r73_pq #acMenu p{
  background:url(../images/index2/index2_spec_open_r73pq.gif) no-repeat;
}
.r73_pq #acMenu p.active{
  background:url(../images/index2/index2_spec_close_r73pq.gif) no-repeat;
}
.s90 #acMenu p{
  background:url(../images/index2/index2_spec_open_s90.gif) no-repeat;
}
.s90 #acMenu p.active{
  background:url(../images/index2/index2_spec_close_s90.gif) no-repeat;
}
.s80 #acMenu p{
  background:url(../images/index2/index2_spec_open_s80.gif) no-repeat;
}
.s80 #acMenu p.active{
  background:url(../images/index2/index2_spec_close_s80.gif) no-repeat;
}
.s88 #acMenu p{
  background:url(../images/index2/index2_spec_open_s88.gif) no-repeat;
}
.s88 #acMenu p.active{
  background:url(../images/index2/index2_spec_close_s88.gif) no-repeat;
}

.s68 #acMenu p{
  background:url(../images/index2/index2_spec_open_s68.gif) no-repeat;
}
.s68 #acMenu p.active{
  background:url(../images/index2/index2_spec_close_s68.gif) no-repeat;
}

.s50 #acMenu p{
  background:url(../images/index2/index2_spec_open_s50.gif) no-repeat;
}
.s50 #acMenu p.active{
  background:url(../images/index2/index2_spec_close_s50.gif) no-repeat;
}

.s38 #acMenu p{
  background:url(../images/index2/index2_spec_open_s38.gif) no-repeat;
}
.s38 #acMenu p.active{
  background:url(../images/index2/index2_spec_close_s38.gif) no-repeat;
}

.n61 #acMenu p{
  background:url(../images/index2/index2_spec_open_n61.gif) no-repeat;
}
.r61 #acMenu p.active{
  background:url(../images/index2/index2_spec_close_n61.gif) no-repeat;
}

.n51 #acMenu p{
  background:url(../images/index2/index2_spec_open_n51.gif) no-repeat;
}
.n51 #acMenu p.active{
  background:url(../images/index2/index2_spec_close_n51.gif) no-repeat;
}

.n40 #acMenu p{
  background:url(../images/index2/index2_spec_open_n40.gif) no-repeat;
}
.n40 #acMenu p.active{
  background:url(../images/index2/index2_spec_close_n40.gif) no-repeat;
}

.n29 #acMenu p{
  background:url(../images/index2/index2_spec_open_n29.gif) no-repeat;
}
.n29 #acMenu p.active{
  background:url(../images/index2/index2_spec_close_n29.gif) no-repeat;
}

.rx82 #acMenu p{
  background:url(../images/index2/index2_spec_open_rx82.gif) no-repeat;
}
.rx82 #acMenu p.active{
  background:url(../images/index2/index2_spec_close_rx82.gif) no-repeat;
}

.rx73_twp #acMenu p{
  background:url(../images/index2/index2_spec_open_rx73twp.gif) no-repeat;
}
.rx73_twp #acMenu p.active{
  background:url(../images/index2/index2_spec_close_rx73twp.gif) no-repeat;
}

.rx73_twq #acMenu p{
  background:url(../images/index2/index2_spec_open_rx73twq.gif) no-repeat;
}
.rx73_twq #acMenu p.active{
  background:url(../images/index2/index2_spec_close_rx73twq.gif) no-repeat;
}

.n72 #acMenu p{
  background:url(../images/index2/index2_spec_open_n72.gif) no-repeat;
}
.n72 #acMenu p.active{
  background:url(../images/index2/index2_spec_close_n72.gif) no-repeat;
}



.top_link a{
  display: block;
  padding: 30px 0;
  color: #111;
  text-align: center;
  border-bottom: 1px solid #d3d3d3;
  background: #fff;
}

#container em{
  color: #cb0000;
  font-style: normal;
}
#acMenu dl dt:first-child+dd{
  color: #cb0000;
  font-size: 120%;
  font-weight: bold;
}


.text16{
  font-size:16px;
}

.specBtn{
  padding-bottom:30px;
}

/*---------------------------------------------------------------------------*/
/* menu
/*---------------------------------------------------------------------------*/
#menu {
  position: absolute;
  top: 144px;
  /*background: url(../img/menu_bg.png);*/
  width: 750px;
  z-index: 100;
}
#menu-body {
	position: relative;
	background-color: rgba(0,0,0,0.7);
	width: 750px;
	height: 62px;
	margin: 0 auto;
	overflow: hidden;
}
#menu-body .menu-btn {
  margin-right: 11px;
  padding: 8px;
  float: right;
}
#menu-popup {
  background-color: #a9a9a9;
}
#menu-popup ul {
  list-style: none;
}
#menu-popup li {
  border-bottom: 1px solid #a9a9a9;
}

.webmodel{
	margin:-15px 0 40px 0;
}

.noFL{
	float:none !important;
}


/*win10追加*/
.win10{
	margin-bottom:30px;
	margin-top:-60px;
}

.win10_2{
	margin-bottom:-30px;
	margin-top:30px;
}

.win10_blue{
	border:#0078d7 1px solid;
	padding:5px 15px;
	background-color:#0078d7;
	color:#FFFFFF;
	font-size:0.6em;
	
}

.win10_white{
	border:#0078d7 1px solid;
	padding:5px 15px;
	font-size:0.6em;

}

/*supタグのフォントサイズ*/
sup{font-size:70% !important;
vertical-align:text-top !important;
}


/*シリーズトップボタン*/

.SeriesBtnBox{
	border-top:1px dotted #cdcdcd;
	border-bottom:1px dotted #cdcdcd;
	background:#efefef;
	padding:30px 0;
	margin:60px 0;
}
.SeriesBtn{
	background-color: #fff;
	border: 1px solid #d1d1d1;
	text-align:center;
	border-collapse: separate;
	border-radius: 5px;
	display: table;
	width:90%;
	padding:30px;
	margin:0 auto;
	font-weight:bold;
}

.SeriesBtn a{
	/*color:#039;*/
	text-decoration:none;
	display: block;
}

.SeriesBtn a:visited{
	color:#333333;
}

.SeriesBtn a:hover{
	color:#ff6c00;
	text-decoration:underline;
}