/* This is the StyleCatcher theme addition. Do not remove this block. */
@import url(/base_theme.css);
@import url(/mt/mt-static/support/themes/cityscape-austin/cityscape-austin.css);
/* end StyleCatcher imports */




/* 999 ------------------------------------------------------------------ */

.navi-title {
margin: 0px 0px 0px 0px;
padding: 25px 0px 0px 0px;
display: block;
clear: both;
height:35px;
border-bottom: 1px solid gray;
}

.dtted-1u {
margin: 0px 0px 0x 0px;
padding: 5px 0px 5px 0px;
display: block;
clear: both;
height:50px;
border-bottom: 1px dotted gray;
}

.dtted-icon-1u {
margin: 0px 0px 0x 0px;
padding: 5px 0px 5px 0px;
display: block;
float: left;
height:50px;
border-bottom: 1px dotted gray;
}

.icon-round-1u {
margin: 0px 0px 0px 0px;
padding: 0px 25px 0px 18px;
float: left;
display: block;
}

.icon-1u {
margin: 0px 6px 5px 4px;
padding: 4px;
width:40px;
float:left;
background-color: #FFFFFF; 
border: 1px solid gray;
position:relative;
display: block;
}

.icon-round-side-1u {
margin: 0px 0px 0px 0px;
padding: 0px 5px 0px 0px;
float: left;
padding: 0px;
display: block;
}

.icon-side-1u {
margin: 5px 5px 5px 5px;
padding: 2px;
width:35px;
float:left;
background-color: #FFFFFF; 
border: 1px solid gray;
position:relative;
display: block;
}

.text-side-1u {
margin: 0pt;
padding: 5px 0px 0px 10px;
display: block;
}

.text-1u {
margin: 0pt;
width:410px;
float: right;
padding: 0px 0px 0px 0px;
display: block;
}

.dtted-2u {
margin: 0px 0px 0x 0px;
padding: 16px 0px 4px 0px;
height:101px;
display: block;
clear: both;
border-bottom: 1px dotted gray;
}

.icon-2u {
margin: 3px 15px 0px 5px;
padding: 5px;
float: left;
position:relative;
background-color: #FFFFFF; 
border: 1px solid gray;
display: block;
}

.text-2u {
margin: 0px 0px 0px 0px;
width:410px;
float: right;
padding: 0px 0px 0px 0px;
display: block;
}

.dtted-3u {
margin: 0px 0px 0x 0px;
padding: 13px 0px 2px 0px;
display: block;
clear: both;
height:167px;
border-bottom: 1px dotted gray;
}

.book-image-side {
border: 1px solid gray; 
margin: 10pt AUTO; 
padding: 5px; 
text-align: center; 
display: block;
background-color: #white;
}

.img-3u {
margin: 0px 2px 0 2px;
padding: 5px;
width:144px;
background-color: #FFFFFF; 
border:1px solid gray;
position:relative;
display: block;
}

p.webcam{
float:left; 
margin:0 2px 0 2px; 
margin-right:10px; 
border:1px solid gray;
padding:5px;
text-align: center; 
display: block; 
background-color: #FFFFFF; 
}

p.webcam a{ 
display:block; 
float:left; 
width:144px; 
height:144px; 
line-height:144px; 
overflow:hidden; 
position:relative; 
z-index:1;
}

p.webcam a img{ 
float:left; 
position:absolute; 
top:0px; 
left:-50px;
} 

form {
    position: relative;
    margin: 35px 0 0 2px;
    padding: 0;
    width: 350px;
    height: 50px;

}
form p {
    background-color: white;
    position: absolute;
    top: 12px;
    left: 2px;
    margin: 0;
    padding: 0;
    width: 350px;
    height: 24px;
}
form p .search {
    position: absolute;
    top: 2px;
    left: 2px;
    padding: 0;
    border: 0;
    width: 261px;
    height: 20px;
}
form p .search:focus {
    background-color: #fee8eb;
}
form p .searchsubmit {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 90px;
    height: 22px;
    padding: 0;
    border: 0;
    background-color: #b4304a;
    background-image: url(http://www.i-apple.jp/back-searchsubmit.gif);
    background-position: top;
    font-weight: bold;
    color: #feeeee;
}
form p .searchsubmit:hover {
    background-position: bottom;
}
form p .searchsubmit:active {
    padding: 1px 0 0 1px;
}


.dtted-icon-navi-1u {
margin: 0px 0px 0x 0px;
padding: 5px 0px 5px 0px;
display: block;
float: left;
height:50px;
width:130px;
background-color: #FFFFFF;
border-bottom: 1px dotted gray;
}














.topl {
float:left;
width: 100px;
line-height:20px;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #99CC66;
border-left: 10px solid #99CC66;
margin: 1px ;
display: block;
padding:  4px 4px 4px 10px;
text-decoration: none;
background-color: #CCFF99;
}

.top2r {
width: 178px;
line-height:20px;
float:left;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #99CC66;
border-left: 1px solid #FFFFFF;
margin: 1px ;
display: block;
padding:  4px 4px 4px 10px;
text-decoration: none;
background-color: #E7FFDA;
}

.topltop {
float:left;
width: 100px;
line-height:20px;
color: #FFFFFF;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #99CC66;
border-left: 10px solid #99CC66;
margin: 1px ;
display: block;
padding:  4px 4px 4px 10px;
text-decoration: none;
background-color: #89bf53;
}

.top2rtop {
width: 178px;
line-height:20px;
float:left;
color: #FFFFFF;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #99CC66;
border-left: 1px solid #FFFFFF;
margin: 1px ;
display: block;
padding:  4px 4px 4px 10px;
text-decoration: none;
background-color: #89bf53;
}

.top-l-r {
width: 370px;
line-height:20px;
float:left;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #99CC66;
border-left: 1px solid #FFFFFF;
margin: 1px ;
display: block;
padding:  4px 4px 4px 10px;
text-decoration: none;
background-color: #E7FFDA;
}


.top-l-rtop {
width: 370px;
line-height:20px;
float:left;
color: #FFFFFF;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #99CC66;
border-left: 1px solid #FFFFFF;
margin: 1px ;
display: block;
padding:  4px 4px 4px 10px;
text-decoration: none;
background-color: #89bf53;
}

.pre-indexbar {
float:left;
width: 80px;
height: 18px;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #99CC66;
border-left: 10px solid #99CC66;
margin: 1px ;
display: block;
padding:  4px 4px 4px 15px;
text-decoration: none;
background-color: #99CC66;
color: #FFFFFF;
}

.pre-contentbarl {
width: 380px;
height: 18px;
float:left;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #99CC66;
border-bottom: 1px solid #99CC66;
border-left: 1px solid #FFFFFF;
margin: 1px ;
display: block;
padding:  4px 4px 4px 15px;
text-decoration: none;
background-color: #99CC66;
color: #FFFFFF;
}

.indexbar {
font-size: 120%;
float:left;
width: 80px;
height: 75px;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #99CC66;
border-left: 10px solid #99CC66;
margin: 1px ;
display: block;
padding:  4px 4px 4px 15px;
text-decoration: none;
background-color: #CCFF99;
}

.contentbarl {
width: 380px;
height: 75px;
float:left;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #99CC66;
border-bottom: 1px solid #99CC66;
border-left: 1px solid #FFFFFF;
margin: 1px ;
display: block;
padding:  4px 4px 4px 15px;
text-decoration: none;
background-color: #F2FCDB;
}

















ul.dropdown li a {
 display: block;
 padding: 7px 14px;
}


/* ------------- Override default */

	ul.dropdown li {
	 padding: 0;
	}


/* ------------- Reinitiate default: post-override activities  */

	ul.dropdown li.dir {
	 padding: 7px 20px 7px 14px;
	}

	ul.dropdown ul li.dir {
	 padding-right: 15px;
	}


/* ------------- Custom */

	ul.dropdown li {

	}

	ul.dropdown ul a {
	 padding: 4px 5px 4px 14px;
	 width: 151px; /* Especially for IE */
	}

	ul.dropdown ul a:hover {
	 background-color: #76b900;
	}

	ul.dropdown a.open {
	 background-color: #2e2e2e;
	 color: #76b900 !important;
	}

	ul.dropdown ul a.open {
	 background-color: #76b900;
	 color: #fff;
	}


/* CSS 2.1 */

ul.dropdown li:hover > a.dir {
background-color: #2e2e2e;
color: #76b900;
}
ul.dropdown ul li:hover > a.dir {
background-color: #76b900;
color: #fff;
}



ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
width:940px;
background-color: #000000;

}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}



/* ----- ALL LEVELS (incl. first) */

ul.dropdown {
 font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
 text-transform: uppercase;
}

	ul.dropdown li {
	 padding: 7px 0;
	 background-color: #000;
	 color: #fff;
	 line-height: normal;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 
	}

	ul.dropdown a:link,
	ul.dropdown a:visited { color: #fff; text-decoration: none; }
	ul.dropdown a:hover { color: #76b900; text-decoration: none; }
	ul.dropdown a:active { color: #fff; }


/* ----- END LEVEL */


	/* ----- NON-FIRST LEVEL */

	ul.dropdown ul {
	 width: 170px;
	 background-color: #333;
	 color: #fff;
	 font-size: 11px;
	 text-transform: none;
	 filter: alpha(opacity=90);
	 -moz-opacity: 0.9;
	 KhtmlOpacity: .9;
	 opacity: .9;
	}

		ul.dropdown ul li {
		 background-color: transparent;
		 color: #000;
		 filter: none;
		}

		ul.dropdown ul li.hover,
		ul.dropdown ul li:hover {
		 background-color: transparent;
		}

		ul.dropdown ul a:link,
		ul.dropdown ul a:visited { color: #fff; }
		ul.dropdown ul a:hover { color: #fff; text-decoration: none; }
		ul.dropdown ul a:active { color: #fff; }


/* ----- END LEVEL */

/*------------------------------------------------------------------------------------------------------/
 * @section	Support Class 'dir'
 * @level sep	ul, .class
 */

/* ----- ALL LEVELS (incl. first) */

ul.dropdown *.dir {
 padding-right: 12px;
 background-image: none;
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

/* ----- END LEVEL */