@charset "shift_jis";

/* --------------------------------
	for all body
-------------------------------- */
body {
	/* コンテンツ余白設定 */
	margin: 0;
	padding: 0;
	/* ボックスサイズの算出方法を指定する */
	box-sizing: border-box; /* パディングとボーダーを幅と高さに含める */
	/* 文字基本設定（文字サイズ・行間・色） */
	font-size: 13px;
	line-height: 1.6em;
	color: #000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/* 背景設定 */
	background-color: #FFF;
	/* background-image: url(images/common/m_back.gif);
	background-repeat: repeat-y;
	background-position: center; */
}

img {	margin: 0; border: none;}

ul, ol, dl ,div {	padding: 0; margin: 0;	list-style: none;}

h1, h2, h3, h4, h5, h6, p {	margin: 0;	padding: 0;	font-weight: normal;}

.clearfloat { clear: both;}

/* link */
a:link {
	color: #0050A0;
	text-decoration: none;
}
a:visited {
	color: #007CF9;
 text-decoration: none;
}
a:active {
 text-decoration: none;
}
a:hover {
	color: #007CF9;
 text-decoration: underline;
}

/* マージン設定 */
.MgB02 {	margin-bottom: 2px;}
.MgB05 {	margin-bottom: 5px;}
.MgB10 {	margin-bottom: 10px;}
.MgB15 {	margin-bottom: 15px;}
.MgB20 {	margin-bottom: 20px;}
.MgB25 {	margin-bottom: 25px;}
.MgB30 {	margin-bottom: 30px;}
.MgB35 {	margin-bottom: 35px;}
.MgB40 {	margin-bottom: 40px;}
.MgB45 {	margin-bottom: 45px;}
.MgB50 {	margin-bottom: 50px;}

/* 文字色 */
.txcRed { color: #F00;}
.RedText { color: #F00;}
.txcBlu { color: #39F;}
.txcGre { color: #399;}
.txcBla { color: #000;}

/* 文字サイズ */
.txtS {	font-size: 90%; line-height: 1.4em;}
.txtL {	font-size: 120%;	line-height: 1.4em;}

/* 画像の回り込み */
.imgR { float: right; margin-left: 4px; margin-bottom: 4px; }
.imgL { float: left;	margin-right: 4px;	margin-bottom: 4px; }

/* lightBox ツール */
.del {
	visibility: hidden;
}
/* --------------------------------*/
.brw {
 display: inline;
}
.rsp {
 display: none;
}

/* --------------------------------
	全ページ共通のアイテム
-------------------------------- */

/* ---☆
 コンテンツを収納するコンテナ 
-------------------------- */
#container {
	width: 1100px;
	margin: 0 auto;
	padding: 0;
}


/* ---☆
 ヘッダーに収納されるアイテム
-------------------------- */
#header {
	padding: 5px 0 10px 0;
}

/* -- SEO対策リード文  --*/
#header #bodySEO {
	padding: 0 0 0 3px;
	font-size: 12px;
	line-height: 12px;
	color: #888;
}


/* ---☆
 フッターに収納されるアイテム
-------------------------- */
#footer {
	margin: 0 0 0 0; 
	padding: 30px 20px 10px 20px;
	color: #FFF;
	/* border-top: #CCC solid 1px; */
	background-color: #7D7D7D;
	clear: both;
}

#footer #telfax {
 text-align: center;
 font-size: 24px;
 line-height: 1em;
 font-weight: bold;
 font-family: Verdana, Geneva," sans-serif";
 padding: 0 0 20px 0;
}
#footer #telfax a {
 color: #fff;
}
#footer #jikan {
 text-align: center;
 padding: 0 0 80px 0;
}

/* -- フッターリンク  --*/
#footer ul#footlink {
 float: left;
 margin-right: 10px;
}
#footer ul#footlink li {
 display: inline;
 border-left: #FFFFFF solid 1px;
 font-size: 12px;
 line-height: 1.2em;
 padding: 0 5px 0 5px;
}
#footer ul#footlink li.end {
 border-right: #FFFFFF solid 1px;
}

#footer ul#footlink a {
	color: #FFF;
	text-decoration: none;
}
#footer ul#footlink a:hover {
	color: #F00;
}

/* -- コピーライト  --*/
#footer #Copyright {
 float: right;
 color: #1C1C1C;
 font-size: 12px;
 line-height: 1.2em;
 width: 45%;
 text-align: right;
}


/* ---☆☆☆
 メインコンテンツに収納されるアイテム
-------------------------- */
#mainConts {
 width: 1100px;
 margin: 0 0 3px 0;
 padding: 0 0 20px 0;
 text-align: left;
 border-bottom: #096bb6 solid 3px;
}

/* -- メインイメージ -- */
#mainImg {
 width: 1100px;
 height: 300px;
 margin: 0 0 5px 0;
 padding: 0;
}


/* ---☆☆
 メインコンテンツ左エリア
-------------------------- */
#mainConts #leftArea {
 float: left;
 width: 220px;
}

/* --- サイトボックス -- */
#SiteBox {
	padding: 0 0 18px 0;
}
#SiteBox #logo a {
 display: block;
 width: 220px;
 height: 110px;
 margin-bottom: 5px;
 padding: 0;
 background: url(images/common/site-logo.png) no-repeat 0 0;
 text-indent: -9999px;
 background-size: contain;
}
#SiteBox #sub {
 display: block;
 width: 220px;
 height: 30px;
 margin: 0 0 0 0;
 background: url(images/common/site-logo-sub.png) no-repeat 0 0;
 text-indent: -9999px;
 background-size: contain;
}

/* ヘッダーの電話番号 */
#SiteBox #tel a{
 display: block;
 width: 220px;
 height: 30px;
 background: url(images/common/site-logo-tel.png) no-repeat 0 0;
 text-indent: -9999px;
 background-size: contain;
}


/* --- globalmenu リスト設定 -- */
#GlobalMenu  {
 margin-bottom: 20px;
 padding: 10px 10px 5px 10px;
 background-color: #dcf1fa;
 border-radius: 8px 8px 8px 8px;
}

#GlobalMenu ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
 width: 200px; /* Main Menu Item widths */
}
 
#GlobalMenu ul li {
 position: relative;
}

/* menu １行ver */
#GlobalMenu ul li a {
 display: block;
 width: 200px;
 height: 30px;
 text-decoration: none;
 font-size: 14px;
 line-height: 30px;
 letter-spacing: 1px;
 padding: 0 0 0 0;
 margin: 0 0 10px 0;
 text-indent: 25px;
}

#GlobalMenu ul li a {/* メニュー背景 */
 background: url(images/common/menu00.gif) no-repeat 0 0; 
 background-color: #fff;
 color: #333;
}
#GlobalMenu ul li  a:hover { /* メニュー マウスオーバー */
 background: url(images/common/menu00.gif) no-repeat 0 -30px;
 background-color: #84b7da;
 color: #ff8000;
}

#GlobalMenu ul li  a:active {/* メニュー背景 */
 background: url(images/common/menu00.gif) no-repeat 0 -30px;
 background-color: #84b7da;
 color: #ff8000;
}

.gMenuClear {
 display: none;
}
.gMenuClear2 {
 display: inline;
 clear: both;
}

/* -- バナーBOX -- */  
#mainConts #leftArea .bnr {
 width: 220px;
 height: 60px;
 margin: 0 0 15px 0;
 padding: 0 0 0 0; 
 background-color: #BABABA;
}

/* ---☆☆
 メインコンテンツ右エリア
-------------------------- */
#mainConts #rightArea {
 float: left;
 width: 850px;
 margin-left: 20px;
}

#ContactBoxSP {
 display: none;
}

#ContactBox {
 display: block;
 margin-bottom: 25px;
}
#ContactBox #tel {
float: left;
}
#ContactBox #fax, #ContactBox #web {
 float: left;
 margin-left: 8px;
}

#ContactBox a {
 display: block;
 width: 270px;
 height: 170px;
 text-indent: -9999px;
 border: #096bb6 solid 4px;
 border-radius: 8px 8px 8px 8px;
}
#ContactBox a:hover {
 background-color: #EAFCFF;
 border: #F96600 solid 4px;
}
#ContactBox #tel a {
 background: url(images/common/contact_tel.png) no-repeat center center;
 background-size: contain;
}
#ContactBox #fax a {
 background: url(images/common/contact_fax.png) no-repeat center center;
 background-size: contain;
}
#ContactBox #web a {
 background: url(images/common/contact_web.png) no-repeat center center;
 background-size: contain;
}

.PRtxt {
 font-size: 16px;
 line-height: 1.8em;
 color: #000000;
 margin-top: 15px;
 margin-bottom: 20px;
}

.twoColumn {
 margin-bottom: 20px;
}
.twoColumn .leftBox {
 float: left;
 display: block;
 width: 400px;
 padding: 10px;
 background-color: #dcf1fa;
}
.twoColumn .kaitori {
 display: block;
 width: 400px;
 background-color: #fff;
 border-radius: 8px 8px 8px 8px;
}
.twoColumn .kaitori .tl {
 display: block;
 width:100%;
 height: 32px;
 text-indent: -9999px;
 background: url(images/common/tl_kaitori.png) no-repeat center center;
 background-size: contain;
}

.twoColumn .rightBox {
 float: left;
 margin-left: 10px;
 width: 420px;
}
.twoColumn .rightBox a {
 display: block;
 width: 420px;
 height: 240px;
 text-indent: -9999px;
 background: url(images/bnr/bnr_veraz.png) no-repeat center center;
 background-size: contain;
}
.twoColumn .rightBox a:hover {
 opacity: 0.6;
}


/* HOME-新着在庫情報 */ 
.search {
 text-align: right;
 margin-top: 10px;
 margin-bottom: 10px;
}
table#topNew {
 display: table;
 border-collapse: collapse;
 border-style: solid;
 border-width: 1px;
 margin: 10px 0 25px 0;
 width: 100%;
}
table#topNew.pclist  {
 display: table;
}
table#topNew.mobilelist  {
 display: none;
}
table#topNew tr.fst {
	background-color: #fff;
}
table#topNew tr.scd {
	background-color: #eee;
}

table#topNew th {
	font-weight: bold;
	line-height: 1em;
	padding: 8px 5px 6px 5px;
	text-align: center;
	color: #13234c;
	vertical-align: middle;
	background-color: #eee;
	border-top: 2px solid #096bb6;
	border-left: 1px solid #ccc;
	border-rignt: 1px solid #ccc;
	border-bttom: 1px solid #ccc;
}
table#topNew th.w100 {
	width: 100px;
}
table#topNew td {
	font-weight: normal;
	line-height: 1.4em;
	padding: 6px 5px;
	text-align: left;
	vertical-align: middle;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-rignt: 1px solid #ccc;
	border-bttom: 1px solid #ccc;
}
table#topNew td.img {
	line-height: 0;
	text-align: center;
}
table#topNew td.mdl {
	width: 80px;
}

/* HOME-お知らせ */  
#rightArea #infoCnt {
	float: left;
	width: 460px;
}
#rightArea #infoCnt h3 {
	padding: 8px 8px 6px 8px;
	border: 1px solid #d8d8d8;
	border-top: 2px solid #096bb6;
	line-height: normal;
	color: #13234c;
	background-color: #f1f1f1;
	font-weight: 700;
	font-size: 14px;
	border-radius: 0;
	-moz-border-radius: 0; /* FireFox */
	-webkit-border-radius: 0;/* Chrome & Safari */
}
#rightArea #infoCnt .infoline {
	border: solid 1px #d8d8d8;
	border-top: 0;
	width: 448px;
	height: 235px;
	padding: 5px;
	overflow: auto;
}

#rightArea #infoCnt .infoline li {
	margin-bottom: 5px;
	border-bottom: 1px dotted #eee;
}
#rightArea #infoCnt .infoline .date {
	padding: 0 0 2px 0;
	font-size: 11px;
	line-height: 1em;
	color: #838383;
}
#rightArea #infoCnt .infoline .titl {
	padding: 0 0 5px 0;
	font-size: 12px;
	font-weight: bold;
	color: #13234c;
}
#rightArea #infoCnt .infoline .comt {
	padding: 0 0 5px 0;
	font-size: 11px;
}


/* HOME-バナーフリーエリア */  
#rightArea #freeCunt {
	float: left;
	width: 380px;
	margin-top: 30px;
 margin-left: 10px;
}

#rightArea #freeCunt .bnrfree{
	width: 100%;
	height: 280px;
	background-color: #BABABA;
}

#tl {
 display: block;
 width: 850px;
 height: 120px;
 border-radius: 0 0 8px 8px;
 background: url(images/common/tl.jpg) no-repeat center center;
 font-size: 32px;
 line-height: 120px;
 font-weight: 500;
 text-indent: 14px;
 letter-spacing: 3px;
 margin-bottom: 8px;
 font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
 text-shadow: 0px 0px 4px rgb(51, 51, 51);
 color: rgb(255, 255, 255);
}

/* パンくずリスト */
#breadcrumb {
	margin-bottom: 10px;
	font-size: 12px;
}

/* コンテンツボックス */  
#rightArea .CntsBox {
	margin: 20px 0 0 0;
	padding: 0 0 15px 10px;
}
#rightArea .CntsBox p {
	margin-bottom: 20px;
}


/* ---☆☆☆
 下層ページ見出し
-------------------------- */
#mainConts h2 {
	border-top:1px solid #888;
	border-right:18px double #096bb6;
	border-bottom:1px solid #888;
	border-left:18px double #096bb6;
	padding: 5px 5px 5px 12px;
	background: #5D5D5D;
	background: -moz-linear-gradient(top,  #666,  #252525); /* FireFox */
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#252525));/* Chrome & Safari */
	border-radius: 5px;
	-moz-border-radius: 5px; /* FireFox */
	-webkit-border-radius: 5px;/* Chrome & Safari */
	font-size: 16px;
	color:#DDD;
	margin-top: 10px;
}

#mainConts h3 {
 border-right:2px solid #AAA;
 border-bottom:1px solid #888;
 border-left:14px double #5D5D5D;
 padding: 3px 3px 3px 10px;
 background: #fff;
 background: -moz-linear-gradient(top,  #eee,  #ddd); /* FireFox */
 background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));/* Chrome & Safari */
 border-radius: 3px;
 -moz-border-radius: 3px; /* FireFox */
 -webkit-border-radius: 3px;/* Chrome & Safari */
 font-size: 15px;
 color: #5D5D5D;
 margin-top: 30px;
}

#mainConts h4:after, #mainConts h2:before {
	content: "";
	position: absolute;
	top: 100%;
	height: 0;
	width: 0;
}
#mainConts h4:after {
 left: 41px;
 /* border: 9px solid transparent; */
 border-top: 9px solid #eee;
}
#mainConts h4:before {
	left: 37px; 
	border: 13px solid transparent;
	border-top: 13px solid #1213C2;
}

/* ---☆
 機会詳細情報ページのアイテム
-------------------------- */
/* 登録数＆ページ移動 */
.pegeBox {
	margin-top: 15px;
}
.pegeBox .pegelist {
	float: left;
	font-size: 12px;
	width: 630px;
	padding: 1px 0 0 3px;
}
.pegeBox .regist {
	float: right;
	text-align: center;
	font-size: 12px;
	width: 100px;
	padding: 0 5px;
	border: #096bb6 solid 1px;
}

/* 登録製品写真 */
#rightArea #productPhoto {
	float: left;
	width: 405px;
	line-height: 0;
}
#rightArea #productPhoto #MainImg {
	margin: 0 0 20px 0;
	width: 400px;
}
#rightArea #productPhoto #MainImg a {
  display: block;
  width: 400px;
  height: 300px;
  line-height: 0;
  text-align: center;
}
#rightArea #productPhoto #MainImg img {
 width: 100%;
 height: 300px;
 margin-bottom: 10px;
}
#rightArea #productPhoto #noimage {
	margin: 0 5px 10px 0;
	width: 403px;
	height: 300px;
	line-height: 0;
	background-image: url(images/common/noimage_m.png) ;
	background-repeat: no-repeat;
}

#rightArea #productPhoto .photo {
	float: left;
	margin: 0 5px 10px 0;
	width: 130px;
	line-height: 0;
	position:relative;
}
#rightArea #productPhoto .photo a {
 display: block;
 border: 1px solid #eee;
 /* width: 130px; */
 /* height: 98px; */
 line-height: 0em;
}
#rightArea #productPhoto .photo a:before{
  content:'';
  display:block;
  width:100%;
  height:0;
  padding-bottom:75%;
}
#rightArea #productPhoto .photo img {
 /* width: 130px; */
 /* height: 98px; */
}

#rightArea #productPhoto #MovieArea {
	margin: 0;
	width: 400px;
}
#rightArea #productPhoto #MovieArea .MovieBox {
 position: relative;
 text-align: center;
 margin: 0 5px 0 0;
 width: 400px;
 line-height: 0;
}
#MovieArea .MovieBox .play {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 opacity: 0.9;
}
#MovieArea .MovieBox .play:hover {
	opacity: 0.8;
}
<!-- hover時処理(おまけ) -->
#MovieArea #video {
	-webkit-transition: 0.5s ease-in-out;
}
#MovieArea #video:hover {
 filter:alpha(opacity=80);
 -moz-opacity: 0.8;
 opacity: 0.8;
}

/* 登録製品細目 */
#rightArea #productMemo {
	float: left;
	padding-left: 10px;
	width: 425px;
	background-color: #fff;
}
#rightArea #productMemo table {
	display: table;
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
	width: 425px;
	margin-bottom: 40px;
}
#rightArea #productMemo table th {
	text-align: left;
	width: 7em;
	font-weight: bold;
	padding: 6px 5px;
	color: #13234c;
	background-color: #eee;
	border-top: 1px solid #ccc;
	border-left: 2px solid #096bb6;
	border-rignt: 1px solid #ccc;
	border-bttom: 1px solid #ccc;
}
#rightArea #productMemo table td {
	text-align: left;
	padding: 6px 5px;
	border-top: 1px solid #ccc;
	background-color: #fff;
}
#rightArea #productMemo table .tableTop {
	border-top: none;
}

/* お問い合わせボタン */
.formBtn {
 text-align: center;
 margin: 0 0 20px 0;
}
.button_Org {
 border:1px solid #ff8b33; -webkit-border-radius: 12px; -moz-border-radius: 12px;border-radius: 12px;font-size:23px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline- block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #FFAB6B; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFAB6B), to(#FF4000));
 background-image: -webkit-linear-gradient(top, #FFAB6B, #FF4000);
 background-image: -moz-linear-gradient(top, #FFAB6B, #FF4000);
 background-image: -ms-linear-gradient(top, #FFAB6B, #FF4000);
 background-image: -o-linear-gradient(top, #FFAB6B, #FF4000);
 background-image: linear-gradient(to bottom, #FFAB6B, #FF4000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFAB6B, endColorstr=#FF4000);
}
.button_Org:hover {
 border:1px solid #ff7105;
 background-color: #FFC89E;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#FFC89E), to(#FF6633));
 background-image: -webkit-linear-gradient(top, #FFC89E, #FF6633);
 background-image: -moz-linear-gradient(top, #FFC89E, #FF6633);
 background-image: -ms-linear-gradient(top, #FFC89E, #FF6633);
 background-image: -o-linear-gradient(top, #FFC89E, #FF6633);
 background-image: linear-gradient(to bottom, #FFC89E, #FF6633);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFC89E, endColorstr=#FF6633);
}

/* ページアップ */ 
#rightArea .pegeup {
	font-size: 10px;
	line-height: 1em;
	text-align: center;
	width: 100px;
	margin-top: 30px;
	margin-left: auto;
}
#rightArea .pegeup a {
	display: block;
	color: #0050A0;
	text-decoration: none;
	padding: 5px;
	border: #0050A0 solid 2px;
}
#rightArea .pegeup a:hover {
	color: #007CF9;
	border: #007CF9 solid 2px;
}


/* アイコン処理 */
a.iconVideo {
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0 3px 0 0;
	padding: 2px 5px;
	color: #fff;
	background-color: #1076e8;
	border-radius: 3px;        /* CSS3草案 */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;   /* Firefox用 */  
}

a.iconPdf {
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0 3px 0 0;
	padding: 2px 5px;
	color: #fff;
	background-color: #FF2225;
	border-radius: 3px;        /* CSS3草案 */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;   /* Firefox用 */  
}


a.iconVideo:hover, a.iconPdf:hover{
	text-decoration: none;
	color: #FFEF00;
}

span.iconBye {
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0 3px 0 0;
	padding: 2px 5px;
	color: #fff;
	background-color: #508DFF;
	border-radius: 3px;        /* CSS3草案 */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;   /* Firefox用 */  
}

span.iconOut {
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	line-height: 13px;
	margin: 0 5px 2px 0;
	padding: 4px 5px 1px 5px;
	color: #fff;
	background-color: #DF1619;
	border-radius: 3px;        /* CSS3草案 */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;   /* Firefox用 */  
}

@font-face {
      font-family: 'fontello';
      src: url('font/fontello.eot?15885808');
      src: url('font/fontello.eot?15885808#iefix') format('embedded-opentype'),
           url('font/fontello.woff?15885808') format('woff'),
           url('font/fontello.ttf?15885808') format('truetype'),
           url('font/fontello.svg?15885808#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }
a:before{
 font-family: 'fontello';
 margin:0 3px;
}

/* 内部リンク - Internal Link */
a.ilink:before {
		content: '\6e';
}

/* 外部リンク - External Link */
a.elink:before {
		content: '\e801';
}

/* メールリンク - Email Link */
a.mlink:before {
		content: '\e809';
}

/* PDFファイル - PDF file */
a.pdflink:before {
		content: '\e803';
}

/* ダウンロード - Downloadable File */
a.dlink:before {
		content: '\64';
}


/* --------------------------------
	会社情報ページのアイテム / about.php
-------------------------------- */
.about .AboutUsTxt {
 float: left;
 width: 410px;
}
.about .AboutUsImg {
 float: left;
 width: 340px;
 margin-left: 10px;
}

.about .aisatsu {
	padding: 0 20px 0 0;
	margin-bottom: 15px;
}
.about p#president {
	text-align: right;
	margin-bottom: 20px;
	padding-right: 2px;
}
.about p#president span {
	font-size: 15px;
}

.about .factory {
 line-height: 0;
}
.about .address {
 float: left;
	width: 340px;
}
.about .imgRt {
 float: left;
 width: 355px;
 margin-left: 10px;
}

.about dl.company {
	border-bottom:1px dotted #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background-color: #eee;
	margint: 5px;
}
.about dl.company dt {
	float:left;
	clear: left;
	width: 110px;
	font-weight:bold;
	background-color:#eee;
	border-top:1px dotted #ccc;
	padding: 5px;
}
.about dl.company dd {
	background-color:#ffffff;
	border-top:1px dotted #ccc;
	margin-left: 120px;  
	padding: 5px;
}

.about .us dl.company {
	border-bottom:1px dotted #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background-color: #eee;
	margint: 5px;
}
.about .us dl.company dt {
	float:left;
	clear: left;
	width: 120px;
	font-weight:bold;
	background-color:#eee;
	border-top:1px dotted #ccc;
	padding: 5px;
}
.about .us dl.company dd {
	background-color:#ffffff;
	border-top:1px dotted #ccc;
	margin-left: 130px;  
	padding: 5px;
}


/* --------------------------------
	アクセスのアイテム / access.php
-------------------------------- */
#access .address {
 float: left;
	width: 380px;
}
#access .GoogleStView {
 float: right;
	width: 450px;
	margin-left: 10px;
}



/* --------------------------------
	お取引の流れページのアイテム / flowbuy.php
-------------------------------- */
/* タブデザイン */
#tabNemu {
	margin: 20px 0 0 0; 
	padding: 0;
}
#tabNemu ul {
	margin: 0; 
	padding: 0; 
	list-style: none;
	border-bottom: 2px solid #5D5D5D;
}
#tabNemu li { 
	display: inline-block;
	padding: 0; 
	margin: 0 0 0 0; 
	font-size: 14px;
}
#tabNemu li a {
	display: block; 
 width: 11em;
 margin-top: 0;
	padding: 3px 8px;
	text-decoration: none;
	color: #0050A0;
	text-align: center;
	border-radius: 8px;
	border-radius: 7px 7px 0 0;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
 border-left: 2px solid #5D5D5D;
	border-right: 2px solid #5D5D5D;
	border-top: 2px solid #5D5D5D;
}
.us #tabNemu li a {
 width: 15em;
}
#tabNemu li a:hover {
 color: #007CF9;
 margin-top: 0;
 padding: 3px 8px;
	background-color: #eee;
}
#tabNemu li.on a {
 color: #007CF9;
 margin-top: 0;
 padding: 3px 8px;
	background-color: #eee;
}

.flowstep {
  padding:0;
  margin:0;
}
div.flowstep {
  position: relative;
  background: #f5f5f5;
  padding: 1em;
  margin-bottom: 25px;
}
div.flowstepend {
  position: relative;
  background: #f5f5f5;
  padding: 1em;
  margin-bottom: 25px;
}
div.flowstep:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -20px;
  left: 0;
  border-style: solid;
  border-color: #f5f5f5 transparent transparent transparent;
  border-width: 20px 100px 0 100px;
  z-index: 1;
}

.flowing {
 float:right;
 margin: 0 0 15px 15px;
}
.flowCatchTxt {
 color: #0050A0;
 padding-bottom: 10px;
}
.flowContBox {
 border: 1px solid #BDBDBD;
 margin-bottom: 10px;
 padding: 10px 10px 0 10px;
}
dl.flow {
}
dl.flow dt {
 background: url(images/common/icon.gif) no-repeat  0 0.5em;
	font-weight: bold;
	padding: 0 0 5px 10px;
}
dl.flow dd {
 border-bottom: 1px dashed #D8D8D8;
 background: url(images/flowContentline.gif) repeat;
 padding: 0 10px 5px 10px;
 margin: 0 0 15px 0;
}

.flowing {
 float:right;
 margin: 0 0 15px 15px;
}
.flowCatchTxt {
 color: #0050A0;
 padding-bottom: 10px;
}
.flowContBox {
 border: 1px solid #BDBDBD;
 margin-bottom: 10px;
 padding: 10px 10px 0 10px;
}
dl.flow {
}
dl.flow dt, dl.flowbuy dt {
 background: url(images/common/icon.gif) no-repeat  0 0.5em;
 font-weight: bold;
 padding: 0 0 5px 10px;
}
dl.flow dd {
 border-bottom: 1px dashed #D8D8D8;
 padding: 0 10px 5px 10px;
 margin: 0 0 15px 0;
}
dl.flowbuy dd {
 padding: 0 10px 5px 10px;
 margin: 0 0 0 0;
}

#flow h4 {
color: #0050A0;
font-weight: bold;
}

dl.flowBf {
}
dl.flowBf dt {
 background: url(images/common/icon.gif) no-repeat  0 0.5em;
	font-weight: bold;
	padding: 0 0 0 10px;
}
dl.flowBf dd {
	margin: 0 0 30px 0;  
	padding: 0 0 0 10px;
}
dl.faqlist dt.fst {
	border-top: none;
	padding-top: 0;
}
dl.faqlist dd.fst {
	border-top: none;
	padding-top: 0;
}
dl.faqlist dt.asw {
	border-top: 0;
	border-bottom: none;
	padding: 0 5px 5px 5px;
	color: #F00;
	font-weight: normal;
}
dl.faqlist dd.asw {
	border-top: 0;
	border-bottom: none;
	padding: 0 5px 5px 5px;
	font-weight: normal;
}


/* --------------------------------
	Q&Aページのアイテム / faq.php
-------------------------------- */
dl.faqlist {
 border-bottom:1px dotted #ccc;
}
dl.faqlist dt {
	float:left;
	clear: left;
	width: 35px;
	font-weight: bold;
	border-top: 1px dotted #ccc;
	padding: 15px 5px 0 5px;
	text-align: right;
}
dl.faqlist dd {
	border-top: 1px dotted #ccc;
	margin-left: 45px;  
	padding: 15px 5px 0 5px;
	font-weight: bold;
}
dl.faqlist dt.fst {
	border-top: none;
	padding-top: 0;
}
dl.faqlist dd.fst {
	border-top: none;
	padding-top: 0;
}
dl.faqlist dt.asw {
	border-top: 0;
	border-bottom: none;
	padding: 0 5px 5px 5px;
	background: url(images/common/icon.gif) no-repeat  8px 8px;
	color: #F00;
	font-weight: normal;
}
dl.faqlist dd.asw {
	border-top: 0;
	border-bottom: none;
	padding: 0 5px 5px 5px;
	font-weight: normal;
}



/* --------------------------------
	アクセスページのアイテム / access.php
-------------------------------- */
.GoogleStView a:hover img {
 opacity: 0.6;
 filter: alpha(opacity=60);
}
.gMap {
 margin-top: 15px;
 width: 840px;
 border: solid 1px #CCCCCC;
}


/* --------------------------------
	 お問い合わせページのアイテム / inquiry.html
-------------------------------- */
.assessmentindextest {
 margin: 20px 10px;
}
/* フォーム */
form {
 margin:0;
 padding:0;
}
input {
 vertical-align:middle;
}
.radio-input {
  display: none;
}
.radio-input + label {
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
}
.radio-input + label::before {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
}
.radio-input:checked + label {
  color: #009a9a;
}
.radio-input:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #009a9a;
  border-radius: 50%;
}
.label_list_item {
float: left;
}

label input {
 margin-left: 10px;
}

dl.inguiryform {
margin: 0 0 20px 0;
}
dl.inguiryform dl,dt,dd {
margin: 0;
padding: 0;
}
dl.inguiryform {
 background-color: #eee;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 border-left: 2px solid #a50300;
 width: 100%;
}
dl.inguiryform dt,dd {
 padding: 6px 6px;
}
dl.inguiryform dt {
 border-top: 1px solid #ccc;
 clear: left;
 float: left;
 width: 165px;
 padding: 6px 6px 6px 6px;
}
dl.inguiryform span{
 font-size: 11px;
}
dl.inguiryform dd {
background: #fff;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
margin-left: 175px;
}

dl.inguiryform input.email {
width: 90%;
}
dl.inguiryform textarea {
width: 90%;
}



/* テーブル */  
table#inguiryTable {
 display: table;
 border-collapse: collapse;
 border-top: 1px solid #ccc;
 width: 840px;
}
table#inguiryTable th {
 text-align: left;
 vertical-align: middle;
 width: 15em;
 font-weight: bold;
 line-height: 1.4em;
 padding: 6px 5px;
 color: #13234c;
 background-color: #eee;
 border-left: 2px solid #a50300;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
}
table#inguiryTable th span.hosoku {
 font-weight: normal;
 font-size: 11px;
}
table#inguiryTable td {
 text-align: left;
 vertical-align: middle;
 padding: 6px 5px;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
}
table#inguiryTable td .w60{
 width: 60%;
}
table#inguiryTable td .w100{
 width: 99%;
}
table#inguiryTable .tableTop {
 border-top: none;
}
table#inguiryTable dl {
}
table#inguiryTable dt {  
 padding-top : 10px;
 padding-left : 10px;
 width : 6em;
 line-height: 14px;
 float : left;/* 左に寄せる */
 clear : both;/* フロートの解除 */
}
table#inguiryTable dd{ 
 margin-left: 7.5em;
 padding-top : 5px;
 padding-bottom: 10px;
 line-height: 14px;
}
table#inguiryTable .checkRed {
 font-size: 13px;
 color: red
}



/* 画像キャプチャ */ 
table#inguiryTable #captcha {
 width: 140px;
}

/* お礼 */
#rightArea #orei {
	text-align: center;
	height: 450px;
	padding: 20px 0;
}


/* 確認ボタン */
#rightArea #btn {
	text-align: center;
	margin-bottom: 30px;
}

#submit2 {
	display:block;
	width:100px;
	height:30px;
	padding:0;
	border:0;
	background:urlurl(../images/mailConfirm.gif) no-repeat left top;
	text-indent:-9898px;
	font-size: 0px;
	line-height: 0px;
	cursor:pointer;
}
#submit2:hover,
#submit2:focus {
	background-position:left -34px;
}

#rightArea #btn 	#Confirm a,
#rightArea #btn 	#mailSend a {  
	text-indent: -9999px;
	text-decoration: none;  
	display: block;
	height: 34px; /* リンク領域を広げる */  
	background-repeat: no-repeat;
	background-position: 0 0; /* 表示画像の位置を指定 */  
} 
#Confirm a {
	width: 114px;
	background-image: url(images/inquriry/jp/mailConfirm.gif);
}
#mailSend a {
	width: 114px;
	background-image: url(images/inquriry/jp/mailSend.gif);
}
#btn a:hover {  
	text-decoration: none; 
	background-repeat: no-repeat;  
	background-position: 0 -34px;
}