/*------------------------------------------------------------
| wrapper
------------------------------------------------------------*/
#doc-wrap {
	background-color: #fff;
	width: 720px;
	margin: auto;
	position: relative;
}
/*------------------------------------------------------------
| head styles
------------------------------------------------------------*/
#doc-head {
	background: #fff;
	width: auto;
	height: auto;
	padding: 8px 16px;
	margin: 0px;
	display: block;
	position: static;
}

#doc-head .main { padding-right: 0px; }
a#btn-listtop {
	background-image: url(../_cmn/_ja/ttl-itemlist.n.gif);
	width: 68px; height: 24px;
}
a#btn-listtop:hover {
	background-image: url(../_cmn/_ja/ttl-itemlist.o.gif);
}
#doc-body { width: auto; padding: 0px 28px; }
/*------------------------------------------------------------
| navigation styles
------------------------------------------------------------*/
/*-- main nav --*/
.pgnav { line-height: 1.25em; }
.pgnav .loading {
	color: #fff;
	background-color: #389438;
	padding: 2px;
}
/*-- top page item list --*/
.toplist { border-bottom: 1px solid #ccc; }
.toplist a {
	font-size: 15px;
	line-height: 1.25em;
	font-weight: bold;
	text-decoration: none;
}
.toplist a span {
	width: 210px;
	background: url(../_cmn/icn-il-show.n.gif) no-repeat left center;
	text-align: left;
	padding: 5px 0px 5px 24px;
	margin: auto;
	display: block;
}
.toplist a:hover { background-color: #dce9f0; }
.toplist a:hover span { background-image: url(../_cmn/icn-il-show.o.gif); }

.pickone { color: #666; text-align: center; margin: 0px; }
.nolist { color: #ae1e1e; text-align: center; margin: 40px 0px; }

/*-- list -> change item navigation --*/
.item_nav {
	padding-bottom: 6px;
}
.itemcnt {
	color: #389438;
	font-size: 11px;
}

/*-- list -> toggle details navigation --*/
.toggle_nav { float: right; }

/*-- list -> change view navigation --*/
.view_nav { white-space: nowrap; float: left; }
.view_nav * { padding: 2px 0px; }
.view_nav a { text-decoration: none; display: none; }
.view_nav a.a { color: #fff; }

/*-- not [ie:mac] [end] --\*/
.view_nav a { margin-right: -2px; background: no-repeat left center; }
.view_nav a span { padding-right: 4px; margin-left: 4px; background: no-repeat right center; }
.view_nav a:hover { background-image: url(../_cmn/bg-viewlink.o.gif); }
.view_nav a:hover span { background-image: url(../_cmn/bg-viewlink.o.gif); }
.view_nav a.a { background-image: url(../_cmn/bg-viewlink.a.gif); }
.view_nav a.a span { background-image: url(../_cmn/bg-viewlink.a.gif); }
/*-- not [ie:mac] [end] --*/

/*-- [ie:mac] only [begin] --\*//*/
* html .view_nav a span { padding: 2px 3px; }
* html .view_nav a:hover span { background-color: #dce9f0; }
* html .view_nav a.a span { background-color: #3a728d; }
/*-- [ie:mac] only [end] --*/

/*-- sliding top of page link --*/
#gotoTOP {
	width: 24px;
	height: 24px;
	position: absolute;
	top: -24px;
	right: 2px;
	z-index: 10000;
	display: none;
}
#gotoTOP a {
	width: 24px;
	height: 24px;
	display: block;
	background: url(../_cmn/icn-il-pagetop.n.gif) no-repeat center center;
}
#gotoTOP a:hover { background-image: url(../_cmn/icn-il-pagetop.o.gif); }
#gotoTOP a:active { background-image: url(../_cmn/icn-il-pagetop.a.gif); }

/*------------------------------------------------------------
| list styles
+-------------------------------------------------------------
| NOTE: "a" is set to "item" <div>, "o" is set to "trgr" <table>
------------------------------------------------------------*/

#item-list { margin: 8px 0px; border-top: 1px solid #ccc; }
#item-list .item { border-bottom: 1px solid #ccc; }
#item-list table { width: 100%; }

/*-- trigger styles --*/
#item-list .trgr { cursor: pointer; }
#item-list .icon {
	padding: 0px 1px 0px 25px;
	background: url(../_cmn/icn-il-show.n.gif) no-repeat 4px center;
}
#item-list .icon div { background-color: #fff; padding: 1px; border: 2px solid #fff; }
#item-list .code { font-size: 11px; line-height: 1em; text-align: right; white-space: nowrap; padding: 4px; }
#item-list .ttl { padding: 4px; width: 99%; }
#item-list .name { margin: 0px; clear: left; }

/*-- compact layout --*/
.compact .icon div { width: 60px; height: 20px; overflow: hidden; }
.compact .ttl .marks, .compact .ttl h3 { float: left !important; clear: none !important; }
.compact .ttl .marks { margin-top: 4px; }
.compact .ttl h3 { font-size: 14px; margin-top: 1px !important; }
.compact * { line-height: 1.25em !important; }

/*-- target styles --*/
#item-list .trgt { display: none; }
#item-list .trgt td { vertical-align: top; }
#item-list .imgs { width: 1%; white-space: nowrap; padding: 8px 0px; }
#item-list .imgs img { margin: 0px 4px; vertical-align: top; }
#item-list .info { padding: 8px 4px; }

/*-- hover styles --*/
#item-list .o { background: #dce9f0; }
#item-list .o .icon { background-image: url(../_cmn/icn-il-show.o.gif); }
#item-list .o .ttl * { color: #333 !important; }
#item-list .o .icon div { border-color: #98bcce; }

/*-- nostock styles --*/
#item-list .nostock .o { background: #f3d9d9 !important; }
#item-list .nostock .ttl .name { color: #666; }
#item-list .nostock .o .icon div { border-color: #e5a1a1; }
#item-list .nostock .code em { color: #fff; padding: 1px 2px; }
#item-list .nostock .code em.msg_x { background-color: #ae1e1e; }
#item-list .nostock .code em.msg_w { background-color: #823d8f; }

/*-- active styles --*/
#item-list .a .trgr { background: #f2f2f2; border-bottom: 1px solid #e5e5e5; }
#item-list .a .icon { background-image: url(../_cmn/icn-il-show.a.gif); }
#item-list .a .icon { width: 0px; padding: 0px 0px 0px 24px; }
#item-list .a .icon div { display: none; }
#item-list .a .trgt { display: block; }

/*-- active:hover styles --*/
#item-list .a .o { background: #dce9f0; }
#item-list .a .o .icon { background-image: url(/_cmn/icn-il-hide.o.gif); }

/*------------------------------------------------------------
| layout styles
------------------------------------------------------------*/
.cmnt-n, .cmnt-i, .cmnt-w {
	color: #333;
	line-height: 1.25em;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding: 2px 4px 2px 22px;
	margin-bottom: 1px;
}

.cmnt-n { background-color: #dce9f0; background-image: url(../_cmn/icn-note.gif); }
.cmnt-i { background-color: #d9f3d9; background-image: url(../_cmn/icn-info.gif); }
.cmnt-w { background-color: #f3d9d9; background-image: url(../_cmn/icn-warn.gif); }

/*------------------------------------------------------------
| stock (addnav) styles
------------------------------------------------------------*/
.stock { margin-bottom: 2px; border-bottom: 1px solid #e5e5e5; }
.stock td {
	line-height: 1.25em;
	vertical-align: middle !important;
	padding: 4px;
	border-top: 1px solid #e5e5e5;
}
.stock .type, .stock .price, .stock .add { font-size: 13px; font-weight: bold; }
.stock .type { color: #3a728d; }
.stock .price { color: #389438; text-align: right; white-space: nowrap; }
.stock .price em { font-size: 0.9em; }
.stock .add { padding: 0px; white-space: nowrap; width: 5%; }
.stock .ok, .stock .x, .stock .w {
	background: no-repeat left center;
	padding: 4px 6px 4px 22px;
	display: block;
}
.stock .ok { text-decoration: none; background-image: url(../_cmn/btn-il-add.n.gif); }
.stock .x { color: #ae1e1e; background-image: url(../_cmn/btn-il-add.x.gif); }
.stock .w { color: #823d8f; background-image: url(../_cmn/btn-il-add.w.gif); }
.stock .ok:hover { background-color: #dce9f0; background-image: url(../_cmn/btn-il-add.o.gif); }

.stock .pnote { line-height: 1.5em; white-space: normal; padding: 0px 0px 1px; border-style: none; }
#item-list .memo { color: #333; font-size: 11px; line-height: 1.25em; text-align: right; }

/*------------------------------------------------------------
| foot styles
------------------------------------------------------------*/
#doc-foot { background-color: #e5e5e5; width: auto; }