@charset "utf-8";
/* ===================================================================
 HOME トップページ用スタイルシート  
=================================================================== */

/*----------------------------------------------------
 #imageHolder #mainImages メインバナーの設定
----------------------------------------------------*/
#imagesHolder { width: 794px; }

/* Coin Slider jQuery plugin CSS styles
	http://workshop.rs/projects/coin-slider */
.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 545px; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }


#allWrap,
#allWrapB {
	width:794px;
	background-color:white;
	text-align:left;}

/* .intro */
.intro {
	text-align:left;
	margin-bottom:2em;}
	
.mainImg {
	margin-bottom:2em;}
	

/*----------------------------------------------------
 #imageHolder2 #mainImages2 メインバナーの設定
----------------------------------------------------*/
#imagesHolder2 { width: 794px; }

/* Coin Slider jQuery plugin CSS styles
	http://workshop.rs/projects/coin-slider */
.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 545px; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }


#allWrap2,
#allWrap2B {
	width:794px;
	background-color:white;
	text-align:left;}

/* .intro */
.intro {
	text-align:left;
	margin-bottom:2em;}
	
.mainImg {
	margin-bottom:2em;}
	
/*----------------------------------------------------
 .campaignBanner　キャンペーン用バナーエリア
----------------------------------------------------*/
h3.campTitle {
	background:url(https://www.hakui-uni.com/images/home/tit_recommend.gif) no-repeat;
	width:794px; height:31px;
	color:#67cefb; font-size:14px; font-weight:bold;
	margin-bottom:10px;
	padding:5px 0 0 12px;
}

* html h3.campTitle { height:35px; padding:15px 0 0 6px;}

ul.bnr2clm {
	margin:0 0 1.5em 3px;
}
	
ul.bnr2clm li {
	float:left;
	display:inline;
	margin:0 4px 6px 0;
}
	
ul.bnr2clm li img {
	vertical-align:bottom;
}

/*----------------------------------------------------
 #infoBuy　３つの購入方法
----------------------------------------------------*/
h2.campTitle {
	background:url(https://www.hakui-uni.com/images/home/infobuy_maintit.gif) no-repeat;
	width:794px; height:23px;
	color:black; font-size:12px; font-weight:bold;
	margin-bottom:0px;
	padding:28px 0 0 6px;
}

* html h2.campTitle { height:15px; padding:15px 0 0 6px;}

ul.bnr2clm {
	margin:0 0 1.5em 3px;
}
	
ul.bnr2clm li {
	float:left;
	display:inline;
	margin:0 4px 6px 0;
}
	
ul.bnr2clm li img {
	vertical-align:bottom;
}



#infoBuy { 
	margin:1em 0;
	width:794px;
	background:#eceaea; }
#infoBuy h2 { margin-bottom:6px; }
#infoBuy p { padding:6px; margin-bottom:6x; text-align:left;}
#infoBuy ul {}
#infoBuy li { float:left; text-align:center; }
#infoBuy li.infoBuy01 { width:264px; border-right:#999999 dotted 1px; }
#infoBuy li.infoBuy02 { width:264px; border-right:#999999 dotted 1px; }
#infoBuy li.infoBuy03 { width:264px; }
#infoBuy li h3 { margin-bottom:4px; }
#infoBuy li h4 { font-weight:bold;}
#infoBuy li p { font-size:11px; text-align:left; }
	
/*----------------------------------------------------
 #esteware　エステユニフォームの紹介
----------------------------------------------------*/
#esteware { 
	margin:1em 0;
	width:794px;
	text-align:left;
	margin-bottom:1.5em;
	background:url(https://www.hakui-uni.com/images/home/estewear_body.jpg) 0 0 no-repeat
}
.esteware-head {margin-bottom:6px;}
#esteware ul { margin:0 0 16px 95px;}
#esteware li { float:left; width:120px; margin-right:4px; }
#esteware p  {font-size:11px; color:#FFFFFF;}
.esteware-bottom {}


/*----------------------------------------------------
 #faxInfo FAXでのご注文について
----------------------------------------------------*/
#faxInfo { 
	zoom:1;
	width:794px;
	margin-bottom:16px;
	background:url(https://www.hakui-uni.com/images/home/faxinfo_bg.gif) right 20px no-repeat #ffffff;}

#faxInfo h3{ 
	color:white; font-size:14px; font-weight:bold;
	height:21px;
	margin-bottom:10px;
	padding:15px 0 0 6px;
	background:url(https://www.hakui-uni.com/images/home/tit_fax.gif) 0 0 no-repeat;}

* html #faxInfo h3{ height:36px; padding:15px 0 0 6px;}

#faxInfo .faxInfoL,#faxInfo .faxInfoR { padding:10px }

#faxInfo .faxInfoL{ float:left; width:490px;}
#faxInfo .faxInfoL p{ margin-bottom:1em;}

#faxInfo .faxInfoR{ float:right; width:244px; border-left:#999999 1px dotted}
#faxInfo .faxInfoR h4 { font-size:12px; font-weight:bold; margin-bottom:6px; }
#faxInfo .faxInfoR ul {}
#faxInfo .faxInfoR li {margin-bottom:0.5em;}

/*----------------------------------------------------
 #markingInfo マーキング加工について
----------------------------------------------------*/
#markingInfo{ 
	zoom:1;
	text-align:left;
	width:584px;}

#markingInfo h3{ 
	color:white; font-size:14px; font-weight:bold;
	height:21px;
	margin-bottom:10px;
	padding:15px 0 0 6px;
	background:url(https://www.hakui-uni.com/images/home/tit_marking.gif) 0 0 no-repeat;}

* html #markingInfo h3{ height:36px; padding:15px 0 0 6px;}

#markingInfo p.intro { padding:6px; }
#markingInfo ul { zoom:1; margin:0 0 16px 8px; }
#markingInfo ul li { float:left; display:inline; width:186px; margin-right:6px;}
#markingInfo ul li h4 {	font-weight:bold; }
#markingInfo ul li p { font-size:11px; }
#markingInfo p { clear:both; }

/*----------------------------------------------------
 #btobInfo 企業様向けサービス
----------------------------------------------------*/
#btobInfo{ 
	zoom:1;
	text-align:left;
	width:584px;
	margin-bottom:16px;
}
#btobInfo h3,
h3.otherService { 
	color:white; font-size:14px; font-weight:bold;
	height:21px;
	margin-bottom:10px;
	padding:15px 0 0 6px;
	background:url(https://www.hakui-uni.com/images/home/tit_marking.gif) 0 0 no-repeat;}
* html #btobInfo h3,
* html h3.otherService { height:36px; padding:15px 0 0 6px;}

/*----------------------------------------------------
 #uptGroup マーキング加工について
----------------------------------------------------*/
#uptGroup { 
	zoom:1;
	text-align:left;
	width:794px;
}
#uptGroup h3 { margin-bottom:8px; }

#uptGroup ul { zoom:1; margin-left:5px; }
#uptGroup ul li { float:left; display:inline; width:184px; margin:0 6px 12px 0;}

#uptGroup ul li a { display:block; width:184px; height:100%; }
#uptGroup ul li a:hover { text-decoration:none; background:#E8F2F9; }

#uptGroup span { clear:both; display:block; }
#uptGroup ul li span { font-size:11px; padding:5px 0 10px 0; }

	
/*----------------------------------------------------
 #uptGroup その他
----------------------------------------------------*/
.highlight a:hover *{
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}

/*----------------------------------------------------
 #categoryInfo 商品一覧ページのスタイルから選ぶ
----------------------------------------------------*/
#categoryInfo { 
	margin:1em 0;
	width:794px;
	background:#eceaea; }
#categoryInfo h2 { margin-bottom:3px; }
#categoryInfo p { padding:3px; margin-bottom:3x; text-align:left;}
#categoryInfo ul {}
#categoryInfo li { float:left; text-align:left; }
#categoryInfo li.categoryInfo01 { width:120px; border-right:#999999 dotted 1px; }
#categoryInfo li.categoryInfo02 { width:116px; }
#categoryInfo li h3 { margin-bottom:4px; }
#categoryInfo li h4 { font-weight:bold;}
#categoryInfo li p { font-size:11px; text-align:left; }


/*----------------------------------------------------
 #catalogHolder #catalogimages メインバナーの設定
----------------------------------------------------*/
#catalogimages { width: 180px; }

/* Coin Slider jQuery plugin CSS styles
	http://workshop.rs/projects/coin-slider */
.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 545px; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }


#allWrap2,
#allWrap2B {
	width:180px;
	background-color:white;
	text-align:left;}

/* .intro */
.intro {
	text-align:left;
	margin-bottom:2em;}
	
.mainImg {
	margin-bottom:2em;}
	

----------------------------page-top------------------------*/

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}