/*frf goods style*/
span.nowrap{
  display:inline-block;
}
/*-------------------------------------------
LINK
-------------------------------------------*/
#index #shop01 a,
#index #shop02 a,
#index #shop03 a,
#index #shop04 a,
#index #shop05 a,
#nav00 li a,
#nav00Footer li a{
	padding-left: 15px;
	color: #fff;
	text-decoration: none;
	background: url(../img/arrow_01_01.gif) no-repeat 0px 1px;
}
#nav01 li.utilityLink a{
	padding-left: 15px;
	color: #fff;
	text-decoration: none;
	background: url(../img/arrow_01_01.gif) no-repeat 0px 6px;
}
#index #shop01 a:hover,
#index #shop02 a:hover,
#index #shop03 a:hover,
#index #shop04 a:hover,
#index #shop05 a:hover,
#nav00 li a:hover,
#nav00Footer li a:hover{
	background: url(../img/arrow_01_01.gif) no-repeat 2px 1px;
}
#nav01 li.utilityLink a:hover{
	background: url(../img/arrow_01_01.gif) no-repeat 2px 6px;
}

#nav01 li a{
	color: #fff;
	text-decoration: none;
}
#nav01 li a:hover{
	color: #f8fb03;
}

.togor a{
	padding-left: 15px;
	color: #D31919;
	text-decoration: none;
	font-weight: bold;
	font-size: 80%;
	background: url(../img/arrow_01_02.gif) no-repeat;
}
.togor a:hover{
	background: url(../img/arrow_01_02.gif) no-repeat 2px 0;
}


#navTab li a,
#navTab02 li a{
	color: #fff;
	border: 5px solid #fff;
	text-decoration: none;
}

#shop01 #navTab li a,
#shop01 #navTab02 li a{
	background: #0c2b88;
}
#shop02 #navTab li a,
#shop02 #navTab02 li a{
	background: #019C00;
}
#shop03 #navTab li a,
#shop03 #navTab02 li a{
	background: #3abab3;
}
#shop04 #navTab li a,
#shop04 #navTab02 li a{
	background: #be1e1e;
}
#shop05 #navTab li a,
#shop05 #navTab02 li a{
	background: #9750b1;
}
#navTab li.on a,
#navTab02 li.on a{
	background: #fff !important;
}

#shop01 #navTab li a:hover,
#shop02 #navTab li a:hover,
#shop03 #navTab li a:hover,
#shop04 #navTab li a:hover,
#shop05 #navTab li a:hover,
#shop01 #navTab02 li a:hover,
#shop02 #navTab02 li a:hover,
#shop03 #navTab02 li a:hover,
#shop04 #navTab02 li a:hover,
#shop05 #navTab02 li a:hover{
	background: #fff;
}

#shop01 #navTab li a:hover,
#shop01 #navTab02 li a:hover{
	color: #0c2b88;
}
#shop02 #navTab li a:hover,
#shop02 #navTab02 li a:hover{
	color: #019C00;
}
#shop03 #navTab li a:hover,
#shop03 #navTab02 li a:hover{
	color: #3abab3;
}
#shop04 #navTab li a:hover,
#shop04 #navTab02 li a:hover{
	color: #be1e1e;
}
#shop05 #navTab li a:hover,
#shop05 #navTab02 li a:hover{
	color: #9750b1;
}

#shop01 #navTab li.on a,
#shop01 #navTab02 li.on a{
	color: #0c2b88;
}
#shop02 #navTab li.on a,
#shop02 #navTab02 li.on a{
	color: #019C00;
}
#shop03 #navTab li.on a,
#shop03 #navTab02 li.on a{
	color: #3abab3;
}
#shop04 #navTab li.on a,
#shop04 #navTab02 li.on a{
	color: #be1e1e;
}
#shop05 #navTab li.on a,
#shop05 #navTab02 li.on a{
	color: #9750b1;
}

.itemSpecTitle{
	margin: 0 0.2em 0 0;
	color: #5a5a5a;
	font-weight: bold;
}
.itemSpec{
	margin: 0 0.5em 0 0;
}

/*-------------------------------------------
FRAME COLOR
-------------------------------------------*/
#header,
#nav00Footer{
	background: #eb9b00;
}

#information{
	background: #fff;
}

#information h2{
	background: #eb9b00;
	color: #fff;
}
#index #shop01,
#index #shop02,
#index #shop03,
#index #shop04,
#index #shop05,
.flexGRID #shopName{
	color: #fff;
}
#nav01 li.shop01{
	background: #0c2b88;
}
#nav01 li.shop02{
	background: #019C00;
}
#nav01 li.shop03{
	background: #3abab3;
}
#nav01 li.shop04{
	background: #be1e1e;
}
#nav01 li.shop05{
	background: #9750b1;
}
#index #shop01,
#shop01 #shopName{
	background: #0c2b88;
}
#index #shop02,
#shop02 #shopName{
	background: #019C00;
}
#index #shop03,
#shop03 #shopName{
	background: #3abab3;
}
#index #shop04,
#shop04 #shopName{
	background: #be1e1e;
}
#index #shop05,
#shop05 #shopName{
	background: #9750b1;
}

#shopName p.lead{
	padding: 20px;
}
#shop01 .categoryName{
	color: #0c2b88;
}
#shop02 .categoryName{
	color: #019C00;
}
#shop03 .categoryName{
	color: #3abab3;
}
#shop04 .categoryName{
	color: #be1e1e;
}
#shop05 .categoryName{
	color: #9750b1;
}


#shop01 .flexGRID h3{
	border-bottom: dotted 1px #0c2b88;
}
#shop02 .flexGRID h3{
	border-bottom: dotted 1px #019C00;
}
#shop03 .flexGRID h3{
	border-bottom: dotted 1px #3abab3;
}
#shop04 .flexGRID h3{
	border-bottom: dotted 1px #be1e1e;
}
#shop05 .flexGRID h3{
	border-bottom: dotted 1px #9750b1;
}

#shop01 h4{
	background: #eee;
	border-bottom: 1px solid #dedede;
	border-top: 10px solid #0c2b88;

}
#shop02 h4{
	background: #eee;
	border-bottom: 1px solid #dedede;
	border-top: 10px solid #019C00;
}
#shop03 h4{
	background: #eee;
	border-bottom: 1px solid #dedede;
	border-top: 10px solid #3abab3;
}
#shop04 h4{
	background: #eee;
	border-bottom: 1px solid #dedede;
	border-top: 10px solid #be1e1e;
}
#shop05 h4{
	background: #eee;
	border-bottom: 1px solid #dedede;
	border-top: 10px solid #9750b1;
}
#shop02 .artistGoodsName{
	border-left: 5px solid #019C00;
	color: #019C00;
}
#shop03 .artistGoodsName{
	border-left: 5px solid #3abab3;
	color: #3abab3;
}

#footer{
	background: #f8d082;
}

/*-------------------------------------------
FRAME LAYOUT
-------------------------------------------*/
#header{
	width: 100%;;
	position:fixed;
	left:left;
	top:0;
	z-index: 1;
}

#index #header{
	position: relative;
}
#index h1{
	float: none;
	width: 100%;
	padding: 0;
	text-align: center;
}

h1{
	text-align: center;
}
h1 img{
	max-width: 100%;
	height: auto;
}

#nav00{
	display: none;
}
@media (min-width: 768px) {
	h1{
		float: left;
		width: 50%;
		padding: 0 15px;
		text-align: left;
	}

	#nav00{
		display: block;
		float: right;
		width: 40%;
		padding: 3px 10px;
	}

	#nav00 ul,
	#nav00 ul li{
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#nav00 ul li{
		display: inline;
		float: right;
		margin-top: 10px;
		margin-left: 2em;
		font-size: 75%;
	}
}

#nav01 li{
	font-size: 90%;
}
#nav01 li.shop05{
	font-size: 100%;
}
@media (min-width: 768px) {
	#nav01 li.shop05{
		font-size: 65%;
	}
	#nav01 li.shop05 span{
		display: block;
	}
}

#nav01 li a{
	display: block;
}

#nav01 .opened li{
	padding: 5px 1em;
	font-size: 80%;
}

#nav01 .opened li.utilityLink{
	display: inline-block;
	width: auto;
	padding-left: 1em;
	font-size: 80%;
}

@media (min-width: 768px) {
	#nav01{
		clear: both;
		position:relative;
		line-height: 1.5;
	}

	#nav01 ul,
	#nav01 ul li{
		margin: 0;
		padding: 0;
		list-style: none;
		height: 23px;
	}

	#nav01 ul li{
		float: left;
		width: 18%;
		padding: 7px 1%;
		text-align: center;
		/*font-weight: bold;*/
	}

	#nav01 .utilityLink{
		display: none;
	}
}

#information{
	margin: 0 auto;
}

#information h2{
	max-width: 1000px;
	margin: 0 auto 10px;
	padding: 0 0.5em;
	font-weight: bold;
	font-size: 15px;
}
#index .shop ul{
	border-top: 2px dotted #fff;
	margin-top: 20px;
	padding-top: 5px;
}

#shopInfo{
	padding-top: 100px;
}
#shopName{
	padding: 10px 2% 0;
}
.flexGRID h2 {
	font-size: 24px;
	border-radius: 5px;
	font-weight: bold;
}
.shop{
	text-align: center;	
}

.shop h2{
	margin-bottom: 5px;
	font-size: 18px;
	line-height: 1.2;
	font-weight: bold;
}


#navTab ul,
#navTab ul li,
#navTab02 ul,
#navTab02 ul li{
	margin: 0;
	padding: 0;
	list-style: none;
}

#navTab ul li{
	float: left;
	text-align: center;
	font-weight: bold;
}
#navTab02 ul li{
	float: right;
	text-align: center;
	font-weight: bold;
}
#navTab ul li a,
#navTab02 ul li a{
	padding: 10px;
}

.categoryName h3 {
	margin: 20px 0 10px;
	padding: 0 0 5px;
	font-size: 32px;
}
.categoryName .lead{
	padding: 0 2%;
}

/*h4{
	margin-bottom: 10px;
	padding-left: 5px;
	font-size: 23px;
}
*/

h4{
	margin-bottom: 10px;
	padding: 5px;
	font-size: 23px;
}

.togor{
	text-align: right;
}

.artistGoodsName{
	display: block;
	margin-top: 20px;
	padding-left: 5px;
	font-weight: bold;
}

#footer{
	margin: 30px 0;
	text-align: right;
}
#nav00Footer{
	padding: 10px 0;
}
#nav00Footer ul,
#nav00Footer ul li{
	list-style: none;
}
#nav00Footer ul li{
	display: inline;
	float: left;
	margin-left: 10px;
	font-size: 80%;
}
#copyright{
	text-align: right;
	font-size: 60%;
	background: none;
}

/* #Media Queries
================================================== */

  /* Smaller than standard 960 (devices and browsers) */
  @media only screen and (max-width: 959px) {}

  /* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 768px) and (max-width: 959px) {}

  /* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 767px) {
  }

  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (min-width: 480px) and (max-width: 767px) {
  }

  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {
  }