@charset "shift_jis";
/*
 * KUZIRA CSS Framework
 * layout.css
 * version: 1.0
 *
 * Copyright (c) 2010 Yutaka Sumi (http://www.kuzira.org/)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://www.opensource.org/licenses/mit-license.php
 * Date: 2012-01-11
 */

/* ------------------------------------------------------------ header */
div#header {
	clear: both;
	margin-bottom: 1px;
	padding-bottom: 16px;
	background-image: url(../images/bg_headerouter.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-color: #397ECF;
}

div#header div.headContents {
	padding: 5px 0 2px;
	background-color: #FFFFFF;
}

div#header div.sign {
	margin: 0 auto 3px;
	padding: 4px 9px;
	width: 97.5%;
	border: solid 1px #A6C5E9;
	border-radius: 2px;        /* CSS3 */  
	-webkit-border-radius: 2px;    /* Safari,Google Chrome—p */  
	-moz-border-radius: 2px;   /* Firefox—p */  
	text-align: left;
}

div#header h1.siteID,
div#header p.siteID {
	float: left;
	margin-top: 5px;
}

div#header div#globalNav {
	position:relative;
	float: right;
	width: 695px;
}

div#header div#globalNav ul.nav {
	float: left;
	padding-right: 1px;
	width: 584px;
	background-image: url(../images/bg_gn.png);
	background-position: top right;
	background-repeat: no-repeat;
}

* html div#header div#globalNav ul.nav { width: 585px; }

div#header div#globalNav ul.nav li {
	float: left;
	padding-left: 1px;
	background-image: url(../images/bg_gn.png);
	background-position: left top;
	background-repeat: no-repeat;
	line-height: 0;
	font-size: 0;
}

div#header div#globalNav ul.utilities {
	float: right;
	width: 91px;
}

div#header div#globalNav ul.utilities li {
	line-height: 0;
	font-size: 0;
}

div#header div#globalNav ul.utilities li.siteMap {
	padding: 6px 0 11px;
	border-bottom: dotted 1px #dddddd;
}

div#header div#globalNav ul.utilities li.contact { padding-top: 9px; }

/* ------------------------------------------------------------ header.headerStyle */

div#header.headerStyle div#globalNav ul.nav {
	width: 402px;
}

div#header.headerStyle div#globalNav ul.utilities {
	width: 270px;
	padding-top: 16px;
}

div#header.headerStyle div#globalNav ul.utilities li.siteMap {
	border-bottom: none;
}

div#header.headerStyle div#globalNav ul.utilities li.search {
	padding-top: 5px;
	font-size: 120%;
}

div#header.headerStyle div#globalNav ul.utilities li.search .searchText {
	width: 165px;
	padding: 3px;
	border:1px solid #cccccc;
	color:#aaaaaa;
	_color:#333333;
	font-size: 120%;
}

div#header.headerStyle div#globalNav ul.utilities li.search .searchText:focus {
	border-color:#397ECF;
	color:#333333;
}

div#header.headerStyle div#globalNav ul.utilities li.search .searchBtn {
	margin-left:5px;
}

div#header.headerStyle div#globalNav ul.utilities.withSearch {
	padding-top:3px;
}

div#header.headerStyle div#globalNav .AS-searchForm{
	position:absolute;
	bottom:5px;
	left:425px;
}

div#header.headerStyle div#globalNav .AS-searchForm input{
	vertical-align:bottom;
}

div#header.headerStyle div#globalNav .AS-searchForm .searchBox{
	max-width:95px;
	padding:4px;
	border:1px solid #3868CA;
	line-height:1;
}

div#header.headerStyle div#globalNav .AS-searchForm .searchBox{
	color:#AAAAAA;
}

div#header.headerStyle div#globalNav .AS-searchForm .searchBox:focus{
	color:#000000;
}


/* ------------------------------------------------------------ topicPath */
div.topicPath {
	padding: 3px 0;
	background-color: #EBEBEB;
}

div.topicPath ul { margin: 0 10px; }

div.topicPath ul li {
	display: inline;
	margin-right: 3px;
	font-size: 120%;
}

div.topicPath ul li a {
	display: inline;
	padding-right: 10px;
	background-image: url(../images/bg_delimiter.png);
	background-position: right 0.3em;
	background-repeat: no-repeat;
}

/* ------------------------------------------------------------ footer */
div#footer {
	clear: both;
	margin-top: 1px;
	border-top: solid 1px #5E6C86;
}

div#footer div#siteLinks {
	padding: 18px 0 50px 0;
	border-top: solid 1px #7E899E;
	background-color: #5E6C86;
}

div#footer div#siteLinks div { float: left; }

div#footer div#siteLinks div.inner { float: none; }

div#footer div#siteLinks div.products { width: 576px; }

div#footer div#siteLinks div.support,
div#footer div#siteLinks div.download { width: 192px; }

div#footer div#siteLinks h2,
div#footer div#siteLinks dt,
div#footer div#siteLinks dd,
div#footer div#siteLinks li { font-size: 120%; }

div#footer div#siteLinks h2,
div#footer div#siteLinks dl,
div#footer div#siteLinks ul { margin: 0 10px; }

div#footer div#siteLinks h2 {
	margin-bottom: 12px;
	padding-bottom: 6px;
	border-bottom: solid 1px #6E7B92;
}

div#footer div#siteLinks h2 a,
div#footer div#siteLinks dt a,
div#footer div#siteLinks dd a,
div#footer div#siteLinks li a {
	color: #FFFFFF;
	text-decoration: none;
}

div#footer div#siteLinks h2 a:hover,
div#footer div#siteLinks dt a:hover,
div#footer div#siteLinks dd a:hover,
div#footer div#siteLinks li a:hover {
	color: #AFB6C3;
	text-decoration: underline;
}

div#footer div#siteLinks dl {
	float: left;
	width: 172px;
}

* html div#footer div#siteLinks div.products dl { margin-left: 5px; }

div#footer div#siteLinks dt {
	margin-top: 10px;
	margin-bottom: 7px;
	padding-bottom: 5px;
	border-bottom: dotted 1px #7E899E;
}

div#footer div#siteLinks dd,
div#footer div#siteLinks li {
	padding-left: 11px;
	background-image: url(../images/img_mark_links_footer.png);
	background-position: 0 0.4em;
	background-repeat: no-repeat;
}

div#footer div#siteLinks dt:first-child,
div#footer div#siteLinks dt.firstChild { margin-top: 0; }

div#footer div.about {
	padding: 8px 0;
	background-color: #EBEBEB;
}

div#footer div.about ul {
	float: left;
	margin: 0 10px;
}

div#footer div.about ul li {
	display: inline;
	margin-right: 11px;
	padding-left: 11px;
	background-image: url(../images/img_mark_links.png);
	background-position: 0 0.35em;
	background-repeat: no-repeat;
	font-size: 100%;
}

div#footer div.about ul li a {
	color: #666666;
	text-decoration: none;
}

div#footer div.about ul li a:hover {
	color: #A8A8A8;
	text-decoration: underline;
}

div#footer address {
	float: right;
	margin-right: 10px;
	font-size: 100%;
}

/* ------------------------------------------------------------ subContents */
div#subContents ul li {	font-size: 120%; }

div#subContents dl ul li { font-size: 85.7%; }

div#subContents dl {
	margin: 0 10px 10px;
	background-color: #f4f4f4;
}

div#subContents dl dt { line-height: 0; }

div#subContents dl dd {
	border-right: solid 1px #DDDDDD;
	border-left: solid 1px #DDDDDD;
	zoom: 1;
}

div#subContents dl ul li {
	padding: 3px 0;
	border-bottom: solid 1px #DDDDDD;
}

div#subContents dl ul ul { display: none; }
div#subContents dl ul ul.expand {
	display: block;
	background-color: #f4f4f4;
}

div#subContents dl ul li a {
	display: block;
	padding: 3px 10px 3px 21px;
	background-image: url(../images/img_mark_links.png);
	background-position: 10px 0.7em;
	background-repeat: no-repeat;
}

div#subContents dl ul li.current a,
div#subContents dl ul li.current ul li.current a {
	background-color: #FFE0CC;
	color: #FF6600;
	font-weight: bold;
}

div#subContents dl ul li.current ul li {
	border-bottom: none;
	font-size: 100%;
}

div#subContents dl ul li.current ul li a {
	padding: 3px 10px 3px 31px;
	background-color: #F4F4F4;
	background-image: url(../images/bg_ln_lower.png);
	background-position: 21px 0.9em;
	font-weight: normal;
	color: #397ECF;
	zoom: 1;
}

div#subContents dl ul li.current ul li a:hover { color: #92B4DD; }


/* products */
div#subContents dl.products ul li ul li {
	border-bottom: none;
	font-size: 100%;
}

div#subContents dl.products ul li a {
	background-image: url(../images/img_ico_expand.png);
	background-position: 10px 0.5em;
	background-repeat: no-repeat;
}

div#subContents dl.products ul li ul li a {
	padding: 3px 10px 3px 31px;
	background-image: url(../images/bg_ln_lower.png);
	background-position: 21px 0.9em;
	zoom: 1;
}

div#subContents dl.products ul li.discontinued a,
div#subContents dl.products ul li.option a {
	background-image: url(../images/img_mark_links.png);	
}


div#subContents dl.products ul li.expand a {
	background-image: url(../images/img_ico_expand.png);
	background-position: 10px 0.5em;
	background-color: #FFE0CC;
	color: #FF6600;
	font-weight: bold;
}

div#subContents dl.products ul li.expand ul li a {
	background-image: url(../images/bg_ln_lower.png);
	background-position: 21px 0.9em;
	background-color: #f4f4f4;
	color: #397ECF;
	font-weight: normal;
}

div#subContents dl.products ul li.expand ul li a:hover { color: #92B4DD; }

div#subContents dl.products ul li.expand ul li.current a {
	background-image: url(../images/bg_ln_lower_cr.png);
	background-color: #FFE0CC;
	color: #FF6600;
	font-weight: bold;
}

div#subContents dl.products ul li ul li a.label{
	background-image: url(../images/img_ico_expand2.png);
	background-position: 10px 0.5em;
	font-weight:bold;
	text-decoration: none;
	color: #666666;
}

div#subContents dl.products ul li ul li a.label:hover { color: #666666; }

/* hover */
div#subContents dl ul li.current a:hover,
div#subContents dl ul li.current ul li.current a:hover,
div#subContents dl.products ul li.expand a:hover,
div#subContents dl.products ul li.expand ul li.current a:hover { color: #FFA366; }

/* supportInfo */
div#subContents div.supportInfo {
	margin: 0 10px 10px;
}
div#subContents div.supportInfo div.heading {
	clear: both;
	padding: 9px;
	background-color: #E9E9E9;
}
div#subContents div.supportInfo div.heading p {
	float: left;
}
div#subContents div.supportInfo div.heading p.learnMore {
	clear: none;
	float: right;
	line-height: 1.1;
	font-size: 120%;
}
div#subContents div.supportInfo ul {
	padding: 7px 10px 2px 10px;
	border: solid 1px #DDDDDD;
	border-top: none;
}
div#subContents div.supportInfo ul li { margin-bottom: 5px; }
div#subContents ul.related {
	margin: 0 10px 10px 10px;
	border-top: solid 1px #DDDDDD;
	border-bottom: solid 1px #DDDDDD;
}
div#subContents ul.related li {
	padding: 7px 11px;
	border-bottom: dotted 1px #DDDDDD;
	background-position: 0 1em;
}
div#subContents ul.related li:last-child,
div#subContents ul.related li.lastChild { border-bottom: none; }

/* banner */
div#subContents p.bnr { margin: 0 10px 10px; }

/* ------------------------------------------------------------ pageTop */
p#pageTop {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 500;
	text-align: right;
}

/* ------------------------------------------------------------ clearFix */
div#header:after,
div#globalNav ul:after,
div#footer div#siteLinks:after,
div#subContents div.heading:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#header,
div#globalNav ul,
div#footer div#siteLinks,
div#subContents div.heading { display: inline-table; }

* html div#header,
* html div#globalNav ul,
* html div#footer div#siteLinks,
* html div#subContents div.heading { height: 1%; }

div#header,
div#globalNav ul,
div#footer div#siteLinks,
div#subContents div.heading {
	display: block;
	zoom: 1;
}

/* EOF */