@charset "utf-8";

body,p,h1,h2,h3,h4,h5,h6,
span,small,strong,
div,ul,li,
figure,img,
header,footer,nav,section{
margin:0;
padding:0;
border:none;
outline:none;
font-size:9px;
}

header,footer,nav,section{display:block;}

li{list-style:none;

}

body{
 background:#FFF;
 color:#000;
}

a{
 color:#333;
 text-decoration:none;
}

.corner{
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px;
}

header{
 border-top:#003399 solid 5px;
}

#menu{
 width:95%;
 margin:0;
 overflow:hidden;
 position:relative;
}

nav{
 padding-top:10px;
 overflow:hidden;
 float:right;
}

nav li{
 width:45px;
 margin-left:2px;
 font-size:10px;
 text-align:center;
 float:left;
}

nav li:first-child{
 margin-left:0;
}

nav li img{
 width:28px;
 height:28px;
 margin:auto;
 display:block;

 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px;
}

h1{
 margin:0;
 position:relative;
 text-align:center;
}

h1 img{
 width:120px;
}

h2 {
 padding:2px 0 2px 10px;
 font-size: 12px;
 background:url("http://lac-hair.com/image.php?id=007") repeat-x;
 color:#ffffff;
 line-height:30px;
}

h4 {
 margin-bottom:2px;
 font-size:13px;
 color:#003399;
 border-bottom:2px solid #003399;
 padding:5px 0 5px 3px;

}

#vo h3 {
   font-weight:bold;
   margin-bottom:3px;
   font-size:14px;
   border-bottom:1px solid #999;
}

#mainimg{
 padding:0;
 margin:0;
}

#mainimg img{
 width:100%;
}

#copy{
 padding:5px;
 font-size:12px;
 text-align:center;
 color:#ffffff;
 background:#003399;
}

.manu_list{
 border-top:solid 1px #003399;
}

.menu_list li{
 border-bottom:solid 1px #003399;
 text-align:center;
}

.menu_list li a{
 padding:5px;
 display:block;
 position:relative;
 font-size:12px;
}

.menu_list li a h3{
 display: block;
 color: #5A482B !important;
 font-size: 13px;
 font-weight: bold;
 text-decoration: none;
 text-align:center;
 line-height:20px;
}

#main table {
   font-size:12px;
   width:100%;
   border-collapse:collapse;
   border-spacing:0;
   line-height:1.8;
}

#main table th {
   padding:2px;
   text-align:left;
}

#main table td {
   padding:2px;
   text-align:right;
}

#news p{
 padding:5px 3px;
 border-bottom:1px #906000 dotted;
}

#slideshow {
   position: relative;
   width:  320px; /* ボックスの横幅 */
   height: 128px; /* ボックスの高さ */
}

#slideshow p {
   position: absolute;
   top:  0;
   left: 0;
   z-index: 8;
   opacity: 0.0;
   margin: 0;
   background-color: white; /* ボックスの背景色(必須) */
   height: 128px; /* ボックスの高さ */
}

#slideshow p.active {
   z-index: 10;
   opacity: 1.0;
}

#slideshow p.last-active {
   z-index: 9;
}

#slideshow p img {
   width:  320px; /* 画像の横幅 */
   height: 128px; /* 画像の高さ */
   display: block;
   border: 0;
   margin-bottom: 10px; /* 画像下部の余白 */
   padding:5px 0;
}

#top p {
 padding:0 10px 5px 10px;
 font-size: 12px;
}

#sub h3 {
 padding:5px 3px 5px 25px;
 font-size: 12px;
 border-bottom:#003399 1px dotted;
 text-align:left;
 background:url("http://lac-hair.com/image.php?id=014") no-repeat;
 color:#003399;
}

#sub table {
 width:100%;
 padding:10px 3px;
}

#sub table th{
 width:70px;
 color:#003399;
 text-align:center;
 padding:3px;
}

#sub table td{
 width:80%;
 text-align:left;
 padding:3px;
}

#sub img{
 width:100%;
 text-align:center;
}

.clear {
 clear:both;
 height:30px;
}

#link table {
   width:100%;
   height:50px;
   border:0;
}

#link table th{
   width:25%;
   text-align:center;
   vertical-align:middle;
   border-left:1px dotted #D8D8D8;
   border-right:1px dotted #D8D8D8;
   padding:3px;
   font-size:15px;
}

#link table td{
   width:25%;
   text-align:center;
   vertical-align:middle;
   color:#333;
   padding:3px;
   font-size:15px;
}

#link table th p{
   font-size:8px;
   padding:0;
   margin:2px 0 0 0;
}

#link table td p{
   font-size:8px;
   padding:0;
   margin:2px 0 0 0;
}

#pri{
 margin-bottom:15px;
}

#pri h3{
 font-size:14px;
 padding:0 0 0 3px;
}

#pri table{
 width:100%;
}

#pri table th{
 text-align:left;
 padding:1px 0 1px 3px;
 border-bottom:1px dotted #003399;
 font-size:9px;
}

#pri table td{
 text-align:right;
 width:120px;
 padding:1px 0 1px 3px;
 border-bottom:1px dotted #003399;
 font-size:9px;
}

#ac table{
 width:100%;
 margin-bottom:15px;
}

#ac table th{
 width:120px;
 text-align:left;
 padding:1px 0 1px 3px;
 border-bottom:1px dotted #003399;
 font-size:12px;
}

#ac table td{
 text-align:left;
 padding:1px 0 1px 3px;
 border-bottom:1px dotted #003399;
 font-size:12px;
}

.abl{
 width:100%;
}

.abr{
 width:100%;
}

.abl img{
 width:100%;
}

.abl2{
 width:100%;
}

.abr2{
 width:100%;
}

.abr2 img{
 width:100%;
}

.sp{
 clear:both;
 padding:10px 0;
}

.inlinks{
 width:95%;
 margin:0 auto;
 display:block;
}

.inlinks table{
 width:100%;
 box-sizing:border-box;
}

.inlinks table td{
 width:50%;
 box-sizing:border-box;
 padding:5px;
 text-align:center;
}

.inlinks table td img{
 width:100%;
 box-sizing:border-box;
}

.inlinks a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.inlink{
 display:none;
}

#ac{
 width:100%;
}

.staffl{
 width:100%;
}

.staffr{
 width:100%;
}

.staffl img{
 width:100%;
}

div #blog{
 width:100%;
 text-align:center;
}

div #facebook{
 width:100%;
 text-align:center;
}