@charset "utf-8";
/*コンテンツ*/
#contens_wrapper02{
        width:100%;
        margin:0 auto;
        height:auto;
        border-top:3px solid #0B0B65;
}
/*メインメニュー*/
.contens02_main{
        width:100%;
        margin:0 auto;
        margin-bottom: 20px;
}
.contens02_main h2{
        background: #393D7A;
        font-size:16px;
        padding-left:10px;
        color:#fff;
        padding: 5px 0 5px 20px;
}
.contens02_main p{
        width:95%;
        margin:0 auto;
        margin-top: 10px;
        font-size:14px;
 } 
/*共通サイドバナー*/
.contens02_sidebana{
        width:100%;
        margin:0 auto;
}

#new02{
        width:100%;
        margin:0 auto;
}
/*共通バナー*/
.bana02{
        width:95%;
        margin:0 auto;
        margin-top: 20px;
}
.bana02 h2{
        border-left:5px solid #0B0B65;
        border-bottom:1px dotted #000;
        font-size:16px;
        padding-left: 10px;
}
.bana02 ul{
        width:100%;
        margin:0 auto;
        margin-top: 10px;
}
.bana02 ul li{
        width:100%;
        margin:0 auto;
}
.bana02 ul li a img{
        display: block;
        margin:0 auto;
        margin-bottom: 5px;
        width:100%;
        border: 1px solid #999999;
}

/*共通メニュー*/
.contens02{
        width:100%;
        margin:0 auto;
        border-top:2px solid #0B0B65;
        height:auto;
}
.contens02_small h2{
        border-bottom:1px dotted #000;
        font-size:16px;
        width: 100%;
        background-image:url(../img/bg.jpg);
        background-repeat:repeat;
        height: 30px;
        line-height: 33px;
}
.title_padding{
        padding-left:10px;
}
.contens02_small{
        width:100%;
        margin:0 auto;
}
.contens02_small ul{
        width:100%;
        margin:0 auto;
}
.contens02_small ul li{
        width:100%;
        margin:0 auto;
        background: #FCFAFA;
        /*For Old WebKit*/
        background: -webkit-gradient(linear, left top, left bottom,color-stop(0.00, #FFFFFF),color-stop(1.00, #FCFAFA));
        /*For Modern Browser*/
        background: linear-gradient(to bottom,#FFFFFF 0%,#FCFAFA 100%);
        border-bottom:1px solid #E2DFDF;
        border-top:1px solid #fff;
}
.contens02_small ul li a{
        font-size:12px;
        text-overflow: ellipsis;
        height:40px;
        line-height: 40px;
        text-decoration: none;
        display: block;
        text-align: left;
        padding-left: 30px;
        background-image:url(../img/icon_list.png);
        background-repeat:no-repeat;
        background-position: 5% 45%;
}
/*会社案内*/
.intro_image{
        width:100%;
        margin:0 auto;
        margin-top: 10px;
}
.intro_image ul{
        width:100%;
        margin:0 auto;
}
.intro_image ul li{
        width:100%;
}
.intro_image ul li img{
        width:100%;
        max-width: 400px;
        display:block;
        margin:0 auto;
}
.intro_textcontens{
        width:95%;
        margin:0 auto;
        margin-top: 10px;
}
.intro_image h3{
        border-bottom: 1px dotted #000;
        width:95%;
        font-size:16px;
        color:#0B0B65;
}
.intro_image address{
        width:95%;
        font-size:14px;
        text-align: right;
        margin: 10px 0;
}
.g_map{
        width:95%;
        margin:0 auto;
        margin-top: 10px;
        height:300px;
        display:block;
        border:0;       
}
/*会社概要*/
.contens02_main dl{
        width:95%;
        margin:0 auto;
        font-size:12px;
        padding-top: 10px;
        padding-bottom:10px;
        border-bottom: 1px dotted #000;
 }   
.contens02_main dt{
        float:left;
        width:25%;
        color:#9EABD5;
 } 
 .contens02_main dd{
        width:73%;
        float:right;
        padding-left: 2%;
 }
 .margin-top{
        margin-top: 10px;
 }
 .company{
        width:95%;
        margin:0 auto;
        margin-top: -15px;
  }
 /*社長挨拶*/
 .contens02_main h3{
        color:#393D7A;
        text-align: center;
        margin: 10px 0;
        font-size: 16px;
 }
.shachou_img{
        width:100%;
        max-width: 300px;
        margin:0 auto;
        display: block;
 }
 .shachou_name{
        text-align: right;
        color:#393D7A;
        font-weight: bold;    
 }
 /*コンタクトエラー部分*/
 #error{
    width:100%;
    margin:0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
#error ul{  
     width:100%;
     margin:0 auto;
     text-align: center;
}
#error ul li{
    width:auto;
    float: none;
    color: #FF000A;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    display: block;
    margin: 0 auto;
    
}
 /*コンタクト*/
.table01{
     width: 100%;
     margin: 0 auto;
     }
.table01 tr {   
     width: 100%;
     margin: 0 auto;
   }       
.table01 td {  
     width:75%;
     padding: 5px;
     margin-top: 3px;
     table-layout: fixed;
   }  
.table01 th {   
    width:20%;
    font-size:12px;
    text-align: center;
   }  
.table01 input {   
     border:1px solid #999999;
     padding: 5px;
     margin-top: 3px;
   }
.table01 span {   
     color:#FF000A;
     font-weight:normal;
     font-size:10px;
   } 
.text-center {   
    text-align: center;
   }   
   
.table01 textarea{   
      border:1px solid #999999;
      width: 95%;
   } 
.form_tell{ 
    width:20%;
  } 
.input_name { 
    width:80%;
  }  
.form_btn{ 
    width:250px;
    border-radius: 3px;        /* CSS3草案 */ 
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */ 
    -moz-border-radius: 3px;   /* Firefox用 */ 
    background-color: #FDFDFD;
    font-weight:bold;
    color:#333333;
    border:3px solid #F1A3C7;
    background-image:url(../img/buy_next.png);
    background-position: 95% 50%;
    background-repeat:no-repeat;
  }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
.form_btn{
    width:250px;
    border-radius: 3px;       /* CSS3草案 */ 
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */ 
    -moz-border-radius: 3px;   /* Firefox用 */ 
    background-color: #FCD5E2;
    font-weight:bold;
    color:#666666;
    border:3px solid #F1A3C7;
    -webkit-appearance: none;
  }
}      

/*物流ネット*/
.net{
        width:100%;
        margin: 0 auto;
        margin-top: 20px;
} 
.net table{
        background: #ccc;

} 
.net tr{
   

}
.net td{
        border: 1px solid#0B0B65;
        height:40px;
        width:30px;
        font-size:10px;
        color:#333;
        text-align: center;
}
.perpul{
        background:#F0E4F1;
        color:#333;
}
.yellow{
        background:#FFFFCC;
        color:#333;
}
.company_name{
        background:#F67878;
        font-weight:bold;
        color:#fff;
}
.bulue{
        background:#E6FAF7;
        color:#333;
}
/*配送エリア*/
.margin-top-up{
        margin-top: -20px !important;
}

#map{
         width:100%;
         margin: 0 auto;
}
#map ul{
         width:95%;
         margin: 15px auto;
         height:auto;
}
#map ul li{
         width:50%;
         float:left;
}
#map ul li a{
        display:block;
        text-decoration: none;
        height:30px;
        line-height:30px;
        text-align: center;
        font-weight:bold;
        border-radius: 3px;        /* CSS3草案 */ 
        -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */ 
        -moz-border-radius: 3px;   /* Firefox用 */  
        -moz-box-shadow:1px 1px 1px rgba(0,0,0,0.2);/* Firefox */
        -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);/* Chrome,Safari */
        -o-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);/* Opera */
        -ms-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);/* ie */
}
.map{
        width:100%;
        margin: 0 auto;
        display: block;
} 
.bulue2{
        background:#E3E3F4;
}
/*K･ラインで出来ること*/
.doit{
         width:100%;
         margin: 0 auto;
         padding-bottom: 20px;
         border-bottom:1px dotted #0B0B65;
}
.doit img{
         width:100%;
         display:block;
         margin: 0 auto;
}
.doit p{
         font-size:14px;
         }
.doit h3{
         color: #393D7A;
        text-align: left;
        margin-top: 10px;
        margin-left: 10px;
        width: 95%;
}
/*オススメ提案*/
.doit ul{
        width:95%;
        margin: 0 auto;  
        margin-top: 15px;
}
.doit ul li{
        width:100%;
        margin: 0 auto;  
        font-size:14px;
        margin-bottom: 10px;
}
/*サイトマップ*/
.sitemap{
         width:95%;
         display:block;
         margin: 0 auto;
}
.sitemap ul{

}
.sitemap ul li{
        width: 85%;
        margin:0 auto;
        margin-top: 10px;
        list-style-image: url(../img/icon_list.png);
}
.sitemap ul li a{
        font-size: 14px;
        color: #0B0B65;
}
.sitemap h3{
        text-align: left;
}
/*写真*/
.photo{
         width:95%;
         display:block;
         margin: 0 auto;
         margin-top: 5px;
         margin-bottom: 20px;
}
.photo h3{
        text-align: left;
}
.photo ul{
        width:100%;
         margin: 0 auto;
}
.photo ul li{
        width:49%;
        margin:0 auto;
        float:left;
        margin-top: 10px;
        margin-right: 1%;
}
.photo ul li a{ 
        display:block;
}
.photo ul li img{
        border:1px solid #0B0B65;
        margin:0 auto;
        display:block;
        
}