/*---------------------------------------------------
CSS Information   USTECHNO

Site URL:	http://www.ustechno.co.jp/
file name: masterCommon.css
Summary: all styles
Written: 2008/03/06
Author: Soichi Uchida

Order of description

- Search Key *__" + "id Name or Class Name"

/__Default style clear
/__masterContainer
/__masterHeader
/__Global Navigation
/__footer
/__contents
/__whatsnew
/__main
/__service

---------------------------------------------------------*/

/*--------------------------------------------------------
__Default style clear
---------------------------------------------------------*/
html 
{
	overflow-y: scroll;
}


* 
{
	margin: 0;
	padding: 0;
}
body 
{
	/*----background: #F8F4EB url(../pict08/bg.gif) repeat-x;----*/
	background: #FFCC99 url(../picts08/bg8.jpg) repeat-x;
	font-size: 74.5%;
	font-family: メイリオ,ＭＳ Ｐゴシック,Meiryo, Osaka, Verdana, arial,Sans-Serif,MS Sans Serif;
	color: #3E3D37;
	line-height: 1.4;
}

p 
{
	margin:0 0 1em;
	padding: 10px;
}

li 
{
	list-style-type: none;
}

img 
{
	border:0;
}
 a
 {
 	color: #0066cc;
 	text-decoration: none;
 
 }
 a:hover 
 {
 	background: #1b03ba;
 	color: #ffffff;
 }
 
 
 /*----------------------------------------------------------
__masterContainer
------------------------------------------------------------*/

#masterContainer 
{
	width: 800px;
	margin: 0 auto 0;
}

 /*----------------------------------------------------------
__masterHeader
------------------------------------------------------------*/

#masterHeader {
	height:28px;
	margin-top: 0px;
	margin-bottom: 20px;
	}
	
#masterHeader h1 
	{
		float: left;
		margin-left: 20px;
	}
	
	/*----- __Global Navigation --*/
	#masterHeader ul,
	#masterHeader ul li 
	{
		float: left;
	}
	
	#masterHeader ul 
	{
		width: 600px;
		height: 47px;
		background: transparent url(../picts08/menuHeader2.jpg) no-repeat;
	}
	#masterHeader ul li a 
	{
		display: block;
		width: 100px;
		height: 47px;
		text-indent: -9999px;
		font-size: 0;
		line-height: 0;
	}
	
	#masterHeader ul li.navi_home a.active,
	#masterHeader ul li.navi_home a:focus,
	#masterHeader ul li.navi_home a:hover 
		{
			background: transparent url(../picts08/menuHeader2.jpg) no-repeat left bottom;
		}
		
	#masterHeader ul li.navi_business a.active,
	#masterHeader ul li.navi_business a:focus,
	#masterHeader ul li.navi_business a:hover 
		{
			background: transparent url(../picts08/menuHeader2.jpg) no-repeat -100px -47px;
		}
		
	#masterHeader ul li.navi_products a.active,
	#masterHeader ul li.navi_products a:focus,
	#masterHeader ul li.navi_products a:hover 
		{
			background: transparent  url(../picts08/menuHeader2.jpg) no-repeat -200px -47px;
		}
		
	#masterHeader ul li.navi_recruit a.active,
	#masterHeader ul li.navi_recruit a:focus,
	#masterHeader ul li.navi_recruit a:hover 
		{
			background: transparent  url(../picts08/menuHeader2.jpg) no-repeat -300px -47px;
		}
		
	#masterHeader ul li.navi_company a.active,
	#masterHeader ul li.navi_company a:focus,
	#masterHeader ul li.navi_company a:hover 
		{
			background: transparent  url(../picts08/menuHeader2.jpg) no-repeat -400px -47px;
		}
		
	#masterHeader ul li.navi_contact a.active,
	#masterHeader ul li.navi_contact a:focus,
	#masterHeader ul li.navi_contact a:hover 
		{
			background: transparent  url(../picts08/menuHeader2.jpg) no-repeat -500px -47px;
		}
		#masterHeader .logoClass 
		{
		    position: relative ;
		    top: -106px;
		    left: -106px;
		}
		
		 /*----------------------------------------------------------
__masterHeaderSub
------------------------------------------------------------*/

#masterHeaderSub {
	height:23px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
	

	/*----- __Global Navigation --*/
	#masterHeaderSub ul,
	#masterHeaderSub ul li 
	{
		float: left;
	}
	
	#masterHeaderSub ul 
	{
		width: 800px;
		height: 16px;
		background: url(../picts08/menuBar3_800x32.png) no-repeat;
	}
	#masterHeaderSub ul li a.c_privacyPolicy
	{
		display: block;
		width: 150px;
		height: 16px;
		text-indent: -9999px;
		font-size: 0;
		line-height: 0;
	}
	#masterHeaderSub ul li a.c_siteMap
	{
		display: block;
		width: 100px;
		height: 16px;
		text-indent: -9999px;
		font-size: 0;
		line-height: 0;
	}
	#masterHeaderSub ul li a.c_members
	{
		display: block;
		width: 120px;
		height: 16px;
		text-indent: -9999px;
		font-size: 0;
		line-height: 0;
	}
	#masterHeaderSub ul li a.c_staff
	{
		display: block;
		width: 120px;
		height: 16px;
		text-indent: -9999px;
		font-size: 0;
		line-height: 0;
	}
	#masterHeaderSub ul li a.c_logout
	{
		display: block;
		width: 80px;
		height: 16px;
		text-indent: -9999px;
		font-size: 0;
		line-height: 0;
	}
	#masterHeaderSub ul li.navi_privacyPolicy a.active,
	#masterHeaderSub ul li.navi_privacyPolicy a:focus,
	#masterHeaderSub ul li.navi_privacyPolicy a:hover
	
	
		{
			background: transparent  url(../picts08/menuBar3_800x32.png) no-repeat left -19px;
		}
		
	#masterHeaderSub ul li.navi_siteMap a.active,
	#masterHeaderSub ul li.navi_siteMap a:focus,
	#masterHeaderSub ul li.navi_siteMap a:hover 

		{
			background: transparent  url(../picts08/menuBar3_800x32.png) no-repeat -150px -19px;
		}
		
	#masterHeaderSub ul li.navi_members a.active,
	#masterHeaderSub ul li.navi_members a:focus,
	#masterHeaderSub ul li.navi_members a:hover 
	
		{
			background: transparent url(../picts08/menuBar3_800x32.png) no-repeat -250px -19px;
		}
		
	#masterHeaderSub ul li.navi_staff a.active,
	#masterHeaderSub ul li.navi_staff a:focus,
	#masterHeaderSub ul li.navi_staff a:hover 
		{
			background: transparent url(../picts08/menuBar3_800x32.png) no-repeat -370px -19px;
		}
	#masterHeaderSub ul li.navi_logout a.active,
	#masterHeaderSub ul li.navi_logout a:focus,
	#masterHeaderSub ul li.navi_logout a:hover 
		{
			background: transparent url(../picts08/menuBar3_800x32.png) no-repeat -490px -19px;
		}
		
			 /*----------------------------------------------------------
__masterHeaderNavi
------------------------------------------------------------*/

#masterHeaderNavi {
	height:19px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 12px;

	}
	/*----- __Global Navigation --*/
	#masterHeaderNavi ul,
	#masterHeaderNavi ul li 
	{
		float: left;
	}
	#masterHeaderNavi ul li.siteMapPathC
{
font-family: Verdana;

	}
		#masterHeaderNavi ul li.siteMapPathC.a
{
color: Black;

	}
			#masterHeaderNavi ul li.siteMapPathC.a:hover
{
 	background: white;

	}
		
/*----------------------------------------------------
__footer
------------------------------------------------------*/
#masterFooter 
{
	clear: both;
	height: 100px;
	padding-bottom: 0px;
	background: #ff9900 url(../picts08/footerbg2008.gif) repeat-x;
	border-top: 1px solid #400000;
}

#masterFooter div 
{
	width: 800px;
	margin: 0 auto;
	padding-top: 30px;
	background: url(../picts08/logo_footer.gif) no-repeat 702px 30px;

}

#masterFooter div ul 
{
	width:800px;
}

#masterFooter div ul li 
{
	display: inline;
	margin-right: 10px;
	padding-left: 10px;
	background: url(../picts08/blue_footer.gif) norepeat left center;
	list-style-type:none;
	
}
#masterFooter div ul li a 
{
		color: White;
}

 #masterFooter div ul li.home 
 {
 	padding-left: 0;
 	background: none;
 	
 }
 
 #masterFooter div ul a 
 {
 	color: #330000;
 }
 
 #masterFooter div ul a:hover 
 {
 	background: none;
 	text-decoration: underline;
 }
 
 #masterFooter div p 
 {
 	clear: both;
 }
 
 #masterFooter #copyright 
 {
     text-align: center;
 	color: #ffffcc;
 }
 
  /*----------------------------------------------------------
__contents
------------------------------------------------------------*/
#contents 
{
	clear: both;
	margin-top: 5px;
	width: 816px;
	}
	
 /*----------------------------------------------------------
__whatsnew
------------------------------------------------------------*/

#whatsnew 
{
	float: left;
	width: 396px;
	margin-bottom: 20px;
	background: #f1f9fe url(../picts08/bg_whatsnew.gif) no-repeat right top;
}

#whatsnew a 
{
    color: #0066cc;
  
}

#whatsnew2 
{
	float: left;
	width: 700px;
	margin-bottom: 20px;
	background: #E3E4F9 url(../picts08/bg_whatsnew.gif) no-repeat right top;
	padding-left:30px;
	padding-top:10px;
}

#whatsnew h2 
{
	
	padding: 18px 0 2px 15px;
	border-top: 3px solid #1E1106;
	background: url(../picts08/line_01.gif) no-repeat center bottom;
}

#whatsnew .rss 
{
	position: relative;
	height: 14px;
	margin: 0;
}

#whatsnew .rss a 
{
	position: absolute;
	top: -50px;
	right: 27px;
}

#whatsnew ol 
{
	margin: 0 6px 15px 3px;
}

#whatsnew ul 
{
	width: 360px;
	margin: 0 auto 10px;
	padding-bottom: 0px;
	
}
#whatsnew ul .whatsnewd
{
	font-weight: normal;
	padding-left: 20px;
	
}


#whatsnew li a.nh 
{
	font-weight: bold;
	padding-left:42px;
	padding-bottom: 4px;
	background: url(../picts08/iconArrow_40x20px.png) no-repeat 0% 50%;
	clear:left;
}
#whatsnew li a:hover
{
	

	color: #bf3000;
}
.btn_history 
{
	text-align: center;
	
}

.btn_history a 
{
	text-decoration: none;
}
.btn_history a:hover
{
	background: none;
}

 /*----------------------------------------------------------
__main
------------------------------------------------------------*/

#main
{
	float: right;
	width: 390px;
	padding-bottom: 15px;
	padding-top: 2px;
	border-top: 3px solid #1E1106;
}

#main .new_products 
{
	float: left;
	width: 380px;
	margin-bottom: 5px;
		padding-top: 6px;
		padding-left: 5px;
	padding-bottom: 10px;
	background: #ffeda5;
	border: 3px solid #0198fc;
	filter: progid:DXImageTransform.Microsoft.alpha(style=1, opacity=100, finishopacity=70,startx=0,starty=0,finishx=300, finishy=100)
}

#main .new_products2
{
	float: left;
	width: 375px;
	margin-bottom: 5px;
	background: #f1f9fe;
	border: 3px solid #0198fc;
	padding-left:10px;
	padding-top:10px;
	padding-bottom: 10px;
	font-size:11pt;
	font-weight:bold ;
}


#main .new_products div 
{
	float: right;
	width: 280px;
	padding-top: 5px;
}

#main .new_products h3 a
{
	margin-bottom: 2px;
	font-size: 1.3em;
	color: #0066cc;
 	text-decoration: none;
}

#main .new_products h3 a:hover 
 {
     color:#ffe47a;
 	background: #003f7d;
 }

#main .new_products .detail
{
    float: left;
    padding-left:5px;
	padding-right: 5px;
	color: #2f2c26;
	width: 260px;
}

#main .new_products div.photo 
{
	float: left;
	width: 100px;
	margin-left: 5px;
}

#main .new_products .seal 
{
	position: relative;
	width: 50px;
	margin: 0;
	font-size: 0;
	line-height: 0;
}

#main .new_products .seal img 
{
	position: absolute;
	opacity: 0.7;
	top: -18px;
	right: -65px;
}

 /*----------------------------------------------------------
__service
------------------------------------------------------------*/

#service 
{
	float: left;
	width: 390px;
	margin-bottom: 20px;
	background: #F7F0DD;
}

#service h3
{
	margin-bottom: 10px;
	padding: 6px 8px;
	background: #F4E4B5;
}

#service ul
{
	margin-left: 10px;
	font-size: 0;
	line-height: 0;
}

#service ul li
{
	float: left;
	padding-bottom: 10px;
	padding-right: 10px;
}

#service ul li img
{
	border: 1px solid #DACFBA
}

#service ul li a:focus img,
#service ul li a:hover img 
{
	border: 1px solid #F29268;
}
 /*----------------------------------------------------------
__copyrights
------------------------------------------------------------*/
#copyright 
{
	width: 800px;
	margin: 0 auto 0;
	padding-top:10px;
	}
#copyright span 
{
	margin:0 0 1em;
	padding: 10px;
}