@charset "Shift_JIS";

/*--------------------------------

	各ページ共通用

--------------------------------*/

@import url("reset.css");

body {
	color: #333333;
	background-color: #F5F4EF;
}


/* ヘッダ */

div.header {
	margin: 0 auto;
	border-top: solid 4px #99CC00;
	width: 800px;
	color: #999999;
	background-color: inherit;
	background-image: url(../image/shared/bg_home.gif);
	background-repeat: no-repeat;
	background-position: 740px 10px;
	font-size: 12px;
}

div.header p.copy {
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 8px;
}

div.header h1 {
	margin-right: 124px;
	float: left;
	width: 210px;
}

div.header p.info {
	margin-right: 7px;
	float: left;
	width: 343px;
}

div.header p.homeLink {
	float: left;
	width: 51px;
}

div.header ul.navigation {
	clear: left;
	width: 800px;
}

div.header ul.navigation li {
	display: inline;
}

div.header ul.navigation li img {
	vertical-align: bottom;
}


/* コンテンツ部 */
div.box {
	margin: 0 auto;
	border-right: solid 1px #CDCDCD;
	border-left: solid 1px #CDCDCD;
	width: 798px;
	color: #333333;
	background-color: #FFFFFF;
}

/* メインカラム */
div.box div.mainColumn {
	margin-top: 13px;
	margin-right: 16px;
	margin-left: 19px;
	display: inline;
	float: left;
	width: 550px;
}

div.box div.mainColumn a {
	color: #339900;
	background-color: inherit;
}

div.box div.mainColumn a:hover {
	color: #DD3300;
	background-color: inherit;
}


/* サブカラム */

div.box div.subColumn {
	margin-top: 13px;
	margin-bottom: 20px;
	display: inline;
	float: left;
	width: 194px;
}

div.box div.subColumn div.navigation {
	margin-bottom: 15px;
	background-image: url(../image/shared/bg_navi.gif);
	background-repeat: repeat-y;
	background-position: right;
}

div.box div.subColumn div.navigation ul {
	margin-top: 7px;
	padding-left: 20px;
}

div.box div.subColumn div.navigation ul li {
	margin-bottom: 9px;
	padding:0 0 1px 16px;
	background-repeat: no-repeat;
	font-size: 80%;
}

div.box div.subColumn div.navigation ul li a {
	color: #666666;
	background-color: inherit;
}

div.box div.subColumn div.navigation ul li a:hover {
	color: #CC3300;
	background-color: inherit;
}

div.box div.subColumn div.navigation ul.solar li {
	background-image: url(../image/shared/side_navi/marker_solar.gif);
}

div.box div.subColumn div.navigation ul.ecolife li {
	background-image: url(../image/shared/side_navi/marker_ecolife.gif);
}

div.box div.subColumn div.navigation ul.hojo li {
	background-image: url(../image/shared/side_navi/marker_hojo.gif);
}

div.box div.subColumn div.navigation ul.shindan li {
	background-image: url(../image/shared/side_navi/marker_shindan.gif);
}

div.box div.subColumn div.navigation ul.recommend {
	padding-bottom: 15px;
	background-image: url(../image/shared/side_navi/bg_navi_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

div.box div.subColumn div.navigation ul.recommend li {
	background-image: url(../image/shared/side_navi/marker_recommend.gif);
}

div.box div.subColumn ul.banner li {
	text-align: right;
}


/* フッター */

div.box div.footer {
	width: 798px;
	clear: left;
}

div.box div.footer ul.navigation {
	margin-bottom: 8px;
	padding-top: 7px;
	border-top: solid 3px #99CC00;
	text-align: center;
}

div.box div.footer ul.navigation li {
	display: inline;
	line-height: 1.4;
	font-size: 80%;
}

div.box div.footer ul.navigation li a {
	color: #99CC00;
	background-color: inherit;
}

div.box div.footer ul.navigation li a:hover {
	color: #DD3300;
	background-color: inherit;
}

div.box div.footer ul.info {
	padding-top: 7px;
	padding-right: 20px;
	height: 25px;
	background-image: url(../image/shared/footer.gif);
	background-repeat: no-repeat;
	text-align: right;
}

div.box div.footer ul.info li {
	padding-left: 10px;
	display: inline;
	background-image: url(../image/shared/bg_footer_navi.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
}

div.box div.footer ul.info li a {
	color: #FFFFFF;
	background-color: #99CC00;
	font-size: 12px;
}

div.box div.footer ul.info li a:hover {
	color: #DD3300;
	background-color: inherit;
}

/*-------------------------------------------------------------
add css 081210
-------------------------------------------------------------*/
.header #addH1{
	float:none;
	margin:10px 0 5px 8px;
	width:auto;
}

.header #addLog{
	float:left;
	margin-right:124px;
	width:210px;
}

.header.addHed{
	position:relative;
}

#addLnk{
	position:absolute;
	top:55px;
	left:335px;
	font-size:0.8em;
}

#addLnk a,
#addLnk a:visited{
	color:#999;
	text-decoration:none;
}

.addTxtBox{
	font-size:80%;
	color:#333;
	padding:10px 5px 0px;
}

.addTxtBox h2{
	background:url(../image/shared/bg_heading4.gif) left bottom no-repeat;
	color:#996600;
	font-size:110%;
	font-weight:bold;
	padding:2px 0 5px 34px;
}

.addTxtBox h3{
	margin-top:0.5em;
	background:url(../image/shared/marker3.gif) 0 1px no-repeat;
	border-bottom:1px dashed #CCCCCC;
	font-weight:bold;
	padding:3px 0 4px 23px;
}

.addTxtBox p{
	line-height:1.4;
	margin-top:0.3em;
}