@charset "UTF-8";

/*
@prefix : <http://purl.org/net/ns/doas#>
<> a :CSSstylesheet;
  :title "メインスタイルシート";
  :description "レイアウトに関する項目以外の内容を記述します。";
  :note "
    1 ページ全体
    2 ヘッダ
    3 コンテンツ
    4 ナビゲーション
    5 フッタ
  "
*/


/* 1 ページ全体
=================================================================== */


/* 2 ヘッダ
=================================================================== */

#header {
    background:
        url(../img/bg_header.png)
        no-repeat
    ;
}
.title {
    padding: 15px 0 0 10px;
}

/* 電話番号・営業時間 */
ul.headContact {
    position: absolute;
    top: 13px;
    right: 12px;
    width: 356px;
    height: 39px;
}
ul.headContact li {
    position: absolute;
}
ul.headContact li.tel {
    top: 0;
    left: 0;
}
ul.headContact li.fax {
    top: 22px;
    left: 0;
}
ul.headContact li.hours {
    top: 0;
    right: 0;
}

/* お問い合わせ・サイトマップ */
ul.headNavi {
    position: absolute;
    top: 64px;
    right: 9px;
    width: 462px;
    height: 24px;
}
ul.headNavi li {
    float: left;
}
ul.headNavi li.yahoo {
    margin-right: 3px;
}

ul.headNavi li.contact {
    margin-right: 3px;
}
ul.headNavi li a {
    display: block;
    width: 152px;
    height: 24px;
    background:
        url(../img/header/headNavi.png)
        no-repeat
    ;
    text-indent: -9999px;
}


ul.headNavi li.shop a {
    background-position: 0 0;
}
ul.headNavi li.contact a {
    background-position: -155px 0;
}
ul.headNavi li.sitemap a {
    background-position: -310px 0;
}


ul.headNavi li.shop a:hover {
    background-position: 0 -24px;
}
ul.headNavi li.contact a:hover {
    background-position:  -155px -24px;
}
ul.headNavi li.sitemap a:hover {
    background-position: -310px -24px;
}





/* グローバルナビ */
ul.globalNavi {
    position: absolute;
    top: 102px;
    left: 11px;
    width: 898px;
    height: 46px;
}
ul.globalNavi li {
    float: left;
}
ul.globalNavi li a {
    display: block;
    height: 46px;
    background:
        url(../img/header/globalNavi.png)
        no-repeat
    ;
    text-indent: -9999px;
}
ul.globalNavi li.home a {
    width: 92px;
    background-position: 0 0;
}
ul.globalNavi li.company a {
    width: 96px;
    background-position: -92px 0;
}
ul.globalNavi li.product a {
    width: 101px;
    background-position: -188px 0;
}
ul.globalNavi li.reason a {
    width: 189px;
    background-position: -289px 0;
}
ul.globalNavi li.result a {
    width: 97px;
    background-position: -478px 0;
}
ul.globalNavi li.ventilation a {
    width: 201px;
    background-position: -575px 0;
}
ul.globalNavi li.column a {
    width: 122px;
    background-position: -776px 0;
}
body.home ul.globalNavi li.home a {
    width: 92px;
    background-position: 0 -92px;
}
body.company ul.globalNavi li.company a {
    width: 96px;
    background-position: -92px -92px;
}
body.product ul.globalNavi li.product a {
    width: 101px;
    background-position: -188px -92px;
}
body.reason ul.globalNavi li.reason a {
    width: 189px;
    background-position: -289px -92px;
}
body.result ul.globalNavi li.result a {
    width: 97px;
    background-position: -478px -92px;
}
body.ventilation ul.globalNavi li.ventilation a {
    width: 201px;
    background-position: -575px -92px;
}
body.column ul.globalNavi li.column a {
    width: 122px;
    background-position: -776px -92px;
}
ul.globalNavi li.home a:hover {
    width: 92px;
    background-position: 0 -46px;
}
ul.globalNavi li.company a:hover {
    width: 96px;
    background-position: -92px -46px;
}
ul.globalNavi li.product a:hover {
    width: 101px;
    background-position: -188px -46px;
}
ul.globalNavi li.reason a:hover {
    width: 189px;
    background-position: -289px -46px;
}
ul.globalNavi li.result a:hover {
    width: 97px;
    background-position: -478px -46px;
}
ul.globalNavi li.ventilation a:hover {
    width: 201px;
    background-position: -575px -46px;
}
ul.globalNavi li.column a:hover {
    width: 122px;
    background-position: -776px -46px;
}


/* 3 コンテンツ
=================================================================== */

#content {
    background:
        url(../img/bg_content.png)
        repeat-y
        50% 0
    ;
    font-size: 100%;
}

/* 共通部品 */
p strong {
    font-size: 108%;
}
p.attention,
p.caption {
    clear: both;
    color: #cc0000;
    font-size: 85%;
}
div.description {
    margin: 0 25px 30px 0;
    line-height: 1.4;
}
div.description p {
    padding: 0 0 0.5em;
}
div.section {
    margin: 0 25px 30px 0;
}
div.section p {
	padding: 0.8em 0;
	line-height: 1.4;
}
div.section p.pict {
    padding: 0;
    line-height: 1;
    text-align: center;
}
div.section p.pict01 {
    margin: 0 15px 0.3em 0;
    float: left;
    text-align: left;
}
div.section p.pict02 {
    margin: 0 0 0.3em 15px;
    float: right;
    text-align: right;
}
div.section dl {
    line-height: 1.4;
}
div.section ul.pict li {
    display: inline;
    text-align: center;
}
ul.pt li {
	padding-left: 18px;
	position: relative;
	line-height: 1.4;
	background:
        url(../img/ico_arrow_square.png)
        no-repeat
        0 0.3em
    ;
	padding-bottom: 0.5em;
}
div.section ol {
    margin-left: 25px;
    padding: 0.8em 0;
}

/* トピックパス */
ol.topicPath {
    margin-left: 25px;
    position: absolute;
    top: 0;
    left: 0;
    list-style: none;
}
ol.topicPath li {
    padding: 0 7px 0 13px;
    display: inline;
    line-height: 43px;
    background:
        url(../img/ico_arrow_blue.png)
        no-repeat
        0 50%
    ;
}
ol.topicPath li.home {
    padding-left: 0;
    background: none;
}

/* このページの上へ */
p.top {
    margin-right: 25px;
    clear: both;
    line-height: 1;
    text-align: right;
}


/* 4 ナビゲーション
=================================================================== */

dl.navi {
    margin-left: 25px;
    padding-bottom: 28px;
    background:
        url(../img/navigation/bg_nav_bottom.png)
        no-repeat
        0 100%
    ;
}
dl.navi dd {
    padding: 3px 15px 0;
    background:
        url(../img/navigation/bg_nav.png)
        repeat-y
    ;
}
dl.navi li {
    padding: 8px 0 8px 20px;
    border-bottom: 1px solid #d1dcee;
    line-height: 1.4;
    background:
        url(../img/ico_arrow_square.png)
        no-repeat
        0 0.8em
    ;
}
dl.navi li.current a {
    color: #333333;
    text-decoration: none;
}
dl.navi li ul {
    margin: 3px 0 0 -20px;
    padding-top: 5px;
}
dl.navi li li {
    padding: 0 0 0 30px;
    border: none;
    line-height: 1.4;
    background-image: url(../img/ico_arrow_blue.png);
    background-position: 20px 0.3em;
}
dl.navi li.current.directory a {
    font-weight: bold;
}
dl.navi li.current.directory li a {
    font-weight: normal;
}
dl.navi li.current.directory li a {
    color: #2971a7;
    text-decoration: underline;
}
dl.navi li.current.directory li a:hover {
    color: #cc0000;
}
dl.navi li.current.directory li.current a,
dl.navi li.current.directory li.current a:hover {
    color: #333333;
    text-decoration: none;
}

/* 納入実績 */
p.result {
    margin-left: 25px;
    padding-top: 12px;
}

/* お問い合わせ */
dl.naviContact {
    margin-left: 25px;
    padding: 15px 0;
    background:
        url(../img/navigation/bg_nav_contact_bottom.png)
        no-repeat
        0 100%
    ;
}
dl.naviContact dd {
    background:
        url(../img/navigation/bg_nav_contact.png)
        repeat-y
    ;
}
dl.naviContact p.text {
	padding: 13px 15px;
	color: #cc0000;
	background:
        url(../img/navigation/bg_nav_contact_top.png)
        no-repeat    ;
	font-weight: bold;
	font-size: 93%;
	line-height: 130%;
}
dl.naviContact p.img {
    padding: 3px 15px 10px;
}
dl.naviContact p.img img {
    margin-bottom: 5px;
}
dl.naviContact address {
	padding: 0 15px;
	line-height: 1.5;
	font-size: 65%;
}
dl.naviContact address span {
    font-weight: bold;
    font-size: 153.9%;
}


/* 5 フッタ
=================================================================== */

#footer {
    background:
        #85ba03
        url(../img/bg_footer.png)
        no-repeat
        50% 0
    ;
}

/* フッタナビ */
ul.footNavi {
    padding-top: 50px;
    font-size: 93%;
    text-align: center;
}
ul.footNavi li {
    margin-right: 3px;
    padding-right: 3px;
    display: inline;
    border-right: 1px solid #000000;
}
ul.footNavi li.home {
    margin-left: 3px;
    padding-left: 3px;
    border-left: 1px solid #000000;
}

/* 連絡先・Copyright */
#footer address {
    margin: 0 auto;
    padding: 170px 0 20px;
    width: 900px;
    line-height: 1.2;
    color: #ffffff;
    font-size: 108%;
}
#footer address span {
    font-weight: bold;
    font-size: 131%;
}

/* ***data_lib*** */

ul.lists {
	margin-bottom: 1em;
	padding: 1.5em;
	background-color: #fff2f2;
	border: 1px solid #ffd9eb;
	color: #c00;
}

ul.lists li {
	text-indent: -1em;
	margin-left: 1em;
	line-height: 1.4;
}

dl.dl_lists dt {
	font-weight: bold;
	color: #333;
	font-size: 108%;
}

dl.dl_lists dt a {
	background: url(../img/ico_arrow_square.png) no-repeat 0 2px;
	padding-left: 1.2em;
}

dl.dl_lists dd {
	margin-left: 1em;
	background: url(../img/ico_arrow_blue.png) no-repeat 0 4px;
	margin-bottom: 0.3em;
	padding-left: 1em;
}
#content #main .section h3 {
	font-size: 110%;
	font-weight: bold;
	color: #000;
	margin-top: 10px;
	margin-bottom: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #E55B2B;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}