@charset "utf-8";
/* MYcommon */


/* ~~ LAYOUT ~~ */
.container {
	width: 900px;
	background: transparent;
	margin: 0 auto;
	color: #666;
	
}

.header {
	width:900px;
	height:120px;
	background: #FFF;
}


.sidebar1 {
	float: left;
	width: 300px;
	hight: 600px;
	background: #FFF;
	color: #666;
	padding-bottom: 10px;
	font-size: 13px;
}
.content {
	padding: 0;
	width: 600px;
	hight: 600px;
	float: left;
	
	 
}

/* ~~the lists in the .content area space ~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px;
}

/* ~~ The footer ~~ */
.footer {
	padding: 10px 0;
	background: transparent;
	position: relative;
	clear: both; /
}


/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.scrollbar {
	overflow: auto;
	width: 600px;
	height: 540px;
}

.content {
	margin-right: -1px;
	font-size: 15px;
	font-weight: normal;
}
ul.nav a { zoom: 1; }  



/* ~~ line~~ */

p.Line {
	border-bottom-color: #CCC;
	border-bottom-style: dotted;
	border-bottom-width: 2px;
}
p.Line-white {
	border-bottom-color: #FFF;
	border-bottom-style: dotted;
	border-bottom-width: 2px;
}

/* ~~ menu-link~~ */
.menu {
	font-family:Arial, helvetica, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ,sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #555;
	
	
}
.menu-white {
	font-family:Arial, helvetica, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ,sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFF;
	
	
}
.menu-black {
	font-family:Arial, helvetica, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ,sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #000;
	
	
}
.menu a:link{
	color:#CCC;
	text-decoration: none;
}
.menu a:visited{
	color:#CCC;
	text-decoration: none;
}
.menu a:hover {
	color:#FFF;
	background-color: #555;
	text-decoration: none;
}

.menu-black a:link{
	color:#FFF;
	text-decoration: none;
}
.menu-black a:visited{
	color:#FFF;
	text-decoration: none;
}
.menu-black a:hover {
	color:#FFF;
	background-color: #000;
	text-decoration: none;
}

.menu-white a:link{
	color:#FFF;
	text-decoration: none;
}
.menu-white a:visited{
	color:#FFF;
	text-decoration: none;
}
.menu-white a:hover {
	color:#FFF;
	background-color: #000;
	text-decoration: none;
}

/* ~~ index-link~~ */

.index {
	font-family:Arial, helvetica, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ,sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #333;
	
	
}
.index a:link{
	color:#FFF;
	text-decoration: none;
}
.index a:visited{
	color:#FFF;
	text-decoration: none;
}
.index a:hover {
	color:#555;
	background-color: #FFF;
	text-decoration: none;
}


/* ~~ navigation-sidebar-link~~ */
ul.nav {
	list-style: none;
	border-top: 1px solid #555;
	margin-bottom: 15px;
	text-align: center;
}
ul.nav li {
	border-bottom: 1px solid #555;
}
ul.nav a, ul.nav a:visited {
	padding: 5px 5px 5px 15px;
	display: block; 
	text-decoration: none;
	background: #FFF;
	color: #666;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
	background: #555;
	color: #FFF;
	font-size: 12px;
	text-align: center;
}


#slideshow {
			position: relative;
			width:  900px;
			height: 600px;
		}

		#slideshow img {
			position: absolute;
			top:  0;
			left: 0;
			z-index: 8;
			opacity: 0.0;
		}

		#slideshow img.active {
			z-index: 10;
			opacity: 1.0;
		}

		#slideshow img.last-active {
			z-index: 9;
		}
		
#slideshow1 {
			position: relative;
			width:  900px;
			height: 675px;
		}

		#slideshow1 img {
			position: absolute;
			top:  0;
			left: 0;
			z-index: 8;
			opacity: 0.0;
		}

		#slideshow1 img.active {
			z-index: 10;
			opacity: 1.0;
		}

		#slideshow1 img.last-active {
			z-index: 9;
		}		
		
		
#slideshow2 {
			position: relative;
			width:  900px;
			height: 600px;
		}

		#slideshow2 img {
			position: absolute;
			top:  0;
			left: 0;
			z-index: 8;
			opacity: 0.0;
		}

		#slideshow2 img.active {
			z-index: 10;
			opacity: 1.0;
		}

		#slideshow2 img.last-active {
			z-index: 9;
		}
		

#slideshow3 {
			position: relative;
			width:  900px;
			height: 600px;
		}

		#slideshow3 img {
			position: absolute;
			top:  0;
			left: 0;
			z-index: 8;
			opacity: 0.0;
		}

		#slideshow3 img.active {
			z-index: 10;
			opacity: 1.0;
		}

		#slideshow3 img.last-active {
			z-index: 9;
		}
		
		
.bgslideshow { position: fixed; left:0; top:0; z-index: -1; width: 100%; }  
.bgslideshow img { position: absolute; min-height: 100%; min-width: 800px; width: 100%; height: auto;left:0; top:0; }