/* PC用 */
@media screen and (min-width: 767px) {
	@charset "utf-8";
	body{
		margin: 0px;
		padding:0px;
		/*background-color: #efefef;*/
		/*background-image: url(../image/back.jpg);*/
		font-size:14px;
		line-height:130%;
		font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	}
	
	div {
		margin: 0px;
		padding: 0px;
		border: none;
	}
	
	#logo-image {
		width: 100%;
	}

	#name-image {
		width: auto;
	}

	#top-image {
		width: 1100px;
		height: 309px;
	}

	#mainBox {
		width: 1100px;
		margin: 0 auto; /* ���� */
	}
	
	#headerBox {
		width: 100%;
		height: 85px;
	}
	
	#menuBox {
		width: auto;
	/*	clear: both; */
	}
	
	#contentsBox {
		width: 100%;
		margin-top: 10px;
		margin-left: 5px;
		font-size: 14px;
	
	}
	
	#leftContentsBox {
	
		width: 740px;
		float: left;
	}
	
	#rightContentsBox{
		margin-left: 5px;
	/*	border: 1px solid gray; */
		width: 350px;
		float: right;
	}
	
	#footerBox {
		width: 100%;
	
	}
	
	
	h3.title {
		border-bottom:1px solid #999999;
		border-left:6px solid #ff6600;
		line-height:150%;
		padding-left:8px;
	
	
	}
	
	table.borderOn{
		border: 1px solid;
		border-collapse: collapse;
	}
	
	
	table.borderOn td{
		border: 1px solid;
		border-collapse: collapse;
		padding: 5px;
	}
	
	div.item {
		padding-left: 10px;
	}
	
	.index-cue-box {
		width: 650px;
	}
	
	.index-cue-maker {
		font-weight: bold;
		width:120px;
		float: left;
		margin: 0px;
		padding: 0px;
	}
	
	.index-cue-name {
		font-weight: bold;
		width:180px;
		float: left;
		margin: 0px;
		padding: 0px;
	}
	
	.index-cue-price {
		text-align: left;
		width:350px;
		float: right;
		margin: 0px;
		padding: 0px;
	}
	
	#breadcrumb li{
		display: inline;
	}
	
	.error-message{
		color: red;
		font-weight: bold;
		
	}
}

/* スマホ用 */
@media screen and (max-width: 479px) {
	@charset "utf-8";
	body{
		margin: 0px;
		padding:0px;
		/*background-color: #efefef;*/
		/*background-image: url(../image/back.jpg);*/
		font-size:14px;
		line-height:130%;
		font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	}
	
	div {
		margin: 0px;
		padding: 0px;
		border: none;
	}
	
	#logo-image {
		width: 100px;
	}

	#name-image {
		width: 150px;
	}
	
	#top-image {
		width: 100%;
		height: auto;
	}
	
	#mainBox {
		width: 98%;
		margin: 0 auto; /* ���� */
	}
	
	#headerBox {
		width: 98%;
		height: 55px;
	}
	
	#menuBox {
		width: 100%;
	/*	clear: both; */
	}
	
	#contentsBox {
		width: 100%;
		margin-top: 10px;
		margin-left: 5px;
		font-size: 14px;
	
	}
	
	#leftContentsBox {
	
		width: auto;
		float: none;
	}
	
	#rightContentsBox{
		margin-left: 5px;
	/*	border: 1px solid gray; */
		width: auto;
		float: none;
	}
	
	#footerBox {
		width: 100%;
	
	}
	
	
	h3.title {
		border-bottom:1px solid #999999;
		border-left:6px solid #ff6600;
		line-height:150%;
		padding-left:8px;
	
	
	}
	
	table.borderOn{
		border: 1px solid;
		border-collapse: collapse;
	}
	
	
	table.borderOn td{
		border: 1px solid;
		border-collapse: collapse;
		padding: 5px;
	}
	
	div.item {
		padding-left: 10px;
	}
	
	.index-cue-box {
		width: 450px;
	}
	
	.index-cue-maker {
		font-weight: bold;
		/* width:120px; */
		width:70px;
		float: left;
		margin: 0px;
		padding: 0px;
	}
	
	.index-cue-name {
		font-weight: bold;
		/* width:180px; */
		width:130px;
		float: left;
		margin: 0px;
		padding: 0px;
	}
	
	.index-cue-price {
		text-align: left;
		width:250px;
		float: right;
		margin: 0px;
		padding: 0px;
	}
	
	#breadcrumb li{
		display: inline;
	}
	
	.error-message{
		color: red;
		font-weight: bold;
		
	}
}