@charset "utf-8";
/* --------------------------------------------------------------------------------------
	【追加・調整】2009/10/14
-------------------------------------------------------------------------------------- */
@import "/common/css/share.css";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　Windows7特集サイト用スタイル　2009.10
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* float解除 -------------------- */


.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/*\*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/**/
/* --------------------------------------------------------------------------------------
 基本項目
--------------------------------------------------------------------------------------- */

/*見出し1 -------------------- */
div#contents h1 {
  margin: 0 20px 10px 5px;
  padding: 0;
  background: transparent url(https://www.iodata.jp/common/img/bg_h1_top.gif) no-repeat scroll left top;
  line-height: 1em;
  color: #333333;
  font-size: 200%;
  font-weight: normal;
}

div#contents h1 span {
  display: block;
  padding: 5px 0 3px 12px;
  background: transparent url(https://www.iodata.jp/common/img/bg_h1_btm.gif) no-repeat scroll left bottom;
}

/*見出し2 -------------------- */
div#contents h2 {
  clear: both;
  margin: 15px 0 10px 0;
  background: none;
  color: #333333;
}

div#contents h2 span{
	background:transparent url(/common/img/promo/bg_h2_690.jpg) no-repeat scroll left bottom;
	clear:both;
	color:#FFFFFF;
	font-size:160%;
	padding:10px;
}
/*
div#win7-list h2 {
	background: transparent url(/pio/img/os_h2.gif) no-repeat scroll left bottom;
	height:30px;
 	color: #ffffff;
	line-height:30px;
	margin-top:10px;
	padding-left:10px;
}
*/
div#win7-list h2 p {
	
}


/*見出し3 -------------------- */
div#contents h3 {
  clear: both;
  margin: 10px 0 20px 0;
  padding: 0;
  border: none;
  background: none;
  color: #333333;
}

div#contents h3 span {
	background:transparent url(/common/img/promo/bg_h3_dot.gif) repeat-x scroll center bottom;
	border-left:0 none;
	clear:both;
	color:#333333;
	font-size:140%;
	padding-left:0;
}

div#win7-list h3 {
	background:transparent url(/common/img/promo/bg_h3_dot.gif) repeat-x scroll center bottom;
	border-left:0 none;
	clear:both;
	color:#333333;
	font-size:120%;
	margin:20px 0px 5px 5px;
	padding-top:20px;
}

/*見出し4 -------------------- */
div#contents h4 {
  clear: both;
  margin: 10px 0 10px 6px;
  padding: 0;
  border: none;
  background: none;
  color: #333333;

}
div#contents h4 span{
	border-left:3px solid #2d74b8;
	clear:both;
	color: #2d74b8;
	font-size:100%;
	margin:5px 0;
	padding-left:4px;
  font-size:120%;
}

/* リード文章 */
div#contents p.lead {
  margin: 0 0 1em 0;
}


/* 章 */
div#contents div.section {
  margin: 0 0 1em 0;
}
div#contents div.section div.section {
  margin: 0;
}

/* 章の段落 */
div#contents div.section p {
  margin: 0 0 1em 0;
}


/* 右寄せ画像 */
div#contents p.imgright {
  float: right;
  padding: 0 0 0 10px;
}


/* 左寄せ画像 */
div#contents p.imgleft {
  float: left;
  padding: 0 10px 0 0;
}

/* ↑リンク */
div#contents .pagetop{
  clear: both;
}


/* →リンク */
div#contents .arw-link a{
		padding-left:12px;
  background: url(https://www.iodata.jp/common/img_v2/icon_arrow01.gif) no-repeat left 50%;
  color: #4F9BD8;
}


/* ↓リンク */
div#contents .arw-link02 a{
  padding-left: 12px;
  background: url(https://www.iodata.jp/common/img_v2/icon_pagelink.gif) no-repeat left 50%;
  color: #4F9BD8;
}

div#contents .btn a{}

/* 青リンク */
a.blue:link,
a.blue:visited,
a.blue:hover,
a.blue:active {
  color: #4F9BD8;
}

div#contents a[name]:hover{
  color: #666666;
}


/* --------------------------------------------------------------------------------------
 サイドナビ調整
--------------------------------------------------------------------------------------- */
dl.win7-sidenavi {
  width: 200px;
  margin-bottom: 15px;
  background: url(https://www.iodata.jp/common/img_v2/bg_smallbox_btm.gif) left bottom no-repeat;
  line-height: 1.5em;
}

dl.win7-sidenavi dt {}


/*dd=上階層メニュー, ul li=下階層メニュー*/


dl.win7-sidenavi dd dl dt{
  padding: 7px 0 6px 15px;
  border-bottom: 1px solid #e1e1e1;
  background-color: #4e90c9;
  font-weight: bold;
  color: #ffffff;
}


dl.win7-sidenavi dd dl dd {
  width: 198px;
  margin: 0 1px;
  padding: 7px 0 6px;
  border-bottom: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
}

dl.win7-sidenavi dd dl dd a {
  display: block;
  padding: 0 10px 0 25px;
  background: url(https://www.iodata.jp/common/img_v2/icon_arrow01.gif) no-repeat 12px 5px;
}


dl.related{
  margin-bottom:14px;
}


dl.related dt{
  margin-bottom:5px;
} 


dl.related dd{
  margin-bottom:4px;
} 


/* --------------------------------------------------------------------------------------
 Windows7トップ
--------------------------------------------------------------------------------------- */
/* 基本タグ */
#win7 h5 {color:#333;}
#win7 table {border-collapse:collapse; border:none;}
#win7 table td {padding:0;border:0px;}

/* 文字修飾 */
#win7 .red {color:#f30; font-weight:bold;}

/* メインタイトル */
#win7 #mainttl {margin:10px 0 0; float:left; width:902px;}
#win7 #mainttl h2 {margin:0; padding:0; float:left; width:666px;}
#win7 #mainttl p {margin:0; padding:0; float:right; width:226px;}

/* 基本レイアウト */
#win7 #mainbox,#win7 #mainbox2 {clear:both; float:left; width:902px; margin-bottom:20px;}
#win7 #mainbox-left,#win7 #mainbox-left2 {float:left; width:530px;}
#win7 #mainbox-right,#win7 #mainbox-right2 {float:right; width:350px;}

/* 章 */
div#contents #win7 .section {margin-left:15px;}

/*見出し3 -------------------- */
div#contents #win7 h3 { margin: 5px 0 5px 0;}


/*見出し4 -------------------- */
div#contents #win7 h4 {
	margin: 20px 0 10px 6px;
	font-size:160%;
	clear:both;
}
div#contents #win7 h4 span{
	border-left:solid 3px #2d74b8;
	padding:3px 5px;
	color:#2d74b8;
}
div#contents #win7 h4 a:link, a:visited, a:hover, a:active{
	color:#2d74b8;
	text-decoration: none;
}
/* アイテムテーブル */
#win7 table.item {margin-bottom:1em;}
#win7 .item td {padding-right:4px; border:0px;}
#win7 .item td.last {padding-left:0;}

/* MS情報 */
#win7 #msinfo {margin:20px 0; border:4px solid #dedede; padding:2px;}
#win7 #msinfo ul {margin:1em 1em 0;}
#win7 #msinfo li {margin-bottom:1em;}

/* →複数行リンク */
#win7 .arw-link03 a{display:block; padding-left:12px; background: url(https://www.iodata.jp/common/img_v2/icon_arrow01.gif) no-repeat left 5px; color: #4F9BD8;}

/* 更新情報 */
#win7 dl#update {margin:1em 0;}
#win7 #update dt {width:7em; clear:both; float:left;}
#win7 #update dd a {color:#4F9BD8;}

/* 注意事項エリア */
#win7 #caution {clear:both; width:872px; margin-bottom:20px; padding:1em 15px 0; border:1px solid #ccc; background-color:#fafafa;}
#win7 #caution p {text-indent:-1em; margin-left:1em;}

/*デッドリンクアイコン */
#win7 .arw-link span {
		padding-left:12px;
  background: url(https://www.iodata.jp/common/img_v2/icon_arrow01.gif) no-repeat left 50%;
  color: #4F9BD8;
}
#win7 .arw-link03 span {display:block; padding-left:12px; background: url(https://www.iodata.jp/common/img_v2/icon_arrow01.gif) no-repeat left 5px; color: #4F9BD8;}

/* --------------------------------------------------------------------------------------
 Windows7下層ページ
--------------------------------------------------------------------------------------- */
/* カラム内段組み */
#win7-2nd .column-box:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#win7-2nd .column-box { display:inline-block; }
/*\*/
* html #win7-2nd .column-box { height:1%; }
#win7-2nd .column-box { display:block; }

#win7-2nd .column-box-left {float:left; width:475px;}
#win7-2nd .column-box-right {float:right; width:200px;}
#win7-2nd .column-box-right p {line-height:1.3;}
/* 20091014 ynagai add */
#win7-2nd .column-box3-left {float:left; width:200px;}
#win7-2nd .column-box2-right {float:left; width:410px;}
#win7-2nd .box2 {
	float:left; 
	width:340px;
}
#win7-2nd .column-box-left2 {
	float:left; 
	width:450px;
}
#win7-2nd p.desc{
	padding:0px 5px;
}
/* 章 */
div#contents #win7-2nd .section {margin-left:6px;}

/* テーブル */
#win7-2nd table {border-collapse:collapse; border:none;}
/*#win7-2nd table td {padding:0;}*/

/*見出し3 -------------------- */
div#contents #win7-2nd h3 { margin: 10px 0 5px 0;}

/* →複数行リンク */
#win7-2nd .arw-link03 a{display:block; padding-left:12px; background: url(https://www.iodata.jp/common/img_v2/icon_arrow01.gif) no-repeat left 3px; color: #4F9BD8; line-height:1.3;}

/* 文字修飾 */
#win7-2nd .red {color:#f30; font-weight:bold;}

/* --------------------------------------------------------------------------------------
 Windows7下層ページ　アップグレード
--------------------------------------------------------------------------------------- */
/* システム要件比較 */
#win7-2nd dl#os-spec {float:left; width:150px; margin-right:3px;}
#win7-2nd #os-spec dt {color:#fff; font-weight:bold; padding:0 3px; text-align:center;}
#win7-2nd .xp dt {background-color:#4f9bd8;}
#win7-2nd .vista dt {background-color:#02ace4;}
#win7-2nd .seven dt {background-color:#007dfd;}
#win7-2nd #os-spec dd {background-color:#f0f0f0; line-height:1.3; font-size:85%; padding:2px 0 2px 3px;}
#win7-2nd #os-spec dd.spec {background-color:#ccc; font-weight:bold;}

/* Windows 7 Upgrade Advisor */
#win7-2nd #ua th,#win7-2nd #ua td {border:1px solid #ccc; padding:5px 10px; vertical-align:top;}
#win7-2nd #ua th {background-color:#f0f0f0; text-align:left;}

/* トピックス */
#win7-2nd .topics {background-color:#effaff; border:3px solid #03ade4; margin-bottom:15px; padding:15px 15px 5px;}
#win7-2nd .topics:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#win7-2nd .topics { display:inline-block; }
/*\*/
* html #win7-2nd .topics { height:1%; }
#win7-2nd .topics { display:block; }

/* スペック2 */
#win7-2nd dl.spec2 {margin-bottom:15px; background-color:#fafafa; border:1px solid #ccc; border-bottom:none;}
#win7-2nd .spec2 dt {background-color:#ccc; text-align:center; padding:2px;}
#win7-2nd .spec2 dd {border-bottom:1px solid #ccc;  padding:2px 2px 2px 5px; line-height:1.3;}
#win7-2nd .spec2 dd img {vertical-align:text-bottom}

/* テーブル パターン1 横並び */
#win7-2nd table.pattern1 {margin-bottom:15px;}
#win7-2nd .pattern1 th {width:50%; background-color:#4f9bd8; color:#fff; text-align:left; line-height:1.3; padding:5px 10px;}
#win7-2nd .pattern1 td {vertical-align:top; padding:10px 5px; background-color:#fff;}
#win7-2nd .pattern1 td p {line-height:1.3;}
#win7-2nd .pattern1 td.blank {width:15px; background-color:#effaff ;}

/* --------------------------------------------------------------------------------------
 Windows7下層ページ　インストール
--------------------------------------------------------------------------------------- */
#win7-2nd dl.column2:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#win7-2nd dl.column2 { display:inline-block; }
/*\*/
* html #win7-2nd dl.column2 { height:1%; }
#win7-2nd dl.column2 { display:block; }

#win7-2nd .column2 dd {float:left; width:469px; margin-left:6px;}
#win7-2nd .column2 dt {float:right; width:200px;}