@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      common.css
 Update:         2008.06.27
 Style Info:     全ページ共通CSSファイル
----------------------------------------------------------- */
/* 共通　common設定
-------------------------------------------------------------------------------*/
body {
 margin: 0;
 padding: 0;
 text-align: center;
 font-family:'Lucida Grande', Geneva, Verdana, Helvetica, sans-serif,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro W3,Osaka;
 color: #999;
 background-color: #FFF;
 font-size: 12px;
 line-height: 150%;
}

html>body {
 font-size: 12px;
}

#container, #footer-wrap {
 margin: 0 auto;
 padding: 0;
 width: 900px;
 /*position: relative;*/
 text-align: left;
}

div, dl, dt, dd {
 margin: 0;
 padding: 0;
}
h1, h2, h3, h4, p, em, address {
 margin: 0;
 padding: 0;
 font-size: 100%;
 font-weight: normal;
 font-style: normal;
}
ul, ol, li {
 margin: 0;
 padding: 0;
 list-style: none;
}
img {
 border: 0;
}
.indent-right {
 margin-left: -1em;
 padding-left: 1em;
 text-indent: 1em;
}
.indent-left {
 margin-left: 1em;
 text-indent: -1em;
}
.top10 {
 margin-top: 10px;
}
.top20 {
 margin-top: 20px;
}
.f-right {
 float: right;
 margin: 0 0 10px 10px;
}
.f-left {
 float: left;
 margin: 0 10px 10px 0;
}


/*.align-right {
 text-align: right;
}
.align-right p {
 margin-right: 20px;
}
.align-left {
 text-align: left;
}
.align-center {
 text-align: center;
}
.hide {
 display: none;
}
.top5 {
 margin-top: 5px;
}
.top15 {
 margin-top: 15px;
}
.top50 {
 margin-top: 50px;
}
.right20 {
 margin-right: 20px;
}
.bottom10 {
 margin-bottom: 10px;
}
.bottom20 {
 margin-bottom: 20px;
}
.clear {
 clear: both;
}*/

/* 囲みバグ ------------------------------------*/
.bug:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

.bug { display:inline-table; }

/* Mac IE には適用させない \*/
* html .bug { height:1px; }
.bug { display:block; }
/* */

/* ヘッダー　header設定
-------------------------------------------------------------------------------*/
#header {
 margin-top: 5px;
 width: 900px;
 height: 67px;
 background: url(../../img/bg_header.gif) no-repeat left bottom;
}
#header-wrap {
 padding-top: 10px;
 width: 600px;
 height: 52px;
}
#header-wrap h1 {
 float: right;
 width: 385px;
 height: 52px;
}
#header-wrap p {
 float: left;
 width: 200px;
 height: 52px;
}

/* グローバルメニュー　navi設定
-------------------------------------------------------------------------------*/
#navi {
 border-bottom: 1px solid #CCC;
}
#navi ul {
 padding: 5px 0;
 width: 900px;
 text-align: center;
}
#navi li {
 display: inline;
 margin: 0 20px;
}

/* 全コンテンツの囲み　contents-wrap設定
-------------------------------------------------------------------------------*/
#contents-wrap {
 margin-top: 15px;
 padding-top: 15px;
 width: 900px;
 background: url(../../img/bg_contents.gif) repeat-y left top;
}

/* メインコンテンツの囲み　maincontents-wrap設定
-------------------------------------------------------------------------------*/
#maincontents-wrap {
 float: left;
 width: 680px;
}

/* コンテンツ　contents設定
-------------------------------------------------------------------------------*/
#contents {
 float: right;
 width: 460px;
}
h2 {
 padding: 3px 10px;
 background-color: #999;
 color: #FFF;
}

.pagetop {
 margin: 20px 0 40px;
 text-align: right;
}
.pagetop img {
 margin-right: 5px;
}

/* 左サイドバー　left設定
-------------------------------------------------------------------------------*/
#left {
 float: left;
 padding-left: 20px;
 width: 160px;
}
.left-menu, .left-address, .left-ecolife {
 margin-bottom: 20px;
}
.left-menu ul {
 margin-top: 5px;
}
.eco-wrap {
 border-left: 1px solid #CCC;
 border-right: 1px solid #CCC;
 border-bottom: 1px solid #CCC;
}
.eco-wrap p {
 margin: 0 5px;
 padding: 10px 0;
 line-height: 120%;
}
.eco-wrap p img {
 margin-right: 5px;
}
.bo-bottom {
 border-bottom: 1px solid #CCC;
}
.left-address {
 line-height: 120%;
}

/* 右サイドバー　right設定
-------------------------------------------------------------------------------*/
#right {
 float: right;
 width: 180px;
}
#right p {
 margin-bottom: 10px;
}


/* フッター　footer設定
-------------------------------------------------------------------------------*/
#footer {
 padding-top: 10px;
 height: 195px;
 background: url(../../img/bg_footer.gif) repeat-x center top;
 border-top: 1px solid #CCC;
}
.subnavi01, .subnavi02 {
 float: left;
}
.subnavi01 ul, .subnavi02 ul {
 border-left: 1px solid #CCC;
}
.subnavi01 ul {
 padding: 5px 35px 5px 10px;
}
.subnavi02 ul {
 padding: 5px 0 5px 10px;
}
#footer p {
 clear: both;
 padding-top: 15px;
 text-align: center;
}


/* 各リンク設定
-------------------------------------------------------------------------------*/
a, a:link, a:visited, a:hover, a:active {
 color: #66B3CC;
 text-decoration: none;
}

#navi li a, #navi li a:link, #navi li a:visited, #navi li a:hover, #navi li a:active, 
.left-menu li a, .left-menu li a:link, .left-menu li a:visited, .left-menu li a:hover, .left-menu li a:active,
#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
 color: #999;
 text-decoration: none;
}

/* 各カラー設定
-------------------------------------------------------------------------------*/
.gray {
 color: #484848;
}



.w50  { width:  50px; }
.w100 { width: 100px; }
.w200 { width: 200px; }