@charset "utf-8";
/* ===================================================================
CSS information
 file name  :info.css
 style info :サイトについての説明ページ用
 
 
 01. 全体の設定
 02. 大量購入・無料貸し出し（#infoBuy）
 03. 初めてご利用のお客様へ（#welcome）
 04. ネットショップ画面説明（#about）
 05. サイトマップ（#sitemap）
 06. マーキング加工について（#marking）
 07. よくあるご質問
=================================================================== */

/* -----------------------------------------------------------
	#infoCts　ページ基本設定
----------------------------------------------------------- */
#infoCts {
	width:794px;
	text-align:left;
	overflow:hidden;
	background-color:#FFF;
	vertical-align:bottom;
	font-size:95%;
	_font-size:80%;}
	
#infoCts p {
	margin-bottom:1em;}
	
#infoCts .ctsBox{
	margin-bottom:2em;
	overflow:hidden;}
	
#infoCts h3 {
	font-size:100%;
	background:url(https://www.cleanstuff-uni.com/images/share/bg_h3.gif) no-repeat;
	width:794px;
	_width:589px;
	height:25px;
	padding:3px 0 0 15px;
	margin-bottom:0.5em;
	clear:both;}
	
#infoCts h4 {
	margin-bottom:0.5em;
	font-size:100%;}
	
#infoCts em {
	font-style:normal;
	font-weight:bold;
	color:#FF3300;
	font-size:120%;}
	
#infoCts .ex {
	margin-bottom:1em;}
	
#infoCts .ctsBox .pointBox p {
	padding-left:20px;}
	
/* -----------------------------------------------------------
 #infoBuy   大量購入・無料貸し出し	新
----------------------------------------------------------- */

#infoBuy h5 {
font-weight:bold;
margin-bottom:10px; padding:9px 9px 9px 170px;
background:url(https://www.hakui-uni.com/images/infoBuy/title_Recommended.gif) left center no-repeat;}

/*----------------------------------------------------
 #inforeco　オススメ白衣の紹介
----------------------------------------------------*/
#inforeco { 
	margin:1em 0;
	width:794px;
	text-align:left;
	margin-bottom:1.5em;
}

#inforeco ul { margin:0 0 1px 1px;}	
#inforeco li { float:left; width:144px; margin-right:6px; }
#inforeco p  {font-size:11px; color:00a0e9;}


/* -----------------------------------------------------------
　#question　よくあるご質問
----------------------------------------------------------- */
#question {
zoom:1;
font-size: 120%;
text-align:left;
width:794px;
background-color:white;
border-bottom:#999999 solid 1px;
overflow:hidden;
}
.red{ 
font-weight:bold;
font-size: 120%;
color: #ff0000;
}


#question h1 {
font-weight:bold;
font-size: 150%;
margin-bottom:10px; padding:9px 9px 9px 1px;
background:url(https://www.hakui-uni.com/images/question/q&atitlebar.gif) left center no-repeat;}

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

/* ロゴデータの入稿方法 */
#marking .mkgData {}
#marking .mkgData p {margin-bottom:1em;}
#marking .mkgData h4 {padding:3px 3px 3px 12px; background:url(../images/share/arrow_red01.gif) left center no-repeat;}
#marking .mkgData-digital {margin-bottom:20px;}
#marking .mkgData-digital table {border-style:none;border-collapse:collapse;border-spacing:0px;}
#marking .mkgData-digital table {width:100%; border:#999999 solid 1px;}
#marking .mkgData-digital table th,
#marking .mkgData-digital table td {border:#999999 solid 1px; padding:6px;}
#marking .mkgData-digital table th {
	text-align:center; font-weight:bold;
	background:url(../images/share/bg_dot_gray.gif);}
#marking .mkgData-digital table td {}

#marking .mkgData-analog {}
#marking .mkgData-analog dl {margin-bottom:20px;border-bottom:#999999 dotted 1px;}
#marking .mkgData-analog dt {font-weight:bold;}
#marking .mkgData-analog dd {margin-bottom:1em;}
#marking .mkgData-analog dl.mkgData-att {
	margin-bottom:20px;
	border-bottom:none; padding:8px; background:url(../images/info/bg_pinktex.gif);}
#marking .mkgData-analog dl.mkgData-att dt {}
#marking .mkgData-analog dl.mkgData-att dd {margin-bottom:0; font-size:11px;}

#marking .mkgAddress {background:url(../images/info/bg_bluetex.gif); padding:8px;}


/*----------------------------------------------------
 #bigquestion　質問カテゴリー
----------------------------------------------------*/
#bigquestion { 
	margin:1em 0;
	width:794px;
	text-align:left;
	margin-bottom:1em;
}

#bigquestion ul { margin:0 0 1px 1px;}	
#bigquestion li { float:left; width:390px; margin-right:2px; }
#bigquestion p  {font-size:11px; color:00a0e9;}


/* -----------------------------------------------------------
	無料貸し出し
----------------------------------------------------------- */
#lend-C { clear:both; width:100%;}
#lend .prdBox { clear:both; width:100%; margin-bottom:1em;}

#lend dl { font-size:12px;  background:url(../images/info/bg_pinktex.gif);}
#lend dt, #lend dd { padding:3px; }
#lend dt { float:left; font-weight:bold; width:112px;}
#lend dd { padding-left:120px; border-bottom:#ccc dotted 2px;}



/* -----------------------------------------------------------
	初めてご利用のお客様へ
----------------------------------------------------------- */
#welcome #infoCts .mainImg {
	margin-bottom:0.7em;}
	
#welcome #infoCts h4 {
	margin-bottom:1em;}
	
#welcome #infoCts .pointBox {
	margin:1em 0 2em;
	width:794px;
	overflow:hidden;
	clear:both;}
	
#welcome #infoCts .flowBox {
	width:350px;
	float:left;
	border:solid 1px #CCCCCC;
	margin:0 10px 20px;} 
	
#welcome #infoCts .flowBox h5,
#welcome #infoCts .flowBox2 h5 {
	font-size:100%;
	padding:0.5em 0.7em;
	background-color:#999999;
	color:#FFFFFF;}
	
#welcome #infoCts .flowBox2 h5 {
	margin-bottom:1em;}
	
#welcome #infoCts .flowBox p,
#welcome #infoCts .flowBox2 p {
	padding:0 0.7em;}
	
#welcome #infoCts .flowBox .more {
	font-size:85%;}
	
#welcome #infoCts .flowBox img {
	margin-bottom:0.7em;}
	
#welcome #infoCts .flowBox2 {
	clear:both;
	width:794px;
	border:solid 1px #CCCCCC;
	margin:0 0 1em 10px;}
	
/* 商品のご提案 */
#welcome #infoCts .bizImg {
	float:left;
	margin:0 15px 0 10px;}
	
#welcome #infoCts .bizText {
	width:500px;
	float:left;}
	
#welcome #infoCts .toiawase {
	padding:0.5em;
	border:solid 1px #CCCCCC;
	color:#FFFFFF;
	font-weight:bold;
	width:200px;
	text-align:center;}
	
	
/* -----------------------------------------------------------
	ネットショップ画面説明
----------------------------------------------------------- */
#about #infoCts .anchorList {
	margin-left:10px;}

#about #infoCts h4 {
	border-top:solid 2px #5E98C1;
	border-bottom:solid 1px #CCCCCC;
	padding:0.3em 0.5em;}

#about #infoCts .pointBox {
	margin:0 10px 3em;}

#about #infoCts .infoText {
	margin-bottom:1em;
	border:solid 1px #CCCCCC;
	padding:0.5em;}
	
#about #infoCts .infoText dt,
#about #infoCts .infoText li {
	font-weight:bold;
	color:#CC3333;}
	
	
/* -----------------------------------------------------------
	サイトマップ
----------------------------------------------------------- */
#sitemap #infoCts .itemMap {
	overflow:hidden;
	margin-bottom:2em;}

#sitemap #infoCts .pointBox {
	width:190px;
	float:left;
	margin-right:8px;
	border-left:solid 2px #CCCCCC;}

#sitemap #infoCts h4 {
	border-top:solid 2px #5E98C1;
	border-bottom:solid 1px #CCCCCC;
	padding:0.3em 0.5em;
	margin-bottom:1em;}
	
#sitemap #infoCts .itemList,
#sitemap #infoCts .sitemapList,
#sitemap #infoCts .FaxList {
	margin-bottom:0.5em;
	padding-bottom:0.5em;
	border-bottom:dotted 1px #CCCCCC;
	margin-left:10px;}
	
#sitemap #infoCts .itemList dt,
#sitemap #infoCts .sitemapList li,
#sitemap #infoCts .FaxList dt {
	background:url(../images/share/arrow_sq03.gif) no-repeat left;
	padding-left:1em;
	font-weight:bold;}

#sitemap #infoCts .itemList li,
#sitemap #infoCts .FaxList li {
	background:url(../images/share/arrow_diver01.gif) no-repeat left;
	padding-left:1em;}
	
#sitemap #infoCts .sitemapList li {
	font-weight:normal;
	margin-bottom:0.3em;}

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

#marking h2 {}
#marking h3 {}
#marking h4 {font-size:12px; font-weight:bold;}
#marking h5 {font-size:12px; font-weight:bold;}

/* マーキング加工イントロ */
#marking .mkgIntro {margin-bottom:20px; padding-bottom:20px; border-bottom:#999999 dotted 1px;}
#marking .mkgIntro p {margin-bottom:10px;}
#marking .mkgIntro ul.mkgNav {zoom:1;}
#marking .mkgIntro ul.mkgNav li {
	float:left;
	margin-right:8px; padding-left:12px;
	background:url(../images/share/arrow_blue01.gif) left center no-repeat;}

/* 納品までの流れ */
#marking .mkgFlow {	
	text-align:left; margin-bottom:20px; padding:0 0 20px 64px;
	border-bottom:#cccccc solid 1px;
	background:url(../images/info/marking_step.gif) 0 0 no-repeat;}
#marking .mkgFlow ul {}
#marking .mkgFlow li {border-top:#999999 dotted 1px; height:100px;}

/* 各マーキング加工の特徴 */
#marking .mkgTech {
	zoom:1; text-align:left; width:794px;
	margin-bottom:20px; padding-bottom:20px;  border-bottom:#cccccc solid 1px;}
#marking .mkgTech ul { zoom:1; margin:0 0 16px 8px; }
#marking .mkgTech ul li   { float:left; display:inline; width:186px; margin-right:6px;}
#marking .mkgTech ul li p { font-size:11px; }
#marking .mkgTech dl    {padding:8px; background:url(../images/info/bg_pinktex.gif);}
#marking .mkgTech dl dt {font-weight:bold}
#marking .mkgTech dl dd {font-size:11px; margin-bottom:8px;}

/* ロゴデータの入稿方法 */
#marking .mkgData {}
#marking .mkgData p {margin-bottom:1em;}
#marking .mkgData h4 {padding:3px 3px 3px 12px; background:url(../images/share/arrow_red01.gif) left center no-repeat;}
#marking .mkgData-digital {margin-bottom:20px;}
#marking .mkgData-digital table {border-style:none;border-collapse:collapse;border-spacing:0px;}
#marking .mkgData-digital table {width:100%; border:#999999 solid 1px;}
#marking .mkgData-digital table th,
#marking .mkgData-digital table td {border:#999999 solid 1px; padding:6px;}
#marking .mkgData-digital table th {
	text-align:center; font-weight:bold;
	background:url(../images/share/bg_dot_gray.gif);}
#marking .mkgData-digital table td {}

#marking .mkgData-analog {}
#marking .mkgData-analog dl {margin-bottom:20px;border-bottom:#999999 dotted 1px;}
#marking .mkgData-analog dt {font-weight:bold;}
#marking .mkgData-analog dd {margin-bottom:1em;}
#marking .mkgData-analog dl.mkgData-att {
	margin-bottom:20px;
	border-bottom:none; padding:8px; background:url(../images/info/bg_pinktex.gif);}
#marking .mkgData-analog dl.mkgData-att dt {}
#marking .mkgData-analog dl.mkgData-att dd {margin-bottom:0; font-size:11px;}

#marking .mkgAddress {background:url(../images/info/bg_bluetex.gif); padding:8px;}

/*----------------------------------------------------
		#sizeguide サイズガイド
----------------------------------------------------*/
#sizeguide {width:794px; text-align:left;}

#sizeguide h2 {}
#sizeguide h3 {}
#sizeguide h4 {font-size:12px; text-align:center;}
#sizeguide h5 {font-size:36px; font-weight:bold; text-align:center}

/* サイズガイドサイズの測り方 */
table.sizeguide {
    width: 400px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 5px;
    font-size: 8px;
}
 
table.sizeguide th,
table.sizeguide td {
    padding: 8px;
}
 
table.sizeguide th {
    background: #295890;
    vertical-align: middle;
    text-align: left;
    width: 50px;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
    font-size: 12px;
}
 
table.sizeguide th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #295890;
    border-width: 10px;
    margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() { 
    table.sizeguide th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #295890 10px solid;
        margin-top: -10px;
    }
}
 
table.sizeguide td {
    background: #f8f8f8;
    width: 360px;
    padding-left: 20px;
}


/* サイズガイドサイズ表 */
table.sizetable {
  width: 100%;
  margin: 0 ;
  border-collapse: separate;
  border-spacing: 1px;
  font-size: 10px;
  text-align: center;
}

table.sizetable caption {
  margin-top: 1px;
  text-align: center;
}

table.sizetable th,
table.sizetable td {
  padding: 1px 2px;
}

table.sizetable th {
  background: #1B3AB4;
  text-align: center;
  white-space: nowrap;
  font-size: 10px;
  color: #FFF;
}

table.sizetable td {
  text-align: center;
  white-space: nowrap;
  font-size: 10px;
}

table.sizetable col.title {
  background: #A5A5A5;
}

table.sizetable col.ext {
  background: #C7E09D;
}

table.sizetable col.lno {
  background: #F099BF;
}

table.sizetable col.mno {
  background: #7DCDF3;
}

table.sizetable col.uno {
  background: #FFCC73;


a:hover img {  
opacity: 0.8;  
filter: alpha(opacity=80);  
-ms-filter: "alpha( opacity=80 )";  
-moz-opacity: 0.8;  
-khtml-opacity: 0.8;  
}  }




#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;
}


/*----------------------------------------------------
		#chartguide 刺繍ガイド
----------------------------------------------------*/
#chartguide {width:100%; text-align:left;}

#chartguide h2 {}
#chartguide h3 {}
#chartguide h4 {font-size:12px; text-align:center;}
#chartguide h5 {font-size:36px; font-weight:bold; text-align:center}

/* 刺繍の流れ */
table.chartguide {
    width: 100%;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 5px;
    font-size: 8px;
}
 
table.chartguide th,
table.chartguide td {
    padding: 8px;
}
 
table.chartguide th {
    background: #295890;
    vertical-align: middle;
    text-align: left;
    width: 50px;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
    font-size: 12px;
}
 
table.chartguide th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #295890;
    border-width: 10px;
    margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() { 
    table.chartguide th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #295890 10px solid;
        margin-top: -10px;
    }
}
 
table.chartguide td {
    background: #f8f8f8;
    width: 360px;
    padding-left: 20px;
}