@charset "UTF-8";

/*     universal selector     */

*{
	margin: 0;
	padding: 0;


}



/*            text module           */

h2,h3,h4,h5,h6 {
 margin:0.5em 0;
 text-align:left;


}


h1 {
 margin:0;
 padding:0;
 font-size:189%;

}


h2 {
  font-size:159%;
}

h3 {
  font-size:130%;

}

h4 {
 font-size:100%;

}

h5 {
 font-size:100%;

}



/*         hypertext module          */

a:link { 
  color:#333; 
  text-decoration: none;
}
a:visited {
  color:#333;
  text-decoration: none;
}
a:hover { 
  color:#66cc00;
  text-decoration:underline;
}


/*           image module          */

img {
 border:0;

}



/*           table module             */


table {
 border:1px solid #ccc;
 border-collapse: collapse;
 border-spacing:0;
 

}


tr,th,td {
 border:1px solid #ccc;
 text-align:left;
 padding:2px;

}





/*       layaut and color setting         */



body {
  font-family:"メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  color: #3c3c3c;
  background: #f5f5f5;
  margin: 0;
  padding: 0;

}

body div {
  text-align:left;
  margin:0px auto;

}


div#container {
   margin: 0 auto;
   background: #fff;
   width:1024px;
   border:1px solid #ccc;
 
}

div#header {
   width:1024px;
   height:90px;
   margin:0 auto;
   padding:0;
   text-align: left;
   border-top:5px solid #333;
   overflow:visible;


}

div#header_inner {
   width:900px;
  

}


div#headerleft {
   float:left;
   display:inline;
   margin:0;
   padding:0;
   width:50%;
 
}


div#header h1 a {
  height:63px;
  display:block;
  margin:0;
  padding:10px;
  background: url(http://www.h-niki.com/images/logo.jpg) no-repeat left bottom;  
  text-indent: -9999px;
  text-align: left; 
 
}


div#headerright {
   float:right;
   display:inline;
   width:45%;

}



/*            navigation          */

div#navi {
 margin:0 auto;
 padding:0;
 width:1024px;
 height:40px;
 text-align:center;
 background:#333 url(http://www.h-niki.com/images/navi_back.gif) repeat-x;
 
}

div#navi_inner {
  width:900px;
  height:40px;
  margin:0 auto;

}


dl#menu {
	float: left;
        display:inline;
        width:100%;
        font-size:0.8em;
        display:inline;
        margin:0;
        padding:0;
   
}

	dl#menu ul {
		list-style: none;
                width:900px;
                margin:0;
                padding:0;
            
              
	}

	dl#menu dd {
		border-left: solid 1px #202020;
		float: left;
                display:inline;
		text-align: center;
		position: relative;
		width: 14.1%;
		height: 40px;
	}

	dl#menu dd span {
		border-right: solid 1px #202020;
		float: left;
                display:inline;
		text-align: center;
		position: relative;
		width: 100%;
		height: 40px;

	}
		
		dl#menu dd a {
			display: block;
			color: #fff;
                        background:#333 url(<$MTBlogURL$>images/navi_back.gif) repeat-x;
			font-weight: bold;
			text-decoration: none;
			line-height: 36px;
			height: 40px;
                     
		}

		dl#menu dd a:hover {
			display: block;
			color: #fff;
			background:#99cc00;
                        alpha:95;
                        -moz-opacity:0.95;
                        opacity:0.95;
                       

		}
       
              
                /*         pulldown menu style           */
		dl#menu dd ul {
		
			background:#333 url(http://www.h-niki.com/images/navi_back.gif) repeat-x;
			border-left: solid 1px #333;
			border-right: solid 1px #333;
			border-bottom: solid 1px #333;
                        font-weight:bold;
			display: none;
			position: absolute;
			top: 40px;
			left: 0;
			z-index: 0;
                        width:100%;
                        margin:0;
                        filter: alpha(opacity=90);
                        -moz-opacity:0.9;
                        opacity:0.9;


		}
		
			dl#menu dd ul a {
				color: #fff;
				height: 40px;
				text-align: center;
                                margin:0;
				padding: 3px 5px;
                               
				
			}
		
			dl#menu dd ul a.hierarchy {
				
			}
		
			dl#menu dd ul li.rollOver {

				background-color: #99cc00;
                                font-weight:bold;
                       

			}
			
			dl#menu dd ul li.rollOver a.rollOverA {
				color: #fff;
			}
		
			dl#menu dd ul li {
				position: relative;
			}
			
				dl#menu dd ul li ul {
					display: none;
					position: absolute;
					top: 0px;
					left: 135px;
					z-index: 0;
				}


          

div#content {
   width:1024px;

}


div#topimg {
   clear:both;
   margin: 0px auto;
   padding: 0px;
   overflow:hidden;
  _margin:0 0 0 -50px;
 
  
}


div#topimg_inner {
   width:1024px;
   margin:0 auto;
   text-align:center;
   overflow:hidden;
}



div#topimg img {
   vertical-align:bottom;
　-ms-interpolation-mode: bicubic;
   width:1024px;
  _width:auto;
   margin:0 auto;

}


div#center_box {
   width:900px;
   margin:0 auto;
  _text-align:center;

}

div#left{
   float: left;
   display:inline;
   width: 235px;
   padding:20px 0 0 0;

}


div#office {
   margin:0 0 10px 0;
   padding:10px 10px;
   width:205px;
   text-align:left;
   font-size:75%;
   background:url(http://www.h-niki.com/images/h_office.jpg) no-repeat left top;
   border:1px solid #ccc;

}


div#office-inner {
 margin:35px 0 0 0;

}



div#office h4 {
   font-size:100%;
   color:#333;
   padding:2px 5px;


}

div#office p {


}

p.office1 {
 margin:0 0 5px 0;
 padding:0 0 5px 0;
 border-bottom:1px dashed #ccc;

}


div#banner {
 width:230px;
 margin:0;
 

}

 div#banner img {
  width:230px;
  margin:0 0 6px 0;
  vertical-align:bottom;
}




div#center {
  float:left;
  display:inline;
  width:45%;  
  padding:20px 0 10px 6px;
　text-align:left;

}


div#news {
   background:#fff;
   padding:0 0 20px 0;
}



div#news_head {
        width:100%;
        height:20px;
        padding:0;
        font-size:0.8em;
        text-align:left;
        border-bottom:2px solid #333;


}


	 #news_head img {
		margin:0;
                padding:0;
                
	  }

div#news_head img.nh_left {
   float:left;
   display:inline;
   padding:0 0 2px 0 ;

}


div#news_head img.nh_rss {
   float:left;
   display:inline;
   padding:0 0 2px 2px;
}


div#news_head img.nh_right {
   padding:0 0 2px 0 ;
   float:right;
   display:inline;
}

 
div#news ul {
   margin: 0;
   padding:0;
   text-align:left;
   clear:both;

}

div#news li {
   padding:8px 3px;
   text-align:left;
   font-size:90%;
   border-bottom:1px dashed #ccc;
   color:#66cc00;
   list-style:none;
}



div#news li span {
   color:#66cc00;

}

div#news li a {
  text-decoration:underline;
}




div#blog {
   background:#fff;
   padding:0 0 10px 0;
}



div#blog_head {
     width:100%;
     height:20px;
     padding:0;
     font-size:90%;
     text-align:left;
     border-bottom:2px solid #333;
}


div#blog_head img {
     float:left;
     display:inline;
     margin:0;
     padding:0;
                
 }


div#blog_head img.bh_left {
    float:left;
    padding:0 0 3px 0;

}


div#blog_head img.bh_rss {
   float:left;
   padding:0 0 3px 2px;

}


div#blog ul{
   clear:both;
   margin: 0;
   padding: 0;
   text-align:left;

}



div#blog li {
   padding:8px 3px;
   text-align:left;
   font-size:90%;
   border-bottom:1px dashed #ccc;
   color:#66cc00;
   list-style:none;
}

div#blog li span {
   color:#66cc00;

}

div#blog li a {
  text-decoration:underline;

}




div#right {
   float:left;
   display:inline;
   width:26%;
   padding:20px 0 10px 10px;
　 text-align:left;

}



div#righthead {
        margin:0;
        padding:0;
        width:100%;
        height:20px;
        font-size:0.8em;
        border-bottom:2px solid #333;

}


	 div#righthead img {
             margin:0;
             padding:0;
                
              
	  }


div#right img.bh_left {
    display:inline;
    padding:0 0 2px 0;
    vertical-align:bottom;
}



div#minshunews {
   margin:0;
   padding:0;
}



div#minshunews ul {
   margin:0;
   padding:0;


}

div#minshunews li {
   padding:8px 3px;
   text-align:left;
   font-size:90%;
   border-bottom:1px dashed #ccc;
   list-style-position:inside;

}

div#minshunews li a {
  text-decoration:underline;

}



div#footer {
   clear:both;
   width:100%;
   height:60px;
   margin:0 auto;
   background:#fff;
   border-top:1px solid #333;
   font-size:75%;
}

div#footer-inner {
  width:900px;
  margin:0 auto;

}


div#footernavi {
   height:5%;
   padding:1% 0;
}

div#footer ul {
   margin:0px;
   padding:0px;
   list-style-type:none;
}


li.listleft {
   float: left;
   display:inline;
   padding: 0 1% 0 0;
   text-align:center;
   list-style-type: none;
   line-height:120%;

}


li.listright {
    float: left;
   display:inline;
   padding: 0 1%;
   text-align:center;
   list-style-type: none;
   line-height:120%;

}



div#footer li.listleft {
   list-style-type: none;
}

div#footer li.listright {
   border-left:1px solid #666;
}


p.footer-address {
 clear:both;
 float:left;
 display:inline;
 padding:1% 0 0 0;

}


p.copyright {
  float:right;
  margin:0px auto;
  padding:1% 0 0.5% 0;

}




/*               subpage               　*/

div#subimg {
  width:100%;
  margin:0 auto;
  text-align:center;
}


div#subimg h2 {
  height:130px;
  background: url(http://www.h-niki.com/images/kari900.jpg) no-repeat left bottom;  
  text-indent:10px;
  line-height:200px;
  color:#fff;
  margin:10px 0 10px 0;
  padding:0;
  text-align: left;
  display:block;
  font-weight:lighter

}


div#alpha {
  float:left;
  display:inline;
  width:640px;
  margin:20px 0 0 0;
  padding:0 10px;
  font-size:0.9em;
  text-align:left;
 
 
}


div#alpha h2 {
   margin:0;
   padding:5px 0;
   color:#fff;


}


div#alpha h3 {
   width:97%;
   margin:10px 0 0 0;
   padding:0 0 0 10px;
   font-size:100%;
   color:#333;
   border-left:5px solid #669900;


  
}

div#alpha h4 {
   width:97%;
   margin:3% 0 2% 0;
   padding:0 0 0 2%;
   font-size:90%;
   color:#333;
   border-left:5px solid #669900;

}




div#alpha ul {
  text-align:left;
  list-style:none;
  padding:0 2% 0 2%;
}

div#alpha li a {
  text-decoration:underline;

}



div#alpha p {
   font-size:0.9em;

}



div#beta {
   float: left;
   display:inline;
   width: 235px;
   padding:20px 0 0 0;

}
div#beta ul,li {
    margin:0;
    padding:0;
    list-style:none;

}

   


div.h-title {
 margin:0 0 10px 0;
 padding:6px 0 0 0;
 width:100%;
 height:25px;
 border-top:4px solid #ccc;

}

div.h-title h2 {
  margin:0;
  padding:0;
  font-size:120%;

}









.clearfix: after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */



div#address {
  float:left;
  display:inline;
  margin:3% 0;

}



div#map {
  float:left;
  display:inline;
  margin:3% 0;
}


/*              profile            */

div#profile1 {
 

}

 div#profile1 img {
  float:left;
  display:inline;
  margin:0 15px 45px 0;

}

table.tb1 {
 width:61%;
 height:280px;

}

div#prodile2 table {
  width:100%;

}



div#profile2 {
  clear:both;
  margin:25px 0 0 0;
}


div#prodile2 table {
  width:100%;

}


table.tb2 {
 width:100%;

}


.gray {
 background:#f5f5f5;
_background:#ccc;
}



div#profile3 {
 margin:45px 0 45px 0;
 

}
 
 div#profile3 img {
  float:left;
  display:inline;
  width:160px;

}






div#sidemenu {
  width:100%;
  height:30%;



}



div#no-script {
  margin:0 0 1% 0;
  padding:5px 7px;
  width:596px;
  border:1px solid #ff0000;
  background:#ffe4e1;

}

div#no-script img {
 vertical-align:middle;
 margin-right:2px;
}



/*          mailform          */

div.th-m {
 width:615px;


}


div#ajax_mail h2 {
  color:#333;

}


div#mailform_inputarea {
  margin:0;
  padding:0;


}


table.inputform {
 margin:0;
 border:1px solid #ccc;
 border-spacing:0;
 border-collapse: collapse;
 font-size:0.9em;
 width:100%;
 

}

table.inputform th {
  width:30%;
  background:#eee;
  padding:1%;
  font-weight:lighter;
}

table.inputform th a {
 color:#669900;
 text-decoration:underline;

}


table.inputform td {
  padding:1%;

}

table.inputform td span {
  font-size:0.85em;

}

td.inputtxt input {
 width:90%;
 padding:0.25%;
 border:1px solid #ccc;

}

td.inputradio input {
 width:5%;

}

td.inputtxt textarea {
 width:90%;
 margin:0.5% 0%;

}

p#mail-form-footer {
 margin:1% 0%;
}


p#mail-form-footer input {
 width:14%;

}


.mail-error {
  color:#ff0000;

}



div.error-message {
  color:#ff0000;

}

table.mailform-confirmtable {
  margin:0;
  border:1px solid #ccc;
  border-spacing:0;
  border-collapse: collapse;
  font-size:0.9em;
  width:96%;
 
}

table.mailform-confirmtable th {
  width:30%;
  background:#eee;
  padding:1%;
  font-weight:lighter;
}

table.mailform-confirmtable td {
  padding:1%;

}


p.mailform-send input {
 margin:2% 0%;

}

div.comments-open-content {
  margin:0 0 2% 0;
}




/*              search                 */



div.search {
 float:right;
 display:inline;
 margin:7% 0 0 0;
_margin:0;
 padding:0;
_padding:7.5% 0 1% 0;
 

}

div.search-inner {
  float:right;
  display:inline;
  margin:0;
  padding:0;

}

div.headermenulist {
 clear:both;

}

 div.headermenulist ul {
   margin:0;
   padding:0;

}

 div.headermenulist li {
   float:right;
   display:inline;
}

 div.headermenulist img {
  vertical-align:bottom;

}

/*           seisaku               */

div#seisaku {
 margin:0 0 5px 0;
 width:640px;

}

div#seisaku-inner img {
  margin:10px 0 0 0;

}

div.slink {
 float:right;
 display:inline;
 

}

/*                nikitsushin          */


div.vb {
 float:left;
 display:inline;
 padding:20px 20px 20px 0;
 

}




div.vb-inner {
 margin:0 auto;
 padding:10px;
 text-align:center;

}

 div.vb-inner img {
   width:100px;


}