/*---------------------------------------------------------------------------------
COMMON
---------------------------------------------------------------------------------*/

*{font-size:15px;
margin:0;
padding:0;
font-weight:normal;
font-style:normal;
border:0;}

body{
font-size:15px;
color:#555;
line-height:1.5em;
text-align:center;
font-family:"Trebuchet MS","Verdana,sans-serif",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック';
background:#fff;}

div#all{
width:900px;
margin:0 auto 0;}

strong{
font-size:15px;
color:#152C3C;
font-weight:bold;
}



a{color:#0066CC;text-decoration:none;outline:none;}
a:visited{color:#0066CC;outline:none;}
a:hover{color:#0066CC;outline:none;}
}

/*---------------------------------------------------------------------------------
ヘッダー
---------------------------------------------------------------------------------*/

#head{
width:900px;
height:60px;
text-align:left;}

   h1{
   display:block;
   float:left;
   width:750px;
   height:60px;
   line-height:70px;
   text-indent:-9999px;}

      h1 a{
      display:block;
      width:250px;
      height:60px;
      line-height:70px;
      background:url("img/bg_h1.jpg") 0 0 no-repeat;}

   #block_inq{
   float:right;
   width:150px;
   height:60px;
   text-indent:-9999px;
   background:url("img/bg_inq.jpg") 0 0 no-repeat;}

      #block_inq a{
      display:block;
      width:150px;
      height:60px;}

/*---------------------------------------------------------------------------------
ナビゲーション
---------------------------------------------------------------------------------*/

ul#nav{
display:block;
width:900px;
height:40px;
line-height:40px;
margin:10px auto;
list-style:none;
background-image:url("img/bg_nav.jpg") 0 0 no-repeat;}

   ul#nav li{
   display:block;
   text-indent:-9999px;}

   ul#nav li#n01{float:left;width:150px;}
   ul#nav li#n02{float:left;width:150px;}
   ul#nav li#n03{float:left;width:150px;}
   ul#nav li#n04{float:left;width:150px;}
   ul#nav li#n05{float:left;width:150px;}
   ul#nav li#n06{float:right;width:150px;}

            #nav li a{
            display:block;
            width:100%;
            height:40px;
            line-height:40px;
            background-image:url("img/bg_nav.jpg");}

         #nav li#n01 a{background-position:0 0 ;}
         #nav li#n02 a{background-position:-150px 0 ;}
         #nav li#n03 a{background-position:-300px 0 ;}
         #nav li#n04 a{background-position:-450px 0 ;}
         #nav li#n05 a{background-position:-600px 0 ;}
         #nav li#n06 a{background-position:-750px 0 ;}

         #nav li#n01 a:hover{background-position:0 -40px ;}
         #nav li#n02 a:hover{background-position:-150px -40px ;}
         #nav li#n03 a:hover{background-position:-300px -40px ;}
         #nav li#n04 a:hover{background-position:-450px -40px ;}
         #nav li#n05 a:hover{background-position:-600px -40px ;}
         #nav li#n06 a:hover{background-position:-750px -40px ;}

/*---------------------------------------------------------------------------------
コンテンツ
---------------------------------------------------------------------------------*/

#contents{
width:900px;
margin:20px auto;}

   /*サイドコンテンツ*/
   #side{
   float:left;
   width:225px;
   text-align:left;}

      #menu{
      list-style:none;}

         #menu li{
         width:225px;
         height:40px;
         line-height:40px;
         margin-bottom:5px;
         text-indent:-9999px;
         background-repeat:no-repeat;}

            #menu li a{
            display:block;
            width:225px;
            height:40px;
            line-height:40px;
            background-image:url("img/bg_menu.jpg");}

         #menu li#m01 a{background-position:0 0 ;}
         #menu li#m02 a{background-position:0 -45px ;}
         #menu li#m03 a{background-position:0 -90px ;}
         #menu li#m04 a{background-position:0 -135px ;}
         #menu li#m05 a{background-position:0 -180px ;}
         #menu li#m06 a{background-position:0 -225px ;}
         #menu li#m07 a{background-position:0 -270px ;}
         #menu li#m08 a{background-position:0 -315px ;}
         #menu li#m09 a{background-position:0 -360px ;}

         #menu li#m01 a:hover{background-position:-225px 0 ;}
         #menu li#m02 a:hover{background-position:-225px -45px ;}
         #menu li#m03 a:hover{background-position:-225px -90px ;}
         #menu li#m04 a:hover{background-position:-225px -135px ;}
         #menu li#m05 a:hover{background-position:-225px -180px ;}
         #menu li#m06 a:hover{background-position:-225px -225px ;}
         #menu li#m07 a:hover{background-position:-225px -270px ;}
         #menu li#m08 a:hover{background-position:-225px -315px ;}
         #menu li#m09 a:hover{background-position:-225px -360px ;}

      /*サイドテキストボックス*/
      #side div.box_text{
      margin:10px 0 0;}

         #side div.box_text p{}

         #side div.box_text img{
         float:left;
         padding:0 10px 0 0;}

   /*メインコンテンツ*/
   #main{
   float:right;
   width:650px;
   text-align:left;}

      /*ページタイトル*/
      h2{
      width:650px;
      height:80px;
      line-height:80px;
      margin-bottom:10px;
      text-indent:-9999px;}

      h2#title_index{background:url("img/h2_index.jpg") 0 0 no-repeat;}
      h2#title_gaiyou{background:url("img/h2_gaiyou.jpg") 0 0 no-repeat;}
	  h2#title_peculiarity{background:url("img/h2_peculiarity.jpg") 0 0 no-repeat;}
	  h2#title_staff{background:url("img/h2_staff.jpg") 0 0 no-repeat;}
	  h2#title_youkou{background:url("img/h2_youkou.jpg") 0 0 no-repeat;}
      h2#title_kengaku{background:url("img/h2_kengaku.jpg") 0 0 no-repeat;}
	  h2#title_datafile{background:url("img/h2_datafile.jpg") 0 0 no-repeat;}
	  h2#title_lifestyle{background:url("img/h2_lifestyle.jpg") 0 0 no-repeat;}
	  h2#title_sinryou{background:url("img/h2_sinryou.jpg") 0 0 no-repeat;}
	  h2#title_link{background:url("img/h2_link.jpg") 0 0 no-repeat;}
	  h2#title_mail{background:url("img/h2_mail.jpg") 0 0 no-repeat;}
	  h2#title_news{background:url("img/h2_news.jpg") 0 0 no-repeat;}


      /*通常テキストボックス*/
      #main div.box_text{
      margin:0 0 10px;}

         #main div.box_text p{}

         #main div.box_text img{
         float:left;
         padding:0 20px 10px 0;}
		 
		 		 
      /*テキストボックス(画像右)*/
	  #main div.box_text_r{
      margin:0 0 10px;}

         #main div.box_text_r p{}

         #main div.box_text_r img{
         float:right;
         padding:0 0 10px 20px;}
	
	  /*テキストボックス(小)*/
	　#main div.box_text_s{
	  width:190px;
	  float:right;
      padding:5px;
      margin:0px 0px 20px 20px;
      border:1px solid #ccc;
	  background:#F5F5F5;}

         #main div.box_text_s p{
		       font-size:12px;
			   }

         #main div.box_text_s img{
         float:left;
         padding:5px 10px 10px 0px;}

      /*タイトル*/
      h3{
      width:650px;
      height:30px;
      line-height:30px;
      margin:10px 0 10px;
      text-indent:10px;
      color:#fff;
      background:url("img/h3.jpg") 0 0 no-repeat;}

      /*新着情報ボックス*/
      ul.box_news{
      width:650px;
      line-height:25px;
      margin:0 0 10px;
      list-style:none;}

         ul.box_news li{
         height:30px;
         line-height:30px;
         text-indent:10px;}

         ul.box_news li.ne01{background:#D8EEFD;}
         ul.box_news li.ne02{background:#C5E6FD;}

      /*バナースペース*/
      table.box_bn{
      width:100%;
      margin:0 0 10px;}

         table.box_bn td{
         width:33%;}

         table.box_bn td.bn01{text-align:left;}
         table.box_bn td.bn02{text-align:center;}
         table.box_bn td.bn03{text-align:right;}

      /*リンク*/
      ul.box_link{
      width:650px;
      line-height:25px;
      margin:0 0 10px;
      list-style:none;}

         ul.box_link li{
         height:30px;
         line-height:30px;
         text-indent:10px;}

         ul.box_link li.li01{background:#D8EEFD;}
         ul.box_link li.li02{background:#C5E6FD;}
		 
      /*テーブル*/		 
      .maintable{
	  width:650px;
      border:1px solid #999;
      border-collapse:collapse;}

      .maintable th{
      border:1px solid #999;
      background:#fef;
      padding:5px 10px;}

      .maintable td{
      border:1px solid #999;
      background:#fff;
      padding:5px 10px;}
	  
	  .img_r {
      float:right;
	  margin:10px 0px 10px 20px;}
	  
/*メールフォーム*/


      div#mailform{
      margin:10px 0px 10px 0px;
	  padding:20px 20px 20px 20px;
	  line-height:1.7em;
	  background:#F3F3F3}


	  
	  input{width:280px;
	        height:20px;
	        margin:5px 10px 5px 10px;
			padding:5px;
	        border:1px solid #999999}
	  


   textarea{
   width:350px;
   margin:10px 10px 10px 10px;
   padding:5px;
   border:1px solid #999999;}

.no_line {
width:20px;
border: none;
margin: 0px 20px 0px 10px;
}

.botan {
width:150px;
height:30px;
margin: 0px 10px 0px 10px;
}


/*---------------------------------------------------------------------------------
フッター
---------------------------------------------------------------------------------*/

#foot{
width:900px;
height:30px;
line-height:30px;
margin:0 auto;
background:url("img/bg_foot.jpg") 0 0 no-repeat;}

   #foot a{font-size:13px;color:#fff;text-decoration:none;}
   #foot a:hover{font-size:13px;color:#ccc;text-decoration:none;}

address{
font-size:12px;
margin:10px;}

/*---------------------------------------------------------------------------------
CLEARFIX-HACK
---------------------------------------------------------------------------------*/

.clearfix:after ,.gotop:after, .box_event:after, #contents:after, #foot:after,.box_text:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix , .gotop, .box_event, #contents, #foot,.box_text{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix,html .gotop, html .box_event, html #contents, html #foot ,html .box_text{height: 1%;}
.clearfix, .gotop, .box_event, #contents, #foot ,.box_text{display: block;}
/* End hide from IE-mac */