/*
Theme name:4sure
*/

body{
    color: #666666;
    font-size: 62.5%;
    margin: 0;
    padding: 0;
    font-family:　"メイリオ","ＭＳ Ｐゴシック",Helvetica,sans-serif;
}

h1,h2,h3,h4,h5,p,a,ul,li,img{
         margin: 0;
         padding: 0;
         border: none;
}

a{
 text-decoration: none;
 color: #538ab8;
}
  
#container{
         width: 800px;
         margin:0 auto 0 auto;
} 

#header{
       height: 60px;
       background-image: url(images/header-back.jpg);
       background-repeat:repeat-x;
       background-position:bottom;
}

#header h1 img{
              margin: 0 0 0 20px;
              padding: 20px 0 20px 0;
              float: left;
}

#header h2{
          
}

#header h2 img{
              float: left;
}


.h-left{
       margin: 0 0 0 410px;
       padding: 27px 0 20px 0;
}

.h-right{
        margin: 0 0 0 9px;
        padding: 27px 0 20px 0;
}


/*+++++++++++++++++++++not foundのデザイン+++++++++++++++++++++*/

#found_main{
           height: 100px;
}

#found_main h3{
              margin: 50px 0 0 20px;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


#main{
     height: 280px;
     margin-top: 10px;
     background-image: url(images/top-main-back.jpg);
     background-repeat: no-repeat;
     background-position: center center;
}

#main2{
　　　background-color:#666666;
　　　height: 40px;
　　　border-bottom: solid 1px #cccccc;
  　　float: left;
}

#main a{
       color: #666666
}

#main a:hover{
           color: #538ab8;
}

#rinen-box {
        float: left;
	height: 135px;
	width: 400px;
}

#rinen-box h4 img{
                 margin: 8px 0 0 19px;
}

#rinen-box p{
            margin: 8px 0 0 25px;
            width: 350px;
}

#web-box {
        float: left;
	height: 135px;
	width: 400px;
}

#web-box h4 img{
                 margin: 8px 0 0 14px;
}

#web-box p{
            margin: 8px 0 0 25px;
            width: 350px;
}

#gyoumu-box {
            float: left;
	　　height: 145px;
	　　width: 400px;
}

#gyoumu-box h4 img{
             margin: 3px 0 0 18px;
}

#gyoumu-box p{
            margin: 8px 0 0 25px;
            width: 350px;
}

#recruit-box {
        float: left;
	height: 145px;
	width: 400px;
}

#recruit-box h4 img{
             margin: 6px 0 0 28px;
}

#recruit-box p{
            margin: 8px 0 0 35px; 
            width: 350px;
}

#footer{
       float: left;
       width: 800px;
       text-align: right;
}

#footer p{
         padding-top: 20px;
}

/*+++++++++++++++++++++下層ページのデザイン+++++++++++++++++++++*/

#text-box{
         background-color: #ffffff;
         width: 600px;
         float: left;
         margin: 5px 0 0 0;

}

#bread{
      height: 15px;
      width: 576px;
      border-bottom: solid 1px #cccccc;
}

#text-box h3 img{
             margin: 10px 0 0 0;
}

#text-box p img{
             margin: 20px 0 0 70px;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#tb1{
    width: 576px;
    font-size: 1.2em;
    text-align: left;
    margin: 20px 0 0 0;
    border-collapse: collapse;
}

#tb1 th, #tb1 td{
        border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
        padding: 5px 0 5px 0;
}

#tb1 th{
       width: 150px;
       text-align: center;
}

#tb2{
    width: 576px;
    font-size: 1.2em;
    text-align: left;
    margin: 20px 0 0 0;
    border-collapse: collapse;
}

#tb2 th{
       padding: 0 0 0 45px;
       font-size: 1.5em;
}

#tb2 th h4{
          border-left-width: 4px;
	  border-left-style: solid;
	  border-left-color: #6699ff;
          padding: 0 0 0 5px;
          margin: 0 0 10px 0;
}

#tb2 td{
       padding: 0 0 10px 55px;
}

#tb2 td span{
             padding: 0 0 0 20px;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.link{
     text-align: left;
     width: 576px;
     text-align: left;
     margin: 20px 0 0 0;
     border-collapse: collapse;
}

.link a{
       color: #666666;
}

.link h4{
        font-size: 1.4em;
        margin: 10px 0 0 0;
        padding: 0 0 0 2px;
}

.link p{
       padding: 0 0 2px 0;
       font-size: 1.2em;
}

.link th{
        padding: 0 0 0 45px;
}

.link td{
        border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
        padding: 0 0 0 60px;
}

.blue{
     color: #6699ff;
     font-size: 1.5em;
     padding: 0 5px 0 0;
}

#web-menu{
         width: 200px;
         height: 263px;
         margin:35px 0 0 0;
         float:right;
         background-image: url(images/web-menu-back.gif);
         background-repeat: no-repeat;
         background-position: center;
}

.web-button{
           margin: 10px 0 0 10px;
           display: block;
	   height: 185px;
	   width: 187px;
           text-indent: -9999px;
           background-image: url(images/menu7-2.jpg);
           background-position: left top;
           background-repeat: no-repeat;
}

.web-button a{
            margin: 10px 0 0 10px;
            display: block;
	    height: 185px;
	    width: 187px;
            background-image: url(images/menu7-2.jpg);
            background-position: left top;
            background-repeat: no-repeat;
}

.web-button a:hover{
            margin: 2px 0 0 10px;
            display: block;
	    height: 193px;
	    width: 187px;
            background-image: url(images/menu7-2.jpg);
            background-position:left -185px;
}

.contact-button{
               text-indent: -9999px;
               margin: 5px 0 0 7px;
               display: block;
	       height: 54px;
	       width: 183px;
               background-image: url(images/menu8.jpg);
               background-position: center top;
}

.contact-button a{
                 margin: 5px 0 0 7px;
                 display: block;
	         height: 54px;
	         width: 183px;
                 background-image: url(images/menu8.jpg);
                 background-position: center top;
}

.contact-button a:hover{
                 margin: 0 0 0 7px;
                 display: block;
	         height: 56px;
	         width: 183px;
                 background-image: url(images/menu8.jpg);
                 background-position: center -56px;
}



/*+++++++++++++++++++++お問い合わせページのデザイン+++++++++++++++++++++*/

#message{
        width: 576px;
}

#message h4{
           font-size: 1.2em;
           font-weight: normal;
           padding: 10px 0 10px 40px;
}

.wpcf7{
      margin: 0 0 20px 40px;
}

.wpcf7 p{
       font-size: 1.2em;
       padding: 10px 0 0 0;
}
/*+++++++++++++++++++++企業理念のデザイン+++++++++++++++++++++*/

#rinen{
      margin: 20px 0 0 150px;
      width: 360px;
      height: 450px;
      background-image: url(images/name.gif);
      background-repeat:no-repeat;
      background-position: right bottom;
background-color:#ffffff;
}

#rinen h4{
         font-size: 1.5em;
         font-weight: normal;
         padding: 0 0 10px 60px;
         
}

#rinen p{
        font-size: 1.2em;
        line-height: 180%;
}

/*+++++++++++++++++++++ブログページのデザイン+++++++++++++++++++++*/

#blog h4 {
         width: 530px;
         line-height: 120%;
         font-weight: normal;
         font-size: 1.7em;
         padding: 10px 0 5px 0;
         margin: 0 0 0 40px;
         border-bottom-style: solid;
	 border-bottom-width: 1px;
	 border-bottom-color: #CCCCCC;
}

.day{
    font-size: 0.5em;
   
}

#blog p{
       padding: 20px 0 20px 40px;
}

/*+++++++++++++++++++++ブログメニューのデザイン+++++++++++++++++++++*/

#blog-menu{
         width: 200px;
         height: 263px;
         margin:35px 0 0 0;
         float:right;
}

#blog-menu h5{
             font-size:1.0em;
             font-weight: normal;
}

#blog-menu ul{
             list-style: disc url(images/triangle.gif) inside;
padding: 5px 0 20px 0;
}

/*+++++++++++++++++++++メニューのデザイン+++++++++++++++++++++*/
#menu{
     height: 45px;
     background-image: url(images/menu-back2.jpg);
}

#menu ul{
         margin: 0;
         padding: 0;
         list-style-type:none;
}

#menu li{
	text-indent: -9999px;
        float: left;
}

.page_item a{
	display: block;
	height: 45px;
	width: 79px;
	background-image: url(images/menu1.jpg);
	background-repeat: no-repeat;
	background-position: left 1px;
        margin-left:347px;
}

.page_item a:hover {
	background-image: url(images/menu1.jpg);
	background-repeat: no-repeat;
	background-position: left -54px;
}

.page-item-46 a{
	display: block;
	height: 45px;
	width: 79px;
	background-image: url(images/menu2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
        margin-left:1px;
}

.page-item-46 a:hover {
	background-image: url(images/menu2.jpg);
	background-repeat: no-repeat;
	background-position: left -55px;
}

.page-item-48 a{
	display: block;
	height: 45px;
	width: 79px;
	background-image: url(images/menu3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
        margin-left:1px;
}

.page-item-48 a:hover {
	background-image: url(images/menu3.jpg);
	background-repeat: no-repeat;
	background-position: left -55px;
}

.page-item-50 a{
	display: block;
	height: 45px;
	width: 79px;
	background-image: url(images/menu4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
        margin-left:1px;
}

.page-item-50 a:hover {
	background-image: url(images/menu4.jpg);
	background-repeat: no-repeat;
	background-position: left -55px;
}

.page-item-52 a{
	display: block;
	height: 45px;
	width: 79px;
	background-image: url(images/menu5.jpg);
	background-repeat: no-repeat;
	background-position: left top;
        margin-left:1px;
}

.page-item-52 a:hover {
	background-image: url(images/menu5.jpg);
	background-repeat: no-repeat;
	background-position: left -55px;
}




.floatclear{
           clear: left;
}