/* blk.jp
 * OnlinePageEditor
 * introduce page
 * 
 * [contents]
 * 1. Style assigned by tag name
 * 2. Style assigned by id
 * 3. Style assigned by class
 * /

/* ===== 1. Style assigned by tag name ===== */

* {
	margin:			0px;
	padding:		0px;
}

html {
	width:				100%;
	height:				100%;
	background-color:	black;
}

body {
	width:				100%;
	color:				white;
	padding-bottom:		20px;
	font-size:			medium;
	font-family:		'Arial', 'Tahoma', 'sans-serif';
}

img {
	border:	none;
}

a {
	color:	#6b89a5;
}

h1 {
	font-size:	xx-large;
	margin:		5px 0 10px 5px;
}

h1 a {
	text-decoration:	none;
	color:				white;
}

p {
	display:		block;
	margin-bottom:	10px;
}

dl dd {
	margin:	0 0 1em 1em;
}

/* ===== 2. Style assigned by id ===== */

div#select-lang-box {
	width:		100%;
	text-align:	center;
}
div#select-lang-box p {
	line-height:	1.8em;
}

div#header {
	width:					100%;
	height:					68px;
	padding-bottom:			10px;
	line-height:			68px;
	background-color:		#ddd;
	color:					black;
	font-size:				large;
	background-image:		url("../img/header_back.jpg");
	background-repeat:		repeat-x;
	background-position:	bottom left;
	border-bottom:			3px solid white;
}
div#header a{
	color:	#466a90;
}
div#header img#to-home{
	position:	absolute;
	top:		0px;
	right:		0px;
}

span#copyright {
	float: right;
}

div#ope-left {
	width:			auto;
	float:			left;
	margin-left:	10px;
}

ul#ope-head-menu {
	display:	block;
}
ul#ope-head-menu li {
	display:		block;
	width:			200px;
	height:			50px;
	margin-bottom:	5px;
}
ul#ope-head-menu li a {
	display:				block;
	padding-left:			5px;
	width:					191px;
	height:					49px;
	line-height:			50px;
	border-right:			4px solid #466a90;
	text-decoration:		none;
	color:					white;
}
ul#ope-head-menu li a:hover {
	background-image:		url("../img/head-menu_back.gif");
}

div#ope-text {
	margin:				0 20px 0 230px;
	width:				auto;
	background-color:	#ddd;
	color:				black;
	font-size:			medium;
}
div#ope-text h2 {
	font-size:		xx-large;
	font-weight:	bold;
	margin-bottom:	5px;
}
div#ope-text h3 {
	font-size:		large;
	font-weight:	bold;
	margin-bottom:	5px;
}
div#ope-text h4 {
	font-size:		large;
	font-weight:	bold;
	margin-top:		15px;
}
div#ope-text p {
	line-height:	1.6em;
}

ul#how-to-menu {
	margin-left:		30px;
	list-style-type:	decimal;
}

dl#how-to-dl dt {
	margin-top:		20px;
	font-weight:	bold;
	font-size:		large;
}
dl#how-to-dl dd {
	margin-top:	10px;
}

dl#how-to-ftp-config-dl {
	margin:	-10px 0 0 1em;
}

form#ope-contact {
	margin:	10px 0 0 0;
	
}
form#ope-contact strong {
	font-weight:	bold;
	color:			red;
}
form#ope-contact table th {
	font-weight:	normal;
	text-align:		left;
	vertical-align:	top;
	padding:		5px 0;
	margin:			10px 0 0 0;
}
form#ope-contact table td {
	padding:	2px 5px;
}

div#normal_message {
	height:				auto;
	width:				auto;
	padding:			5px;
	border:				1px dotted #666;
	background-color:	#bbb;
	color:				black;
}
div#error_message {
	height:				auto;
	width;				auto;
	padding:			5px;
	border:				1px dotted #666;
	background-color:	#bbb;
	color:				red;
	font-weight:		bold;
}
div#error_message p {
	color:				black;
	font-weight:		normal;
	margin:				10px 0 0 0;
}
dl#ope-release-note dt {
	font-weight:	bold;
	line-height:	2em;
}
dl#ope-release-note dd ul li {
	list-style-type:	none;
	line-height:		1.5em;
}

/* ===== 3. Style assigned by class ===== */

div#header div.select-lang {
	margin-left:	10px;
}

div.rounded-box-top-right {
	background-image:		url('../img/rounded-box-top-right.gif');
	background-repeat:		no-repeat;
	background-position:	top right;
}
div.rounded-box-top-left {
	background-image:		url('../img/rounded-box-top-left.gif');
	background-repeat:		no-repeat;
	background-position:	top left;
}
div.rounded-box-bottom-right {
	background-image:		url('../img/rounded-box-bottom-right.gif');
	background-repeat:		no-repeat;
	background-position:	bottom right;
}
div.rounded-box-bottom-left {
	background-image:		url('../img/rounded-box-bottom-left.gif');
	background-repeat:		no-repeat;
	background-position:	bottom left;
	padding:				1em 10px 2em 10px;
}

a.install-xpi {
	display:			block;
	width:				500px;
	height:				30px;
	text-align:			center;
	line-height:		30px;
}
a.install-xpi:link,
a.install-xpi:visited {
	text-decoration:	none;
	color:				white;
	background-color:	#6b89a5;
	border:				3px solid black;
}

a.install-xpi:hover {
	text-decoration:	none;
	color:				white;
	background-color:	#4b6985;
	border:				3px solid black;
}

a.install-xpi:active {
	text-decoration:	none;
	color:				#6b89a5;
	background-color:	white;
	border:				3px solid #999;
}

form#ope-contact table td input.text,
form#ope-contact table td textarea {
	background-color:	white;
	border:				2px solid #999;
	padding:			3px;
}
form#ope-contact table td input.submit {
	color:				white;
	background-color:	#6b89a5;
	border:				3px solid #999;
	padding:			2px;
}