@import "layout.css";

/* http: //jigsaw.w3.org/css-validator/ */

/* font-size,line-height */

body {
	font-family: 'Meiryo','Hiragino Kaku Gothic Pro','Osaka',sans-serif;
	font-size: 90%;
	margin: 0;
	padding: 0;
}

dt,
dd,
p,
li {
	line-height: 160%;
}

/* heading */

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

/* hyper-link activities (normal) */

a:link {
	color: #33d;
}
a:visited {
	color: #515;
}
a:hover {
	text-decoration: none;
}
a img {
	border: none;
}

/* em, strong */

em,
strong {
/*	color: #a20;*/
	font-style: normal;
}
em {
	font-weight: normal;
}
strong {
	font-weight: bold;
}
strong.seo {
	color: #000;
	font-weight: normal;
}
strong.attn {
	color: #000;
	font-weight: bold;
}
strong strong {
	border-bottom: 3px #a20 double;
}

/* abbr,acronym */

abbr,
acronym {
	color: inherit;
	font-style: normal;
	border-color: #333;
	border-style: dotted;
	border-width: 0 0 1px;
	cursor: help;
}

/* kbd */

kbd {
	margin: 0 0.1em;
	padding: 0 2px;
	border-style: solid;
	border-width: 1px;
	display: inline;
}

/* ruby*/

ruby {
	line-height: 100%;
}
rt,
rp {
	font-size: 70%;
	font-weight: normal;
	color: #333;
}

/* Download Icon (disable:  Win IE,Opera) */

a[href$=".pdf"]:before {content: url(../images/_base/icon_pdf.gif);}
a[href$=".ppt"]:before {content: url(../images/_base/icon_ppt.gif);}
a[href$=".doc"]:before {content: url(../images/_base/icon_doc.gif);}
a[href$=".xls"]:before {content: url(../images/_base/icon_xls.gif);}
a[href$=".zip"]:before {content: url(../images/_base/icon_zip.gif);}
a[href$=".lzh"]:before {content: url(../images/_base/icon_lzh.gif);}
a[href$=".txt"]:before {content: url(../images/_base/icon_txt.gif);}
a[href$=".tar.gz"]:before {content: url(../images/_base/icon_tgz.gif);}

a.noicon[href$=".pdf"]:before {content: "";}
a.noicon[href$=".ppt"]:before {content: "";}
a.noicon[href$=".doc"]:before {content: "";}
a.noicon[href$=".xls"]:before {content: "";}
a.noicon[href$=".zip"]:before {content: "";}
a.noicon[href$=".lzh"]:before {content: "";}
a.noicon[href$=".txt"]:before {content: "";}
a.noicon[href$=".tar.gz"]:before {content: "";}

a.button[href$=".pdf"]:before {content: "";}
a.button[href$=".ppt"]:before {content: "";}
a.button[href$=".doc"]:before {content: "";}
a.button[href$=".xls"]:before {content: "";}
a.button[href$=".zip"]:before {content: "";}
a.button[href$=".lzh"]:before {content: "";}
a.button[href$=".txt"]:before {content: "";}
a.button[href$=".tar.gz"]:before {content: "";}

/* clear, hidden */

.nd,
.nodisplay {
	display: none;
}

.hd,
.hidden {
	visibility: hidden;
}

.hl,
.hiddenlink,
.hiddenmessage {
	position: absolute;
	left: -9000px;
}

.div,
.clear {
	clear: both;
}

.nc {
	clear: none !important;
}

hr.div,
br.div {
	clear: both;
	visibility: hidden;
	margin: 0;
	padding: 0;
}

/* clearfix */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* list */

ol {
 padding:  0 0 0 30px; 
}
ul {
 padding:  0 0 0 18px; 
}

/* ul,ol (nlm=nolistmarker) */

ul.nlm,
ol.nlm {
	list-style: none;
	padding: 0;
	margin-left: 0;
	margin-right: 0;
}
ul.nlm li,
ol.nlm li {
	padding: 0;
	margin: 0;
}

/* ul,ol (cmt=comment) */

ul.cmt,
ol.cmt {
	color: #111;
	background-color: #f8f8f8;
	border: 1px #bbb solid;;
	margin: 10px 0;
	padding: 8px 0 5px 40px;
}

/* List Elements */
/* define lists.cmt */

dl.cmt {
	color: #111;
	background-color: #fff;
	margin: 0 0 15px;
	padding: 0 15px;
	border-bottom: #bbb 1px solid;
	border-left: #bbb 1px solid;
	border-right: #bbb 1px solid;
	width: auto;
}
dl.cmt dt {
	line-height: 100%;
	position: relative;
	color: #111;
	background-color: #f8f8f8;
	margin: 0 -15px;
	padding: 4px 10px;
	border-top: #bbb 1px solid;
	border-bottom: #bbb 1px dotted;
}
*>dl.cmt dt {
	margin: 0 -15px -5px;
}
dl.cmt dd {
	position: relative;
	margin: 0 -15px 0;
	padding: 10px 10px 5px;
}
dl.cmt dd * {
	margin-top: 0;
	margin-bottom: 0;
}
dl.cmt dd dl.flt dd {
	line-height: 100%;
}

/* p,div,pre,ul,ol (class="cmt") */

pre.cmt,
div.cmt,
p.cmt {
	color: #111;
	background-color: #f8f8f8;
	margin: 0 0 15px;
	padding: 7px 15px;
	border: 1px #bbb solid;;
	width: auto;
}
div.cmt {
	padding: 8px 15px;
}
div.cmt * {
	margin-top: 0;
	margin-bottom: 0;
}
div.cmt ul,
div.cmt ol {
	padding: 0;
	margin-left: 25px;
	margin-right: 0;
}
div.cmt ul.il,
div.cmt ol.il {
	margin-left: 0;
}

/* cite,control,sig etc */

cite.jp,
cite.ja {
	font-style: normal;
}
cite.en,
span.en {
	font-style: italic;
}
cite[lang$="ja"] {
	font-style: normal;
}
cite[lang$="en"],
cite.foreign {
	font-style: italic;
}

/* align right */

.cite,
.sig,
.cf {
	text-align: right;
	list-style: none;
	clear: both;
}

/* ruby (secret, explanation) */

span.exp,
span.ruby,
dfn {
	border-color: #333;
	border-style: dotted;
	border-width: 0 0 1px;
	cursor: help;
}

/* subtitle */

.subtitle {
	font-size: 90%;
	font-weight: normal;
}

/* hyper-link activities (a class="nofeedback") */

a.nfb:link,
a.nfb:visited {
	color: #000 !important;
	background-color: transparent;
	text-decoration: none !important;
}
a.nfb:hover {
	color: #33d !important;
	background-color: transparent;
	text-decoration: none !important;
}

/* image hyper-link (a class="feedback") */

a.fb:link img {
	border: 1px #33d dotted;
}
a.fb:visited img {
	border: 1px #515 dotted;
}
a.fb:hover img {
	border: 1px #900 solid !important;
}
a.fb {
	text-decoration: none !important;
}
a.fb: hover {
	color: #900 !important;
}
img.nfb {
	border: 1px #fff solid;
}

/* preformatted text */

pre.pre {
	border: 1px #bbb solid;
	padding: 5px;
	width: 95%;
}

/* for NOT Mac ie */
@media screen {
	pre.pre {
		overflow: scroll;
	}
}
*>pre.pre {
	width: auto;
}

/* table */

td.cost,
td.title,
td.head {
	white-space: nowrap;
}
td.cost {
	text-align: right;
}
th.title,
td.title {
	text-align: center;
}

/* table */
/* tbl */

table.tbl {
	margin: 5px 0 10px !important;
	width: 98%;
	border-collapse: collapse;
	border-top: 1px #bbb solid;
	border-left: 1px #bbb solid;
}
table.tbl th,
table.tbl td {
	text-align: left;
	padding: 4px 5px;
	border-bottom: 1px #bbb solid;
	border-right: 1px #bbb solid;
}
*>table.tbl th,
*>table.tbl td {
	padding: 2px 5px;
}
table.tbl th {
	text-align: left;
	background-color: #f8f8f8;
	white-space: nowrap;
	font-weight: bold;
	color: #111;
}
table.tbl thead th {
	background-color: #ddd;
	color: #111;
}
table.tbl td.btn {
	padding: 10px;
	text-align: center;
}
table.tbl * {
	margin-top: 0;
	margin-bottom: 0;
}
table.tbl ul,
table.tbl ol {
	padding: 0;
	margin-left: 25px;
	margin-right: 0;
}

/* forms */

fieldset {
	border: 1px #aaa solid;
	padding: 0 10px 10px;
}

fieldset label {
	display: block;
	font-size: 90%;
	padding: 10px 0 3px 1px;
	line-height: 1;
}

input[type="text"],
input[type="password"],
textarea{
	padding: 3px;
	font-size: 100%;
}

input[name="send"],
button[name="send"]{
	border: 2px #aaa solid;
}

select{
	border: 1px #999 solid;
	font-size: 100%;
}

/* kontiki_brief_messages */

#kontiki_brief_messages {
	position: relative;
}

/* modalwindow */

.modalwindow{
	font-size: 85%;
	position: absolute;
	right: 10px;
	top: 0;
	color: #fff;
	border: 1px #111 solid;
	background-color: #000;
	padding: 10px 15px;
}

/* brief_messages */

.message_brief{
	font-size: 85%;
	position: absolute;
	right: 10px;
	top: 0;
	z-index: 100;
}

.message_brief li{
	list-style: none;
	color: #fff;
	border: 1px #111 solid;
	background-color: #000;
	padding: 10px 15px;
	margin: 0 0 10px;
}

/* tabs for contents edit.html */

.tabs4contents_edit,
.action4contents_edit{
	width: 40%;
	float: left;
}

/* kontiki_messages */

#kontiki_messages {
	border-top: 1px #ffdc4e solid;
	border-bottom: 1px #ffbf16 solid;
	margin: 0;
	padding: 0 50px;
	background-color: #ffdc4e;
	background-image: url(../images/_base/system_alert.gif);
	background-repeat: no-repeat;
	background-position: 15px;
}

.message_errors{
	color: #b50000;
	font-weight: bold;
}