@charset "shift-jis";

/* screenstyles, $ 2008-08 */

/*\*//*/
  @import "aemscreen-ieM.css";
/* ie mac */

html, body {
	margin:0;
	padding:0;
	color: #2d324c;
	background:#fff;
	font: 100% 'Hiragino Kaku Gothic Pro', 'ƒqƒ‰ƒMƒmŠpƒS Pro W3', '‚l‚r ‚oƒSƒVƒbƒN', sans-serif;
}


h1, h2, h3, h4, h5, h6, #sideL, strong, b, dt, .bo, th, .over, .off, legend {
	font-weight:bolder;
}

body[id]::before {display:none;}
body {padding: 16px 0 0;}

/* -- elements -- */

a:link {color:#0909ee; text-decoration:underline;}
a:visited {color:#6a7da5}
a:focus, a:hover, a:active {color:#b00; text-decoration:none;}
img, a img {border: 0 none; margin:0;}

table {
	border-collapse:collapse;
	border-spacing:0;	
	font-size:1em;
	}
p {margin: 0 0 1em;}
h2 {font-size: 1.3em; color: #900; margin: 0 0 .5em;}
h3 {font-size: 1.2em; margin: 1.1em 0 .44em}
h4 {font-size: 1.05em; margin: 0 0 .66em}
h5, h6 {font-size: 1em; margin: 0 0 .33em}
ul, ol {margin-top: 0;}

dd {margin-left: 30px; padding-left:0;}

em, b, strong {font-weight:bold; font-style:normal;}

/* Gecko 1.8 -*/
html:not([lang*=""]) span.d-mF18 {font-family: Osaka, sans-serif;}

/* -- general -- */

.attention, .attn {color:#d01;}
.vertmidimg {vertical-align:middle;}
img.imgR {
	float:right;
	position:relative;
	margin-left:1em;
	}

h3, h3 span {
	color:#080;
	}
#comp h3,
#products h3,
#products h3 span,
#publish h3 {color: #2d324c;}

p.inLink {
	border-top:1px dashed #c8c8c8;
	padding:.3em;
	text-align:right;
	margin: 2em 0;
	}
p.inLink a,
p.inLinkL a,
p.inLinkL2 a {
	padding: .1em 0 .1em 16px;
	background: url(../ui/sc_da.gif) 0 .1em no-repeat;
	_height:1em;
	}
.inLink3 a {
	padding: .1em 20px .1em 0;
	background: url(../ui/sc_da.gif) 100% 50% no-repeat;
	display:inline-block;
	}

hr.clf {visibility:hidden; height:1px; margin:0; clear:both; border:none}

/* -- layout -- */
#container {
	width: 770px;
	background: #fff url(../ui/brand-bk1.gif) repeat-x 0 0;
	margin: 0 auto; 
	text-align: left;
	}
#branding {
	background: #2b3654 url(../ui/brand-rt.gif) no-repeat 100% 0;
	height: 75px;
	margin: 0 0 4px;
	position: relative;
}
#innerC {
	width: 760px;
	margin: 0 5px;
	padding: 1.5em 0;
	background: url(../ui/cntBck.gif) repeat-y 0 0;
}
#content {
	float: right;
	width: 525px;
	padding: 10px 25px 1em 0;
	font-size: .88em;
	line-height: 1.5;
}

#sideL {
	float:left;
	width: 157px;
	padding: 94px 0 0;
	background: url(../ui/t_ai-v2.gif) no-repeat  0 0;
	font-size: .88em;
	line-height: 1.4;
	
} 

#contact #sideL {background-image: url(../ui/t_info-v2.gif);}
#coaching #sideL,
#ukeru #sideL {background-image: url(../ui/t_program-v2.gif); }
#products #sideL {background-image: url(../ui/t_product-v2.gif);}
#publish #sideL {background-image: url(../ui/t_articles-v2.gif);}
#schedule #sideL {background-image: url(../ui/t_seminar-v2.gif);}
#comp #sideL {background-image: url(../ui/t_company-v2.gif);}


/* -- brand -- */
#branding h1 {
	width:400px;
	height:75px;
	position:relative;
	margin:0;
	padding:0;
	font-size:1.1em;
	float:left;
}
#branding h1 em {
	position:absolute;
	width:380px;
	height:75px;
	top:0;
	left:0;
	background: url(../ui/brand-h12.gif) no-repeat 0 0;
}
#branding p {
	text-align:right;
	padding: 8px 2.5% 0 0;
	margin:0;
	font-size:.85em;
	color:#fff
	}
	#branding p span {color:#2b3654;}
#branding p a {
	padding: 0 2px 0 14px;
	color:#fff;
	}
#branding p a:link,
#branding p a:visited {
	background: url(../ui/brand_sq.gif) no-repeat 0 3px;
	}
#branding p a:focus,
#branding p a:hover {
	background: #5a5d75 url(../ui/brand_sq.gif) no-repeat 0 3px;
	}

/* -- nav -- */

#tpnav {
	border: 1px solid #ccc;
	border-width: 0 1px;
	width:758px;
	margin:0 5px;
	background:#fff url(../ui/tpnav-bck1.gif) repeat-x bottom;
	}
#tpnav:after {
	content: "[.]";
	visibility:hidden;
	display:block;
	height:0;
	line-height:0;
	clear:both;
	}
#tpnav ul {
	float:right;
	margin:0 1em 0 0;
	padding:0;
	line-height:100%;
	}
#tpnav li {
	margin: 0 0 0 .3em;
	padding:0;
	border: 1px solid #545768;
	border-width: 0 1px 1px;
	list-style:none;
	float:left;
	}
#tpnav a {
	display:block;
	padding: 5px .8em 2px;
	font-size: .8em;
	line-height: 100%;
	color: #2d324c;
	text-decoration:none;
	background:#fff;
	border-bottom: 3px solid #fff;
	}	
#tpnav a:focus,
#tpnav a:hover,
#tpnav a:active {
	border-bottom:3px solid #e7b41d;
	}

/* -- sideL -- */

#sideL ul {
	margin:0 0 1em;
	padding:0;
	list-style:none;
}

#sideL ul li {
	margin: 0;
	padding: 0;
	border-bottom: 2px solid #fff;
	line-height:normal;
}

#sideL #li004 li {margin-bottom:1em}

#sideL h4 {
	margin: 0;
	padding: 0 2px 3px;
	color: #a51013;
	border: none;
	background: transparent;
	font-size: 1em;
}

#sbn {display:none;}
#coaching #sbn {display:block; margin:0;}
#sideL #sbn li {padding: 3px 0; border-bottom:1px dashed #b6b7b8}
#sideL #sbn .sbLiLt {border-bottom:none;}

#sideL li a {
	border-left: 5px solid #acb3bf;
	background: #f2f0da url(../ui/menu_B22.jpg) repeat-y -193px 0;
	padding: 3px 2px 4px 5px;
	display:block;
	color:#353847;
	text-decoration:none;
	line-height:135%;
	letter-spacing:.05em
}


#sideL a:focus,
#sideL a:hover {
	background: url(../ui/menu_B22.jpg) repeat-y 0 0;
	}

#li001 li a {border-color:#acb3bf;}
#li002 li a {border-color:#d8cd56;}
#li003 li a {border-color:#2b3654;}
li#dvdL a {border-color:#8c1517;}
li#artL a {border-color: #080;}
li#cafeL a {border-color: #ff6026;}




#sbn li a {
	padding: 0 0 0 9px;
	margin: 0;
	background:#fff url(../ui/subLi.gif) no-repeat 0 3px;
	font-weight:normal;
	color:#444;
	border: none;
}
#sbn li a:hover,
#sbn li a:focus {background:#fff url(../ui/subLi.gif) no-repeat 0 3px;}

#sideL ul.sbImgL li {padding: .66em 0 0}
#sideL ul.sbImgL li a {
	padding:0;
	border:none;
	background:transparent
	}
#sideL ul.sbImgL li a:focus,
#sideL ul.sbImgL li a:hover,
#sideL ul.sbImgL li a:active {
	background:transparent;
	}

/* -- content -- */
#content p, #content dd {text-align:justify;text-justify: inter-ideograph;}


.prgr3D dt {
	float:left;
	width: 4em;
	background:#ffc;
	border:1px solid #777;
	padding: 3px .5em;
	clear:both;
}
.prgr3D dd {margin: 0 0 1em 6em;}
.prgr {
	border-collapse:separate;
	border-spacing:5px 3px;
	border: 0 none;
	margin-bottom:1em;
	}
.prgr th, .prgr td {border: 1px solid #777; padding:5px 8px;}
.prgr td span {font-weight:bold;}
.prgr th {background:#ffc; border-bottom:2px solid #777}
.prgr td {vertical-align:top }
.prgr col {width:50%}

dl.semlistM {margin: .66em 20px 1.4em}/*dl#coachOverview*/
dl.semlistM dt {
	font-size:1.2em;
	padding: .2em .3em .2em 1em;
	border: 1px solid #b00;
	border-width: 1px 1px 3px;
	margin:0;
	color:#2d324c;
	background:#ffc;
	
	position:relative;
	}
	dl#coachOverview dt,
	dl.semlistM dt .lm {color:#b00;}
.semlistM dt.c-with-lnk {padding-right:135px;}
.semlistM dt span.lnkDl {
	position:absolute;
	right:16px;
	bottom:10px;
	width:125px;
	text-align:right;
	}

dl.semlistM dd {
	margin:0 0 1em;
	padding:.66em 14px .3em 2em;
	border: 1px solid #b00;
	}/*dl#coachOverview*/

dl.semlistM dd p {margin: 0 0 .2em 0;}/*dl#coachOverview*/
#content dl.semlistM dd .btn {text-align:right}
dl.semlistM>dd .btn img {vertical-align:bottom;}
.btn li {list-style:none;padding-bottom:3px;}
dl.semlistM dd ul {margin-bottom:0;}
.btn-t2 li {margin-bottom:.5em;border-bottom:1px dashed #ddd; list-style:square;position:relative;}
.semlistM dd .btn-t2 span {position:absolute; top: 10px; right: 2px;}

#ukeru-voice dt {
	margin: .66em 0;
	padding: 0 0 .2em;
	border-bottom: 1px dashed #bbb;
	}
.ukeru-box {
	margin: 2em 0 2em 20px;
	padding: 0 0 1px;
	zoom:1;
	position:relative;
	background-repeat: no-repeat;
	background-position: 50% 100%;
	}
	.ukeru-box:after {content:'.'; display:block; visibility:hidden; clear:both; height:0;}
	#uku-b1 {
		background-color: #e4f4c3;
		background-image: url(../ui/det-box1-G1.png);
		}
	#uku-b2 {
		background-color: #ffdba6;
		background-image: url(../ui/det-box2-O1.png);
		}
	#uku-b3 {
		background-color: #ffdcdc;
		background-image: url(../ui/det-box3-P1.png);
		}
	#uku-b4 {
		background-color: #d8ebff;
		background-image: url(../ui/det-box4-B1.png);
		}
	
	.ukeru-flBox {float:left; width:49.5%;}
.ukeru-box h5 {
	margin: -1em 0 0 0;
	padding: 5px 15px 5px;
	zoom:1;
	position:relative;
	background-repeat: no-repeat;
	background-position: 50% 0;
	}
	#uku-b1 h5 {
		background-color: #e4f4c3;
		background-image: url(../ui/det-box1-G1.png);
		}
	#uku-b2 h5 {
		background-color: #ffdba6;
		background-image: url(../ui/det-box2-O1.png);
		}
	#uku-b3 h5 {
		background-color: #ffdcdc;
		background-image: url(../ui/det-box3-P1.png);
		}
	#uku-b4 h5 {
		background-color: #d8ebff;
		background-image: url(../ui/det-box4-B1.png);
		}
.ukeru-box ul {margin: 5px 0; padding: 0 10px 0 30px;}

#content p.coOrder {text-align:right;margin-top:2em;}
p.coOrder img {vertical-align:bottom;}

/* - schedule - */
#schedule h3 {
	color: #080;
	margin: 1.5em 0 .66em;
	padding: .2em .2em .2em .66em;
	border: 1px solid #080;
	background: #e3f4e3;
	}

#scheduleTb {
	margin: 0 0 1em;
	border: 1px solid #777;
	border-width: 1px 0 0 1px;
	border-collapse:collapse;
	}
col.nr { text-align:center;}
col.pl {width:7.0em;}
#scheduleTb td {font-size:.9em}
#scheduleTb td,
#scheduleTb th {
	border: 1px solid #777;
	border-width: 0 1px 1px 0;
	padding: 3px;
	text-align:left;
	}
#scheduleTb thead th {
	text-align:center;
	background:#c7e1f9;
	white-space:nowrap;
	border-bottom-width:2px;
	}
#scheduleTb tbody th {text-align:left;font-size:.9em;}
#scheduleTb th:first-child+td+td {text-align:center;}
tr.altern {background:#f9f4db;}
#scheduleTb td span {
	display:block;
	text-align:right;
	font-weight:bold;
	}
.diab-sched .over,
#scheduleTb td span.over {color:#c00;}
#scheduleTb td span.stx {color:#080;}


/* -- misc -- */

.checkpoint {
	border:3px double #e8ae00;
	padding:.6em 1em;
	margin:0 .6em 1em .1em;
	background:#f9f4db;
}

dl.legaldd dt {color:#800}
dl.legaldd dd {margin:0 0 .66em 2em; padding:0;}
dl.legaldd dd ul {list-style:disc; margin: 0 0 0 1.1em; padding:0;}
#shopping #content p {padding-left:1.5em; margin: 0 0 .66em}
#shopping #content p.idn {padding-left:2.5em; text-indent:-1em;}
#shopping #content h4 {margin:1.2em 0 .5em}

/* - voices - */
dl#voices dt {color:#080;}
dl#voices dd span {color:#666}
dl#voices dd {
	margin:0 .8em 1.3em 0;
	padding-left:65px;
	background: url(../ui/voice.gif) no-repeat 0 100%;
	}
/* -- staff -- */
img.staffp {float:left; margin: 0 1.3em 1em 0;}
h4.staffh4 {border-top:1px dashed #c1c1c1; padding-top:1em;}
p.cls {clear:left;}

ul.navlist {list-style:none; margin:0 0 1.2em 0; padding:0; text-align:right;}
ul.navlist li {display:inline; padding: 0 8px; border-right: 1px solid #2d324c}

/* -- products -- */
#products h2 {color:#006;}
#prodDVD {margin: 0 0 0 10px;}
#prodDVD h4 {
	border-bottom: 1px dashed #447;
	font-size:1.1em;
}
#prodDVD h5 span {
	background: #b00;
	color:#fff;
	padding: 2px 5px;
}
#prodDVD ul {
	list-style:circle;
	margin:0 0 1em;
	padding: 0 0 0 2em;
}
#dvdorder {
	border:3px double #800;
	padding: .7em 1.2em 0 2em;
	margin: 0 2em 1em;
	background:#fff url(../ui/dvdorBck.gif) repeat-x 0 0;
}
#dvdorder h5 {
	font-size:1.1em;
	color:#007;
	padding: 0 0 .15em;
}
/* -- item_form -- */
#item_form{
	width:550px;
}
#item_form h3{
	margin-top:20px;
	margin-bottom:10px;
	margin-left:0px;
	margin-right:0px;
}
#item_form h3 span{
	color:#F00;
	font-size:small;
	padding-left:5px;
	font-weight:normal;
}
#item_form .table01{
	width:550px;
	margin-top:20px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	border:solid 1px #CCC;
}
#item_form .table01 th{
	background-color:#fff2cc;
	padding-left:10px;
	border-left:1px #CCC solid;
}
#item_form .table01 td{
	padding-left:10px;
	border-left:1px #CCC solid;
}
#item_form h4{
	margin-top:10px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	font-weight:normal;
	font-size:small;
	
		padding: 10px;
	border: 1px solid #CCCCCC;
	background-color: #eeeeee;

}
#item_form p{
	margin-top:10px;
	color:#666;
	line-height:120%;
}
#item_form p.type01{
}
/* -- company -- */

#comp dl {
	margin: 0 0 1.5em 25px;
	padding:0;
}
#comp dt {
	float:left;
	text-align:left;
	font-weight:bold;
	width: 7em;
	padding: 0 0 0 14px;
	clear:both;
	background: url(../ui/grSq.gif) no-repeat 0 4px;
}
#comp dd {margin: 0 0 .66em 8.2em; padding: 0;}
#comp dd ul {list-style:disc; margin:0; padding: 0 0 0 1.6em;}


ul.diam {
	list-style: url(../ui/diamondSq.gif);
	margin:0 0 1em;
	padding:0 0 0 3.1em;
	}
#comp #content h3 {
	border-bottom: 1px dashed #336;
	padding-bottom: .2em;
	}
 
/* -- forms -- */
form {
	margin:0;
	padding:0;
}
fieldset {
	margin: 0 0 1em;
	padding: 10px 5px 5px;
	border: 1px solid #b8b8b8;
	border-width: 1px;
	}
legend {
	font-size: 1.1em;
	color: #080;
	padding: 0 .5em
}
legend span {font-size:.9em;}
body#contact legend {display:none;}
input.address,
select,
textarea {margin: 2px 0;}
textarea,
input.address {width:400px;}
input.yubin {width:9em;}


input[type="radio"] { /*vertical-align:middle*/}

div.frmTb {
	margin: 5px;
	padding:.66em 15px;
	background:#f4f4d7;
	}
div.row,
div.row0,
div.row-t {
	padding: 3px .4em 4px 2.5em;
	margin:0 0 3px;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #cbcbc1;
	border-bottom:1px solid #cbcbc1;
	background:#ffffea;
	line-height:160%
}
div.row {
	text-indent: -1.5em;
}
.row span {margin-left:-1.5em;}

div.row-t {padding-left:1em;}
div.row-t textarea,
div.row-t select {margin-left:1.5em}

.row ul {margin:0; padding:0; list-style:none; text-indent:0;}
.row ul li {text-indent:-1.5em; padding-left:1.5em;}

input, select, option, textarea {text-indent:0;}

.submitfield { margin:1em 0; text-align:right;}


/* -- footer -- */
#leg {
	margin: 0;
	padding: .66em 2.5%;
	border-top: 3px double #9396a9;
	clear:both;
}
#leg p {
	color: #6d728e;
	font-size: .8em;
	margin:0 0 .2em;
	line-height: 140%;
	}
p.url {display:none;}
