/*------------------------------------------------------------
| common.css (www.parenting012.net)
| common framing/layout styles
+-------------------------------------------------------------
| Copyright (c) 2006 Tadpole Solutions
| Written by: Joel Millin (jomi@tadpole-online.com)
+-------------------------------------------------------------
| + page framing
| + common styles
| + list navigation styles
| + group navigation styles
| + #doc-head common styles
| + #doc-main common styles
| + #doc-sub common styles
| + #doc-foot common styles
| + form common styles
+-----------------------------------------------------------*/
.WORK { color: red; border: 2px solid red; }

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

#doc-wrap { ; }
#doc-head .nav, #doc-body, #doc-foot {
	width: 800px;
	margin: 0px auto;
}
#doc-head {
	width: 100%;
	background: url(../_cmn/bg-head.gif) repeat-x center top;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 999;
}
#doc-head .nav {
	height: 48px;
	margin-top: 8px;
}
#doc-head .shdw {
	height: 8px;
	background: url(../_cmn/shdw-head.png) repeat-x center top;
}

#doc-body {
	background-color: #fff;
	padding-top: 56px;
}
#doc-main {
	width: 576px;
	overflow: hidden;
	float: left;
}
#doc-sub {
	width: 192px;
	overflow: hidden;
	float: right;
}
#doc-foot { clear: both; }

/*-- [ie:mac] only [begin] --\*//*/
* html #doc-head { position: static; }
* html #doc-head .shdw {
	background-repeat: no-repeat;
	margin-bottom: -8px;
	position: relative;
	z-index: 100;
}
* html #doc-body { padding-top: 0px; }
/*-- [ie:mac] only [end] --*/

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

body {
	color: #666;
	line-height: 1.5em;
	background-color: #e5e5e5;
}

a { color: #3a728d; }
a:visited { color: #3a728d; }
a:hover { color: #333; }
a:active { color: #389438; }
a.nor { color: inherit; background-color: inherit; text-decoration: inherit; }
.narrow { letter-spacing: 0em !important; }

h1, h2, h3, h4, h5, h6 { color: #3a728d; }
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: #4d4d4d !important; }
.blu { color: #1e65ae !important; }
.grn { color: #389438 !important; }
.red { color: #ae1e1e !important; }
.pur { color: #823d8f !important; }
.yel { color: #998033 !important; }
.blk { color: #000 !important; }

/*----- lineage -----*/
.line-t, .line-tb { border-top: 1px solid #e5e5e5; }
.line-b, .line-tb { border-bottom: 1px solid #e5e5e5; }
.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: 168px; 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 li { margin: 4px 0px; }
#doc-head h1 { padding: 0px; }
#doc-head ul.fl-l li { padding-right: 4px; }
#doc-head ul.fl-r li { padding-left: 4px; }

#doc-head ul.fl-l .line { padding-left: 4px; border-left: 1px solid #ccc; }
#doc-head ul.fl-r .line { padding-right: 4px; border-right: 1px solid #ccc; }

#doc-head a { height: 16px; display: block; }
#btn-iemac { display: none; }
/*-- [ie:mac] [begin] --\*//*/
#btn-iemac { display: inline; }
#btn-iemac a {
	font-size: 11px;
	line-height: 16px;
	text-decoration: none;
	background: #ffa url(../_cmn/icn-warn-yel-s.gif) no-repeat left center;
	padding: 0px 2px 0px 16px;
	float: left;
}
/*-- [ie:mac] [end] --*/

/*-- メインナビゲーション --*/
#doc-head .main {
	height: 24px;
	background: #3a728d url(../_cmn/cap-head_main-r.gif) no-repeat right top;
	padding-right: 4px;
}

a#btn-top { width: 210px; height: 24px; background-image: url(../_cmn/btn-top.n.gif); }
a#btn-top:hover { background-image: url(../_cmn/btn-top.o.gif); }
#d0_top a#btn-top { background-image: url(../_cmn/btn-top.n.gif) !important; cursor: default; }

/*-- 検索 --*/
#doc-head .search {
	height: 21px;
	font-size: 0.85em;
	line-height: 18px;
	padding: 3px 0px 0px 74px !important;
	margin: 0px;
}
#doc-head .search input { width: 120px; }
/*-- [ie:mac] [begin] --\*//*/
#doc-head .search form { display: inline; }
#doc-head .search select { height: 16px; }
#doc-head .search input { height: 14px; padding-top: 2px; }
/*-- [ie:mac] [end] --*/

/*------------------------------------------------------
| #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; }

/*----- #doc-main "sec" -----*/
#doc-main .sec, #doc-main .sec-t { background: url(../_cmn/crnr-lrg-bl.gif) no-repeat left bottom; }
#doc-main .sec .content, #doc-main .sec-b .content { background: url(../_cmn/crnr-lrg-tl.gif) no-repeat left top; }
#doc-main .content { padding-left: 32px; }
#doc-main .sec .content, #doc-main .sec-t .content { padding-bottom: 24px; border-bottom: 1px solid #e5e5e5; }
#doc-main .sec .content, #doc-main .sec-b .content { padding-top: 24px; }

#doc-main .navgrp {
	margin-bottom: 8px;
	border: solid #ccc;
	border-width: 1px 0px;
}

#doc-main li.col2, #doc-main li.col3 {
	margin-left: 32px;
	float: left;
}
#doc-main li.col2 { width: 208px; }
#doc-main li.col3 { width: 128px; }
/*-- [ie:mac] only [begin] --\*//*/
#doc-main li.col2, #doc-main li.col3 { clear: none !important; }
/*-- [ie:mac] only [end] --*/

/*------------------------------------------------------
| 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;
}

/*-- specs --*/
table.specs {
	border: solid #ccc;
	border-width: 1px 1px 0px 0px;
}
table.specs th, table.specs td {
	text-align: center;
	padding: 4px;
	border: solid #ccc;
	border-width: 0px 0px 1px 1px;
}
table.specs th {
	color: #3a728d;
	background-color: #e5e5e5;
	white-space: nowrap;
}
table.specs td {
	font-size: 11px;
	line-height: 1.25em;
}
table.specs .ttl td {
	color: #3a728d;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.25em;
}
table.specs .ttl a {
	text-decoration: none;
	padding: 4px;
	display: block;
}
table.specs .ttl a img { margin-bottom: 4px; }
table.specs .ttl a:hover { background-color: #dce9f0; }

table.specs .items td { vertical-align: top; padding: 0px 4px; }
table.specs .items div {
	text-align: left;
	padding: 4px 0px;
	border-top: 1px dotted #ccc;
}
table.specs .items div.noline { border-style: none; }

/*-- 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 { font-size: 11px; line-height: 1.4em; }
#doc-sub .frm { background: #e5e5e5 url(../_cmn/bg-sub.gif) repeat-y; }
#doc-sub .cap { background: url(../_cmn/cap-sub_b.gif) no-repeat left bottom; }

#doc-sub .frm .nav,
#doc-sub .frm .content {
	padding: 6px 0px; background: url(../_cmn/cap-sub_t.gif) no-repeat left top;
}
#doc-sub .frm .content { padding: 6px; }

#doc-sub .grp {
	text-align: center;
	padding: 12px 6px 12px 6px;
	border-top: 1px solid #ccc;
}

/*-- #doc-sub タイトル --*/
#doc-sub .ttl { height: 40px; margin: 0px; display: block; }

/*----- marks -----*/
#doc-sub em.mark {
	height: 1.25em;
	background-position: right center;
	float: right;
}


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

#doc-foot {
	font-size: 11px;
	line-height: 1.25em;
}
#doc-foot .nav { background: #fff url(../_cmn/crnr-med-bl.gif) no-repeat left bottom; }
#doc-foot .nav .cap-r {
	background: url(../_cmn/crnr-med-br.gif) no-repeat right bottom;
	padding: 16px 12px 10px;
}
#doc-foot .sub {
	padding: 6px 12px 16px;
}
#doc-foot address {
	background: url(../_cmn/logo-foot.gif) no-repeat left center;
	padding-left: 46px;
	margin-bottom: 8px; 
	float: left;
}

#doc-foot .copyright {
	font-family: 'Lucida Grande', Arial;
	font-size: 9px;
	line-height: 1.25em;
	text-align: right;
	float: right;
}

/*------------------------------------------------------------
| form common styling
------------------------------------------------------------*/
.finp-i:hover, .finp-o:hover, .fsel:hover {
	background-color: #f0f5f7;
	border-color: #2f5d74 #4889a8 #4889a8 #2f5d74;
}
.finp-i:focus, .finp-o:focus, .fsel:focus {
	color: #333;
	background-color: #dce9f0;
	border-color: #2f5d74 #4889a8 #4889a8 #2f5d74;
}
.fbtn {
	color: #3a728d;
	background-color: #fff;
}
.fbtn:hover {
	color: #fff;
	background-color: #3a728d;
	border-color: #4889a8 #2f5d74 #2f5d74 #4889a8;
}
label { color: #3a728d; }
label:hover { color: #000; }

span.freq, tr.freq th { background-image: url(/_cmn/icn-freq.gif) !important; }


/*------------------------------------------------------------
| sling subBanner
------------------------------------------------------------*/

.subListButton {
	clear: both;
	display: block;
	width: 240px;
}

.subListButton img {
	margin: 0;
	padding: 0;
}

.subListButton a.subLB-l {
	display: block;
	float: left;
	width: 118px;
	height: 32px;
	margin-top: 2px;
	background: url(/_prt/_ja/bnr-sling.n01_on.gif) no-repeat;
}

.subListButton a.subLB-l:hover img {
	visibility: hidden;
}

.subListButton a.subLB-c {
	display: block;
	float: right;
	width: 118px;
	height: 32px;
	margin: 3px 0 0;
	background: url(/_prt/_ja/bnr-sling.n02_on.gif) no-repeat;
}

.subListButton a.subLB-c:hover img {
	visibility: hidden;
}