@import url(setting.css);
@import url(layout.css);
@import url(styles2.css);

/*---------------------------------
* カラーチャート
* メインカラー -> "##2B3C08"
* サブカラーA -> "#"
* サブカラーB -> "#"
* キーカラー -> "#"
---------------------------------*/

/* =======================================

        font style

========================================== */
.fNormal  { font-weight: normal;}
.fBold   { font-weight: bold;}
.fItalic { font-style: italic;}

.fSSS { font-size: 70%;}
.fSS  { font-size: 78%;} /* base 14px = px */
.fS   { font-size: 85%;} /* base 14px = px */
.fM   { font-size: 100%;}
.fL   { font-size: 115%;}/* base 14px = px */
.fLL  { font-size: 130%;}/* base 14px = px */
.fLLL { font-size: 143%;}/* base 14px = px */
sup {
        font-size: 78%;
        vertical-align: top;
}
sub {
        font-size: 78%;
        vertical-align: baseline;
}
/* =======================================

        text color

========================================== */
.txt_m { color: #2B3C08;}

.red {
        color: #CC4516;
}


/* =======================================

Contents用

========================================== */

h3.h01 {
background: url(../images/h3_bg01.gif) no-repeat left center;
color: #293a07;
font-size: 16px;
line-height: 100%;
margin-bottom: 10px;
padding: 8px 0 8px 20px;
width: 100%;
font-weight: bold;
}


.h4_bg {
    background: url("../images/h4_bg.jpg") no-repeat scroll left top transparent;
    color: #FFFFFF;
    font-size: 14px;
    margin-bottom: 5px;
    padding: 1px 0 2px 19px;
    width: 100%;
}

.h4_no_margin{
    background: url("../images/h4_bg.jpg") no-repeat scroll left top transparent;
    color: #FFFFFF;
    font-size: 14px;
    padding: 1px 0 2px 19px;
    width: 100%;
}
h2 { color: #777777; font-style: normal; font-weight: normal; font-size: 10px; line-height: 120%; text-decoration: none; margin-top: 1px }
h3 { color: #888888; font-style: normal; font-weight: normal; font-size: 11px; line-height: 130%; text-decoration: none; margin-top: 2px; display:inline }

/* =======================================

 ページ内リンク用

========================================== */

.page_link{
text-align:right;

}
.page_link a {
    text-decoration: underline;
    color: #3a7b00;
}

.page_link a:link,.page_link a:visited {
    text-decoration: underline;
    color: #3a7b00;
}

.page_link a:hover {
    text-decoration: none;
color:#9cbd7f;
}

.link a:link,.link a:visited {
    text-decoration: underline;
    color: #3a7b00;
}

.link a:hover {
    text-decoration: none;
color:#9cbd7f;
}

.page_top a:link,.page_top a:visited {
    text-decoration: underline;
    color: #3a7b00;
}

.page_top a:hover {
    text-decoration: none;
color:#9cbd7f;
}


/* h2　背景　フォント*/


h2.bg{
background: url("../images/h2_bg01.jpg") no-repeat;
font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
color: #1E1E1E;
font-size: 24px;
font-weight: bold;
padding: 18px 0 0px 50px;
margin-bottom:20px;
height:40px;
line-height:100%;
}

/* IE7 */
*:first-child+html h2.bg {
font-family: "ＭＳ Ｐ明朝", "平成明朝", serif;
}

/* =======================================

TOP

========================================== */

.top_media {
width: 657px;
height: 221px;
display: block;
margin: 0px auto;
background: url("../images/top/top_bg01.jpg") no-repeat scroll left top transparent;
}

iframe2 {
width: 340px;
height: 200px;
}

.top_movie {
padding: 10px 7px 0 305px;
}


.top_promise01 {
width: 430px;
float: left;
padding: 0 20px;
}

.top_promise02 {
width: 220px;
float: left;
margin-bottom: 30px;
}
.top_infoframe {
    border: 1px solid #CCCCCC;
    height: 200px;
    width: 703px;
}

.top_info {
    height: 190px;
    margin: 0 auto;
    overflow: scroll;
    padding: 10px 0 0 20px;
    width: 680px;
}

.top_infotext {
    background: url("../images/sidemenu/side_arrow01.gif") no-repeat scroll 0 12px transparent;
    border-bottom: 1px dotted #CCCCCC;
    padding: 5px 0 5px 15px;
}

.top_infoimg {
margin: 0px auto;
padding: 10px 0;
}

.top_img{
width:662px;
margin: 0px auto;
}

/*--------- privacy.html ---------*/
.privacy h3{
font-weight: bold;
font-size: 18px;
margin-bottom: 10px;
color: #2B3C08;
}

.privacy h4{
font-weight: bold;
font-size: 16px;
margin-bottom: 10px;
border-bottom:1px dotted  #2B3C08;
padding-bottom: 3px;
}

.privacy ul {
margin-top: 10px;
padding-left: 15px;
font-size: 12px;
}

.privacy ul li{
margin-bottom: 5px;
list-style:decimal inside none;
}



/* =======================================

recruit

========================================== */
table.table01{
border-collapse: separate;
border-top: 1px solid #c8c19a;
}

.table01 th {
    background: url(../images/bg_gra.jpg) repeat-x top #fff;
    padding: 5px 5px 5px 16px;
    vertical-align: baseline;
    width: 160px;
border-bottom: 1px solid #c8c19a;
}
.table01 td {
    padding: 5px 5px 5px 10px;
border-bottom: 1px solid #c8c19a;
}

/*recruit00*/
#recruit00 {
margin: 0 0 20px;
text-align: center;
font-size: 18px;
font-weight: bold;
color:#cc0000;
}
/*recruit01*/

#recruit01 {
margin: 0 0 20px;
}

/*recruit02*/
#recruit02 {
margin: 0 0 30px;
}

#recruit02 ul {
background: url(../images/pattern.jpg);
padding: 8px 15px 15px;
}

#recruit02 ul li {
padding: 7px 0 7px 30px;
border-bottom: 1px dotted #666;
background: url(../images/list_b.gif) no-repeat 5px 50%;
}

/*recruit03*/
#recruit03 {
margin: 0 0 50px;
}

/* =======================================

contact

========================================== */

#contact01 p span {
background: url(../images/freedial.gif) no-repeat left center;
padding: 0 0 0 35px;
color: #cc3000;
font-weight: bold;
font-size: 20px;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

#contact01 p em {
color: #cc3000;
font-weight: bold;
font-size: 16px;
font-family: Geneva, Arial, Helvetica, sans-serif;
}


/* =======================================

sitemap

========================================== */

.tree ul {
padding:0;
margin:0;
background-position: -9px 15px;
background-image: url('../images/ul.gif');
background-repeat: repeat-y
}
.tree li {
font-size: 1em;
font-weight:bold;
margin: 0px;
padding: 3px 0 3px 24px;
list-style-type: none;
}
.tree li a {
text-decoration:none;
color:#000;
}
.tree li a:hover {
text-decoration:underline;
}
.tree ul ul {
background-position: -1px 15px;
background-image: url('../images/ul.gif');
background-repeat: repeat-y;
}
.tree ul li {
background-position: 0px 7px;
background-image: url('../images/li.gif');
background-repeat: no-repeat;
}
.tree ul li a {
font-weight:bold;
text-decoration:underline;
}
.tree ul li a:hover {
text-decoration:none;
}
.tree ul ul li {
background-position: 8px 7px;
background-image: url('../images/li.gif');
background-repeat: no-repeat;
}
.tree ul ul li a {
background-position: 0px 7px;
font-size:1em;
color:#666;
text-decoration:none;
}
.tree ul ul ul li a {
background-position: 0px 7px;
font-size:0.8em;
color:#999;
text-decoration:none;
}

/* =======================================
　voice
========================================== */


.voice-top img{
border: 1px solid #D0D0D0;
padding: 2px;
}

#voice{
width: 640px;
margin: 0 auto;
margin-bottom: 20px;
}

.voice-main {
margin-bottom: 20px;
}

.voice-main img{
border: 1px solid #D0D0D0;
padding: 2px;
}

#voice h3 {
    background: url("../images/voice_ttl.jpg") no-repeat scroll left top transparent;
    font-size: 18px;
    font-weight: bold;
    height: 32px;
    margin-bottom: 20px;
    padding: 9px 0 0 11px;
}

.voice-content {
    margin-bottom: 20px;
}
 
.voice-content:after{
content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.voice-content img{
border: 1px solid #D0D0D0;
padding: 2px;
float: right;
margin:0 0 18px 20px;
}

.voice-re {
border: 2px solid #EBEAE8;
background-color: #F8F8F6;
padding: 20px 22px; 
}

.voice_cat{
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px dotted #D0D0D0;
width: 703px;
}

.voice_l{
width: 220px;
float: left;
margin-right: 20px;
display: inline;
}

.voice_l img{
 border: 1px solid #D0D0D0;
padding: 2px;
}

.voice_r{
width: 463px;
float: left;
display: inline;
}

.voice_r h3{
font-weight: bold;
margin:0 0 5px 0;
font-size:18px;
}

.voice_r h3 a{
text-decoration: none;
}
 
 .voice_icacth{
  background: url("../images/voice-icacth.jpg") no-repeat scroll left top transparent;
 width: 703px;
 height: 217px;
 }
.voice_icacth h3 {
     font-size: 20px;
    font-weight: bold;
    margin: 0 0 8px 217px;
    padding-top: 17px;
    width: 458px;
}
 
   .voice_icacth p{
 width: 458px;
 margin:0 0 0 217px;
 }



/* =======================================

show

========================================== */
/*show01*/
div#show01 {
padding: 0 0 35px;
margin: 0 0 25px;
}

div#show01 h3 {
margin: 0 0 15px;
line-height: 1;
font-size: 18px;
font-weight: bold;
color: #293a07;
}

/*show02 show3*/
div#show ul.point4{
margin: 0 0 20px;
text-indent: -9999px;
height: 175px;
}

div#show02 ul.point4 {
background: url(../images/showroom07.gif) no-repeat;
}

div#show03 ul.point4 {
background: url(../images/showroom_cp05.gif) no-repeat;
}

ul.point5 {
margin: 0 0 20px;
text-indent: -9999px;
height: 218px;
background: url(../images/ino_point.gif) no-repeat;
}

div#show table tr td {
padding: 0 0 15px;
}

div#show table tr td img {
display: block;
margin: 0 0 5px;
}

div#show table tr td p {
text-align: center;
}

/*show03*/
div#show03 {
width: 703px;
}

/*access*/
div.access {
background: url(../images/showroom_map_title.gif) no-repeat top;
margin: 0 0 20px;
}

div.access h4 {
padding: 10px 15px 30px;
font-weight: bold;
font-size: 20px;
}

/*
div.map dl dt {
margin: 0 0 10px;
font-weight: bold;
}
*/

/*cp_info*/
div#cp_info1,div#cp_info2,div#cp_info3 {
height: 123px;
margin: 0 0 25px;
}

div#cp_info1 {
background: url(../images/showroom_cp_info1.gif) no-repeat;
}

div#cp_info2{
background: url(../images/showroom_cp_info2.gif) no-repeat;
}

div#cp_info3{
background: url(../images/ino_info.gif) no-repeat;
}

div.cp_info_L {
text-indent: -9999px;
float: left;
width: 360px;
height: 123px;
}

div.cp_info_R {
float: right;
width: 340px;
padding: 15px 0 0 0;
}

.deli-box{
border: 3px solid #EEEEE9;
padding: 32px 20px;
width: 663px;
background: url("../images/map-bg.jpg") 93% 50% no-repeat transparent;
height: 160px;
margin-bottom: 15px;
}
.deli-box h3{
font-weight: bold;
font-size: 18px;
color: #CC3000;
margin-bottom: 5px;
width: 465px;
}
.deli-box p{
width: 465px;
}



.m0at{
margin: 0 auto;
text-align: center;
}

.m0at:after{
width: 100%;
}

.company dt{
background: url(../images/bg_gra.jpg) repeat-x top #fff;
border-bottom: 1px solid #c8c19a;
padding: 5px 5px 5px 16px;
width: 160px;
}

.company dd{
border-bottom: 1px solid #c8c19a;
 padding: 5px 5px 5px 16px;
 font-size: 90%;
}

/* =======================================

promise

========================================== */
#promise3 {
margin: 0 auto 40px;
width: 654px;
height: 131px;
}

#promise3 img {
float: left;
margin: 0 2px;
}

/* =======================================

foundation

========================================== */

/*foundation01*/
div#foundation01 {
    background: none repeat scroll 0 0 #F5F3E6;
    clear: both;
    margin: 0 0 30px;
    overflow: hidden;
    padding: 25px 20px;
    width: 664px;
}
div#foundation01 div.f01L {
    float: left;
    margin-right: 20px;
    width: 390px;
}

div#foundation01 div.f01R {
    float: left;
    width: 252px;
}
div#foundation01 div.f01R img {
margin: 0 0 15px;
}

/*foundation02*/
div#foundation02 table {
border-collapse: collapse;
width: 700px;
margin: 0 1px;
}

div#foundation02 table tr td{
padding: 0 0 10px;
}

div#foundation02 table tr td p{
padding: 25px 30px;
border: 3px solid #ccc;
}

/* =======================================

インタ―ネット限定

========================================== */

.gentei h2{
background: url(../images/gentei/h2_tit.jpg) no-repeat top #fff;
font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
color: #1E1E1E;
font-size: 24px;
font-weight: bold;
padding: 18px 0 0px 50px;
margin: 60px 0px 20px 0px;
height:40px;
line-height:100%;
}

/* IE7 */
*:first-child+html .gentei h2 {
font-family: "ＭＳ Ｐ明朝", "平成明朝", serif;
}


.gentei .hakaishi_right h3, .gentei .hakaishi_left h3{
background-color:#536f1a;
color:#fff;
font-weight:bold;
padding:5px;
margin-bottom:5px;}


.gentei .merit{
padding:0px 5px;
margin:10px 0px;}

.gentei .merit .merit_content{
padding:0px 15px 15px 15px;
background: url(../images/gentei/merit_content.jpg) no-repeat bottom #fff;
}

.gentei .merit .merit_content p{
margin-top:5px;}

.gentei .hakaishi_left{
float:left;
width:470px;
margin-bottom:15px;
height:530px;}

.gentei .hakaishi_right{
float:right;
width:470px;
margin-bottom:15px;
height:530px;}

.gentei .h_left_box{
width:145px;
float:left;}

.gentei .h_left_box dl{
width:100px;
margin: 5px 0px 0px 0px;}

.gentei .h_left_box dl dt{
width:100px;
background-color:#cbd4ba;
color:#536f1a;
font-weight:bold;
line-height:30px;
padding:0px 15px;
float:none;
display:block;
font-size:12px;}

.gentei .h_left_box dl dd{
width:100px;
background-color:#fbf1bb;
color:#536f1a;
font-weight:bold;
line-height:16px;
padding:5px 15px;
float:none;
display:block;
font-size:12px;}

.gentei .h_right_box{
width:300px;
float:left;}

.midashi{
text-align:center;}

h3.h01_tit{
line-height:30px;
padding:0px 30px;
margin:15px 0px;
background: url(../images/gentei/contact_bg.jpg) no-repeat bottom #fff;
}

.gentei .merit_img{
width:235px;
float:left;}

#contact_form{
width:820px;
margin:0px 100px;}

#contact_form_content{
background: url(../images/gentei/contact_box_content.jpg) no-repeat bottom #fff;
padding:0px 40px 20px 40px;
margin-bottom:50px;
}

.information{
position: relative;
}
.information_text{
float:right;
width:540px;
position: absolute;
bottom: 0;
left:430px;
}

.ba1{color: #555555; font-style: normal; font-weight: normal; font-size: 13px; line-height: 120%; text-decoration: none; padding-top: 5px}
.ba1s{color: #555555; font-style: normal; font-weight: normal; font-size: 11px; line-height: 120%; text-decoration: none; padding-top: 5px}
.ba2{color: #cc5555; font-style: normal; font-weight: normal; font-size: 10px; line-height: 120%; text-decoration: none; margin-top: 5px}
.ba3{color: #555555; font-style: normal; font-weight: normal; font-size: 13px; line-height: 120%; text-decoration: none;}
.ba3b{color: #222266; font-style: normal; font-weight: bold; font-size: 15px; line-height: 130%; text-decoration: none;}
.moji20{color: #222255; font-style: normal; font-weight: bold; font-size: 20px; line-height: 150%; text-decoration: none; margin-top: 5px; margin-bottom: 3px}
.moji13{color: #222222; font-style: normal; font-weight: normal; font-size: 13px; line-height: 130%; text-decoration: none; }
.moji13r{color: #cc0000; font-style: normal; font-weight: normal; font-size: 13px; line-height: 130%; text-decoration: none; }
.moji14{color: #222222; font-style: normal; font-weight: normal; font-size: 14px; line-height: 150%; text-decoration: none; }