﻿@charset "UTF-8";
/* リセット */
body, h1, h2, h3, h4, h5, h6, a, p,
address, ul, ol, li, dl, dt, dd, 
table, caption, th, td, img{
margin: 0;
padding: 0;
border: none;
font-style: normal;
font-size: 100%;
font-weight: normal;
text-align: left;
text-decoration: none;
list-style:none; 
}
html{
margin: 0;
padding: 0;
}
body{
font-size:13px;
color:#444;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
line-height:1.8;
}
table { 
border-collapse:collapse;
border-spacing:0;
}
th{
vertical-align:top;
}
td{
vertical-align:top;
}
dl{
}
dt{
background:url(../img/p01.gif) no-repeat 0px 6px;
padding:0 0 0 16px;
}
dd{
}
img {
vertical-align: bottom;
}

/* link=========================================*/
a {
color: #7a743e;
outline: none;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}

/* tag=========================================*/
p{
margin-bottom:1em;
}
strong{
color:#005B32;
}
em{
color:#CC6633;
font-weight:bold;
font-style:normal;
}
h3{
display:block;
background:url(../img/h3Bg.jpg) no-repeat;
color:#333333;
font-size:16px;
font-weight:bold;
line-height:36px;
padding:4px 0 0px 1em;
}
h3 span{ font-size:11px; font-weight:normal; padding:0 0 0 1em;}
h3.image{
padding:0;
background:none;
}
h3.side{
background:url(../img/sH3.jpg) no-repeat;
margin-bottom:10px;
}
h4{
display:block;
width:auto;
height:27px;
background:url(../img/h4Bg.jpg) no-repeat;
font-size:15px;
font-weight:bold;
color:#005B32;
padding:8px 0 0px 16px;
margin:10px 0 4px;
line-height:1.4;
}
h4 a{ font-weight:bold;}
h5{
font-weight:bold;
color:#000000;
}
/* class=========================================*/
.hidden {
display: none;
}
.right{
text-align:right;
}
.center{
text-align:center;
}
.price{
font-weight:bold;
color:#FF6600;
}
.xsmall{
font-size:10px;
}
.small{
font-size:11px;
}
.large{
font-size:110%;
}
.xlarge{
font-size:130%;
}
.star{
color:#CC0000;
font-weight:bold;
}
.bold{
font-weight:bold;
}
.note{
color:#CC0000;
}
a.pdf{
background:url(../img/pointPdf.jpg) no-repeat 0 3px;
font-weight:bold;
padding:3px 13px 3px 26px;
}
.point{
display:inline-block;
background:url(../img/p01.gif) no-repeat 0px 6px;
padding-left:1.2em;
}
.pt{
font-weight:bold;
color:#009999;
}
.price{
font-weight:bold;
color:#FF3333;
}
ul.style{
margin:0 0 1em 0;
}
ul.style li{
background:url(../img/p01.gif) no-repeat 0px 4px;
padding:0 0 5px 16px;
border-bottom:1px solid #ccc;
margin:0 0 3px; line-height:1.6;
}
table.style{
width:100%;
margin-bottom:1em;
}
table.style th, table.style td{
border:1px solid #CCCCCC;
padding:3px 5px;
}
table.style th{
background:url(../img/L.gif) no-repeat top left #F4F3E6;
font-weight:bold;
color:#000000;
}
/* clears=========================================*/
.clear {
clear: both;
}

br.clear {
	line-height: 0px;
}

.clearfix {
clear: both;
display:inline-table;
}
.clearfix:after {
content:".";
display:block;
height:auto;
clear:both;
visibility:hidden;
}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* HIDE IEmac-5 ＼*/
* html .clearfix {height:1%;}
*+html .clearfix {height:1%;}
.clearfix {display:block;}

/*トップページを含むヘッダフッタ等共通部分===============================*/
/*ヘッダ===============================*/
#header{
width:100%;
border-top:#97C85C 3px solid;
border-bottom:#97C85C 1px solid;
height:90px;
}
#header .inner{
width:920px;
margin:0 auto;
}
h1{
width:520px;
height:65px;
background:url(../img/headerLogo.jpg) no-repeat;
float:left;
margin:10px 0 0;
}
h1 a{
width:100%;
height:100%;
display:block;
text-indent:-9999px;
overflow:hidden;
}
#sNav{
float:right;
width:auto;
height:auto;
padding-top:15px;
}
#sNav li{
float:left;
}
#header img.tel{
float:right;
}
/*ヘッドライン===================================*/
#headLineTop{
width:100%;
height:240px;
background:url(../img/flaBg.jpg) repeat-x;
margin:2px 0;
text-align:center;
}
#headLine{
width:100%;
height:auto;
background:url(../img/h2Bg.jpg) repeat-x;
margin:2px 0;
text-align:center;
}
#headLine h2{
width:920px;
height:auto;
margin:0 auto;
}
#flash{
width:920px;
height:240px;
margin:0 auto;
}
/*グローバルナビ===================================*/
#gNav{
width:100%;
height:69px;
background:url(../img/gNavBg.jpg) repeat-x bottom;
border-top:#97C85C 1px solid;
}
#gNav ul{
width:920px;
height:69px;
margin:0 auto;
}
#gNav ul li{
float:left;
}
/*コンテナ===================================*/
#container{
width:920px;
height:auto;
margin:0 auto 20px;
}
#conMainTop{
width:600px;
height:auto;
float:left;
}
#conMain{
width:660px;
height:auto;
float:left;
padding:20px 0 0 0;
}
.boxTop{
border:#EBF4DF 5px solid;
border-top:none;
padding:10px;
margin-bottom:20px;
}
.bannerT img{
float:left;
display:inline;
margin:0 20px 10px;
}
.bannerS img{
margin:0 0 5px 0;
}
.box{
width:630px;
border:#EBF4DF 5px solid;
border-top:none;
padding:10px 10px 5px;
margin-bottom:20px;
}
.pick up{
}
.jouhou dd{
margin-bottom:1em;
}
.houkoku dt{
float:left;
width:80px;
}
.houkoku dd{
padding:0 0 0 80px;
}
dl.oshirase{
margin-bottom:20px;
}
dl.oshirase dd{
padding:0 0 5px 16px; margin:0 0 3px;
line-height:1.4; font-size:12px;
border-bottom:1px dotted #999;
}
#conSideTop{
width:300px;
height:auto;
float:right;
}
#conSide{
width:240px;
height:auto;
float:right;
padding:20px 0 0 0;
}
#bannerSpaceTop{
margin-bottom:20px;
}
#bannerSpaceTop img{
margin-bottom:5px;
}
/*フッタ========================*/
#footer{
width:100%;
background:url(../img/footerBg.jpg) repeat-x #f4f4f4;
padding:18px 0 30px;
}
#footer .inner{
width:920px;
margin:0 auto;
position:relative;
}
#footer a.backToHeader{
position:absolute;
top:0px;
right:0px;
}

/*=========================================*/
img.hover:hover{
  filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
}
img.opa50{
  filter: alpha(opacity=50);
  -moz-opacity:0.50;
  opacity:0.50;
}
