@charset "UTF-8";

img, div { behavior:url(images/iepngfix.htc) }

body {
	font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: white;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}
#containerF {
	width: 950px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
	position:relative;
}
#mainContent {
	padding: 0;
	z-index:40;
}



#textContainer {
	position: absolute;
}

#overray {
	position:absolute;
	left:0; top:0;
	width:100%;
	height:85px;
	background-color:black;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	z-index:3;
}
#fixedoverray {
	position:fixed;
	left:0; top:0;
	width:100%;
	height:80px;
	background-color:black;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	z-index:45;
}

#textContents {
	position: absolute;
	z-index: 60;
	line-height: 150%;
}

/* Cal.Log Logo */
#callogxLogo {
	position:absolute;
	left:50px; top:23px;
	width: 152px; height: 38px;
	background-image: url(../images/callogx-logo.png);
	background-repeat: no-repeat;
	z-index:46;
}
#callogxLogo.alpha{
	width: 180px; height: 38px;
	background-image: url(../images/callogx-logo-alpha.png);
}
#callogxLogo.x10{
	width: 180px; height: 38px;
	background-image: url(../images/callogx-logo-10.png);
}
#callogxLogo.info{
	width: 180px; height: 38px;
	background-image: url(../images/callogx-logo-info.png);
}
h1 {
	text-indent: -9999px;
}

#buttonBox {
	position: relative;
	margin: 0 auto;
	width: 75%;
}
#buttonBoxRight {
	position: absolute;
	right: 0px; top: 20px;
}
#callogxHome {
	margin-right:10px;
	width: 106px; height: 45px;
	background-image: url(../images/callogx-button-home.png);
	background-repeat: no-repeat;
	z-index:47;
	text-indent: -9999px;
	float: left;
}
#callogxRegist {
	width: 105px; height: 45px;
	background-image: url(../images/callogx-button-regist.png);
	background-repeat: no-repeat;
	z-index:47;
	text-indent: -9999px;
	float: left;
}



/* HOWTO */
#howtoContainer {
	position: absolute;
	z-index: 49;
}
.howtobuttonContainer {
	position:static;
	margin:0 50px 0 0;
	float: left;
}
.howtobutton {
	margin:0 0 10px; padding: 0;
}
.howtobuttonStr {
	margin:0; padding: 0;
}

/* CALLOG BOOK CONTENTS */
#bookPhoto {
	position: absolute;
	z-index: 48;
}
#booktext {
	position: absolute;
	z-index: 49;
}
#bookiconContainer {
	position: absolute;
	z-index: 49;
}
#bookstr {
	position: absolute;
	z-index: 50;
}

/* CALLOG MAIN NAVIGATION */
#navigationContainer {
	position: absolute;
	left: 300px; top: 16px;
	z-index: 47;
}
.buttonContainer {
	position:static;
	margin:0 10px 0 0;
	float: left;
}
.button {
	margin:0 0 3px; padding: 0;
}
.buttonStr {
	margin:0; padding: 0;
}

/* CALLOG FOOTER */
#footerCredit {
	width: 594px; height: 11px;
	overflow: hidden;
	text-indent: -9999px;
	margin:7px 0 0 0;
	background-image: url(../images/callogx-credit.jpg);
	background-repeat: no-repeat;
}
#footerContact {
	position: absolute;
	top:587px; left:888px;
	width: 62px; height: 11px;
	overflow: hidden;
	text-indent: -9999px;
	margin:0;
	background-image: url(../images/callogx-contact.jpg);
	background-repeat: no-repeat;
}

/* FORM PARTS */
table {
	font-size:12pt;
}
input {
	font-size:12pt;
	border: solid 1px gray;
	color:black;
}
.noborder {
	border:none;
}
select {
	font-size:12pt;
	border: solid 1px gray;
	color:black;
}
#formBox div {
	margin: 0.5em 0;
	vertical-align: middle;
}
.questions {
	margin: 0.5em 0;
	width:20em;
}
.red {
	color:#ff6666;
}


/* Cal.Log alpha マニュアル */

/* コンテンツセレクタ */
#manual #contentsSelector {
	position: absolute;
	width: 17.5%;
	left:12.5%; top:125px;
	margin:0;
	padding: 0;
	float:left;
	border-right:1px solid gray;
	text-align: left;
	z-index: 10;
}
#manual #contentsSelector ul.num {
	margin:0; padding:0em 0 1em 0em;
}
#manual #contentsSelector ul.num li {
	margin:0 0 1em; padding:0;
	display: list-item;
	list-style: none outside;
	font-size: small;
}


#manual #contentsContainer {
	position:absolute;
	left: 30%; top:125px;
	width:55%;
	background:white;
	margin:0 0 2em 2em;
	text-align:left;
	overflow: visible;
}

#manual h2 {
	margin:0 0 1em 0;
	padding:0;
	font-size: x-large;
	line-height: 150%;
	color:gray;
	
}
#manual h3 {
	margin:2em 0 1em;
	padding:0;
	font-size: medium;
	line-height: 150%;
	color:black;
	font-weight: bold;
}
#manual h4 {
	margin: 0 0 0.5em 0;
	padding: 0;
	font-size: small;
	line-height: 150%;
	color:#c00;
	font-weight:bold;
}
#manual p {
	margin:0 0 1em;
	padding:0;
	font-size: small;
	line-height: 155%;
	color:#333;
	font-weight: normal;
}
#manual p a {
	color:gray;
	text-decoration: none;
}
#manual p a:hover {
	color:gray;
	text-decoration: underline;
}
#manual #contentsContainer ul.num {
	margin:0; padding:0em 0 1em 1em;
}
#manual #contentsContainer ul.num li {
	margin:0; padding:0;
	display: list-item;
	list-style: none inside;
	font-size: small;
}
#manual ul.list {
	margin:0; padding:0em 0 1em 1em;
}
#manual ul.list li {
	margin:0; padding:0;
	display: list-item;
	list-style: square outside;
	font-size: small;
	color:black;
}#manual ul.comment {
	margin:0; padding:0em 0 1em 1em;
}
#manual ul.comment li {
	margin:0; padding:0;
	display: list-item;
	list-style: disc outside;
	font-size: x-small;
	color:gray;
}
#manual ul a {
	color:black;
}
#manual ul ul a {
	font-size:smaller;
	color:gray;
	font-weight: bold;
}
#manual .spec {
	border-color: gray;
	border-style: solid;
	border-width: 1px 1px 0 1px;
}
#manual .spec thead th,
#manual .spec thead td {
	background-color: #dddddd;
}
#manual .spec th {
	padding:0.25em 2em;
	font-size:small;
	font-weight: bold;
	text-align: left;
	border-bottom:1px gray solid;
}
#manual .spec td {
	padding:0.25em 1.5em;
	font-size:small;
	text-align: center;
	border-bottom:1px gray solid;
	border-left:1px gray dotted;
}

#manual #footer {
	margin:0;
	padding: 5em 0 2em;
	text-align: right;
	font-size:x-small;
	color:gray;
}