@charset "utf-8";


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


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


/* *********************************
000 : Base Layout
*********************************** */

#museum .mainImage { clear:both; text-align:center; position:relative; margin-top:15px;}
#museum .mainImage p.enter a {
	position:absolute;
	top:235px;
	left:470px;
}



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

#mainArea h3 { clear:both;}

#museum #contents { text-align:center;}
#museum #contents #mainArea { width:720px; margin:0 auto; padding-top:40px; text-align:left;}
#museum #contents #mainArea h2 { padding-bottom:55px;}


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

/* words
-------------------------- */

#museum #content.words { padding:20px 20px 0; margin-bottom:0;}
#museum #content.words #mainArea{ padding:40px 0 40px;}
#museum #content.words #mainArea h2 { padding-bottom:2px;}

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

#content.words .ancNav {
	margin-bottom:40px;
	padding:50px 0 24px 18px;
	border:2px solid #f7ab23;
	background:url(../../words/img/bg_words_top01.jpg) 0 0 repeat-x;
}
#content.words .ancNav h3 { padding-bottom:13px;}
#content.words .ancNav ul { padding-bottom:30px; zoom:1;/* IE6,7 */}
#content.words .ancNav li { float:left; padding-right:10px;}

#content.words .wordsList{ padding:0 20px;}
#content.words .wordsList h3{ padding:0 0 10px;}
#content.words .step3 {
	clear:both;
	padding-bottom:20px;
}
#content.words .step3 h4 {
	clear:both;
	padding-bottom:5px;
}
#content.words .step3 h4.last {
	clear:both;
	padding:15px 0 5px;
}
#content.words .step3 ul {
	padding:6px 0 0 2px;
}
#content.words .step3 li {
	margin-top:4px;
	padding:0 0 0 10px;
	background:url(/museum/common/img/ico_arrow03.gif) 0 6px no-repeat;
}
#content.words .step3 div.leftBox   { float:left; width:280px;}
#content.words .step3 div.centerBox { float:left; padding:0 30px;}
#content.words .step3 div.rightBox  { float:right; width:280px;}

#content.words .wordsList p.pageTop {
	clear: both;
	float:right;
	padding:0 18px 0 0 ;
	margin:0;
	background:url(/museum/words/img/icon_top.gif) 100% 4px no-repeat;
}

/* word */
#content.words .wordNav { padding:38px 0 15px 18px;}
#content.words .wordNav ul { padding-bottom:15px; zoom:1;/* IE6,7 */}
#content.words .wordNav li { float:left; padding-right:10px;}

#content.words #wordArea { padding:0 18px;}
#content.words #wordArea #subnav { float:left; width:240px; padding-top:28px;}
#content.words #wordArea .detail { float:right; width:600px;}
	#content.words #wordArea .detail h3 { padding-bottom:20px;}

#content.words #wordArea #subnav ul{
	padding-left:5px;
	font-size:110%;
	font-weight:bold;
}
#content.words #wordArea #subnav li {
	padding-bottom:6px;
	margin-bottom:7px;
	background:url(../img/magazine/bg_dotx01.gif) 0 100% repeat-x;
}
#content.words #wordArea #subnav li span{
	padding-left:10px;
	background:url(/museum/common/img/ico_arrow03.gif) 0 4px no-repeat;
}

#content.words #wordArea .detail .sct {
	position:relative;
	padding-bottom:22px;
	margin-bottom:18px;
	background:url(../img/magazine/bg_dotx01.gif) 0 100% repeat-x;
}
#content.words #wordArea .detail .sct.last {
	padding-bottom:0;
	margin-bottom:0;
	background:none;
}
#content.words #wordArea .detail .sct h4 {
	font-size:150%;
	font-weight:bold;
}
#content.words #wordArea .detail .sct dt { clear:both; float:left; padding-bottom:3px;}
#content.words #wordArea .detail .sct dd { float:left; padding:0 0 3px 1.5em; /width:400px;/* IE6,7 */}
#content.words #wordArea .detail .sct p  { clear:both}
#content.words #wordArea .detail .sct p.pageTop  { position:absolute; right:0; border-bottom:10px;}

#content.words .detail p.wordTop {
	clear: both;
	float:right;
	padding:0 15px 0 0 ;
	margin:0 0 5px 0;
	background:url(/museum/words/img/icon_prev.gif) 100% 4px no-repeat;
}



/* index
-------------------------- */

#content.muTop {}

#content.muTop .step2 {}

#content.muTop .step2 .left {
	float:left;
	width:470px;
}

#content.muTop .step2 .right {
	float:right;
	width:470px;
}

#content.muTop .step2 .left li {
	float:left;
}

#content.muTop .step2 .magazine {
	padding-bottom:20px;
}

#content.muTop .step2 h2 {
	margin-bottom:5px;
	border-bottom:1px solid #454545;
	position:relative;
	zoom:1;
}

#content.muTop .step2 h2 p.more {
	position: absolute;
	top:0;
	right:2px;
}

#content.muTop .step2 dl { padding:0;}
#content.muTop .step2 dt {
	clear:both;
	float:left;
	padding-top:6px;
}
#content.muTop .step2 dd {
	padding:6px 0 0 67px;
	background:url(/museum/common/img/magazine/bg_dotx01.gif) 0 100% repeat-x;
}
#content.muTop .step2 dt.last,
#content.muTop .step2 dd.last{
	margin-bottom:10;
	background:none;
}
#content.muTop .step2 dd h3 {
	padding-top:2px;
	font-weight:bold;
	_margin-bottom: 4px;/* IE6 */
}
#content.muTop .step2 dd h3 span {
	margin-left: 4px;
}
#content.muTop .step2 dd h3 span img {
	padding-bottom:4px;
	_margin-bottom:2px; /* IE6 */
}
#content.muTop .step2 dd p {
	font-size:92%;
	padding-bottom:5px;
	line-height:150%;
}

#content.muTop a { color:#4a4a4a; text-decoration:none;}
#content.muTop a:hover { text-decoration: underline;}



/* concept
-------------------------- */
#topcontent { text-align:center;}

#topcontent{ position: relative;}
#topcontent h1{ position:absolute; top:0; left:50%; margin-left:-250px;}
#topcontent ul{ position:absolute; top:10px; right:10px;}
	#topcontent ul.concept{ position:absolute; top:40px; right:45px;}
#museum_top #topcontent li{ padding-bottom:1px;}

#topcontent p.conceptText{ padding:45px 0 115px;}




/* sitemap
-------------------------- */
#contents.sitemap .sct { padding:0 0 50px; font-size:110%;}
#contents.sitemap .sct h3 { padding-bottom:25px;}
#contents.sitemap .sct ul { padding-left:10px;}
#contents.sitemap .sct li { padding:0 10px 12px 13px; background:url(/museum/sitemap/img/ico_arrow03.gif) 0 6px no-repeat;}

#contents.sitemap .sct2 { padding:0 0 115px; font-size:110%;}
#contents.sitemap .sct2 h3 { padding-bottom:25px;}
#contents.sitemap .sct2 ul { padding-left:10px;}
#contents.sitemap .sct2 li { padding:0 10px 12px 13px; background:url(/museum/sitemap/img/ico_arrow03.gif) 0 6px no-repeat;}
#contents.sitemap .sct2 div.ct { clear:both; padding:0 0 10px 28px;}
	#contents.sitemap .sct2 div.ct h4 { width:190px; float:left;}
	#contents.sitemap .sct2 div.ct ul { width:490px; float:left;}
	#contents.sitemap .sct2 div.ct ul li { padding-bottom:6px;}

#contents.sitemap li a { color:#333; text-decoration: none;}
#contents.sitemap li a:hover { text-decoration: underline;}

#contents.sitemap li h3 a { color:#1b4b7b; text-decoration:none;}
#contents.sitemap li h3 a:hover { text-decoration:underline;}



/* terms
-------------------------- */

#contents.terms .sct {
	font-size:120%;
	line-height:1.8;
}

#contents.terms .sct h3 {
	font-weight:bold;
	padding-bottom:2px;
}

#contents.terms .sct p { }

#contents.terms .sct p.author { text-align:right; padding:0 0 109px;}

#contents.terms a { color:#333; text-decoration: none;}
#contents.terms a:hover { text-decoration: underline;}


#contents.terms dl {
}

#contents.terms dt {
	clear:both;
	float:left;
	padding:0 0 10px 0;
}

#contents.terms dd.mail {
	padding:0 0 10px 1.4em;
	float:none;
}

#contents.terms dd.mail img {
	margin-top:4px;
}


/* inquiry
-------------------------- */

#content.inquiry {}
#content.inquiry .sct {
	padding:15px 0 0 24px;
	margin-left:90px;
	border-left:1px solid #bebebe;
	font-size:120%;
	line-height:1.8;
}

#content.inquiry .sct h3 {
	font-weight:bold;
	color:#1b4b7b;
}

#content.inquiry .sct p.author { text-align:right;}

#content.inquiry .sct p a { color:#2248d8; text-decoration: underline;}
#content.inquiry .sct p a:hover { text-decoration:none;}



/* privacy
-------------------------- */

#museum #contents.privacy #mainArea { width:720px; margin:0 auto; padding-top:40px;}

#museum #contents.privacy #mainArea h2 { padding-bottom:55px;}

#contents.privacy .sct {
	font-size:120%;
	line-height:1.8;
}

#contents.privacy .sct h3 {
	font-weight:bold;
	padding-bottom:2px;
}

#contents.privacy dl {
}

#contents.privacy dt {
	clear:both;
	float:left;
	padding:0 0 10px 0;
}


#contents.privacy dd.mail {
	padding:0 0 10px 1.4em;
	float:none;
}

#contents.privacy dd.mail img {
	margin-top:4px;
}

#contents.privacy .sct p.author { text-align:right; padding:0 0 109px;}

#contents.privacy a { color:#333; text-decoration: none;}
#contents.privacy a:hover { text-decoration: underline;}



/* *********************************
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;
}