/*------------------------------------*
Tool
*------------------------------------*/
.clear { clear:both; }
.hide { display:none; }
.txtU { text-decoration:underline; }
.txtN { text-decoration:none; }
.bdI { border:0px; }
.bdIL { border:1px solid #CCC; }
.bdL { border:0px; cursor:pointer; }
.bdL:hover { border:0px; cursor:pointer; opacity:0.7; }
.bdB0 { border-bottom:0px !important; }

/*------------------------------------*
Float
*------------------------------------*/
.flL { float:left; }
.flR { float:right; }

/*------------------------------------*
Font
*------------------------------------*/
.fwN { font-weight:normal; }
.fwB { font-weight:bold; }

/*------------------------------------*
Text Align & Verticle Align
*------------------------------------*/
.txtL { text-align:left !important; }
.txtC { text-align:center !important; }
.txtR { text-align:right !important; }
.vaT { vertical-align:top !important; }
.vaM { vertical-align:middle !important; }
.vaB { vertical-align:bottom !important; }

/*------------------------------------*
Margin
*------------------------------------*/
.mt0 { margin-top:0px !important; }
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt12 { margin-top:12px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt45 { margin-top:45px !important; }
.mt50 { margin-top:50px !important; }
.mb0 { margin-bottom:0px !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb45 { margin-bottom:45px !important; }
.mb50 { margin-bottom:50px !important; }
.ml0 { margin-left:0px !important; }
.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }
.ml35 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }
.ml45 { margin-left:45px !important; }
.ml50 { margin-left:50px !important; }
.mr0 { margin-right:0px !important; }
.mr5 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }
.mr35 { margin-right:35px !important; }
.mr40 { margin-right:40px !important; }
.mr45 { margin-right:45px !important; }
.mr50 { margin-right:50px !important; }

/*------------------------------------*
Padding
*------------------------------------*/
.pt0 { padding-top:0px !important; }
.pt5 { padding-top:5px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }
.pt45 { padding-top:45px !important; }
.pt50 { padding-top:50px !important; }
.pb0 { padding-bottom:0px !important; }
.pb5 { padding-bottom:5px !important; }
.pb10 { padding-bottom:10px !important; }
.pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; }
.pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; }
.pb35 { padding-bottom:35px !important; }
.pb40 { padding-bottom:40px !important; }
.pb45 { padding-bottom:45px !important; }
.pb50 { padding-bottom:50px !important; }
.pl0 { padding-left:0px !important; }
.pl5 { padding-left:5px !important; }
.pl10 { padding-left:10px !important; }
.pl15 { padding-left:15px !important; }
.pl20 { padding-left:20px !important; }
.pl25 { padding-left:25px !important; }
.pl30 { padding-left:30px !important; }
.pl35 { padding-left:35px !important; }
.pl40 { padding-left:40px !important; }
.pl45 { padding-left:45px !important; }
.pl50 { padding-left:50px !important; }
.pr0 { padding-right:0px !important; }
.pr5 { padding-right:5px !important; }
.pr10 { padding-right:10px !important; }
.pr15 { padding-right:15px !important; }
.pr20 { padding-right:20px !important; }
.pr25 { padding-right:25px !important; }
.pr30 { padding-right:30px !important; }
.pr35 { padding-right:35px !important; }
.pr40 { padding-right:40px !important; }
.pr45 { padding-right:45px !important; }
.pr50 { padding-right:50px !important; }
/*------------------------------------*
Font type
*------------------------------------*/
.ft1 {
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}
/*------------------------------------*
Font size
*------------------------------------*/
.fs10 { font-size: 10px !important; }
.fs12 { font-size: 12px !important; }
.fs14 { font-size: 14px !important; }
.fs16 { font-size: 16px !important; }
.fs18 { font-size: 18px !important; }
.fs20 { font-size: 20px !important; }
.fs22 { font-size: 22px !important; }
.fs40 { font-size: 40px !important; }
/*------------------------------------*
Font color
*------------------------------------*/
.fc1 { color: #000000 !important; }
.fc2 { color: #ffffff !important; }
.fc3 { color: #ff0000 !important; }
.fc4 { color: #f5006e !important; }
.fc5 { color: #69505b !important; }
.fc6 { color: #dde809 !important; }
.fc7 { color: #f9a425 !important; }
.fc8 { color: #2f7cff !important; }
.fc9 { color: #bea939 !important; }
.fc10 { color: #0fbf00 !important; }
/*------------------------------------*
PAGE TOP ICON
*------------------------------------*/
#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}

#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 0 0 8px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #54d1b3;
  color: #d2fffe;
  font-weight: bold;
  text-decoration: none;
	vertical-align:bottom;
  text-align: justify;
}

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
/*------------------------------------*
google map
*------------------------------------*/
.ggmap_left {
	float:left;
	width:340px;
	height:100%;
}
.ggmap_right {
	float:left;
	width:300px;
	height:100%;
}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
float: right;
top: 0;
right: 0;
width: 200px;
height: 200px;
}
/*------------------------------------*
link Setting
*------------------------------------*/
a.white:link {
text-decoration: none;
color : #ffffff;
}
a.white:visited {
text-decoration: none;
color : #ffffff;
}
a.white:active {
text-decoration: none;
color : #ffffff;
}
a.white:hover {
text-decoration: none;
color : #ffed04;
}
/*------------------------------------*
Search Box
*------------------------------------*/
dl.search1{
	text-align: center;
	position:relative;
	background-color:#fff;
	border:1px solid #111111;
	border-radius:6px;
}
dl.search1 dt{
	padding:3px;
}
dl.search1 dt input{
	width:100%;
	height:20px;
	line-height:30px;
	background:none;
	border:none;
}
dl.search1 dd{
	position:absolute;
	top:1px;
	right:1px;
	width:30%;
}
dl.search1 dd button{
	display:block;
	background:#2b5087;
	width:100%;
	height:26px;
	line-height:20px;
	border:none;
	border-radius: 0 6px 6px 0;
}
dl.search1 dd button:hover {
	background:#3462a6;
}
dl.search1 dd button span{
	display:block;
	color:#FFF;
}
/*------------------------------------*
Table
*------------------------------------*/
@media screen and (min-width: 730px) { /* big */
	.table1{
			width: 60%;
			border: none;
			overflow: hidden;
		}
		.table1 tr{
		}
		.table1 th{
		}
		.table1 td{
		}
		.table1_1{/*商品番号*/
			width: 20px;
	}
}
@media screen and (max-width: 729px) { /* mini */
	.table1{
			width: 60%;
			border: none;
		}
		.table1 tr{
		}
		.table1 th{
		}
		.table1 td{
		}
		.table1_1{/*商品番号*/
			width: 20px;
	}
}
/*------------------------------------*
Table2
*------------------------------------*/
/*------------------------------------*
		テーブル３
*------------------------------------*/
/*** レスポンシブテーブルデザイン ***/
.shokai{
  width: 80%;
  border: 2px solid #d6ceb4;
	border-radius: 4px;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
}

.shokai th{
  padding: 6px 8px 5px;
  border-top: solid 1px #ffffff;
  width: 30%;
  overflow: hidden;
  color: #13131e;
  text-align: left;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: top;
  background-color: #fff3c3;
}

.shokai td{
padding: 5px 10px;
text-align: left;
vertical-align: top;
color: #595960;
background-color: #ffffff;
border-top: dotted 1px #e0dccc;
overflow: hidden;
word-break: break-all;
word-wrap: break-word;
}

@media (max-width: 729px){
	.shokai{
	  width: 100%;
	  border: 2px solid #d6ceb4;
		border-radius: 4px;
	  overflow: hidden;
	  word-break: break-all;
	  word-wrap: break-word;
	}
.shokai th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
  border-radius: 3px;
}
.shokai td{
  display: list-item;
  width: 100%;
  border-top: none !important;
}
}/* end */

/*------------------------------------*
table 2
*------------------------------------*/
.table3 {
  border: 2px solid #e67d49;
  border-collapse: collapse;
	border-radius: 3px 3px 3px 3px;
  margin: 0;
  padding: 0;
  width: 90%;
  table-layout: fixed;
}
.table3 tr {
  border: 1px solid #e67d49;
}
.table3 th {
  border: 1px solid #e67d49;
	background: #ffa011;
}
.table3 td {
  text-align: left;
	border: 1px solid #e67d49;
}
	/*------------------------------------*
	navi test
	*------------------------------------*/
	/*------------------------------------*
		プルダウンメニュー
	*------------------------------------*/
	/* -------------------- */
	/* ▼メニューバーの装飾 */
	/* -------------------- */
			ul.ddmenu {
				text-align: center;
				margin: 0px;					/* メニューバー外側の余白(ゼロ) */
				padding: 0px 0px 0px 4px;		/* メニューバー内側の余白(左に15px) */
				background-color: #222222;		/* バーの背景色(濃い赤色) */
			}

	/* -------------------------- */
	/* ▼メインメニュー項目の装飾 */
	/* -------------------------- */
			ul.ddmenu li {
				width: 120px;			/* メニュー項目の横幅(125px) */
				display: inline-block;	/* ★横並びに配置する */
				list-style-type: none;	/* ★リストの先頭記号を消す */
				position: relative;		/* ★サブメニュー表示の基準位置にする */
			}
			ul.ddmenu a {
				background-color: #222222;	/* メニュー項目の背景色(濃い赤色) */
				color: white;				/* メニュー項目の文字色(白色) */
				line-height: 40px;			/* メニュー項目のリンクの高さ(40px) */
				text-align: center;			/* メインメニューの文字列の配置(中央寄せ) */
				text-decoration: none;		/* メニュー項目の装飾(下線を消す) */
				font-weight: bold;			/* 太字にする */
				display: block;				/* ★項目内全域をリンク可能にする */
			}
			ul.ddmenu a:hover {
				background-color: #545245;	/* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
				color: #ffffff;				/* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
			}

			/* -------------------- */
			/* ▼サブメニューの装飾 */
			/* -------------------- */
			ul.ddmenu ul {
				margin: 0px;			/* ★サブメニュー外側の余白(ゼロ) */
				padding: 0px;			/* ★サブメニュー内側の余白(ゼロ) */
				display: none;			/* ★標準では非表示にする */
				position: absolute;		/* ★絶対配置にする */
			}

			/* ------------------------ */
			/* ▼サブメニュー項目の装飾 */
			/* ------------------------ */
			ul.ddmenu ul li {
				width: 135px;					/* サブメニュー1項目の横幅(135px) */
				border-top: 1px solid pink;		/* 項目上側の枠線(ピンク色で1pxの実線) */
			}
			ul.ddmenu ul li a {
				line-height: 35px;		/* サブメニュー1項目の高さ(35px) */
				text-align: left;		/* 文字列の配置(左寄せ) */
				padding-left: 5px;		/* 文字列前方の余白(5px) */
				font-weight: normal;	/* 太字にはしない */
			}
			ul.ddmenu ul li a:hover {
				background-color: #ffff80;	/* サブメニュー項目にマウスが載ったときの背景色(淡い黄色) */
				color: #005500;				/* サブメニュー項目にマウスが載ったときの文字色(濃い緑色) */
			}

			/* -------------------------------------------------------- */
			/* ▼サブメニューの内側にあるサブメニュー(孫メニュー)の装飾 */	/* ※サブメニューの中のサブメニューは「下」ではなく「横(右)」に表示します。 */
			/* -------------------------------------------------------- */
			ul.ddmenu ul ul {
				margin: 0px;			/* ★サブメニュー外側の余白(ゼロ) */
				padding: 0px;			/* ★サブメニュー内側の余白(ゼロ) */
				display: none;			/* ★標準では非表示にする */
				position: absolute;		/* ★絶対配置にする */
				top: -1px;				/* 1pxだけ上方向にずらす(※上に1pxの枠線を引いている場合) */
				left: 100%;				/* ★基準位置からの距離を親ボックスの幅100％にする */
				border-left: 1px solid pink;	/* 左側に引く枠線(ピンク色で1pxの実線) */
			}

			.circle {
				display: inline-block;
				width: 50px;
				height: 50px;
				background: #67A6EB;
				-moz-border-radius: 50px;
				-webkit-border-radius: 50px;
				-o-border-radius: 50px;
				-ms-border-radius: 50px;
				border-radius: 50px;
			}
/*------------------------------------*
Button1
*------------------------------------*/
button.css3button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#42aaff 0%,
		#003366);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#42aaff),
		to(#003366));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #003366;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
}


#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}



#pageTop i {
  padding-top: 6px
}



#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 0 0 8px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #9FD6D2;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
}



#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}