@charset "utf-8"; 

/*base.css
サイト全体共通 基本CSS

【1】初期設定
1-0 要素初期化
1-1 汎用セレクタ
1-2 フォーム関連セレクタ
1-3 CSSハック

【2】ページレイアウト

【3】ページ全体内

【4】ヘッダ内

【5】本文内

【6】サイド内

【7】フッタ内

【8】RSS

【9】長谷川追加

*/

/*【1】初期設定*/
/*1-0 要素初期化*/
html {
	overflow-y:scroll;/*FF scrollbarズレ対策*/
}

/* IE7でpadding指定 */
*:first-child+html body {
padding-left: 1px;
}


/* IE6以下でpadding指定 */
*html body {
padding-left: 1px;
}

body {
	margin:0;
	padding:0;
	text-align: center;
	color:#333333;
}
p , ul , ol , li , dl , dt , dd , address , strong , em ,
h1 , h2 , h3 , h4 , h5 , h6 , 
table , caption , th , td {
	font-size: 100%;
	font-weight: normal;
	line-height: 1.5;
	margin:0;
	padding:0;
}
strong {
	font-weight:bold;
}
i ,
em {
	font-style:italic;
}
p {	margin:0 0 1em;}
li {	list-style-type: none;}
h1 , h2 , h3 , h4 , h5 , h6 {}
a {}
a:link , a:visited {
	color: #333333;
	text-decoration: underline;
}
a:hover , a:active {
	color: #333333;
	text-decoration: none;
}
img { border:none;}
hr { display:none;}

/*1-1 汎用セレクタ*/
.clear { clear:both;}
.bnr {
	margin:0 0 15px;
	text-align:center;
}
.ico {
	vertical-align:middle;
}
/*1-2 CSSハック*/
/*clearfix*/
  /* WinIE7 only */
    *:first-child+html .clearfix {height: 1%;}
  /* WinIE6 and below */
    /* hide \*/
    * html .clearfix {height: 1%;}
    /*MacIE*/
  /* MacIE only */
    /*\*//*/ 
    .clearfix {display: inline-table;}
    /**/
  .clearfix:after{/* modern browser */
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
  }
  
/*【2】ページレイアウト*/
#container {
	width: 750px;
	margin: 0 auto;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 1;
	text-align: left;
	font-family: verdana, Helvetica, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", osaka, "メイリオ", meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:62.5%;
}

#header{
}

#contents{
	padding-top:10px;
	font-size:1.2em;
	}

#main{
	width:475px;
	float:left;
	padding-bottom:5px;
	}


#sub{
	width:250px;
	float:right;
	padding-bottom:5px;
	}

#footer{
	clear:both;
	background:#7FC31C;
}

/*【4】ヘッダ内*/

#tagline {
	background:#7FC31C;
	line-height:1.5em;
	margin-bottom: 5px;
	padding-left:5px;
}

#siteid {
	width: 300px;
	float: left;
}

#headnavi {
	margin-left:400px;
	}

#headnavi img {
	float:right;
	}
	
#gnavi {
	width:750px;
	height:60px;
	margin: 0;
}
#gnavi li {
	float:left;
}
#gnavi li a {
	display:block;
	width:150px;
	height:60px;
	background-image: url(../index-image/image/bg_gnavi.png);
	background-repeat:no-repeat;
}

/*通常時*/
#gnavi .li1 a:link,#gnavi .li1 a:visited { background-position:0 0;}
#gnavi .li2 a:link,#gnavi .li2 a:visited { background-position:-150px 0;}
#gnavi .li3 a:link,#gnavi .li3 a:visited { background-position:-300px 0;}
#gnavi .li4 a:link,#gnavi .li4 a:visited { background-position:-450px 0;}
#gnavi .li5 a:link,#gnavi .li5 a:visited { background-position:-600px 0;}

/*ロールオーバー時*/
#gnavi .li1 a:hover,#gnavi .li1 a:active { background-position:0 -60px;}
#gnavi .li2 a:hover,#gnavi .li2 a:active { background-position:-150px -60px;}
#gnavi .li3 a:hover,#gnavi .li3 a:active { background-position:-300px -60px;}
#gnavi .li4 a:hover,#gnavi .li4 a:active { background-position:-450px -60px;}
#gnavi .li5 a:hover,#gnavi .li5 a:active { background-position:-600px -60px;}

#gnavi .li1 a ,
#gnavi .li2 a ,
#gnavi .li3 a ,
#gnavi .li4 a ,
#gnavi .li5 a ,
#gnavi .li6 a ,
#gnavi .li7 a ,
 { width:150px;
}

#gnavi .bir  {
	display:block;
	left:0;
	overflow:hidden;
	position:relative;
	top:0;
	z-index:-1;
}

.snavi{
	clear:both;
	text-align:right;
	padding:5px 0;
	font-size: 1.2em;
	color:#7FC31C;
	}

.snavi a:link , .snavi a:visited {
	color:#7FC31C;
	text-decoration: underline;
}
.snavi a:hover , .snavi a:active {
	color:#7FC31C;
	text-decoration: none;
}

/*【5】本文内*/

#info{
	padding:0 0 20px 0;
	background-image:url(../index-image/bg_info.jpg);
	background-repeat:no-repeat;
}

#info .rss_list{
	padding-left:20px;
	border-bottom:1px dotted #cccccc;
	line-height:2em;
}

#case{
	padding:0px 0px 10px 0;
	margin-bottom:20px;
	background-image:url(../index-image/bg_case.jpg);
	background-repeat:no-repeat;
	border-bottom:1px dotted #cccccc;
}


#case .rss_list img{
	float:left;
	margin:0px 5px 10px 0;
	border:1px solid #cccccc;
	}

.about{
	line-height:1.6em;
}

.about p{
	padding:10px 240px 10px 0;
	background-image:url(../index-image/house.jpg);
	background-repeat:no-repeat;
	background-position:right;
	}

#info p.more , #case p.more{
	text-align:right;
	font-size:80%;
	padding:7px 5px 0px 0px;
}

p.more a{
		color:#387D39;
		text-decoration:none;
}

p.more a:link, a:visited {
		color:#387D39;
		text-decoration:none;
}

/*【6】サイド内*/

p.bnr{
	margin-bottom:5px;
}

dl.side_profile{
	border:1px solid #7fc31c;
	}

.side_profile dd{
	padding-left:10px;
	background:#7FC31C;
	font-weight:bold;
	color:#ffffff;
	}

.side_profile dt{
	padding:10px 20px;
	}

/*【7】フッター内*/

#footer p{
	text-align:right;
	color:#ffffff;
	font-size:10px;
	margin:0px;
}

/*【8】RSS*/

.info rss_list , .case rss_list{
	margin-top:30px;
}

/*【9】長谷川追加*/
/*お客様の声トップページ*/　
#customer_left{
	width:250px;
	float:left;
	padding-bottom:5px;
	}

#customer_head{
	width:680px;
	float:left;
        margin-left:15px;
        margin-bottom:30px;
	padding:30px;
        background-color:#FFFFD3
        	}

#customer_head p{
line-height:1.8;
                }

.customer_right{

             }

p.month{
	clear:both;
 font-color:#ebf2d1
	width:750px;
 	font-size:140%
             }

#customer_bottom {
	width:750px;
	float:left;
        padding-top:10px;
        padding-bottom:10px;
	margin-bottom:50px;
 background-color:#ebf2d1
        	}

#customer_bottom img{
	float:left;
        margin-left:30px;
       	}

.name{
	margin-left:20px;
        font-size:large;
       	}

.customer_clear{
         clear:both;
         font-size:120%;
         margin-left:20px;
         }

p.align_right{
         text-align:right;
         margin-bottom:10px;
         }


.customer_clear b{
         
                 }

.customer_clear p{
         
         
                 }

/*お客様の声２階層目*/



.customer_totop a:hover{
        text-decoration: underline;
          }

#post_img{
　　　　width:330px;
        display:inline-block;
	border:10px solid #ffdead;
        margin-right:20px;
        margin-bottom:20px;
        float:left;
       　}

#voice_photo{
　　　　width:360px;
	float:left;
　　　      }

#koji{
        width:340px;
        float:left;
        background-color:#eee5de;
        padding-left:20px;
        padding-right:20px;
        margin-bottom:20px;
             }

#koji img{
        margin-bottom:20px;
        margin-top:20px;
        margin-right:20px;
        float:left;
         }


#koji dl dt dd{
 list-style-type:circle;
             }

#customer_comment {
  　    width:200px;  
        clear:left;

}

#nakata_comment {
  　    width:200px;
        margin-top:20px;
        margin-bottom:20px;
   
                }

/*義援金時のスタイル*/

#okuyami_image{
              margin-bottom:20px;
}　

.kaitei{
              }　
/*ここまで*/