@charset "shift_jis";

/*
 * general - layout.v3a :: $date 2009-02-04  phiw
 * copyright Kenko-do.net and Philippe Wittenbergh - all rights reserved
*/



html, body {
	margin:0;
	padding:0;
	border:none;
	background:#f5f5f5;
	}
body {
	color: #262728;
	background: #f5f5f5 url(/kd-ui_img/kkd_b-main.png) no-repeat 100% 0;
	}
body {min-width: 760px;}

body > #contents {
	max-width: 96%;
	width: 57.5em;
}

body[id]:before {display:none;}

html {
	font: normal 100%/1.55 'Hiragino Kaku Gothic Pro', 'ƒqƒ‰ƒMƒmŠpƒS Pro W3', 'Meiryo', '‚l‚r ‚oƒSƒVƒbƒN', sans-serif;
	}



/* -- elements -- */
h1, h2, h3, h4, h5, h6, dt,
strong, b,
p#lnksub, p.prorder a, p.ordpro2 a, #catRE, #catGR, .datatable caption, p.order, .blbold {
	font-weight:bolder;
	}

h1, h2, h3, h4 {color:#345;}

h1{
	margin: 0 0 2em;
	line-height:1.3;
	font-size: 1.3em;
	}
h2 {
	margin: 0 1.5em 2em 0;
	line-height:1.3;
	font-size: 1.25em;
	}
h3 {
	margin: 0 1.5em 1.1em 0;
	line-height:1.4;
	font-size: 1.15em;
	}
h4 {
	font-size:1.1em;
	margin: 0 3% .3em 4%;
	}
h5, h6 {
	font-size:1em;
	margin: 0 3% .3em 4%;
	}
p { margin: 0 0 1.1em;}
#main p { margin: 0 3% 1.1em 4%;}
dl {margin: 0 3% 1.1em 4%;}
dt {margin: 0; padding:0;}
dd {margin: 0 0 .8em 2em; padding:0;}
ul, ol {margin:0 3% 1.1em 4%; padding:0 0 0 1.3em;}

dt {color: #036; }
li {margin:0;}
ul {list-style-type: disc}
ol {list-style-type: decimal}

b, strong, em {font-weight:bolder; font-style:normal;}

table {
	border:none;
	border-collapse:collapse;
	border-spacing:0;
	}
th, td {border:none;}
th {text-align:center;}

hr {margin: 0; display:block; height:1px; border:none;}

p#cat { font-size:1.1em;}


/* --- links --- */

a img { border:none;}
a:link {color: #2e5199;background:transparent; text-decoration:underline; }
a:visited {color: #992e75; text-decoration:underline;}
a:focus, a:hover, a:active {color:#345;text-decoration:none; }

.lnks {text-align:right; padding: 1em 0;}
.lnks a {border:1px solid #036; padding:.2em .6em;}




/* -- general -- */
.bullet { color:#cd5c5c; padding-right: .2em}
.orbullet {color:#f4a460}
.blbold, .blbody { color: #036;}
.marroon, .attn { color:#c00;}
.green { color: #066;}

.right {text-align:right;}

.imgright, .imgR-Nb {
	float:right;
	margin:0 0 0 1em;
	}
.imgright {border: 1px solid #555}

.blbold { font-weight: bold;}

.redboldline {
	color: #800;
	padding-bottom: .3em;
	border: #800 solid;
	border-width: 0 0 1px 0;
	}
.inboxcent {
	margin: 2em 30%;
	text-align:center;
	border: 1px solid #cfdee6;
	border-width: 1px 5px;
	padding: .3em
	}

/* clearing*/
/*.clearfloat, .clearleft, .clearright, .clearnav  {height:0; line-height:0; padding:0; margin:0; overflow:hidden; font-size:1px;}*/
.clearfloat, .clearHr {clear:both;}
hr.clearleft,
hr.clearfloat {visibility:hidden;}
 
.clearleft, .clearing {clear:left;}
.clearright, .clearingR {clear:right;}
.clearHr {display:block; height:1px; margin:0; padding:0; border:none; /*visibility:hidden;*/}
* html hr {margin: -.66em 0;}
.clearingR {padding-top:1em;}

.st {text-decoration:line-through;}

.floatClear:after {
	visibility:hidden;
	clear:both;
	display:block;
	height:0;
	content: '.';
	}
	
/* ----header---- */

#header, #t-nav { line-height:1;}
#header {
	margin:0;
	padding:0;
	}
	#header img {vertical-align:bottom;}
#logos {
	margin:0;
	float:left;
	width: 440px;
	padding: 15px 0 5px 4%;
	font-size: 1em;
	}
#skiplinks {margin:0;}

a.skip {
	position:absolute;
	top: 10px;
	left: 10px;
	overflow:hidden;
	height:0;
	width:0;
	display:block;
	}
a.skip:focus, a.skip:active {
	background: #fff7cc;
	border:1px solid #700;
	overflow:visible;
	height:auto;
	width:150px;
	padding:.3em .2em .2em
	}


#widget {
	width:138px;
	float:right;
	margin:0;
	padding:10px 16px 0 0;
	text-align:right;
	line-height:130%;
	}
	#widget span {display:none;}
	#fp #widget span {
		background: #f5f5f5;
		background:rgba(245,245,245,.7);
		display:block;
		text-align:right;
		margin-top:.25em;
		float:right;
		width: 4.62em;
		white-space:nowrap;
		}

#t-nav {
	padding: 5px 0 0 8%;
	margin:0;
	}

* html t-nav {width:100%; w\idth:95%}

#t-nav a {margin: 0 3px;  float:left; width:88px}
#widget a:focus, #widget a:hover, #widget a:active, #t-nav a:focus, #t-nav a:hover, #t-nav a:active {
	background:transparent;
	color:#222;
	}
#t-nav img {vertical-align:bottom;}
#t-nav span {display:none}

/* ---- main layout ---- */
#contents {
	margin: 0 auto;
	padding: 45px 0 2.5em;
	}

#main {
	float:left;
	width:73%;
	margin:0;
	padding:0;
	}
#sideb {
	float:right;
	width: 25%;
	margin: 0;
	padding: 1px 0 0;
	border: 1px solid #354c59;
	border-width: 1px 1px 5px;
	-moz-border-radius: .3em .3em 0 0;
	-webkit-border-top-left-radius: .3em;
	-webkit-border-top-right-radius: .3em;
	}

h1#fpH1 {
	line-height:normal;
	margin-bottom:1.3em
	}
h2 {
	color: #b00;
	border:none;
	border-left: 5px solid #b00;
	border-bottom:1px solid #b00;
	padding: .2em .5em .5em 2em;
	}

h2.prodlistheadR, h2.prodlistheadG {
	border-left:none;
	padding: .3em 0 .3em  2em;
	color: #fff;
	}

h2.prodlistheadR {
	background: #f5f5f5 url(../kd_imgn/rd_h2.jpg) repeat-y  0 0;
	border-bottom:1px solid #900;
	}
h2.prodlistheadG {
 	background: #f5f5f5 url(../kd_imgn/gr_h2.jpg) repeat-y  0 0;
	border-bottom:1px solid #267f3b;
	}
h2.ab {
	color: #008b8b;
	background:transparent;
	border-left: 5px solid #008b8b;
	border-bottom:1px solid #008b8b;
	} /*background-info */

#kdlinks h2 {
	padding: .2em 0 .15em 1.2em;
	margin-bottom:.66em;
	color: #008b8b;
	float:left;
	width:7em;
	display:inline;
	
	border:1px solid #008b8b;
	border-width: 1px 1px 3px 1px;
	}
.linkcatch {
	padding:.3em 0 0 5%;
	font-weight:bold;
	font-size:1.2em
	}
#main #lnktp {
	margin-top:5em;
	font-weight:bolder;
	}
#kdlinks dl {
	margin:3em 4% 3em 1em;
	clear:both;
	}
#kdlinks dl dt {
	font-weight:bold;
	font-size:1.1em;
	background: url(/kd-ui_img/smpArrow2a.png) no-repeat 0 .4em;
	padding: .1em 0 .1em 23px;
	margin: .33em 0;
	_height:1em
	}
#kdlinks dl dd {
	padding-left:3em;
	margin: 0 1em 1.2em 0;
	}


h2#rep, #repsub, #lnksub {
	float:left;
	width:52%;
	margin: 0 0 1em 0;
	}

#repsub {
	padding: 10px 10px 10px 15px;
	background: #eec3c3 url(/kd-ui_img/repsub_b.gif) no-repeat 0 0;
	margin: 0 0 3em 1em;
	display:inline;
	}
#repsub p { margin:0;}
#repsub ol {margin: 0 0 0 1em; padding:0 0 0 1em;}
#main p#lnksub {
	margin: 0 0 3em 0;
	}

p#lnksub {text-align:right;}
#replist {
	float:right;
	width:32%;
	}
#replist h4 {
	margin: 0;
	color:#036;
	font-weight:normal;
	border: 1px solid #475c66;
	padding:.2em .3em;
	text-align:right;
	}
#replist ul {
	margin: 0 0 1em 0.7em;
	padding: .3em 0 0;
	border-left: 2px solid #475c66;
	
	}
#replist li {
	margin:0;
	padding:0 0 .1em 12px;
	background: url(/kd-ui_img/reparrow.gif) no-repeat 1px .3em;
	list-style-type:none;
	}




h4.blbodymw2 {
	color: #036;
	padding: .7em 0 0;
	border-top: 1px #475c66 dashed;
	}
dl#cc {margin: 0 1em;}
dl#cc dd {margin: 0 0 1em 5em;}
dl#memb {margin:0 1em 1em 1.5em}

.inborderrightA, .inborderrightB {
	border: #475c66 solid;
	border-width: 1px 6px 1px 1px;
	padding: 5px;
	float:right;
	text-align: center;
	}
.inborderrightB {width: 165px; margin: 0 0 .5em 1em;}

.inborderrightB p {text-align: center;}
.inborderrightA {
	width: 40%;
	clear: right;
	margin: 0 0 .8em 0;
	position: relative;
	}


/* ----productlistings---- */
#prodlisttable {margin: 1.5em 0 1.5em 1.5em; width:90%; border-collapse:separate; border-spacing:0;}
#prodlisttable col.prone {width:142px;}
#prodlisttable td {
	vertical-align:top; border:none;
	border-bottom: 1px dashed #b8b8b8;
	padding: 12px 8px 8px;
	}
.prodlistimg { text-align:center;}
#prodlisttable p {margin-bottom:.5em;}
.prodlistimg a>img {vertical-align:bottom}

#main p.prorder {margin-bottom:0;}
p.ordpro2 {text-align:right;}
p.prorder a, p.ordpro2 a {
	background: #efeab3;
	padding:.2em .4em
	}
p.prorder a:hover, p.ordpro2 a:hover {background:#efeab3;}
/*- \*/
p.ordpro2 {
	position:relative;
	right:-200px;
	top: -3em;
	}
/* - */

/* ----products---- */
h3.explGR, h3.explRE {
	padding: .2em 0 .2em 3%;
	margin-top: 3em;
	margin-right: 3%
	}
h3.explGR {
	border-left:  16px solid #267f7f;
	border-bottom:  1px solid #267f7f;
	color:#066;
	}
h3.explRE {
	border-left:  16px solid #993d6b;
	border-bottom:  1px solid #993d6b;
	color:#7f194c;
	}
h2.proddet {margin:0} /* ?? */
h2.proddetRE, h2.proddetGR {
	float: left;
	width: 64%;
	border: none;
	color: #345;
	padding: .9em 1% .3em 3%;
	margin: 0 0 2em;
	}
h2.proddetRE {
	border-left: 16px solid #a63145;
	}
h2.proddetGR {
	border-left: 16px solid #267f3b;
	}
h2.proddetRE span, h2.proddetGR span {
	font-size:90%;
	display:inline-block;
	font-weight:normal;
	}

.imag {text-align:center; clear:both; margin:0; padding: 1em 0 .3em;}
.imag img {vertical-align:bottom;}
.note {padding:0 5%; color:#036}
.kdc {
	padding: 0 0 0 36px;
	text-indent:-36px;
	}
.kdc img {vertical-align:middle; margin-right:3px}
#main #catRE, #main #catGR {
	padding:0 0 .3em;
	line-height:normal;
	margin: 0;
	}
#catRE {
	border-bottom:2px solid #a63145;
	}
#catGR {
	border-bottom:2px solid #267f3b;
	}

.ordpro img, .ordpro2 img {float:left;}
#main p.ordpro {
	float: right;
	width: 26%;
	margin: 0 0 1em;
	padding: .9em 0 0;
	}

p.subpro {font-weight:bold}
.highlight {
	background: #f4f1c8;
	padding: .9em 0 .1em .9em;
	margin: 1em 2em 1.5em 1em;
	}
.highlight h5 {
	font-size:1.1em;
	border-bottom: 1px solid #666;
	padding: 0 .6em .1em 0;
	margin-bottom: .5em;
	}
#main .highlight p {
	margin-bottom:.66em;
	}


.warning {color:#c00; clear: both}

.datatable {
	width:90%;
	border: 1px solid #555;
	margin: .5em 0 2em 4%;
	}
.datatable caption {text-align:left; margin: .5em 5% 0;}
col.dtone { width:160px;}
col.dts { width:100px}
.datatable td, .datatable th {
	border: 1px solid #555;
	vertical-align:top;
	padding:.3em .5em
	}
.datatable th {text-align:left; font-weight:normal;}
.datatable td ul, .datatable td ol {margin: 0 0 0 1.2em;}
#contents .datatable td p {margin:0 0 .33em 0;}


/*moz only */
:lang(ja) h4[class^="blbold"]+ul li {width:100%}
/* - */

/* ----sidebar---- */

#sideb a:hover, #sideb a:active {
	background:transparent;
	color: #900;
	text-decoration:none;
	}
#sideb h3 {
	margin: 0 1px;
	color: #fff;
	padding: .2em .3em .1em 1em;
	letter-spacing: .2em;
	text-shadow: 1px 1px 0 rgba(0,0,0,.6);
	
	}
	#sideb h3:first-child {
		-moz-border-radius: .2em .2em 0 0;
		-webkit-border-top-left-radius: .2em;
		-webkit-border-top-right-radius: .2em;
	}
	#sideb h3+ul+h3 {border-top: 1px solid rgba(250,250,250,.90);}
#sideb h3.fd {
	background: #267f3b;
	}
#sideb h3.sk {
	background: #a63145;
	}
#sideb ul {
	margin: 0 1px;
	padding: 6px 0 .3em 30px;
	background: #e4e9ec url(/kd_imgn/sb_ULT.png) repeat-x 0 -1px;
	}
#sideb li {
	margin: 0;
	padding: 0;
	list-style: url(/kd-ui_img/sb-Mainli.png);
	position: relative; /* ie6 ? */
	}
#sideb #sbMisc {
	margin: 0 1px 1px;
	padding: 8px 0 0;
	background: #e4e9ec url(/kd_imgn/sb_UL.png) repeat-x 0 0;
	}
#sideb #sbMisc li {
	list-style: none inside;
	list-style-image: none; /* ie 8 fails to override ? */
	background: url(/kd_imgn/sb_icon.png) no-repeat 2px .55em;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #aaa;
	padding: .2em .3em .3em 18px;
	}
	#sideb #sbMisc li:last-child {border-bottom:none;}

#sideb #sbMisc li.samp {
	background-color: #f3cece;
	color: #036;
	}


/* ---- bottom ---- */	
#footer {
	color: #fff;
	background: #5b717f;
	padding: .45em 3em;
	text-align: right;
	margin:0;
	border: 1em solid #c8c8c8;
	border-width:0 1em;
	}
#footer img {
	float:left;margin-top:.3em;
	}
#footer a {padding:0 .1em;}
#footer a:link, #footer a:visited {
	color:#fff;
	background:#5b717f;
	text-decoration:none;
	}
#footer a:focus, #footer a:hover, #footer a:active {
	color:#616c73;
	background:#fff;
	text-decoration:none;
	}
#footer span { font-size:93%; padding: 0 1em 0 0; font-family: Osaka, sans-serif;}

#url {display:none;}
#lcnft {text-align:left; margin: 0 1em .5em; font-size:.9em;}
#legal {
	text-align:right;
	margin: 0 3em 1em 0;
	font-size: .9em;
	}

#textnav {
	margin: 0 0 1em;
	padding: 1.5em 3em 0;
	text-align:right;
	}
#toolbox {
	padding: .28em 2em .2em;
	margin: 0;
	background: #f1f1f1;
	list-style: none;
	}
	#toolbox li {width: 9em;}
	.toolboxSize {float:right; text-align:right; width:10em;}
	.toolboxLi {float:left;}
	.toolboxSize, .toolboxTp {padding: 3px 0 1px;}
	.toolboxPrint {}
	#toolbox li img {vertical-align:middle;}

#toolbox, #textnav {
	border-top: 1px dashed #036;
	}

#backb { text-align:right; margin:0 3em 1.5em;}
#backb2 { text-align:right; margin:.3em 28% 2.5em 2em;}
#backb img, #backb2 img {vertical-align:bottom;}

/* forms */

form {
	margin:0;
	padding:0
	}
fieldset {
	margin: 1em 0;
	border: 0 none;
	width:100%
	}
/*input, textarea, select, option { line-height:normal}*/



/* css3 */


.highlight {
	-moz-border-radius:.8em;
	-webkit-border-radius:.8em;
	-khtml-border-radius:.8em;
	-border-radius:.8em;
	}


/* error pages */

.error #main {float:none; width:auto;}
.error #main ul {
	margin-left: 15%;
	}
.error #main ul li {
	padding-left: 22px;
	background: url(/kd_imgn/error_Icon.gif) no-repeat 0 .25em;
	list-style: none;
	margin-bottom:.5em;
	}
.error #main ul ul {
	margin: 0 0 0 3em;
	}
.error #main ul ul li {
	padding: 0;
	margin: 0;
	background: transparent none;
	list-style: disc;
	}
.error h2 {
	padding: 0;
	border: none;
	}