/*==================================================
	museum theater:work.css
	targetHTML:/work/archive/index.html
==================================================*/

/*	work/archive/
==================================================*/
/* LeftNavi */
#wrapper #container #work {
	margin:0 30px 30px 30px;
	clear:both;
	width:840px;
    overflow:hidden;
}
#wrapper #container #work .lnavi {
	float:left;
	width:150px;
	text-align:left;
}
#wrapper #container #work .lnavi ul,
#wrapper #container #work .lnavi li {
	margin:0;
	padding:0;
	line-height:0;
	font-size:0;
}
#wrapper #container #work .lnavi ul.link {
	border-bottom:1px solid #aaa8a3;
	border-left:1px solid #aaa8a3;
	border-right:1px solid #aaa8a3;
	width:148px;
}
#wrapper #container #work .lnavi ul.link li {
	padding:15px 15px 15px 12px;
	background:url(../imgs/work_lnavi_dotline.gif) left bottom no-repeat;
	color:#58524c;
	font-size:93%;
}
#wrapper #container #work .lnavi ul.link li span {
	padding-left:12px;
	display:block;
	background:url(../imgs/work_lnavi_icon.gif) left 5px no-repeat;
}
#wrapper #container #work .lnavi ul.link li.last {
	background:none;
}
#wrapper #container #work .lnavi ul.link li.uconstruction {
	color:#ababab;
}
#wrapper #container #work .lnavi ul.link li span a {
	line-height:1.6;
	color:#58524c;
	text-decoration:none;
}
#wrapper #container #work .lnavi ul.link li span a:hover {
	line-height:1.6;
	text-decoration:underline;
}
/*  style */
#wrapper #container #work #lnavi_top .lnavi ul.link li.n01 {
	background:url(../imgs/special_lnavi_dotline.gif) left bottom no-repeat #f0eee8;
}
/*  style */
#wrapper #container #work #lnavi_ .lnavi ul.link li.n02 {
	background:url(../imgs/special_lnavi_dotline.gif) left bottom no-repeat #f0eee8;
}
/*  style */
#wrapper #container #work #lnavi_ .lnavi ul.link li.n03 {
	background:#f0eee8;
}
#wrapper #container #work .lnavi .bnrArea {
	padding-top:20px;
}
#wrapper #container #work .lnavi .bnrArea .aboutBnr {
	padding-top:7px;
	line-height:1.2;
	color:#58524c;
	font-size:92.3%;
}
/* mainCnt */
#wrapper #container #work .top .mainCnt {
	float:right;
	width:665px;
	text-align:left;
    overflow:hidden;
}
#wrapper #container #work h1 {
	padding-bottom:20px;
}
#wrapper #container #work .top .mainCnt dl,
#wrapper #container #work .top .mainCnt dt,
#wrapper #container #work .top .mainCnt dd {
	margin:0;
	padding:0;
	line-height:0;
	font-size:0;
}
#wrapper #container #work .top .mainCnt dd {
    padding:10px 0;
}
#wrapper #container #work .top .mainCnt dl.mainImg {
	padding-bottom:10px;
}
#wrapper #container #work .top .mainCnt .section1 {
    	width:665px;
    overflow: hidden;

}
#wrapper #container #work .top .mainCnt .section1 .txtArea {
	padding:20px 5px 29px 25px;
	line-height:1.4;
	color:#58524c;
	font-size:107.7%;
    overflow:hidden;
}
#wrapper #container #work .top .mainCnt .section1 .imgbox {
    overflow:hidden;
    padding:0 5px 0 25px;
}
#wrapper #container #work .top .mainCnt .section1 h2 {
    overflow:hidden;
    display:block;
	padding-top:30px;
}
#wrapper #container #work .top .mainCnt .section2 h2 {
	padding-bottom:23px;
}
#wrapper #container #work .top .mainCnt .section2 .boxFrame {
	background:url(../imgs/work_top_cntbox_bg.gif) left top repeat-x #fcfbf9;
}
#wrapper #container #work .top .mainCnt .section2 .boxFrame .innerArea {
	padding:10px 20px 30px 20px;
}
#wrapper #container #work .top .mainCnt .section2 .boxFrame .innerArea h3 {
	padding-bottom:20px;
}
#wrapper #container #work .top .mainCnt .section2 .boxFrame .innerArea p {
	padding-bottom:20px;
	color:#58524c;
	font-size:107.7%;
}
#wrapper #container #work .top .mainCnt .section2 .boxFrame .innerArea li img {
	padding:2px;
	border:1px solid #a2a29f;
}
#wrapper #container #work .top .mainCnt .section3 p {
	padding:20px 5px 0 25px;
	line-height:1.4;
	color:#58524c;
	font-size:107.7%;
}
#wrapper #container #work .top .mainCnt .section3 p.caution {
	padding:5px 5px 50px 25px;
	line-height:1.4;
	color:#58524c;
	font-size:107.7%;
}

#wrapper #container #work .top .submenu {
   padding-left:4px;
        overflow:hidden;
    background:url(../imgs/ashura/menu_bar.jpg) no-repeat right 3px;
    }

#wrapper #container #work .top .submenu ul li{
    float: left;
    display: inline;
    background:url(../imgs/ashura/menu_bar.jpg) no-repeat left 3px;;
    padding:0 4px 0 4px;
}

#wrapper #container #work .top .submenu ul li a{
    text-decoration: none;
    color:#009EEA;
}
#wrapper #container #work .top .mainCnt .section1 .col {
    clear:both;
    padding:0 5px 0 0;
}

#wrapper #container #work .top .mainCnt .section1 .col3_2 {
    width:425px;
}

#wrapper #container #work .top .mainCnt .section1 .col3_1 {
    width:200px;
    padding:20px 20px 0 0;
}

p.credit {
    padding:6px 5px 5px 25px;
    color:#58524c;
	font-size:100%;
}
    
