/*
	www.ROCAz.net	default.css
*/

/* stardard */
* {
	padding:0;
	margin:0;
}

html {
	height:100%;
}

body, input, textarea, select, option {
	font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	color: #333;
}

body {
    	color: #000;
	font-size: 16px;
	background: #fff;
	margin: 0 5px;
	height:100%;
}

h1 {
	text-align: center;
	font-size: 2em;
	font-weight: bold;
	color: #008080;
	background-color: white;
	border-width: 0em 0.5em 0em 0.5em;
	border-color: #008080;
	border-style: solid;
	padding: 0em 0em 0em 0em;
	margin: 1em 0;
}

h2 {
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	color: #008080;
	background-color: white;
	border-width: 0em 0em 0.2em 0em;
	border-color: #008080;
	border-style: solid;
	margin: 0.5em 0;
}

h3 {
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	color: #008080;
	background-color: white;
}

a:link,
a:visited {
	color: #008080;
	border-width: 0em 0em 0.075em 0em;
	border-color: #008080;
	border-style: solid;
	text-decoration: none;
}

a:hover {
	color: white;
	background-color: #008080;
}

p {
	margin: 1em 0;
}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

dt {
	padding: 10px;
}

dd {
	margin-left: 20px;
	padding: 0.2em;
}

li {
	margin-left: 20px;
	padding: 0.2em;
}

strong {	 
	font-weight: bold;
}

strong.colored {
	font-weight: bold;
	font-size: 1.1em;
	color: #CE1C31;
	background-color: transparent;
}

img {
	border: none;
}

/* container */
#container {
	width: 890px;
	margin: 0 auto;
	text-align:left;
	clear: both;
	background: #fff;
	padding: 5px;
}

#contentBody {
	display: inline;
}

#sideBar {
	margin-top: 2px;
	width: 200px;
	float: right;
}


/* Logo */
#banner{
}

#toplogo {
	padding: 0;
	margin: 0;
	background-image: url(http://www.rocaz.net/pic/weblogo.png);
	background-repeat: no-repeat;
	background-position: right center;
	height: 60px;
}

#topheader {
	posion: relative;
	display: block;
	z-index: 100;
	float: none;
	clear: both;
	padding: 0px;
	overflow: hidden;
	background-color: #008080;
	color: #fff;
	height: 50px;
}

#topheader #sitetitle {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 48px;
	font-weight: bold;
	width: 50%;
	height: 50px;
	float: left;
	margin-top: -15px;
}

#topheader #search
{
	display: block;
	float: right;
	margin: 10px 20px;
	padding: 0px;
}

#logo {
	text-align: right;
	padding-right: 3px;
	margin: 0;
	background-color: #008080;
	background-image: url(http://www.rocaz.net/pic/cavelogo2.gif);
	background-repeat: no-repeat;
	height: 50px;
}


#outside{
	border:1px solid #008080;
	background:#008080;
	}
#navigation-1 {
	padding: 0px;
	margin: 0px;
	list-style:none;
	width:100%;
	height:51px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	font: bold 12pt verdana, arial, helvetica;
}
#navigation-1 li {
	margin: 0;
	padding: 0;
	display:block;
	float:left;
	position:relative;
	width:182px;
	font: bold 24pt verdana, arial, helvetica;
}
#navigation-1 li a:link, #navigation-1 li a:visited {
	padding: 9px 0px 0px 43px;
	display:block;
	text-align: left;
	text-decoration:none;
	background-color:#008080;
	color:#ffffff;
	width:182px;
	height:39px;
}
#navigation-1 li:hover a, #navigation-1 li a:hover, #navigation-1 li a:active {
	padding: 9px 0px 0px 43px;
	display:block;
	text-align: left;
	text-decoration:none;
	background-color:#339933;
	color:#ffffff;
	width:182px;
	height:39px;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}
#navigation-1 li ul.navigation-2 {
	margin:0;
	padding:1px 1px 0;
	list-style:none;
	display:none;
	background:#ffffff;
	width:300px;
	height: 50px;
	position:absolute;
	top:50px;
	left: 0px;
	border:1px solid #008080;
	border-top:none;
}
#navigation-1 li:hover ul.navigation-2 {
	display:block;
}
#navigation-1 li ul.navigation-2 li {
	width:320px;
	clear:left;
	font: bold 14pt verdana, arial, helvetica;
}
#navigation-1 li ul.navigation-2 li a:link, #navigation-1 li ul.navigation-2 li a:visited {
	clear:left;
	background:#008080;
	padding: 2px;
	width:320px;
	height:50px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
	text-align: left;
}
#navigation-1 li ul.navigation-2 li:hover a, #navigation-1 li ul.navigation-2 li a:active, #navigation-1 li ul.navigation-2 li a:hover {
	clear:left;
	background:#339933;
	padding: 2px;
	width:320px;
	height:50px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
	text-align: left;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 {
	display:none;
	margin:0;
	padding: 0px;
	list-style:none;
	position:absolute;
	left:320px;
	top: 0px;
	padding:1px 1px 0 1px;
	border:1px solid #008080;
	border-left:1px solid #008080;
	background:#ffffff;
	z-index:900;
}
#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 {
	display:block;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited {
	background:#008080;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active {
	background:#339933;
}
#navigation-1 li ul.navigation-2 li a span {
	position:absolute;
	top:0;
	left:320px;
	font-size:12pt;
	color:#fe676f;
}
#navigation-1 li ul.navigation-2 li:hover a span, #navigation-1 li ul.navigation-2 li a:hover span {
	position:absolute;
	top:0;
	left:320px;
	font-size:12pt;
	color:#ffffff;
}

a:link.linkToHome, a:visited.linkToHome, a:hover.linkToHome {
	background-image: url(http://www.rocaz.net/pic/Home.png);
	background-repeat: no-repeat;
	background-position: 5px 10px;
}
a:link.linkToSoft, a:visited.linkToSoft, a:hover.linkToSoft {
	background-image: url(http://www.rocaz.net/pic/Soft.png);
	background-repeat: no-repeat;
	background-position: 5px 10px;
}
a:link.linkToService, a:visited.linkToService, a:hover.linkToService {
	background-image: url(http://www.rocaz.net/pic/Service.png);
	background-repeat: no-repeat;
	background-position: 5px 10px;
}
a:link.linkToBlog, a:visited.linkToBlog, a:hover.linkToBlog {
	background-image: url(http://www.rocaz.net/pic/Blog.png);
	background-repeat: no-repeat;
	background-position: 5px 10px;
}



/* AD */
.adContents {
	margin: 5px;
	float: right;
}

.adTitle {
	font-size:0.9em;
	Color: #008080;
	text-align: center;
	margin: 0em 0em 1em 0em;
	border: 2px solid #008080;
	width: 195px;
	padding: 3px;
}

.adContents2 {
	border: 1px solid Black;
	width: 197px;
	margin: 0em 0 1em 0;
	padding: 3px;
}

.adProdName {
	font-weight: bold;
	margin: 0.2em 0 0.5em 0;
}

.adProdDesc {
	font-size:0.8em;
	margin-left: 2em;
}

#sideBar a:link,
#sideBar a:visited {
	color: #008080;
	border: none;
	text-decoration: none;
}

#sideBar a:hover {
	color: #008080;
	background-color: #fff;
}

/* Body */


.topsubcontent {
	margin-top: 3em;
	margin-left: 20%;
	margin-right: 20%;
	clear: left;
}

.topsubtitle {
	border-color: #008080;
	border-style: solid;
	border-width: 0px 0px 1px 20px;
	font-weight: bold;
	color: #008080;
	text-align: center;
	margin-top: 3em;
	margin-bottom: 1.0em;
}

.topsubcontent ul {
	padding: 5px 0px;
	border: 1px solid #008080;
	text-align: left;
	list-style: none;
}

.topsubcontent li {
	display: list-item;
	margin: 0px;
	padding: 0px 10%;
}

.topsubcontent li a:link,
.topsubcontent li a:visited {
	display: block;
	border: none;
	text-decoration: none;
}

.topsubcontent li a:hover {
	color: #008080;
	background-color: #e0ffe0;
}

.titlePic {
	text-align: center;
}

.navi {
	color: #000000;
	text-align: center;
	padding: 0.5em 0 0.5em 0;
    	border: outset thin #e0f0e0;
    	background-color: #e0f0e0;
}

.naviMember {
	margin: 0.3em 0 0.3em 0em;
}

.part-body {
	color: #000000;
	text-align: left;
    border: outset thin #008080;
    background-color: #ffffff;
	padding: 1em;
	margin-top: 0.2em;
}

.new {
	padding: 0px 0px 0px 40px;
	background: url(http://www.rocaz.net/pic/new2.png) no-repeat center left;
}

.lead {
	font-size: 0.8em;
	padding: 0.5em 0.5em;
	border: outset thin;
}

.example {
	color: #000000;
	font-size: 0.9em;
	padding: 1em 1em 1em 1em;
	margin: 0em 0em 0em 0em;
    	border: outset thin;
	background-color: #c0c0c0;
}

.colName {
	color: white;
	background-color: #008080;
	
}

.colNameCode {
	color: black;
	background-color: #c0ffc0;
	
}

.colDescription {
	color: #000000;
	background-color: #80FF80;
	
}

.colProviderHead {
	color: white;
	background-color: #008080;
	text-align: center;
}

.colProviderOK {
	color: white;
	background-color: #80FF80;
	text-align: center;
}

.colProviderNG {
	color: white;
	background-color: #CC0099;
	text-align: center;
}

.colProviderUnknown {
	color: white;
	background-color: #C0C0C0;
	text-align: center;
}

.colProviderAlert {
	color: white;
	background-color: #DCEA62;
	text-align: center;
}

.colDetailOK {
	color: black;
	background-color: #c0ffc0;
	
}

.colDetailNG {
	color: black;
	background-color: #CC6699;
	
}

.colDetailUnknown {
	color: black;
	background-color: #C0C0C0;
	
}

.colDetailAlert {
	color: black;
	background-color: #EDF4AC;
	
}

.colSettingOK {
	color: black;
	background-color: #c0ffc0;
	font-size: 0.8em;
}

.colSettingNG {
	color: black;
	background-color: #CC6699;
	font-size: 0.8em;
}

.colSettingUnknown {
	color: black;
	background-color: #C0C0C0;
	font-size: 0.8em;
}

.colSettingAlert {
	color: black;
	background-color: #EDF4AC;
	font-size: 0.8em;
}

.indentBlock {
	padding-left: 0.5em;
}

.noDisplay {
	display: none;
}

.noneFloat {
	text-align: center;
	float: none;
}

.leftFloat {
	float: left;
	margin: 1px 3px 2px 1px;
}

.rightFloat {
	float: right;
}

.clearFloat {
	clear: both;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.dispData {
	font-size: 1.1em;

}

.errorText2 {
	font-size: 28px;
	font-weight: bold;
	text-indent: 140px;
	min-height: 120px;
}

.errorText {
	min-height: 120px;
}

.errorNo {
	font-family: 'arial black', sans-serif;
	font-size: 72px;
	color: red;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.errorMessage {
	font-family: 'Century Gothic', sans-serif;
	font-size: 36px;
	color: red;
	margin: -30px 0px 0px 0px;
	padding: 0px;
	text-align: center;
}

.errorDescription {
	font-family: monospace;
	font-size: 28px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

a.imglink:link,
a.imglink:visited,
a.imglink:hover {
	background-color: transparent;
}

.blockd{
	POSITION: relative;
	font-size:0.8em;
	padding:0px 0px 0px 10px;
	width: auto;
	margin:10px 20px;
	border: #008080 5px dotted;
	padding: 5px 10px 5px 10px;
	background-color: #C4ECFF;
}


/* Side Bar */
.sideBarTitle {
	padding: 5px 0px 5px 0px;
	text-align: center;
	font-weight: bold;
	margin: 0px;
	background-color: #008080;
	color: #ffffff
}

.sideBarTitlePR {
	padding: 5px 0px 5px 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	font-weight: bold;
	background-color: #ffa500;
	color: #ffffff
}


/* footer */
#footer {
	background-color: #008080;
	padding: 5px 3px;
	width: 100%;
	clear: both;
}

.copyright {
	color: white;
	text-align: right;
	font-size:0.8em;
	padding: 3px;
	margin: 0px;
	clear: both;
	border-top: 1px solid #fff;
}

#columns {
	margin: 0px auto;
	width: 830px;
}

.col {
	width: 250px;
	margin-left: 25px;
	float: left;
	padding-top: 0px;
	margin-top: 20px;
	display: inline;
}

#footer dl {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	color: #c0c0c0;
}

#footer dl dt {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c0c0c0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #c0c0c0;
	padding: 2px;
	font-size: 20px;
	font-family: "Lucida Sans Unicode","Lucida Sans",Verdana,Helvetica,Arial,sans-serif;
}

#footer dl dd {
	font-size: 12px;
	font-family: "Lucida Sans Unicode","Lucida Sans",Verdana,Helvetica,Arial,sans-serif;
	padding: 5px 0px;
}

#footer a:link,
#footer a:visited {
	color: white;
	border-width: 0em 0em 0.075em 0em;
	border-color: #008080;
	border-style: solid;
	text-decoration: underline;
}

#footer a:hover {
	color: #008080;
	background-color: white;
	text-decoration: none;
}


.titleAuthor {
	background-image: url(http://www.rocaz.net/pic/Author.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.titleMail {
	background-image: url(http://www.rocaz.net/pic/Mail.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.titleTwitter {
	background-image: url(http://www.rocaz.net/pic/twitter2.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.titleDevice {
	background-image: url(http://www.rocaz.net/pic/Device.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.titleTool {
	background-image: url(http://www.rocaz.net/pic/Tool.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.iconStyle {
	text-align: center;
	margin: 2px auto;
	padding: 3px;
	background: #d0d0d0;
	border-right: medium outset #d0d0d0;
	border-bottom: medium outset #dddddd;
	float: left;
}

#socialButtons {
	text-align:right;
	border-right: 3px solid #c0c0c0;
	border-bottom: 3px solid #c0c0c0;
	border-top: 1px solid #008080;
	vertical-align: bottom;
	margin: 0px;
	padding: 3px 0px;
}
#socialButtons a:link,
#socialButtons a:visited {
	background-color: white;
	text-decoration: none;
	border-color: white;
}

#socialButtons a:hover {
	background-color: white;
	text-decoration: none;
}


/* Other */
#_postScript input,
#_postScript textarea {
	color: #003030;
	background-color: #00c0c0;
	border-color: #003030;
	border-style: solid;
}