/*  共通設定 */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap');



body{
	padding: 0;
	margin: 0;
	font-size: 14px;
	background:  url(../img/bg/bg.gif);
	text-align: center;
/*	color: #3F4E5A;*/
	line-height: 20px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight:300;
}

H2{	font-size: 18px;	font-weight: normal;}
H3{	font-size: 16px;	font-weight: bold;}
H4{	font-size: 16px;	font-weight: bold;}

.submenu .red{color:#f00;}
.red{color:#f00;}
.rbw{color:#900;}
.font-small{font-size:small;}

/*アンカーテキスト*/
a{	color: #00f; }
a:hover{	color: #F00;}
a:active{	color: #F00;}

/* ページ全体の画像設定*/
img {	border: 0;}

/*トップページ右側上メインＰＩＣ（mainpic.jpg）の設定*/
.pic{	padding: 0;	margin: 0 0 10px 0;}

/*  レイアウトエリアの設定 */
#layout{	padding: 0;	margin:0 auto;	text-align: left;		width: 740px;}

/*  ヘッダーエリアの設定  */
#header{	padding: 0;	margin: 0;	width: 740px;	text-align: right; 	height: 45px;	}

/*  メニューエリアの設定 */

#menu{	width: 740px;	padding: 0;	margin:0;	line-height: 30px; background:url(../img/bg/bg_menu_base.gif) no-repeat; height:30px;}
#menu ul{	padding:0;	margin: 0 0 0 12px;	list-style: none; }
#menu li{	float: left;	padding: 0;	margin: 0;	text-align: center;	width:90px;}
#menu a{	color: #339;	width: 100%;	display: block;text-decoration:none;}

#menu li:nth-child(6) {display:none;pointer-events: none;color:#999;}

#menu a:hover{	color: #339;	text-decoration: none;	background: url(../img/bg/bg_menu_over.gif) no-repeat;}

/*  メインエリアの設定 */

#top{padding: 5px 10px 10px 10px;	margin: 0;	background: url(../img/bg/bg_main.gif) repeat-y ; 
	width: 740px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 720px;
}

#left{	float: left;	padding: 0 10px 0 0;	margin: 0;
	width: 210px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 200px;
}

#right{	float: left;	padding: 0;	margin:0 0 10px 0;	width: 510px;}


/* ***** トップページの設定 (#top) ***** */

/* トップ左側上の画像ボタンエリアの設定　*/
#top .imgbox img{
	padding:0;
	margin:0 0 10px 0;
}

/* トップ左側ボックス（What's New）の設定　*/
#top .lbox{
	padding: 0 0 10px 0;
	margin:0 0 10px 0;
	background:#fff url(../img/bg/bg_lef-btmbar1.gif) no-repeat;
	background-position:bottom;
}



#top .lbox h2{	padding:0 0 0 10px;	margin:0;	background:url(../img/bg/bg_lef-capbar1.gif) no-repeat;height:30px; line-height:30px;}
#top .lbox h3{	}
#top .lbox p {clear:both;	padding:0;	margin:10px 10px 5px 10px; border-bottom:1px dotted #ccc;}

/*トップ左カラムのADDスペース（会社名、電話番号、メール）の設定*/
#top .add .lbox{
	padding: 0 0 10px 0;
	margin:10px 0;
	background:#f0f0ed url(../img/bg/bg_lef-btmbar2.gif) no-repeat;
	background-position:bottom;
	font-size:12px;
}
#top .add .lbox h2{	padding:0 0 0 10px;	margin:0;	background:url(../img/bg/bg_lef-capbar2.gif) no-repeat;height:10px; line-height:10px;color:#fff;}
#top .add .lbox h3{	}
#top .add .lbox p {	padding:0;	margin:10px 10px 5px 10px;}


a[href="mailto:yuuki@yuukisangyo.co.jp"]{pointer-events: none;text-decoration: none;color:#000;}



/* 右側ボックスPRエリア（リサーチ依頼）の設定 */
#top .pr-rbox{
	padding: 0 0 30px 0;
	margin: 0 0 10px 0;
	background:#fff url(../img/bg/bg_rt-btmbar1.gif) no-repeat;
	background-position:bottom;
}
#top .pr-rbox h2{	padding:0 0 0 10px;	margin:0 0 10px 0;	background:url(../img/bg/.gif) no-repeat;height:30px; line-height:30px; }
#top .pr-rbox h3{padding:0 0 0 5px;	margin:0 0 0 140px; border-left:10px solid #FC0; }
#top .pr-rbox p {clear:both;	padding:5px 10px;	margin:0;}
#top .pr-rbox img {float:left; padding:0;	margin:0 10px 0 0;}

/* トップ右側ボックス（角丸テキストボックス）の設定
 　.rboxのbackgroundにてボトム部分のコーナーを指定
　 h2の設置にて上部のコーナーを設定  */

#top .rbox{
	padding: 0 0 20px 0;
	margin: 0 0 10px 0;
	background:#fff url(../img/bg/bg_rt-btmbar1.gif) no-repeat;
	background-position:bottom;
}
#top .rbox h2{	padding:0 0 0 10px;	margin:0 0 10px 0;	background:url(../img/bg/bg_rt-capbar1.gif) no-repeat;height:30px; line-height:30px; }
#top .rbox h3{padding:0 0 0 5px;	margin:0 0 0 140px; border-left:10px solid #FC0; }
#top .rbox p {clear:both;	padding:5px 10px;	margin:0 0 5px 0;}
#top .rbox img {float:left; padding:0;	margin:0 10px 0 0;}


#top .rbox ul{padding:0;	margin:10px; list-style:none; font-size:11px;}
#top .rbox li{	float:left;padding:0 15px 10px 0;	margin:0; height:110px;	line-height:14px;
	width: 90px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 75px;
}



#top-fla{margin:0 0 10px 0;}







/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
/* ***** サブページの設定 (#sub) ***** */
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
#sub{
	padding: 5px 10px 0px 10px;
	margin: 0;
	background: url(../img/bg/bg_main.gif) repeat-y ; 
	width: 740px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 720px;
min-height:100%;
}

/* サブ左側上の画像ボタンエリアの設定　*/
#sub .imgbox img{
	padding:0;
	margin:0 0 10px 0;
}

/*  ナビゲーションバーの設定 */
.navi{	padding: 0 0 0 10px;	margin: 0; font-size:12px; background:url(../img/bg/bg_navi.gif) no-repeat;height:25px; line-height:25px; }
.navi a{	color:#339; text-decoration:none;}


/* サブ左側ボックスの設定　*/
#sub .lbox{
	padding: 0 0 10px 0;
	margin:0 0 10px 0;
	background:#fff url(../img/bg/bg_lef-btmbar1.gif) no-repeat;
	background-position:bottom;
}
#sub .lbox h2{	padding:0 0 0 10px;	margin:0;	background: url(../img/bg/bg_lef-capbar1.gif) no-repeat;height:30px; line-height:30px;}
#sub .lbox h3{	}
#sub .lbox p {clear:both;	padding:0;	margin:10px 10px 5px 10px; border-bottom:1px dotted #ccc;}



/*　サブ左カラムのADDスペース（会社名、電話番号、メール）の設定*/
#sub .add .lbox{
	padding: 0 0 10px 0;
	margin:10px 0;
	background:#f0f0ed url(../img/bg/bg_lef-btmbar2.gif) no-repeat;
	background-position:bottom;
	font-size:12px;
}
#sub .add .lbox h2{	padding:0 0 0 10px;	margin:0;	background:url(../img/bg/bg_lef-capbar2.gif) no-repeat;height:10px; line-height:10px;color:#fff;}
#sub .add .lbox p {	padding:0;	margin:10px 10px 5px 10px;}


/*　サブ左カラムのサブメニューの設定*/
#sub .add .lbox .submenu{	padding:0;	margin:0 10px; list-style:none; font-size:12px;}
#sub .add .lbox .submenu li{	padding:0 0 0 15px;	margin:3px 0;	background:url(../img/iface/li_03.gif) no-repeat 0 3px;}
.submenu a{	color: #339;text-decoration:none;}
.submenu a:hover{	color: #F00; text-decoration:underline;}


/* subページ　メインエリア上部の角丸(bg_rt-capbar2.gif)の設定 */
#sub .rbox-cap{	padding: 0;	margin:0;	background:url(../img/bg/bg_rt-capbar2.gif) no-repeat;}


/* サブ右側ボックス（角丸テキストボックス）の設定
 　.rboxのbackgroundにてボトム部分のコーナーを指定 ★★★★★★★★★★★★★★★★★★★★★★★★★★★*/

#sub .rbox{
	padding: 0 0 30px 0;
	margin: 0 0 10px 0;
	background:#fff url(../img/bg/bg_rt-btmbar1.gif) no-repeat;
	background-position:bottom;
}
#sub .rbox h2{	padding:0 0 0 10px;	margin:0 10px 20px 10px;	border-left:10px solid #FC0; line-height:25px; background: #e7e9cf /*url(../img/bg/bg_rt-h2.gif) no-repeat center right*/; line-height:30px; }
#sub .rbox h3{padding:0 0 0 15px;	margin:0 10px 10px 20px;	border-bottom:1px dotted #999; background:url(../img/iface/li_01.gif) no-repeat 0 3px;}
#sub .rbox h4{padding:0 0 0 15px;	margin:20px 10px 10px 20px;	background:url(../img/bg/bg_cap_h3.gif) no-repeat; height:21px;color:#930;}
#sub .rbox p {
	clear:both;
	padding:5px 10px 10px 40px;
	margin:0;
}


#sub .rbox dl {padding:10px 10px 10px 40px;	margin:0;}
#sub .rbox dt{padding:0 0 0 10px;	margin:0; background:url(../img/iface/li_02.gif) no-repeat 0 2px;}
#sub .rbox dd {padding:0 10px 10px 120px;	margin:0;}


#sub .rbox dl#acc {padding:0;	margin:0 0 3em 5%}
#sub .rbox dl#acc dt{padding:0;	margin:0; background:none;display:inline-block;width:25%;vertical-align: top;}
#sub .rbox dl#acc dd {padding:0;margin:0;display:inline-block;width:65%;vertical-align: top;}





#sub .rbox table {padding:0;	margin:10px 10px 10px 40px;width:460px;}
#sub .rbox table .bl{padding:3px;background:#E8EFFD;}
#sub .rbox table .pk{padding:3px;background:#FDE8FB;}
#sub .rbox table .tdline{padding:3px;border-bottom:1px dotted #ccc;}


/* 商品紹介のページの設定 ★★★★★★★★★★★★★★★★★★★★★★★★★★★*/

#sub .rbox_pdt{
	padding: 0 0 30px 0;
	margin: 0 0 10px 0;
	background:#fff url(../img/bg/bg_rt-btmbar1.gif) no-repeat;
	background-position:bottom;
}
#sub .rbox_pdt h2{	padding:0 0 0 10px;	margin:0 10px 20px 10px;	border-left:10px solid #FC0; line-height:25px; background: #e7e9cf /*url(../img/bg/bg_rt-h2.gif) no-repeat center right*/; line-height:30px; }
#sub .rbox_pdt h3{clear:both;padding:10px 0 10px 20px;	margin:20px 10px 5px 20px;	border-bottom:1px dotted #fc0; background:url(../img/iface/li_04.gif) no-repeat center left;  }
#sub .rbox_pdt h4{clear:both;padding:0 0 0 5px;	margin:0 10px 10px 40px;	border-left:10px solid #fc0;}
#sub .rbox_pdt p {clear:both;	padding:0 10px 10px 40px;	margin:0;}
#sub .rbox_pdt ol {padding:0 10px;	margin:0 0 0 40px;list-style:outside;}
#sub .rbox_pdt ul {padding:10px 10px 10px 50px;	margin:0; list-style:none;}
#sub .rbox_pdt li{padding:0 0 0 10px;	margin:0 0 5px 0; background:url(../img/iface/li_02.gif) no-repeat 0 2px;}


#sub .rbox_pdt table {padding:0;	margin:10px 10px 10px 40px;width:460px;}
#sub .rbox_pdt table .bl{padding:3px;background:#E8EFFD;}
#sub .rbox_pdt table .pk{padding:3px;background:#FDE8FB;}
#sub .rbox_pdt table .tdline{padding:3px;border-bottom:1px dotted #ccc;}

/* 製品紹介インデックスページのサムネイル画像の設定 */
.spic{float:left;margin:0 10px 10px 0}


/* サイトマップのページの設定 ★★★★★★★★★★★★★★★★★★★★★★★★★★★*/

#sub .rbox_smap{
	padding: 0 0 30px 0;
	margin: 0 0 10px 0;
	background:#fff url(../img/bg/bg_rt-btmbar1.gif) no-repeat;
	background-position:bottom;
}
#sub .rbox_smap h2{	padding:0 0 0 10px;	margin:0 10px 20px 10px;	border-left:10px solid #FC0; line-height:25px; background:url(../img/bg/bg_rt-h2.gif) no-repeat center right; line-height:30px; }
#sub .rbox_smap h3{padding:0 0 0 15px;	margin:0 10px 10px 20px;	border-bottom:1px dotted #999; background:url(../img/iface/li_01.gif) no-repeat 0 3px;}
#sub .rbox_smap h4{padding:0 0 0 15px;	margin:20px 10px 10px 20px;	background:url(../img/bg/bg_cap_h3.gif) no-repeat; height:21px;color:#930;}
#sub .rbox_smap p {clear:both;	padding:5px 10px 10px 40px;	margin:0;}

#sub .rbox_smap .smap_ul{padding:0;	margin:0 0 0 40px; list-style:none;}
#sub .rbox_smap .smap_ul li{padding:3px 0 3px 25px;	margin:0; background:url(../img/iface/folder.gif) no-repeat 0 3px;}
#sub .rbox_smap .subsmap_ul{padding:0;	margin:0; list-style:none;}
#sub .rbox_smap .subsmap_ul li{padding:3px 0 3px 15px;	margin:0; background:url(../img/iface/file.gif) no-repeat 0 6px;}
.smap_ul a,.subsmap_ul a{ text-decoration:none;}
.smap_ul a:hover,.subsmap_ul a:hover{ text-decoration:underline;}


/*全頁共通サイトマップへのリンク分部の設定*/
.sbox{padding:0;margin:30px 10px 20px 10px;}


/* お問い合わせフォームの設定*/
form {padding:0;	margin:0;}
fieldset{	padding:20px 10px 10px 10px;	margin:0 10px 0 20px;}
legend{	color:#C63;	font-size:14px;}

/*  ページコントロールの設定 */
/*   「前にもどる」「ページの先頭へ」*/
.pg-cnt{float:right;	padding:0 10px 0 0;	margin:0 0 20px 0; }


/*  フッターエリアの設定 */
#footer{	width: 740px;	padding: 0px;	margin: 0px;}
.copyright{	padding: 3px;	margin: 0px;	text-align: right;	height: 20px;	color: #999;}


.floatleft{float:left;margin:0 10px 10px 0;}

.clearboth{clear:both;}

.dotline{border-bottom:1px dotted #ccc;}

.smallfont{font-size:11px;}



img.bnr-circle
{border:1px solid #fff;
	/*
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius:8px;
	behavior: url(border-radius.htc);
	behavior: url(ie-css3.htc);	
	*/
	
	}


/* 電力 / 通信 / 医療 / 電気自動車に最適です のテーブル	  */

table.generalinfo{margin:0 0 10px 0;background:#ccc;}

table.generalinfo th{padding:5px;text-align:left;background:#fff;}
table.generalinfo td{padding:5px;text-align:center; vertical-align:middle;background:#fff;}


.trbg{background:#e5f1f8;}






#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 16px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



.year{font-size:11px;padding:0 0 0 10px;}


/*  英語版  */


p.c00{color:#c00;}