@import url("style.css");


/* ------------------------------------------- index breadcrumb for select lannguage */
div#breadcrumbBody{
	width:902px;
	margin:0 auto;
	overflow:hidden;
}


div#breadcrumb #breadcrumbBody p#language{
	width:auto;
	float:right;
	font-size:8pt;
	*font-size:7pt;/* for IE */
	margin:2px 10px 2px 2px;
}

div#breadcrumb #breadcrumbBody p#language a{
	text-decoration:underline;
}

div#breadcrumb #breadcrumbBody ul.main{
	width:auto;
}

/* ---------------------------------------------------- Basic Tags Decoration */

div#main-contents h2{
	height:50px;
	overflow:hidden;
	font-size:1.1em;
}


div#main-contents h2#help{
	height:auto;
	padding-top:10px;
}

div#main-contents h2#helpTopTitle{
	height:auto;
	color:#ff9900;
}

div#main-contents p#helpTitle{
	font-weight:bold;
	padding-top:20px;
	padding-bottom:5px;
}

div#main-contents h2.trial{
	height:128px;
	overflow:hidden;
}

div#main-contents img.right,
div#main-contents img#right{
	margin:0 0 20px 20px;
}

h3{
	clear:both;
	font-size:1em;
	padding-bottom:5px;
	margin:30px auto 10px auto;
	border-bottom:2px solid #ff9900;
	}

h4{
	clear:both;
	font-size:0.9em;
	margin:30px auto 5px auto;
	}

div#main-contents p.title{
	font-weight:bold;
}
div#main-contents p.caution{
	color:#ff0000;
	*line-height:130%;
}

div.content li{
	background:url(../img/common/list-bg.png) no-repeat;
	padding-left:15px;
	margin:10px auto;
	font-size:0.85em;
	*font-size:0.8em;/* fo IE */
	*line-height:150%;/* fo IE */
	}
	
span{
	font-weight:bold;
	color:#ff9900;
}

table{
	border-collapse:collapse;
}


/* ------------------------------------------------------------------- global-nav */
div#global-nav{
	background:url(../img/idstation-lite/global-nav/global-nav_bg.png) no-repeat;
	}

div#global-menu {
	width:540px;
 	background: url(../img/idstation-lite/global-nav/global-nav_menu.png);
	float:left;
}


div#global-menu a {
	outline-style: none;
}

div#global-menu ul{
	float:left;
	width:540px;
 	height: 50px;
 	background: url(../img/idstation-lite/global-nav/global-nav_menu.png);
	margin: 0;
	padding: 0;
 	position: relative;
}

div#global-menu li{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	background: transparent url(../img/idstation-lite/global-nav/transparent.gif); /* Need this for nav to work in Opera */
	height: 50px;
	display: block;
}

div#global-menu a, div#global-menu a.selected {
	float: left;
	padding: 50px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:50px; /* for IE5/Win only */
	width: 100%;
}


#menu-main-5 { left: 0; width: 184px;}
#menu-main-6 { left: 186px; width: 101px; }
#menu-main-7 { left: 289px; width: 127px; }
#menu-main-8 { left: 418px; width: 113px; }

#menu-main-5 a:hover, #menu-main-5 a.selected { background: url(../img/idstation-lite/global-nav/global-nav_menu.png) 0 -50px no-repeat;}
#menu-main-6 a:hover, #menu-main-6 a.selected { background: url(../img/idstation-lite/global-nav/global-nav_menu.png) -186px -50px no-repeat;}
#menu-main-7 a:hover, #menu-main-7 a.selected { background: url(../img/idstation-lite/global-nav/global-nav_menu.png) -289px -50px no-repeat;}
#menu-main-8 a:hover, #menu-main-8 a.selected { background: url(../img/idstation-lite/global-nav/global-nav_menu.png) -418px -50px no-repeat;}

/* global-nav active */

#menu-main-5.active { background: url(../img/idstation-lite/global-nav/global-nav_menu.png) 0 -50px no-repeat;}
#menu-main-6.active { background: url(../img/idstation-lite/global-nav/global-nav_menu.png) -186px -50px no-repeat;}
#menu-main-7.active { background: url(../img/idstation-lite/global-nav/global-nav_menu.png) -289px -50px no-repeat;}
#menu-main-8.active { background: url(../img/idstation-lite/global-nav/global-nav_menu.png) -418px -50px no-repeat;}



/* ------------------------------------------------------------------- sideMenu */
div#sideMenu{
	width:205px;
	margin:0px;
	float:left;
}

div#sideMenu.index{
	margin-top:10px;
}


div.sideMenuBody li{
	margin-bottom:1px;
}

/* ------------------------------------------------------------------- index */
div#idsl-index{
	width:980px;
	margin:0 auto;
}

div#contents-topIndex{
	clear:both;
	width:980px;
	height:300px;
	margin:10px auto 0px auto;
	background: url(../img/idstation-lite/index/banner.jpg) no-repeat;
	overflow:hidden;
}

div#into-text{
	padding:135px 0px 0px 470px;
	color:#000;
	position:relative;
}
div#into-text p{
	width:400px;
	line-height:160%;
	font-size:12px;
}

div#into-text h2{
	margin-left:40px;
}

div#contents-topIndex img#banner-trial{
	position:absolute;
	right:0;
	top:0;
}

/* --------------------------------------------------------------- function */

#aboutMarume{
	margin:20px auto;
	}

/* -------------------------------------------------------- operation media */
div#mediaContent{
	margin:0px auto 10px 1px;
	width:679px;
	overflow:hidden;
	height:450px;
	background:url(../img/idstation-lite/operation/mediaContent.png) repeat-x;
}

div#media{
	margin:0px auto;
	width:400px;
	height:366px;
}

p#mediaTitle{
	margin:0 auto;
	width:250px;
	
}

/*--------------------------------------------------------------case study */
table.caseStudy {
	border-collapse:collapse;
	font-size:0.95em;
}


table.caseStudy td.text{
	padding:8px 8px 30px 8px;
}

/* ---------------------------------------------------------------- package */

ul#package{
	margin:30px auto 20px 10px;
	width:310px;
	border:1px solid #ff9900;
	float:left;
}
ul#package p.note{
	margin:0px auto;
}

ul#package li{
	padding:8px;
	border-bottom:1px solid #ff9900;
	background:none;
}
ul#package li.line_a{
	border-bottom:none;
}

p.package{
	clear:both;
	margin-top:10px;
}

#requires_right{
	float:right;
	width:300px;
}

#requires_left{
	float:left;
	width:300px;
}

ul.requires{
	font-size:0.9em;
	margin-top:5px;
	}

ul.requires li{
	margin-bottom:5px;
	background:url(../img/common/list-bg.png) no-repeat;
	padding-left:15px;
}

/*---------------------------------------------------------------------- FAQ */
p.q{
	color:#ff9900;
	font-weight:bold;
}
p.answer{
	margin-bottom:25px;
}

/* --------------------------------------------------------------- download */
ul#download-doc {
	margin:10px auto;
}

ul#download-doc li{
	margin-bottom:5px;
	padding-left:15px;
}

ul#program-up{
	margin:10px auto;
	border:1px solid #cccccc;
	background-color:#f5f5f5;
}

ul#program-up li{
	padding:10px;
	background:none;
}

/* --------------------------------------------------------------- how to buy */
div.howtobuyStep{
	clear:both;
	min-height:90px;
	margin-bottom:10px;}

div.howtobuyStep#Top{
	margin-top:20px;
}
	

/* ------------------------------------------------------------------- trial */

div.post_download{
	clear:both;
	width:680px;
	margin:30px auto;
}

div#trial-expiration{
	clear:both;
	width:920px;
	margin:0px auto;
}

div.post_trial-expiration{
	width:890px;
	margin:20px auto;
}

div.content ul#trial{
	width:400px;
	}



/* ---------------------------------------------------------- trial install */

table#trial-install {
	width:630px;
	margin:20px auto;
	}


table#trial-install img.left{
	margin-right:15px;
}

table#trial-install td.header{
	background-color:#666666;
	color:#ffffff;
	width:15px;
   }

table#trial-install td{
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding:4px;
	border-left: none;
	border-right: none;
}

table#trial-install td.img-area{
	padding:15px 3px 30px 3px;
}


/* ---------------------------------------------------------- trial simulator */

table#trial-simulator td{
	padding:15px;
}

table#trial-simulator img{
	margin-top:10px;
}


/* ---------------------------------------------------------- trial download */

body > div#main-area.download { height:auto; }

div#main-area.download {
	height:100%;
}
div#main-area.download .download_content{
	margin:0px 30px;
	padding-bottom:80px;
}

div#main-area.download .download_content h2{
	font-size:1.2em;
	padding-top:20px;
	margin-bottom:20px;
}

div#main-area.download .download_content p{
	font-size:86%;
}



div#main-area-trial{
	width:900px;
	margin:30px auto;
}

div#main-area-trial h2{
	font-size:1.2em;
	margin:0 auto 20px auto;
}

div#main-area-trial p{
	font-size:0.95em;
	line-height:160%;
}

/* -------------------------------------------------------- support index */
div#main-contents .content#supportIndex{
	width:630px;
	height:110px;
	background:url(../img/idstation-lite/support/index-01.jpg) no-repeat;
	margin-bottom:15px;
}

div#main-contents .content#supportIndex h2,
div#main-contents .content#supportIndex p{
	margin-left:20px;
}