@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	color:#333333;
	background-color:#fff;
}
/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}*/
body{
	font-size: x-small; /*for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	margin:0;
	padding:0;
	font-size: small; /*for compliant browsers */	
}
html>body { font-size: small; } /* be nice to Opera */

h1{
}
h2, h3, h4, h5 {
}
img{
	border:none;
	margin:0;
	padding:0;
}

#header{
	margin:0;
	padding:0;
}
#header header{
	margin:auto;
	padding:auto;
	background-color:#fff;
}
#header header h1{
	background-color:#fff;
	padding:3px 0;
}
#header header h1 img{
	border:none;
}

/*スマホminiよう縦長*/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	#header header{
		width:100%;
		height:50px;
		padding-bottom:5px;
	}
	#header header h1{
		text-align:center;
		margin:0;
	}
	#header header h1 img{
		width:302px;
		height:50x;
		
	}
	#main .thumblist{/*ページのサムネイル*/
		width:100%;
	}
	#main .thumb_p img{/*ページのサムネイル*/
		151px;
		height:212px;
		border:none;
	}
	/*#main .page img{
		width:600px;
		height:848px;
		border:none;
	}*/
	.box .cella{
		width:100%;
		margin:auto;
		padding:auto;
	}
	.box .cellb{
		width:100%;
		margin:auto;
		padding:auto;
	}
	#detail td.pdctprice img{
		width:90%;
	}
	.pricebar{
		width:90%;
	}
}
/*iPadよう*/
@media only screen and
(min-device-width : 768px) and
(max-device-width : 1024px) {
	#header header{
		width:90%;
		height:70px;
	}
	#header header h1{
		text-align:left;
		margin:10px 0 0 0;
	}
	#header header h1 img{
		width:381px;
		height:63px;
	}
	#main .thumblist{/*ページのサムネイル*/
		width:87%;
		margin:auto;
		padding:auto;
	}
	#main .thumb_p img{/*ページのサムネイル*/
		width:208px;
		height:298px;
		border:none;
	}
	/*#main .page img{
		width:600px;
		height:848px;
		border:none;
	}*/
	/*#detail td.pdctprice img{
		width:auto;
		height:auto;
	}*/
	.pricebar{
		width:100%;
	}
}
/*PCよう*/
@media only screen and
(min-width : 1224px) {
	#header header{
		width:90%;
		height:70px;
	}
	#header header h1{
		text-align:left;
		margin:10px 0 0 0;
	}
	#header header h1 img{
		width:381px;
		height:63px;
	}
	#main .thumblist{/*ページのサムネイル*/
		width:87%;
		margin:auto;
		padding:auto;
	}
	#main .thumb_p img{/*ページのサムネイル*/
		width:100%/*208px;
		height:298px;*/
		border:none;
	}
	/*#main .page img{
		width:600px;
		height:848px;
		border:none;
	}*/
	/*#detail td.pdctprice img{
		width:auto;
		height:auto;
	}*/
	.pricebar{
		width:100%;
	}
}
#header nav{
	margin:0;
	padding:0;
	background: #000000;
	*position: relative;
}
#header nav a {
	display: block;
	/*height:;*/
}

#main{
	width:95%;
	margin:auto;
	padding:auto;
	text-align:center;
	clear:both;
}

footer{
	width:100%;
	height:44px;
	background-color:#000;
}
footer .footer{
	width:95%;
	margin:auto;
	padding:auto;
	position:relative;
	background-color:#000;
}
#Copyright{
	padding-top:3px;
	text-align:center;
	/*text-align:left;
	display:inline;*/
	position:relative;
	margin-top:15px;
	background-color:#000;
	color:#FFFFFF;
}
/*.footer address{
	text-align:left;
	display:inline;
	position:relative;
	margin-top:15px;
	background-color:#000;
	color:#FFFFFF;
}*/


.lft{
	float:left;
}
.rgt{
	float:right;
}
.clear{
	clear:both;
}

.topscroll{
	clear:both;
	text-align:right;
	padding-top:8px;
	font-size:10pt;
	font-weight:bold;
	color:#00459B;
}

.txtleft{
	text-align:left;
}
.txtright{
	text-align:right;
}
.txtcenter{
	text-align:center;
}


/*************
indexs.html
*************/
#main .thumb_p{/*ページのサムネイル*/
	margin:0;
	padding:0;
	float:left;
	text-align:center;
}
#main .page{
	margin:auto;
	padding:auto;
	text-align:center;
	border:none;
}

#content, #detail{
	margin:auto;
	padding:auto;
	font-size:10pt;
}


.box{
	width:100%;
	height:100%;
	margin:0 auto;
	padding:0 auto;
}
/***** 横長 *****/
/** スマホ mini**/
@media only screen
and (min-width : 321px) {
	#content{
		margin:auto;
		padding:auto;
		font-size:10pt;
	}
	caption{
		text-align:left;
	}
	#content td img{
		text-align:center;
		width:100%;
	}
	#content td img.prdctthumb{
		width:40px;
	}
}
/** スマホ **/
@media only screen
and (min-width : 481px) {
	#content{
		margin:auto;
		padding:auto;
		font-size:10pt;
	}
	#content table{
		width:100%;
	}
	caption{
		text-align:left;
	}
	#content td img{
		text-align:center;
		width:100%;
	}
	#content td img.prdctthumb{
		width:40px;
	}
}

/** iPad **/
@media only screen and
(min-device-width : 768px) and
(max-device-width : 1024px) and
(orientation : landscape) {
	.box .cella{
		float:left;
		width:49%;
		margin:auto;
		padding:auto;
	}
	.box .cellb{
		float:right;
		width:49%;
		margin:auto;
		padding:auto;
	}
	#content td img.prdctthumb{
		width:40px;
	}
}
/** PC **/
@media only screen and
(min-width : 1224px) {
	.box .cella{
		float:left;
		width:49%;
		margin:auto;
		padding:auto;
	}
	.box .cellb{
		float:right;
		width:49%;
		margin:auto;
		padding:auto;
	}
	#content td img.prdctthumb{
		width:40px;
	}
}
/***** 縦長 *****/
/** スマホ mini**/
@media only screen
and (max-width : 320px) {
	#content{
		margin:auto;
		padding:auto;
		font-size:10pt;
		text-align:left;
	}
	#content table{
		width:100%;
	}
	caption{
		text-align:left;
	}
	#content td img{
		width:60%;
		text-align:center
	}
	#content td img.prdctthumb{
		width:40px;
	}
}
/** スマホ **/
@media only screen
and (max-width : 480px) {
	#content{
		margin:auto;
		padding:auto;
		font-size:10pt;
		text-align:left;
	}
	caption{
		text-align:left;
	}
	#content td img{
		width:100%;
		text-align:center
	}
	#content td img.prdctthumb{
		width:40px;
	}
}
/** iPad **/
@media only screen and
(min-device-width : 768px) and
(max-device-width : 1024px) and
(orientation : portrait) {
	.box .cella{
		width:100%;
		margin:auto;
		padding:auto;
	}
	.box .cellb{
		width:100%;
		margin:auto;
		padding:auto;
	}
	#content td img.prdctthumb{
		width:40px;
	}
}



/*
****************
list - 一覧ページ
****************
*/

p.caption {
	text-align:left;
	width:100%;
	margin:5px 0 10px 0;
	padding:0;
}

/* 詳細 */
#detail td.pdctimg{
	width:160px;
	text-align:left;
}
#detail td.pdctimg img {
	width:150px;
	border:none;
	margin:0;
	padding:0;
}
#detail table{
	width:100%;
	margin:0;
	padding:0;
}
td.bb{
	width:100%;
}

/* 項目 */
.item{
	/**/border-collapse:collapse;
	empty-cells:show;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}
.item caption{
	width:100%;
	height:33px;/*29px;*/
	margin:0;
	padding:4px 0 0 0;
	background-image:url(../images/bg_caption.png);
	background-repeat:repeat-x;
	/*background-color:#0071BC;
	border-top: solid 1px #999;
	border-bottom: solid 1px #3a3a3a;*/
}
.item caption h1{
	vertical-align:top;
	text-align:left;
	font-weight: bold;
	letter-spacing: 0.3em;
	padding:0;
	margin:0 0 0 5px;
	font-size:large;
	color:#fff;
	display:inline;
	/*background-color:#0071BC;*/
	background-image:url(../images/bg_caption.png);
	background-repeat:repeat-x;
	border:none;
}
img.sort{
	width:90px;
	height:29px;
	position:relative;
	top:-2px;
	margin:0 3px 0 0;
	padding:0 0 0 0;
	cursor: pointer;
	border:none;
	display:inline;
	/*background-color:#0071BC;*/
	background-image:url(../images/bg_caption.png);
	background-repeat:repeat-x;
}
.item tr{
	border-bottom: solid 1px #0071BC;
	-moz-user-select: none;
	-khtml-user-select: none;
}
.item tr.infocus {
	background-color:#FFCC00;/*#dfdfdf;*/
	cursor: pointer;
}
.item tr.notinfocus {
	background-color:#fff;
}
.item tr.selected{
	color:#fc0;
} 
.item .thumb {
	text-align:left;
	margin:3px 0 3px 10px;
	padding:0;
}

.itema{
	text-align:left;
	vertical-align:top;
	margin:0 10px 0 5px;
	font-weight:bold;
}
.itemb{
	text-align:right;
	vertical-align:bottom;
	margin:0 10px 0 0;
}

.items p{
	font-size:10pt;
	line-height:150%;
}

/*.floatingHeader {
	position: fixed;
	top: 0;
	visibility: hidden;
}*/

.odd{
	background-color:#EFEFEF;
}
.even{
	background-color:#FFFFCC;
}
.hover{
	background-color:#FFCCCC;
	cursor:pointer;
}
.rowSelected { color: #fc0; }
.select {
	color: #B1B1BC;
	background-color:  #131313;
	border: 1px solid #b1b1bc;
}