@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: 2010-01-24
 */


/* ------------------------------------------------------------ default */
body { margin: 0; }
div#header  {	font-size: 10px; }
*:first-child+html div#header  { font-size: x-small; }
* html div#header  { font-size: x-small; }

div#header div,
div#header p,
div#header ul,
div#header li,
div#header a,
div#header img {
	font-style:normal;
	font-weight:normal;
	margin:0;
	outline:0 none;
	padding:0;
}
div#header ul li {
	list-style: none;
	line-height: 1.5;
}

div#header a,
div#header img { border: 0; }

div#header img { vertical-align: middle; }
* html div#header img { vertical-align: bottom; }
*:first-child+html div#header img { vertical-align: bottom; }

div.inner {
	clear: both;
	margin: 0 auto;
	width: 960px;
	height: auto;
	text-align: left;
}

/* ------------------------------------------------------------ header */
div#header {
	clear: both;
	margin-bottom: 1px;
	padding-bottom: 16px;
	background-image: url(/product/atermstation/common/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(/product/atermstation/common/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(/product/atermstation/common/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 .searchBox{
	max-width:95px;
	padding:4px;
	border:1px solid #3868CA;
	line-height:1;
}

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

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

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

/* ------------------------------------------------------------ clearFix */
div.inner:after,
div#header:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div.inner,
div#header { display: inline-table; }
* html div.inner,
* html div#header { height: 1%; }
div.inner,
div#header {
	display: block;
	zoom: 1;
}

/* EOF */