@charset "utf-8";


/* *********************************
FileName: mg_keyword.css
UpdatedBy: -
*********************************** */


/* *********************************
000 : Base Layout
001 : page Layout
002 : clearfix
*********************************** */


/* *********************************
000 : Base Layout   
*********************************** */
/* IE6用固定 */
* html body {     
    background: url(null) fixed;     
} 


/* mainArea
-------------------------- */

#keyword .words { padding:0 20px; margin-bottom:0; text-align:center;}
#keyword #mainArea {
	width:600px;
	padding-top:50px;
	_padding-top:0px;
	margin:0 auto;
	text-align:left;
}

#keyword #mainArea .footer {
	width:595px;
	padding:8px 5px 15px;
	border-top: 1px solid #586d85;
	text-align:right;
}

#keyword #wrap {
	width: 680px;
	_width:690px;/* IE6 */
	margin:0 auto;
	text-align:left;
    background-color: #f7f7f7;
}

/* *********************************
001 : page Layout
*********************************** */

#mainArea #headerArea {
    position: fixed !important;  
	z-index: 2;
    top: 0;  
    width: 600px;  
    height: 33px;
    background-color: #f7f7f7;
	padding:17px 0 0 0;
	margin:0;
	text-align:right;
	
}
#ie6 {
	_width:100%;/* IE6 */
	
}
#ie6 p {
	_width: 605px;  
    _height: 33px;
    _background-color: #f7f7f7;
	_padding:0 0 17px 0;
	_text-align:right;
	_margin-left:-30px;
}

#content.words a { color:#45566a; text-decoration:none;}
#content.words a:hover{ text-decoration:underline;}


/* words */
#content.words .wordNav {
	width:630px;
	padding:20px 20px 10px 20px;
	_padding-bottom:0;
	margin-bottom:40px;
	background:url(/museum/common/img/magazine/bg_keyword01.gif) 0 0 repeat-y;
	clear:both;
	overflow: hidden;
}

#content.words .wordNav div.readBox  {
	width:560px;
	clear:both;
	margin-bottom:20px;
	border-bottom:1px solid #cccccc;
}

#content.words .wordNav div.readBox p  {
	font-size:125%;
	line-height:1.8;
	font-weight:bold;
	padding:15px 0 20px 0;
}

#content.words .wordNav div.leftBox   { float:left; width:180px;}
#content.words .wordNav div.centerBox { float:left; padding:0; _width:200px;/* IE6 */}
#content.words .wordNav div.rightBox  { float:right; width:200px;}

#content.words .wordNav ul { padding-bottom:15px; _padding-bottom:0; zoom:1;/* IE6,7 */}
#content.words .wordNav li {
	font-size:100%;
	font-weight:bold;
	margin-top:10px;
	padding:0 0 0 10px;
	background:url(/museum/common/img/ico_arrow03.gif) 0 6px no-repeat;
}

#content.words #wordArea {padding:0; clear:both;}
#content.words #wordArea .detail { width:600px;}
#content.words #wordArea .detail h3 { padding-bottom:20px;}

#content.words #wordArea .detail .sct {
	position:relative;
	padding-bottom:22px;
	margin-bottom:18px;
	background:none;
	clear:both;
}
#content.words #wordArea .detail .sct.last {
	padding-bottom:0;
	margin-bottom:60px;
	background:none;
}
#content.words #wordArea .detail .sct h4 {
	color:#586d85;
	font-size:130%;
	font-weight:bold;
	padding:2px 0 15px 6px;
	background:url(/museum/common/img/magazine/bg_keyword01.gif) 0 0 no-repeat;
}

#content.words #wordArea .detail .sct p  { clear:both}
#content.words #wordArea .detail .sct p.pageTop  { position:relative; right:0; border-bottom:10px; text-align:right; z-index:1;}

#keytitle,
#word01,
#word02,
#word03,
#word04,
#word05,
#word06,
#word07,
#word08,
#word09,
#word10,
#word11,
#word12,
#word13,
#word14,
#word15,
#word16,
#word17,
#word18,
#word19,
#word20 {
	padding:50px 0 0;
	margin:-50px 0 0;
}
/* *********************************
002 : clearfix
*********************************** */

#content.muTop:after,
#content.nano .sct .step2:after,
#content.nano .sct .step2 dl:after,
#content.nano .sct .adobe dl:after,
#content.concept .sct03 dl:after,
#content.words .ancNav ul:after,
#content.words .step3:after,
#content.words .wordNav ul:after,
#content.words #wordArea:after,
#content.words #wordArea .detal .sct:after,
#content.words #wordArea .detail .sct dl:after,
#contents.sitemap .sct2 div.ct:after,
#content.words p.pageTop:after,
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	overflow: hidden;
}