@charset "utf-8";

/* CSS Document */

/* For print. */

*
{
	margin:0mm;
	padding:0mm;
	
	color:#333;
	font-size:10pt;
	font-style:normal;
	font-weight:normal;
	line-height:145%;
	text-indent:0px;
	text-decoration:none;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	
	background-image:none;
	background-color:#fff;
}

body,html
{
	width:160mm;
}

a
{
	text-decoration:underline;
}

/* Subtitle Large */
img.ttl
{
	margin:5mm 0mm 3mm;
}

/* Subtitle Small */
img.sttl
{
	margin:1mm;
	/*margin:5mm 0mm 3mm;*/
}


/* ------------------------------------------------
	container
------------------------------------------------ */
#wrapper
{
	width:160mm;
	height:auto;
	
	/*border:1px solid #000;*/
}


/* ------------------------------------------------
	header2
------------------------------------------------ */
/* title */
#header2 h1
{
	float:left;
	
	font-size:10pt;
	font-weight:bold;
	text-indent:0px;
}

#header2 button
{
	display:none;
}

#user
{
	float:right;
}

a#logout
{
	display:none;
}


/* ------------------------------------------------
	page body
------------------------------------------------ */
#pagebody
{
	clear:both;
}

/* ------------------------------------------------
	TOP naviagtion
------------------------------------------------ */
#navi
{
	float:left;
	margin:1em 0 0 0;
	width:40%;
	border-right:1px solid #ccc;
}

#navi ul
{
	margin:0.5em 0 0;
	list-style:none;
}

#navi li
{
	margin:0 0 0.3em;
}


/* ------------------------------------------------
	contetns
------------------------------------------------ */
#content
{
	float:right;
	margin:1em 0 0 0;
}

#content.content
{
	float:none;
	width:100%;
	margin:0em;
}

#content h2
{
	margin:5px 0 0;
	font-weight:bold;
}

#content ul
{
	list-style:none;
}
#content li
{
	padding:0.1em;
}

#content li a
{
	font-size:12pt;
}


/* ------------------------------------------------
	KARTE and Other contetns
------------------------------------------------ */
/* content block for Karte */
#content.content
{
	clear:both;
}

#topicpath
{
	display:none;
}

#nextback
{
	display:none;
}


#footer *
{
	display:none;
}



/* karte area */
#karte
{
	overflow:hidden;
	height:auto;
}

#karte em#kartettl
{
	display:block;
	height:1.5em;
	font-weight:bold;
	margin:0em 0em 2em;
	padding:2mm 0mm 0.5mm 1mm;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

/* Karte left block */
#karte #leftblock
{
	margin: 0px 195px 0px 0px;
}

#karte #diagnosis
{
/*	float:left; */
	width:55%;
	padding:0 0 0 20px;
}

#karte #test em#testttl
{
	display:block;
	
	font-weight:bold;
	
	margin:20px 0px 18px 0px;
	padding:8px 0px 5px 20px;
}

#karte #test dl
{
/*	width:305px; */
	margin: 0px 0px 0px 20px;
}

#karte #test dt
{
	clear:both;
	
	margin:0px;
	padding:5px 0px 0px;
}

#karte #test dt em
{
	font-weight:bold;
}

#karte #test dd
{
	margin:0px;
	padding:0px;
}

#karte #imgs
{
	float:right;
	margin: 0px 0px 0px 20px;
}

#karte #imgs h3
{
	font-weight:bold;
}

#karte #imgs h4
{
	color:#666;
}

#karte #imgs p
{
	padding:0 0 0 10px;
}

#karte #imgs img
{
	margin:0 0 5px 0;
}

#karte #imgs div.phcap
{
	padding:0 0 0 10px;
	margin:0 0 20px 0;
	border-left:5px solid #ccc;
}

#clear
{
	clear:both;
}


/* ------------------------------------------------
	test_result
------------------------------------------------ */
#test_result
{
	padding:0 0 15px;
	margin:5px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#test_result table
{
	width:160mm;
	margin:20px 0 0;
	table-layout:fixed;
	border-collapse:separate;
	border-spacing:1px;
	empty-cells:hide;
}

#test_result th
{
	line-height:125%;
	font-weight:bold;
}

#test_result th,
#test_result td
{
	border-right:1px solid #ccc;
	border-bottom:1px solid #999;
	padding:2px 5px;
}

#test_result tr.even td.high,
#test_result td.high
{
	font-weight:bold;
	border:3px solid #ccc;
}

#test_result tr.even td.low,
#test_result td.low
{
	font-weight:bold;
	border:3px solid #ccc;
}

#test_result tr.even td.out,
#test_result td.out
{
	font-weight:bold;
	border:3px solid #ccc;
}

#test_result div.cap
{
	font-size:8pt;
	padding:5px 0 0 0;
	text-align:right;
}

/* ------------------------------------------------
	bottombtns
------------------------------------------------ */
#bottombtns
{
	display:none;
}


/* ------------------------------------------------
	notice
------------------------------------------------ */
#notice
{
	margin:5px 0 10px;
	padding:10px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#notice p
{
	font-size:10pt;
	width:70%;
}

#notice a
{
	display:block;
	width:177px;
	margin:0.5em 0em 0em;
	padding:0.1em;
}

#notice img
{
	display:none;
}

/* ------------------------------------------------
	sentence
------------------------------------------------ */
#sentence dl
{
	width:70%
}

#sentence dt
{
	margin:5mm 0mm 3mm;
}

#sentence dd p
{
	margin:0em 0em 0.8em;
}



/* ------------------------------------------------
	sentence FAQ
------------------------------------------------ */
#sentence dl.faq
{
	margin:1em 0 0;
	/*border:1px solid #000;*/
}

#sentence dl.faq dt
{
	padding:0.5em 0 0.5em, 0;
}

#sentence dl.faq dt em
{
	display:block;
	line-height:125%;
	font-weight:bold;
}

#sentence dl.faq dd
{
	margin:0 0 1em;
	padding:0 0 0 2em;
}

/* faq list */
#sentence ul.faq
{
	width:70%;
}

#sentence ul.faq li
{
	padding:5px 0 7px;
}

#faq_other
{
	margin:1em 0 0;
}

#faq_other img
{
	margin:2px 0;
}


/* ------------------------------------------------
	sentence LIST
------------------------------------------------ */
#sentence dl.list dt
{
	margin:1em 0 0;
	border-top:1px solid #ccc;
}

#sentence dl.list dt em
{
	line-height:125%;
	font-weight:bold;
	display:block;
	padding:0.1em 0 0 10px;
}

#sentence dl.list dd
{
	margin:0px;
	padding:0 0 0 10px;
}

#sentence dl.list dd p
{
	margin:0px;
}


/* ------------------------------------------------
	sentence ATTENTION
------------------------------------------------ */
#attention
{
	margin:5mm 0mm 0mm;
	width:70%;
}

#attention em
{
	display:block;
	padding:1mm;
	font-weight:bold;
	border:1px solid #ccc;
}

#attention p
{
	margin:1.5em 0 0 0;
}

#attention a
{
	display:none;
}


/* ------------------------------------------------
	form
------------------------------------------------ */
#loginform
{
	overflow:hidden;
}

#form
{
	font-size:75%;
	width:160mm;
	margin:0px;
	padding:0 0 15px;
}

#form.left
{
	float:left;
	width:350px;
}

#fdbklist
{
	border-top:1px solid #ccc; 
}

#form dl
{
	margin:5px 0 0;
	width:70%;
}

#form dt
{
	float:left;
	margin:0 0 10px;
	padding:0px;
	width:85px;
}

#form dd
{
	margin:0 0 10px;
	padding:0px;
}

#form dt.ttlhead
{
	float:none;
	margin:0 0 2px;
	width:85%;
}


#form textarea,
#form input
{
	display:none;
}

#form button
{
	margin:0.5em 0em 0em;
	padding:0.1em;
	border:1px solid #ccc;
}

#form button em
{
	display:block;
	font-weight:normal;
	text-indent:0px;
}


/* bottom buttons */
#loginform div#btns
{
	margin:15px 0 5px;
	padding:5px 0 0;
	border-top:1px solid #ccc;
}



/* ------------------------------------------------
	login navigation
------------------------------------------------ */
/* right navigation */
#loginnavi
{
	float:right;
	width:30%;
}

#loginnavi li
{
	margin:0 0 7px;
	text-indent:0px;
}

#loginnavi li.sep
{
	margin:0 0 7px;
	padding:0 0 7px;
	border-bottom:1px solid #ccc;
}


/* ------------------------------------------------
	home 
------------------------------------------------ */
#home
{
	overflow:hidden;
}

#latestkarte
{
	float:right;
	width:65%;
}

#latestkarte dl
{
	width:100%;
}

#latestkarte dt
{
	clear:both;
	
	margin:0px;
	padding:0.5em 0 0;
}

#latestkarte dt em
{
	font-weight:bold;
}

#latestkarte dd
{
	margin:0px;
	padding:0px;
}

#latestkarte dd p
{
	margin:0px;
	padding:0px;
}

#latestkarte dd a
{
	display:block;
	float:left;
	margin:0 2em 0 0;
	padding:0px;
}


/* ------------------------------------------------
	home navigation
------------------------------------------------ */
#homenavi
{
	float:left;
	width:30%;
}

#homenavi ul
{
	margin:0px;
	padding:0px;
}

#homenavi li
{
	margin:0 0 7px;
}

#homenavi li.sep
{
	margin:0 0 7px;
	padding:0 0 7px;
	border-bottom:1px solid #ccc;
}

#homenavi li a
{
	font-size:10pt;
	display:block;
	padding:0px;
}


/* ------------------------------------------------
	footer shadow
------------------------------------------------ */
#footer_shadow
{
	display:none;
}

/* ------------------------------------------------
	illust
------------------------------------------------ */
#illust
{
	display:none;
}

#sillust
{
	display:none;
}

#suillust
{
	display:none;
}

/* ------------------------------------------------
	karte_result
------------------------------------------------ */
#karte_result
{
	padding:0 0 25px;
	margin:5px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#karte_result dl
{
	width:100%;
}

#karte_result dt
{
	clear:both;
	
	margin:0px;
	padding:0.5em 0 0;
}

#karte_result dt em
{
	font-weight:bold;
}

#karte_result dd
{
	margin:0px;
	padding:0px;
}

#karte_result dd p
{
	margin:0px;
	padding:0px;
}

#karte_result dd a
{
	display:block;
	float:left;
	margin:0 2em 0 0;
	padding:0px;
}
