@charset "utf-8";
/* CSS Document */
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings?
*/
html{
	color:#000;
	background:#FFF;
}
/*
	TODO remove settings on BODY since we can't namespace it.
*/
/*
	TODO test putting a class on HEAD.
		- Fails on FF. 
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,
img {
	border:0;
}
img {
	vertical-align: bottom;
}
/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style:normal;
	font-weight:normal;
}
/*
	TODO Figure out where this list-style rule is best set. Hedger has a request to investigate.
*/
li {
	list-style:none;
}

caption,
th {
	text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,
q:after {
	content:'';
}
abbr,
acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,
textarea,
select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/
input,
textarea,
select {
	*font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}
/*========== fonts ==========*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:12px/1.8 "メイリオ", Osaka, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
	color:#000000;
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea {
	font:99% "メイリオ", Osaka, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}
/*========== layout ==========*/
html, body {
	height: 100%;	
}
body {
	position: relative;
}
#wrapper {
	position: relative;
	min-height: 100%;  
	height: auto !important; 
	height: 100%; 
}
#headerInner, #content, #footerInner {
	margin: 0 auto;
}
#header {
	background: url(../images/common/header_bg.png) no-repeat center top;
	margin-bottom: 5px;
}
#headerInner {
	position: relative;
	width: 980px;
	height: 120px;
}
#content {
	width: 980px;	
}
#wrap {
	padding-bottom: 400px;
}
#wrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#wrap {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html #wrap { height: 1%; }
#wrap { display: block; }
/* End hide from IE-mac */
#main {
	width: 700px;
	margin-right: 30px;
	float: left;
}
#sidebar {
	width: 250px;
	float: left;	
}
#footer {
	background: url(../images/common/footer_bg.png) repeat-x left bottom;
	position: absolute;
	bottom: 0;/**/
	width: 100%;
}
#footerInner {
	width: 980px;
	background: url(../images/common/footer_inner_bg.gif) no-repeat left bottom;
}
/*========== header ==========*/
#logo, #logoTxt, #headMenu, #globalMenu {
	position: absolute;
}
#logo {
	left: 10px;
	top: 10px;
}
#logoTxt {
	left: 168px;
	top: 15px;
}
#headMenu {
	left: 629px;
	top: 23px;
	background: url(../images/common/headermenu_bg.png) no-repeat left top;
	width: 336px;
	height: 18px;
	padding-top: 8px;
	padding-left: 15px;
}
*:first-child+html #headMenu {
	height: 22px;
	padding-top: 4px;
}
#headMenu li {
	float: left;
	line-height: 0;
	margin-right: 20px;
}
#headMenu li.lastC {
	margin-right: 0;
}
#globalMenu {
	left: 0;
	top: 81px;
	background: url(../images/common/globalmenu_bg.png) no-repeat left top;
	width: 977px;
	height: 37px;
	padding-left: 3px;
	padding-top: 2px;
}
#globalMenu li {
	float: left;
	margin-right: 5px;
}
#globalMenu li.lastC {
	margin-right: 0;
}
/*========== footer ==========*/
#footerInner .pageTop {
	clear: both;
	text-align: right;
	margin: 0 1px 1px 0;
}
#footMenuBox {
	background: url(../images/common/footermenu_bg.gif) no-repeat left top;
	padding: 15px 0 0 12px;
	width: 978px;
	margin-bottom: 20px;
}
#footMenuBox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#footMenuBox {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html #footMenuBox { height: 1%; }
#footMenuBox { display: block; }
/* End hide from IE-mac */
#footMenuBox ul {
	float: left;
	margin-right: 35px;
	line-height: 1.5;
	font-size: 12px;
}
#footMenuBox ul.lastB {
	margin-right: 0;
}
#footMenuBox li {
	background: url(../images/common/footermenu_arrow_02.gif) no-repeat left 0.4em;
	padding-left: 10px;
	margin-bottom: 5px;
	margin-left: 2px;
}
#footMenuBox li.firstC {
	background: url(../images/common/footermenu_arrow_01.gif) no-repeat left 0.3em;
	padding-left: 12px;
	font-weight: bold;
	margin-bottom: 20px;
	margin-left: 0;
}
#footMenuBox a:link, #footMenuBox a:visited {
	color:#000000;
	text-decoration: none;
}
#footMenuBox a:hover {
	color:#666666;
	text-decoration: underline;
}
#footMenu {
	background: url(../images/common/footermenu_bg.gif) no-repeat left top;
	padding: 15px 0 0 12px;
	width: 978px;
	min-height: 26px;
	line-height: 1.5;
	font-size: 12px;
	margin-bottom: 13px;
}
#footMenu:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#footMenu {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html #footMenu { height: 1%; }
#footMenu { display: block; }
/* End hide from IE-mac */
#footMenu li {
	background: url(../images/common/footermenu_arrow_01.gif) no-repeat left 0.3em;
	padding-left: 12px;
	font-weight: bold;
	margin-right: 60px;
	float: left;
}
#footMenu a:link, #footMenu a:visited {
	color:#000000;
	text-decoration: none;
}
#footMenu a:hover {
	color:#666666;
	text-decoration: underline;
}
#siteinfo {
	clear: both;	
}
#sagamiLogo {
	float: left;
	padding-left: 20px;
	padding-bottom: 10px;
}
#copyright {
	float: right;
	text-align: right;
	line-height: 1.2;
	font-size: 12px;
}

/*========== sidebar ==========*/	
#sideBaby {
	background: url(../images/common/side_baby_bg.png) no-repeat left bottom;
	width: 250px;
	height: 259px;
	margin-bottom: 20px;
}
#sideBaby p {
	text-align: center;
}
#sideBox {
	border: 1px solid #CCC;
	margin-bottom: 20px;
	padding: 1px;
}
#sideBox h2 {
	margin-bottom: 10px;
}
#sideWeb {
	background: url(../images/common/dotted_02.gif) repeat-x left bottom;
	margin-bottom: 18px;
	padding-bottom: 20px;
}
#sideWeb dt {
	margin: 0 0 10px 12px;
}
#sideWeb dd {
	margin: 0 0 25px 8px;
}
#sideWeb .firstC, #sideWeb .lastC {
	margin-bottom: 0;
}
#sideWeb .sup {
	line-height: 1.5;
}
#sideWeb .ill {
	margin-bottom: 15px;
}
#sideSupport {
	background: url(../images/common/dotted_02.gif) repeat-x left bottom;
	margin-bottom: 1px;
	padding-bottom: 20px;
	line-height: 1.5;
}
#sideSupport dt {
	margin: 0 0 10px 12px;
}
#sideSupport dd {
	margin: 0 0 0 20px;
}
#sideSupport a:link, #sideSupport a:visited {
	color:#000000;
	text-decoration: none;
}
#sideSupport a:hover {
	color:#666666;
	text-decoration: underline;
}
#sideTel {
	line-height: 1.5;
}
#sideTel dt {
	margin: 0 0 10px 20px;
}
#sideTel dd {
	margin: 0 0 15px 20px;
}
#sideQr {
	border: 1px solid #CCC;
	margin-bottom: 20px;
	padding: 1px;
	line-height: 1.5;
}
#sideQr dt {
	clear: both;
	float: left;
	width: 90px;
}
#sideQr dd {
	margin: 0 0 0 90px;
	font-size: 12px;
	padding: 15px 8px 0 0;
}
#sideQr dd:after {
	/*FirefoxやSafariでの段ズレ防止*/
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
#sideBnrSagami {
	background: url(../images/common/sidebar_bnrbox_sagami_bg.gif) no-repeat left top;
	width: 250px;
	height: 172px;
	margin-bottom: 20px;
	padding-top: 8px;
}
#sideBnrSagami h2 {
	margin-left: 9px;
}
#sideBnrSagami p {
	margin: 8px 0 0 7px;
}
#sideBnrSolarcenter {
	background: url(../images/common/sidebar_bnrbox_solarcenter_bg.gif) no-repeat left top;
	width: 250px;
	height: 169px;
	margin-bottom: 20px;
	padding-top: 12px;
}
#sideBnrSolarcenter h2 {
	margin-left: 7px;
}
#sideBnrSolarcenter p {
	margin: 7px 0 0 7px;
}
#sideBnr p {
	margin-bottom: 20px;
}
/*========== common ==========*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
.clear {
	clear: both;
}
.cRed {
	color: #C00;
}
.tAC {
	text-align: center;
}