/*------------------------------------------------------
| page framing
------------------------------------------------------*/

#doc-body{
	width: 800px;
	margin: 0px auto;
}

#doc-head { padding: 8px 24px 0px 24px; }

#doc-main {
	width: 550px;
	overflow: hidden;
	float: left;
	padding: 24px;
}

#doc-sub {
	width: 178px;
	overflow: hidden;
	float: right;
	padding: 24px 24px 24px 0px;
}

#doc-foot { clear: both; }

/*------------------------------------------------------
| common styles
------------------------------------------------------*/

body {
	color: #333;
	line-height: 1.5em;
	background: url(../_cmn/bkd-grd.gif) repeat-y center top;
	background-color: #ffffcc;
}

a { color: #f2460d; }
a:visited { color: #f2460d; }
a:hover { color: #cc0000; background-color: #ffffcc; }
a:active { color: #cc0000; }
a.nor { color: inherit; background-color: inherit; text-decoration: inherit; }
.narrow { letter-spacing: 0em !important; }

h1, h2, h3, h4, h5, h6 { color: #f2460d; }
dt h1, dt h2, dt h3, dt h4, dt h5, dt h6 { margin-bottom: 0px; }
ul ul { margin: 0px; }


/*----- font colors -----*/
.tea-l { color: #4889a8 !important; }
.tea-m { color: #3a728d !important; }
.tea-d { color: #2f5d74 !important; }
.gry-l { color: #808080 !important; }
.gry-m { color: #666 !important; }
.gry-d { color: #333 !important; }
.blu { color: #1e65ae !important; }
.grn { color: #389438 !important; }
.red { color: #cc0000 !important; }
.pur { color: #823d8f !important; }
.yel { color: #998033 !important; }
.blk { color: #000 !important; }
.pnk { color: #cc0066 !important; }

/*----- lineage -----*/
.line-t, .line-tb { border-top: 1px dotted #ffcc66; }
.line-b, .line-tb { border-bottom: 1px dotted #ffcc66; }
.box { border: 1px solid #ccc; padding: 4px; }

/*----- sections/divisions -----*/
.sec-t, .sec-tb, .sec-b, .div { clear: both; }
.div { border-top: 1px solid #e5e5e5; }

/*----- floating -----*/
.left,  .img-l { float: left; }
.right, .img-r { float: right; }
.img-l { margin: 0px 16px 8px 0px; }
.img-r { margin: 0px 0px 8px 16px; }

/*----- widths -----*/
.width-s { width: 168px; }
.width-m { width: 262px; }
.width-l { width: 356px; }

/*----- compact (add to default.css later) -----*/
ol.cmpt, ol.cmpt li, dd.cmpt, dt.cmpt { padding: 0px 0px; }

/*----- marks -----*/
em.mark {
	width: 32px;
	height: 15px;
	background: no-repeat;
	background-position: left top;
	float: left;
}
em.new { background-image: url(../_cmn/mark-new.gif); }
/*-- set by language --*/
em.arv { ; }
em.rec { ; }
em.pop { ; }
em.lim { ; }

/*----- display -----*/
.off { display: none; }

/*----- badbrowser -----*/
.badbrowser { display: none; }
/*-- [ie:mac] [begin] --\*//*/
.badbrowser {
	color: #333;
	background: #ffa url(../_cmn/icn-warn-yel-s.gif) no-repeat 4px center;
	padding: 2px 2px 2px 22px;
	margin-bottom: 8px;
	display: block;
}
.badbrowser * { line-height: 1.25em; margin: 0px; }
/*-- [ie:mac] [end] --*/

/*------------------------------------------------------
| list navigation styles
------------------------------------------------------*/

.colnav li { display: inline; }
.colnav a, .rownav a {
	line-height: 1.25em;
	text-decoration: none;
	padding: 2px 6px 2px 15px;
	background: no-repeat 3px center;
	display: block;
}
.rownav { display: table; }
/*-- [ie:mac] only [begin] --\*//*/
.rownav { display: inline-block; }
/*-- [ie:mac] only [end] --*/
.rownav li, .rownav a { float: left; }

.link a { background-image: url(../_cmn/icn-link.n.gif); }
.arr-r a { background-image: url(../_cmn/icn-arr-r.n.gif); }
.arr-l a { background-image: url(../_cmn/icn-arr-l.n.gif); }
.arr-u a { background-image: url(../_cmn/icn-arr-u.n.gif); }
.arr-d a { background-image: url(../_cmn/icn-arr-d.n.gif); }
.radio a { background-image: url(../_cmn/icn-radio.n.gif); }
.newwin a { background-image: url(../_cmn/icn-newwin.n.gif); }
.news a { background-image: url(../_cmn/icn-news.n.gif); }
.folder a { background-image: url(../_cmn/icn-arr-r.n.gif); }
.folder .content a { background-image: url(../_cmn/icn-fitem.n.gif); }

.colnav a:hover, .rownav a:hover { background-color: #dce9f0; }
.link a:hover { background-image: url(../_cmn/icn-link.o.gif); }
.arr-r a:hover { background-image: url(../_cmn/icn-arr-r.o.gif); }
.arr-l a:hover { background-image: url(../_cmn/icn-arr-l.o.gif); }
.arr-u a:hover { background-image: url(../_cmn/icn-arr-u.o.gif); }
.arr-d a:hover { background-image: url(../_cmn/icn-arr-d.o.gif); }
.radio a:hover { background-image: url(../_cmn/icn-radio.o.gif); }
.newwin a:hover { background-image: url(../_cmn/icn-newwin.o.gif); }
.news a:hover { background-image: url(../_cmn/icn-news.o.gif); }
.folder a:hover { background-image: url(../_cmn/icn-arr-r.o.gif); }
.folder .content a:hover { background-image: url(../_cmn/icn-fitem.o.gif); }

.colnav a.a, .rownav a.a { color: #4d4d4d; background-color: #e5e5e5; font-weight: bold; }
.link a.a { background-image: url(../_cmn/icn-link.a.gif); }
.arr-r a.a { background-image: url(../_cmn/icn-arr-r.a.gif); }
.arr-l a.a { background-image: url(../_cmn/icn-arr-l.a.gif); }
.arr-u a.a { background-image: url(../_cmn/icn-arr-u.a.gif); }
.arr-d a.a { background-image: url(../_cmn/icn-arr-d.a.gif); }
.radio a.a { background-image: url(../_cmn/icn-radio.a.gif); }
.newwin a.a { background-image: url(../_cmn/icn-newwin.a.gif); }
.news a.a { background-image: url(../_cmn/icn-news.a.gif); }
.folder a.a { background-image: url(../_cmn/icn-folder.a.gif); }
.folder .content a.a { background-image: url(../_cmn/icn-fitem.a.gif); }

/*-- "folder" specific styles --*/
.folder .content {
	background: url(../_cmn/crnr-sml-br.gif) no-repeat right bottom !important;
	padding: 0px 0px 6px !important;
	display: none;
}

/*-- "doc-sub" specific styles --*/
#doc-sub .colnav a,
#doc-sub .rownav a,
#doc-sub .folder a {
	letter-spacing: .1em;
	background-position: 6px center;
	padding: 4px 6px 4px 18px;
}
#doc-sub .colnav a.a,
#doc-sub .rownav a.a,
#doc-sub .folder a.a {
	background-color: #fff;
}
#doc-sub .folder .content a { padding: 2px 6px 2px 30px !important; }

/*------------------------------------------------------
| group navigation styles
------------------------------------------------------*/
.grpnav { ; }
.grpnav .row { clear: both; }
.grpnav .row div { margin-bottom: 16px; }
.grpnav .row div img { margin-bottom: 4px; }
/*-- not [ie:mac] only [begin] --\*/
.grpnav .row div { overflow: hidden; float: left; clear: none; }
.grpnav .row .grp2 { width: 260px; margin-right: 24px; }
.grpnav .row .grp3 { width: 170px; margin-right: 20px; }
.grpnav .row .grp4 { width: 124px; margin-right: 16px; }
.grpnav .lastrow div { margin-bottom: 0px !important; }
.grpnav .lastgrp { margin-right: 0px !important; }
.grpnav .row div a { float: left; }
/*-- not [ie:mac] only [end] --*/
/*-- [ie:mac] only [begin] --\*//*/
.grpnav .row div a { margin: 0px 16px 16px 0px; float: left; }
.grpnav .row div p { float: left; }
.grpnav .row div p b { display: block !important; float: none !important; }
/*-- [ie:mac] only [end] --*/

/*------------------------------------------------------
| category list styles
------------------------------------------------------*/

.grplist li {
	width: 100%;
	float: left;
	clear: left;
}
.grplist a {
	color: #666;
	text-decoration: none;
	margin-bottom: 16px;
	display: block;
}
.grplist .img {
	background-color: #fff;
	padding-right: 4px;
	margin-right: 4px;
	float: left;
}
.grplist .txt { display: block; }
.grplist strong {
	color: #3a728d;
	font-size: 15px;
	font-weight: bold;
	line-height: 1em;
	padding: 4px 0px;
	display: block;
}
.grplist a:hover { color: #333; background-color: #dce9f0; }
.grplist a:hover strong { color: #333; }

/*------------------------------------------------------
| special link styles
------------------------------------------------------*/
/*-- page top link --*/
a.link-pgtop {
	font-size: 11px;
	line-height: 1.25em;
	text-decoration: none;
	padding: 1px 6px 1px 15px;
	background: url(../_cmn/icn-arr-u.n.gif) no-repeat 3px center;
	float: right;
}
a.link-pgtop:hover { background-color: #dce9f0; background-image: url(../_cmn/icn-arr-u.o.gif); }

/*------------------------------------------------------
| #doc-head common styles
------------------------------------------------------*/

#doc-head {
	padding: 16px 24px 0px 24px;
}

#doc-head .menu {
	float: right;
	margin-top: 24px;
}

#doc-head .menu li {
	float: left;
	padding-left: 12px;
	background: url(../_cmn/icn-arrow.gif) no-repeat left center;
	margin: 0px 8px;
	line-height: 1.3em;
}

#doc-head .menu a { text-decoration: none; }

#doc-head .menu a.a { color: #333; font-weight: bold; }


/*------------------------------------------------------
| #doc-main common styles
------------------------------------------------------*/

/*----- #doc-main "head" -----*/
#doc-main  .head-crnr { background-image: url(../_cmn/crnr-sml-tl.gif); height: 32px; }

.breadcrum {
	color: #4d4d4d;
	background: #e5e5e5 url(../_cmn/bg-breadcrum.gif) repeat-y right top;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.25em;
	padding: 8px 0px 4px 0px;
	margin: 0px;
}
.breadcrum a { text-decoration: none; }
.breadcrum a:hover { text-decoration: underline; }
.breadcrum hr { display: none; }


/*------------------------------------------------------
| table styles
------------------------------------------------------*/

/*-- hyou1 --*/
table.hyou1 { margin-bottom: 4px; }
table.hyou1 * { line-height: 1.25em; }
table.hyou1 th {
	color: #3a728d;
	text-align: right;
	white-space: nowrap;
	vertical-align: top;
	padding: 4px 4px 4px 0px;
	border-right: 1px solid #ccc;
}
table.hyou1 td {
	vertical-align: top;
	padding: 4px 0px 4px 4px;
}

/*-- hyou-s --*/
table.hyou-s {
	border: solid #ccc;
	border-width: 1px 1px 0px 0px;
}
table.hyou-s th, table.hyou-s td {
	padding: 4px;
	border: solid #ccc;
	border-width: 0px 0px 1px 1px;
}
table.hyou-s th {
	text-align: center;
	background-color: #ffffcc;
	white-space: nowrap;
}
table.hyou-s td {
	vertical-align: top;
	font-size: 11px;
	line-height: 1.25em;
}

table.hyou-s .data {
	white-space: nowrap;
}

/*-- specs-3 --*/
table.slingtbl { width: 100%; }
table.slingtbl td { width: 33%; }
table.slingtbl .ttl td { vertical-align: top; padding: 0px; }

/*-- specs-3 --*/
table.sizes th, table.sizes td { white-space: nowrap; padding: 2px 4px; }


/*------------------------------------------------------
| #doc-sub common styles
------------------------------------------------------*/
/*-- #doc-sub 共通 --*/

#doc-sub .menu { border-bottom: 1px dotted #ffcc66; }

#doc-sub .menu a {
	display: block;
	border-top: 1px dotted #ffcc66;
	padding: 4px;
}

#doc-sub .menu a:hover { background-color: #ffffcc; }
#doc-sub { font-size: 11px; line-height: 1.4em; }


/*------------------------------------------------------
| #doc-foot common styles
------------------------------------------------------*/
#doc-foot {
	width: 100%;
	border-top: 1px dotted #ffcc66;	
	text-align: center; 
	padding: 16px 0px;
	font-size: 11px;
	line-height: 1.25em;
}

/*------------------------------------------------------
| 全体のスタイル
------------------------------------------------------*/
.grpnav p { line-height: 120%; }

#doc-main .sec { clear: both; padding-top: 24px; }

.sec h3 { font-size: 16px; margin-top: 24px; padding: 4px; border-top: 1px dotted #ffcc66; border-bottom: 1px dotted #ffcc66; clear: both; }
.sec h4 { font-size: 14px; margin: 12px 0px 2px 0px; }
.sec h5 { font-size: 13px; margin: 12px 0px 2px 12px; }
.sec p { margin: 2px 12px 0px 12px; }

.bnr {
	width: 240px;
	padding: 8px 0px;
	margin: 16px 0px 0px 16px;
	display: block;
	background: #ffffcc url(../_cmn/bkd-grd_bnr.gif) repeat-x left top;
	border: 1px solid #ffcc66;
	text-align: center;
	font-size: 1.1em;
 	font-weight: bold;
}

.bnr a {
	text-decoration: none;
	background: url(../_cmn/icn-arrow.gif) no-repeat left center;
	padding-left: 12px;
 }
	

/*------------------------------------------------------
| その他メニューのスタイル
------------------------------------------------------*/
li a { text-decoration: none; }
li a.a { color: #333; font-weight: bold; }

/*-- #menu-ber --*/
#menu-ber {
	width: 780px;
	height: 18px;
	background-color: #ffffcc;
	border-top: 1px solid #ffcc66;	
	border-bottom: 1px solid #ffcc66;
	padding: 2px 0px 2px 20px;
}

#menu-ber ul { list-style: none; }

#menu-ber li {
	float: left;
	display: block;
	border-left: 1px solid #ffcc66;	
	font-size: 13px;
}

#menu-ber li.last {	border-right: 1px solid #ffcc66; }
#menu-ber a { font-weight: bold; padding: 2px 12px; }
#menu-ber a:hover {	color: #fff; background-color: #f2460d;	}

/*-- .ttl-menu --*/
.ttl-menu {	width: 360px; float: right; padding: 0px 8px; font-size: 13px; font-weight: bold; }
.ttl-menu p { margin: 0px 8px; }

.ttl-menu li {
	padding-left: 12px;
	background: url(../_cmn/icn-arrow.gif) no-repeat left center;
	margin: 2px 8px;
	line-height: 120%;
}


/*------------------------------------------------------
| ページ別スタイル
------------------------------------------------------*/

/*-- What'ts new!ページ --*/
.news p { font-size: 12px; line-height: 120%; }
.news .day { font-weight: bold; }

/*-- 申し込み・お問合せページ --*/
 ul.ls-form { margin-left: 20px; }
.ls-form li {
	padding-left: 12px;
	background: url(../_cmn/icn-arrow.gif) no-repeat left center;
	margin-top: 12px;
	line-height: 1.3em;
}

/*-- エネルギー摂取表 --*/
#energy .hyou-s { width: 100%; }
#energy .hyou-s th { font-size: 12px; }

#energy .hyou-s td {
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
}

#energy .hyou-s .b-blu { background-color: #e5f6ff; }
#energy .hyou-s .b-red { background-color: #ffe5e5; }
#energy .hyou-s .b-grn { background-color: #e5ffea; }

/*-- サイトマップ --*/
.sitemap li {
	font-size: 14px;
	font-weight: bold;
	margin: 12px 0px 0px 24px;
	padding-left: 12px;
	background: url(../_cmn/icn-arrow.gif) no-repeat left center;
	line-height: 1.5em;
}

.sitemap ul.contents li {
	font-size: 13px;
	font-weight: normal;
	margin: 12px 0px 4px 36px;	
}