/* CSS Document */

#pack {
	background: #000;
	width: 760px;
}

/* index HEAD IMG */
#headImg {
	background: #000 url(../../../images/article/pr/10/acer/bg.jpg) top no-repeat;
	min-height: 418px;
	_height: 418px;
}

#headImg h2 {
	padding: 35px 0 0 15px;
}

#headImg p {
	color: #FFF;
	font-size: 100%;
	_font-size: 13px;
	line-height: 130%;
	margin-left: 25px;
	width: 510px;
}

#rap {
	margin: 0 auto;
	padding-bottom: 10px;
	width: 730px;
}

#partButton01 {
	background: url(../../../images/article/pr/10/acer/part01_bg.jpg) top no-repeat;
	min-height: 60px;
	_height: 60px;
}


#partButton02 {
	background: url(../../../images/article/pr/10/acer/index_part02_bg.jpg) top no-repeat;
	min-height: 55px;
	_height: 55px;
}

#linkBox01 .part,
#linkBox02 .part {
	color: #c4c4c4;
	font-size: 12px;
	line-height: 18px;
	padding: 91px 0 0 33px;
	width: 500px;
}

.partButton {
	background: url(../../../images/article/pr/10/acer/part_bottom.gif) top no-repeat ;
	text-align: right;
	height: 42px;
	padding-top: 13px;
}

#linkColor  a:link { color: #acffb2; } 
#linkColor  a:visited { color: #FF0; } 
#linkColor  a:hover { color: #FF0; } 
#linkColor  a:active { color: #acffb2; } 


/* linkBoxの箇所 */

#linkBox01 { margin: 0px; }

#linkBox01 a {
	background: url(../../../images/article/pr/10/acer/linkbox01.jpg) no-repeat;
	display: block;
	text-decoration: none;
	width: 730px;
	height: 180px;
}

#linkBox01 a:hover {
	background: url(../../../images/article/pr/10/acer/linkbox01_over.jpg) no-repeat;
	display: block;
	width: 730px;
	height: 180px;
}

#linkBox02 {
	margin: 15px 0;
}

#linkBox02 a {
	background: url(../../../images/article/pr/10/acer/linkbox02.jpg) no-repeat;
	display: block;
	text-decoration: none;
	width: 730px;
	height: 174px;
}


#linkBox02 a:hover {
	background: url(../../../images/article/pr/10/acer/linkbox02_over.jpg) no-repeat;
	display: block;
	width: 730px;
	height: 174px;
}

/* シリーズ紹介箇所 */
.asBox {
	margin: 0 auto 10px;
	text-align: center;
	width: 235px;
}

/* tableの指定 */

#rap .hdTable {
	margin: 10px 0;
}

#rap table {
	color: #c4c4c4;
    border-top:1px solid #919191;
    border-left:1px solid #919191;
    border-collapse:collapse;
    border-spacing:0;
	width: 725px;
	}


#rap td{
    border-right:1px solid #919191;
    border-bottom:1px solid #919191;
    padding:0.3em;
}

#rap .itemName {
	color: #acffb2;
	font-size: 110%;
	font-weight: bold;
	width: 270px;
}

#rap .tdBgcolor { background-color:#343434; }


#rap .hdTable th{
    border-right:1px solid #919191;
    border-bottom:1px solid #919191;
    background-color:#343434;
    padding: 0.8em;
    text-align:center;
}

/* P1とP2 HEADの指定 */

#headImgP {
	background: #000 url(../../../images/article/pr/10/acer/bg_p.jpg) top no-repeat;
	min-height: 366px;
	_height: 366px;
}

#headImgP h2 {
	padding: 37px 0 0 15px;
}

#headBtm {
	margin: 24px auto 0; 
	width: 730px;
	text-align: center;
}

#headBtm li,
#footerBtm li {
	float: left;
}


#footerBtm {
	margin: 20px auto; 
	width: 730px;
	text-align: center;
}

#partTitle {
	margin: 0 auto;
	width: 730px;
}

#partTitle {
	background: #000 url(../../../images/article/pr/10/acer/part_bg.gif) top no-repeat;
	min-height: 171px;
	_height: 171px;
}

#partTitle p {
	color: #c4c4c4;
	font-size: 110%;
	line-height: 140%;
	margin-left: 28px;
	width: 660px;
}

/* コンテンツの指定 */
#whitePack {
	background: #FFF;
	margin: 0 auto;
	width: 730px;
	padding: 20px 0;
}


.whitePacktext,
#nextPage  {
	margin: 0 auto;
	padding-bottom: 20px;
	width: 700px;
	font-size: 110%;
	line-height: 140%;	
}

.whitePacktext h3 { padding-bottom: 13px; }

.whitePacktext p {
	margin-bottom: 15px;
}

.whitePacktext h4 {
	color: #137528;
	padding-bottom: 7px;
}


/* 写真 */

.captext {
	color: #484848;
	font-size: 85%;
	line-height:1.4em;
}

.photo01 p {
	margin: 0px;
	padding: 0px;
}

.capBottom {
	background:#e8e8e8;
	padding: 7px;
	width: 265px;
}


.capBottom02 {
	background:#e8e8e8;
	margin-top: 5px;
	padding: 7px;
	width: 551px;
}

.photo01 {
	margin:0 auto;
	width:571px;
	padding-bottom: 10px;
}

.photo01 table {
	width:571px;
}

.photo01 table,
.photo01 tr,
.photo01 td {
	border: 0;
}

.photo01 img { border: #52df3f solid 1px; }

/* 表 */
.whitePacktext .whitetable {
	padding-bottom: 20px;
}

.whitetable table {
	color: #5b5b5b;
    border-top:1px solid #2d2d2d;
    border-left:1px solid #2d2d2d;
    border-collapse:collapse;
    border-spacing:0;
    text-align:center;
	width: 690px;
	}

.whitetable .hdTable th{
    border-right:1px solid #2d2d2d;
    border-bottom:1px solid #2d2d2d;
    padding: 0.3em;
}

.whitetable td{
    border-right:1px solid #2d2d2d;
    border-bottom:1px solid #2d2d2d;
    padding:0.2em;
	font-size: 90%;
}

.example { white-space: nowrap; }

.tableLfet { background: #cacaca; }

.acerColor { background: #71ca77; }

.acerColor02 { background: #c4e3c6; }

.acerColor, .acerColor02 { color: #004905; }

/* 注釈文 */

sup { color:#C00; }


ul.hedge li {
	color:#C00;
	font-size:90%;
	line-height:120%;
	list-style-type:none;
	text-indent:-1em;
	margin:6px 0;
	padding-left:1em;
}

/* フッターのテキストリンクの指定 */
#nextPage,
#newWord { text-align: right; }

#nextPage h4 {
	background: url(../../../images/article/pr/10/acer/icon_right.gif) right no-repeat;
	padding-right: 23px;
	font-size: 110%;
	font-weight: bold;
	}

#newWord {
	margin: 0 auto;
	padding-bottom: 20px;
	width: 730px;
	font-size: 110%;
	line-height: 140%;	
}	

#newWord h4 {
	background: url(../../../images/article/pr/10/acer/icon_right02.gif) right no-repeat;
	padding-right: 23px;
	font-size: 110%;
	font-weight: bold;
	}

#nextPage a:link { color: #009f23; } 
#nextPage a:visited { color: #009f23; } 
#nextPage a:hover { color: #ed9803; } 
#nextPage a:active { color: #009f23; } 

#newWord a:link { color: #15d13e; } 
#newWord a:visited { color: #15d13e; } 
#newWord a:hover { color: #f6ff00; } 
#newWord a:active { color: #15d13e; } 

/* フッターのキャンペーンボタンの指定 */
#campaignBtntop {
	text-align: center;
	margin: 10px auto;
	width: 760px;
}

#campaignBtntop02 {
	text-align: center;
	margin: 0 auto;
	width: 700px;
}

/* テキストサイズとカラーと位置の指定 */
.textCenter {
	text-align: center;
	vertical-align: middle;
}

.textGray { color: #c4c4c4; }

.text14 {
	font-size: 110%;
	line-height: 125%;
}

.text16 {
	font-size: 120%;
	line-height: 125%;
}

.textBold { font-weight: bold; }

/* フロート解除 */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.clear {
  clear: both;
  margin:0;
  padding:0;
}