@charset "utf-8";

/*初期化*/
* {
	margin: 0;
	padding: 0;
}

ul{
	list-style: none;
	}

/*------本文------*/

div#container {
	width: 960px;
	margin: 0 auto;
}

/*---ヘッダー---*/
div#header {
	width: 960px;
	margin-left: 0px;
	position:fixed;
    z-index: 999;
	background-color: #ffffff;
	height: 85px;
}

div#header a:hover{
	opacity: 0.7;
}

h1 {
	margin-top: 14px;
	float:left;
}

h1 a{
	width: 300px;
	height: 60px;
	background:url(../img/logo.png) no-repeat left top;
	text-indent:-99999px;
	display:block;
	text-decoration: none;
}

p#toi{
	margin-top: 36px;
	float: right;
}

/*---スライド---*/
div#demo{
	clear: both;
}

.slideGuide up img {
	margin:0 auto;
	display:block;
}

/*---コンテンツ---*/
div#content{
	width: 900px;
	margin: 40px auto 0 auto;
}

div#content h2{
	margin: 40px 0 30px 0;
	font-size: 24px;
	line-height: 50px;
	border-style: none;
	border-bottom: 1px solid #d14b1b;
	text-align: center;
	color: #191919;
	font-family: "ＭＳ ゴシック",sans-serif;
}

/*-HOMEページ_ボタン-*/
ul#bt_content{
	width: 200px;
	float: left;
}

ul#bt_content li a{
	display: block;
	height: 50px;
	margin: 0 0 3px 0;
	text-decoration: none;
	text-indent:-99999px;
}

ul#bt_content li#bt_home a{
	background: url(../img/bt_home1.gif) no-repeat left top;
}

ul#bt_content li#bt_home a:hover{
	background: url(../img/bt_home1.gif) no-repeat left bottom;
}

ul#bt_content li#bt_businessguide a{
	background: url(../img/bt_businessguide1.gif) no-repeat left top;
}

ul#bt_content li#bt_businessguide a:hover{
	background: url(../img/bt_businessguide1.gif) no-repeat left bottom;
}

ul#bt_content li#bt_companyprofile a{
	background: url(../img/bt_companyprofile1.gif) no-repeat left top;
}

ul#bt_content li#bt_companyprofile a:hover{
	background: url(../img/bt_companyprofile1.gif) no-repeat left bottom;
}

ul#bt_content ul#normal li#bt_offices a{
	background: url(../img/bt_offices1.gif) no-repeat left top;
}

ul#bt_content ul#normal li#bt_offices a:hover{
	background: url(../img/bt_offices1.gif) no-repeat left bottom;
}

ul#bt_content ul#normal li#bt_offices ul#bt_officess li#os1 a{
	background: url(../img/bt_os11.gif) no-repeat left top;
}

ul#bt_content ul#normal li#bt_offices ul#bt_officess li#os1 a:hover{
	background: url(../img/bt_os11.gif) no-repeat left bottom;
}

ul#bt_content ul#normal li#bt_offices ul#bt_officess li#os2 a{
	background: url(../img/bt_os21.gif) no-repeat left top;
}

ul#bt_content ul#normal li#bt_offices ul#bt_officess li#os2 a:hover{
	background: url(../img/bt_os21.gif) no-repeat left bottom;
}

ul#bt_content ul#normal li#bt_offices ul#bt_officess li#os3 a{
	background: url(../img/bt_os31.gif) no-repeat left top;
}

ul#bt_content ul#normal li#bt_offices ul#bt_officess li#os3 a:hover{
	background: url(../img/bt_os31.gif) no-repeat left bottom;
}

ul#bt_content ul#normal li#bt_offices ul#bt_officess li#os4 a{
	background: url(../img/bt_os41.gif) no-repeat left top;
}

ul#bt_content ul#normal li#bt_offices ul#bt_officess li#os4 a:hover{
	background: url(../img/bt_os41.gif) no-repeat left bottom;
}

ul#bt_content li#bt_offer a{
	background: url(../img/bt_offer1.gif) no-repeat left top;
}

ul#bt_content li#bt_offer a:hover{
	background: url(../img/bt_offer1.gif) no-repeat left bottom;
}

ul#bt_content li#bt_blog a{
	background: url(../img/bt_blog1.gif) no-repeat left top;
}

ul#bt_content li#bt_blog a:hover{
	background: url(../img/bt_blog1.gif) no-repeat left bottom;
}

ul#bt_content li#bt_info a{
	background: url(../img/bt_info.png) no-repeat left top;
}

ul#bt_content li#bt_info a:hover{
	background: url(../img/bt_info.png) no-repeat left bottom;
}

/*-HOMEページ_メイン-*/
div#main_content{
	width: 608px;
	float: right;
	padding: 30px;
	border: 1px solid #d14b1b;
}

div#main_content h3{
	background: url(../img/rappa1.gif) no-repeat left top;
	padding: 2px 0 5px 40px;
	border-bottom: 1px solid #d14b1b;
	color:#191919;
	font-family: "ＭＳ ゴシック",sans-serif;
	font-size:18px;
}

/*トピックス*/
div#topics{
	width: 608px;
	padding: 30px;
	border: 1px solid #d14b1b;
	margin: auto;
}

div#topics h3{
	background: url(../img/rappa1.gif) no-repeat left top;
	padding: 2px 0 5px 40px;
	border-bottom: 1px solid #d14b1b;
	color:#191919;
	font-family: "ＭＳ ゴシック",sans-serif;
	font-size:18px;
}

dl{
	margin-top: 20px;
}

dt{
	margin: 20px 0 0 0;
	font-size: 16px;
	font-weight: bold;
	color: #191919;
	font-family: "ＭＳ ゴシック",sans-serif;
}

dd{
	margin: 10px 0 0 0;
	font-size: 16px;
	color: #191919;
	font-family: "ＭＳ ゴシック",sans-serif;
}

/*-下層ページ_ボタン-*/
ul#main_bt{
	height: 38px;
	width: 830px;
	margin: 0 auto;
}

ul#main_bt li{
	float: left;
}

ul#main_bt li a{
	display: block;
	height: 38px;
	text-decoration: none;
	text-indent:-99999px;
}

ul#main_bt li#main_home a{
	width: 150px;
	background: url(../img/mbt_home1.gif) no-repeat left top;
}

ul#main_bt li#main_home a:hover{
	background: url(../img/mbt_home1.gif) no-repeat left bottom;
}

ul#main_bt li#main_businessguide a{
	width: 150px;
	background: url(../img/mbt_businessguide1.gif) no-repeat left top;
}

ul#main_bt li#main_businessguide a:hover{
	background: url(../img/mbt_businessguide1.gif) no-repeat left bottom;
}

ul#main_bt li#main_companyprofile a{
	width: 150px;
	background: url(../img/mbt_companyprofile.gif) no-repeat left top;
}

ul#main_bt li#main_companyprofile a:hover{
	background: url(../img/mbt_companyprofile.gif) no-repeat left bottom;
}



ul#main_bt ul#normal1 li#main_offices a{
	width: 150px;
	background: url(../img/mbt_offices1.gif) no-repeat left top;
}

ul#main_bt ul#normal1 li#main_offices a:hover{
	background: url(../img/mbt_offices1.gif) no-repeat left bottom;
}

ul#main_bt ul#normal1 li#main_offices ul#main_officess li#os1 a{
	width: 150px;
	background: url(../img/mbt_os11.gif) no-repeat left top;
}

ul#main_bt ul#normal1 li#main_offices ul#main_officess li#os1 a:hover{
	background: url(../img/mbt_os11.gif) no-repeat left bottom;
}

ul#main_bt ul#normal1 li#main_offices ul#main_officess li#os2 a{
	width: 150px;
	background: url(../img/mbt_os21.gif) no-repeat left top;
}

ul#main_bt ul#normal1 li#main_offices ul#main_officess li#os2 a:hover{
	background: url(../img/mbt_os21.gif) no-repeat left bottom;
}

ul#main_bt ul#normal1 li#main_offices ul#main_officess li#os3 a{
	width: 150px;
	background: url(../img/mbt_os31.gif) no-repeat left top;
}

ul#main_bt ul#normal1 li#main_offices ul#main_officess li#os3 a:hover{
	background: url(../img/mbt_os31.gif) no-repeat left bottom;
}

ul#main_bt ul#normal1 li#main_offices ul#main_officess li#os4 a{
	width: 150px;
	background: url(../img/mbt_os41.gif) no-repeat left top;
}

ul#main_bt ul#normal1 li#main_offices ul#main_officess li#os4 a:hover{
	background: url(../img/mbt_os41.gif) no-repeat left bottom;
}


ul#main_bt li#main_offer a{
	width: 150px;
	background: url(../img/mbt_offer1.gif) no-repeat left top;
}

ul#main_bt li#main_offer a:hover{
	background: url(../img/mbt_offer1.gif) no-repeat left bottom;
}

ul#main_bt li#main_blog a{
	width: 150px;
	background: url(../img/mbt_blog1.gif) no-repeat left top;
}

ul#main_bt li#main_blog a:hover{
	background: url(../img/mbt_blog1.gif) no-repeat left bottom;
}

ul#main_bt li#main_info a{
	width: 150px;
	background: url(../img/mbt_info.gif) no-repeat left top;
}

ul#main_bt li#main_info a:hover{
	background: url(../img/mbt_info.gif) no-repeat left bottom;
}

/*-下層ページ_コンテンツ-*/
div#content_1 h2{
	margin: 40px 0 30px 0;
	font-size: 24px;
	line-height: 50px;
	border-style: none;
	border-bottom: 1px solid #d14b1b;
	text-align: center;
	color: #191919;
	font-family: "ＭＳ ゴシック",sans-serif;
}

div#content_1 p{
	font-size: 14px;
	line-height: 2em;
	text-align: center;
	color: #191919;
	font-family: "ＭＳ ゴシック",sans-serif;
}

div#content_1 h3{
	margin-top: 30px;
	font-size: 20px;
	text-align: center;
	color: #191919;
	font-family: "ＭＳ ゴシック",sans-serif;
}

p.form_kan{
	margin-bottom: 10px;
}

div#content_1 ul{
	margin: 5px 0 30px 0;
}

div#content_1 li{
	font-size: 14px;
	line-height: 2em;
	text-align: center;
	color: #191919;
	font-family: "ＭＳ ゴシック",sans-serif;
}

div#content_1 img{
	margin: 20px 0 20px 0;
}

div#content_1 a:hover{
	opacity: 0.7;
}

div#content_3{
	float:left;
}

div#content_3 a{
	text-decoration: none;
}

div#content_3 h4{
	margin-right: 40px;
	font-size: 23px;
	text-align: left;
	color: #191919;
	font-family: "ＭＳ ゴシック",sans-serif;
}

div#content_3 h5{
	margin-right: 40px;
	font-size: 20px;
	text-align: left;
	color: #191919;
	font-family: "ＭＳ ゴシック",sans-serif;
	border-bottom: 1px solid #d14b1b; 
	margin-bottom: 5px;
}

div#content_4{
	float:right;
}

div#content_4 a{
	text-decoration: none;
}

div#content_4 h4{
	margin-right: 40px;
	font-size: 23px;
	text-align: left;
	color: #191919;
	font-family: "ＭＳ ゴシック",sans-serif;
}

div#content_4 h5{
	margin-right: 40px;
	font-size: 20px;
	text-align: left;
	color: #191919;
	font-family: "ＭＳ ゴシック",sans-serif;
	border-bottom: 1px solid #d14b1b; 
	margin-bottom: 5px;
}

div#content_5 {
	margin: auto;
	width: 480px;
}

div#content_5 img{
	margin-left: 15px;
}

div#content_5 a{
	text-decoration: none;
}

div#content_5 h4{
	margin-right: 40px;
	font-size: 23px;
	text-align: left;
	color: #191919;
	font-family: "ＭＳ ゴシック",sans-serif;
}

div#content_5 h5{
	margin-right: 40px;
	font-size: 20px;
	text-align: left;
	color: #191919;
	font-family: "ＭＳ ゴシック",sans-serif;
	border-bottom: 1px solid #d14b1b; 
	margin-bottom: 5px;
}

/*---バナー（facebookとボランティア募集）---*/
div#banner{
	width: 900px;
	clear: both;
	margin-left: 20px;
}

div#banner p{
	margin-top: 10px;
}

div#banner a{
	margin: 10px;
}

div#banner a:hover{
	opacity: 0.7;
}

/*---フッター---*/
div#footer{
	clear: both;
	width: 960px;
}


ul#ft_btn{
	height: 46px;
	padding-top: 55px;
	width: 442px;
	margin: 0 auto;
}

ul#ft_btn li{
	float: left;
	text-indent: -999999px;
	width: 46px;
}

li.mojikan{
	margin-left: 20px;
}

ul#normal1 li.mojikan{
	margin-left: 20px;
}

ul#ft_btn li a{
	display: block;
	width:46px;
	height: 46px;
}

ul#ft_btn li#ft_home a{
	background: url(../img/ft_home.gif) no-repeat left top;
}

ul#ft_btn li#ft_home a:hover{
	background: url(../img/ft_home.gif) no-repeat left bottom;
}

ul#ft_btn li#ft_businessguide a{
	background: url(../img/ft_businessguide.png) no-repeat left top;
}

ul#ft_btn li#ft_businessguide a:hover{
	background: url(../img/ft_businessguide.png) no-repeat left bottom;
}

ul#ft_btn li#ft_companyprofile a{
	background: url(../img/ft_companyprofile.gif) no-repeat left top;
}

ul#ft_btn li#ft_companyprofile a:hover{
	background: url(../img/ft_companyprofile.gif) no-repeat left bottom;
}

ul#ft_btn li#ft_offices a{
	background: url(../img/ft_offices.gif) no-repeat left top;
}

ul#ft_btn li#ft_offices a:hover{
	background: url(../img/ft_offices.gif) no-repeat left bottom;
}

ul#ft_btn li#ft_offer a{
	background: url(../img/ft_offer.gif) no-repeat left top;
}

ul#ft_btn li#ft_offer a:hover{
	background: url(../img/ft_offer.gif) no-repeat left bottom;
}

ul#ft_btn li#ft_blog a{
	background: url(../img/ft_blog.gif) no-repeat left top;
}

ul#ft_btn li#ft_blog a:hover{
	background: url(../img/ft_blog.gif) no-repeat left bottom;
}

ul#ft_btn li#ft_info a{
	background: url(../img/ft_info.gif) no-repeat left top;
}

ul#ft_btn li#ft_info a:hover{
	background: url(../img/ft_info.gif) no-repeat left bottom;
}

address{
	margin-top: 15px;
	height:60px;
	background:url(../img/footer_bg.gif) repeat-x left top;
	text-align: center;
	line-height: 60px;
	font-size: 10px;
	color: #ffffff;
	font-style: normal;
}

html,body{
	//background-image : url(../img/bg058_04.gif);
	background-color: #fcfdff;
}

   .dropmenu{
       *zoom: 1;
       list-style-type: none;
       width: 960px;
       margin: 0px auto 0px;
       padding: 0;
   }
    .dropmenu:before, .dropmenu:after{
          content: "";
          display: table;
   }
   .dropmenu:after{
         clear: both;
   }
   .dropmenu li{
        position: relative;
        width: 20.9%;
        float: left;
        margin: 0;
        padding: 0;
        text-align: center;
   }
   .dropmenu li a{
        display: block;
        margin: 0;
        padding: 0px 0 0px;
        background: #8a9b0f;
        color: #fff;
        font-size: 14px;
        line-height: 1;
        text-decoration: none;
   }
 .dropmenu li ul{
           list-style: none;
           position: absolute;
           z-index: 99999;
           top: 0%;
           left: 100%;
           margin: 0;
           padding: 0;
   }
   .dropmenu li ul li{
          width: 1430%;
  }
   .dropmenu li ul li a{
         padding: 0px 0px;
         //border-top: 1px solid #7c8c0e;
         background: #6e7c0c;
         text-align: left;
   }
   .dropmenu li:hover > a{
         background: #6e7c0c;
   }
   .dropmenu li a:hover{
         background: #616d0b;
   }
 
 
   #normal li ul{
        display: none;
   }
   #normal li:hover ul{
         display: block;
   }   
   
   
 
   .dropmenu1{
       *zoom: 1;
       list-style-type: none;
       width: 960px;
       margin: 0px auto 0px;
       padding: 0;
   }
    .dropmenu1:before, .dropmenu1:after{
          content: "";
          display: table;
   }
   .dropmenu1:after{
         //clear: both;
   }
   .dropmenu1 li{
        position: relative;
        width: 150px;
        float: left;
        margin: 0;
        padding: 0;
        text-align: center;
   }
   .dropmenu1 li a{
        display: block;
        margin: 0;
        padding: 0px 0 0px;
        background: #8a9b0f;
        color: #fff;
        font-size: 14px;
        line-height: 1;
        text-decoration: none;
   }
 .dropmenu1 li ul{
           list-style: none;
           position: absolute;
           z-index: 998;
           top: 100%;
           left: 0%;
           margin: 0;
           padding: 0;
   }
   .dropmenu1 li ul li{
          width: 100%;
  }
   .dropmenu1 li ul li a{
         padding: 0px 0px;
         //border-top: 1px solid #7c8c0e;
         background: #6e7c0c;
         text-align: left;
   }
   .dropmenu1 li:hover > a{
         background: #6e7c0c;
   }
   .dropmenu1 li a:hover{
         background: #616d0b;
   }
 
 
   #normal1 li ul{
        display: none;
   }
   #normal1 li:hover ul{
         display: block;
   }    
   
   
 

table{
	border: #7d7a91;
	border-collapse: collapse;
	margin: auto;
}

th{
	background-color: #f3f3f3;
	width: 200px;
	padding: 10px;
	font-family: "ＭＳ ゴシック",sans-serif;
}

td{
	width:650px;
	padding: 10px;
	font-family: "ＭＳ ゴシック",sans-serif;
}