* {padding:0;
    margin-left: 0;
    margin-right: 0;
} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
html, body {
	height: 100%;
	font-family: "ＭＳ ゴシック", "Courier New", monospace;
	font-size: 10pt;
	color: #000000;
}
#wrap 
{
	margin:0 auto 0 auto;
	min-height:100%;
	/*height:100%;*/
	width:100%;
	background-image:url("../img/b003.gif");
	background-repeat:repeat;
}
#main 
{
	width:700px;
	min-height:100%;
	height:100%;
	overflow:auto;
	margin-left:auto;
	margin-right:auto;
	padding-bottom: 60px;  /* must be same height as the footer */
	/*background-color:#f5f5f5;*/
	background-image:url('../img/b003.gif');
	position: relative;
    top: 0px;
    left: 0px;
}
#header 
{
    width:100%;
    background-image:url("../img/head.gif");
	background-repeat:repeat-x;
	line-height:1.2;
	padding-top:65px;
	color:White;
	font-weight:bold;
}
#footer 
{
    /*position: absolute;*/
	position: relative;
	width:100%;
	overflow-x:hidden;
	margin-top: -60px; /* negative value of footer height */
	height: 60px;
	line-height:15px;
	font-weight:bold;
	text-align:right;
	font-size:small;
	color:#fffacd;
	clear:both;
} 

#boxWrap 
{
	 width:700px;
	 margin-left:auto;
	 margin-right:auto;
     height:100%;
     min-height:100%;
	 background-color:#f5f5f5;
	 overflow-x:hidden;
 
}
#boxBottom {
	 width:100%;
	 height:35px;
	 float:letf;
	 padding-left:10px;
	 background-image:url("../img/weed.gif");
	 background-repeat:repeat-x;
	 clear:left;
}

div.boxFooter {
	 background-color: #88b81a;
	 height:15px;
	 line-height:15px;
	 width:100%;
	 float:right;
	 text-align:right;
	 padding-right:20px;
	 padding-bottom:10px;
	 color:White;
	 overflow:hidden;
}
div.boxContent {
	 width:660px;
	 margin-left:auto;
	 margin-right:auto;
	 background-color: #f5f5f5;
	 padding:25px 15px 30px 15px;
	 margin-top:20px;
	 margin-bottom:20px;
	 position:relative;
	 border:solid 1px #d3d3d3;
	 border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  

}
.panelBook {
	 width:660px;
	 margin-left:auto;
	 margin-right:auto;
	 margin-top:10px;
	 min-height:100%;
    /*font-weight: 700;*/
}

/* --- clearfix --- */
.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearFix {
	min-height: 1px;
}

div.boxLeft {
	 margin-left:auto;
	 line-height:1.5;
	 text-align:left;
	 float:left;
	 padding-left:20px;
}
div.leftPublisherStore 
{
	height:45px;
	/*line-height:45px;*/
	float:left;
	display:table-cell;
	top:-15px;
	position:absolute;
	/*border:solid 5px orange;*/

}
div.leftPublisherSales 
{
	float:left;
	display:table-cell;
	/*border:solid 5px orange;*/
}
span.labelPublisher
{
    background-color:Orange;
    font-weight:bold;
    padding:3px;
    margin-right:3px;
}
div.boxButton 
{
    padding-top:20px;
    text-align:center;
}
div.boxFlow 
{
    padding-top:5px;
    text-align:center;
    padding-bottom:5px;
}
div.boxRight {
	 float:right;
	 text-align:right;
}
div.loginWrap
{
    position: relative;
    height:25px;
}
div.loginLink
{
   	 float:right;
	 text-align:right;
	 padding-top:10px;
}
#boxError {
	 width:300px;
	 padding-left:10px;
	 border:double 3px red;
	 margin-left:auto;
	 margin-right:auto;
}
a:link{
  color:#0080FF;
  text-decoration:none;
}
a:visited {
  color:#0080FF;
  text-decoration:none;
}
a:hover{
  color:red;
  text-decoration:none;
}
a:active {
  color:red;
  text-decoration:none;
}
table.tblLogo
{
     table-layout:fixed;
     vertical-align:middle;
}
td.tdLogo1
{
    width:80px;
    padding: 5px 5px 5px 5px;
}
td.tdLogo2
{
    width:250px;
    vertical-align:middle;
    /*padding-left:5px;*/
}
td.tdLogo3
{
    width:100px;
    vertical-align:middle;
    /*padding-left:5px;*/
}

/*書籍 STR*/
table.tblBook{
	 width:100%;
	 border:solid 1px #dcdcdc;
	 border-collapse: collapse;
	 table-layout:fixed;
 }
  td.tdBookImg
 {
 	 width:70px;
 	 padding: 5px 5px 5px 5px;
	 line-height:1.5;
	 vertical-align:middle;
	 text-align:center;
	 font-weight:bold;
	 color:#191970;
	 border:solid 1px #dcdcdc;
	 background-color:#e0ffff;
}
 td.tdBook1
{
     width:60px;
	 line-height:1.5;
	 vertical-align:middle;
	 padding: 5px 10px 5px 10px;
	 font-weight:bold;
	 color:#191970;
	 border:solid 1px #dcdcdc;
	 background-color:#e0ffff;
}
td.tdBook2
{
     height:20px;
	 vertical-align:middle;
	 padding: 5px 10px 5px 10px;
	 border:solid 1px #dcdcdc;
	 background-color:#ffffff;
}
td.tdBookBtn
{
     width:132px;
	 /*text-align:center;*/
	 padding-left:2px;
	 vertical-align:middle;
	 border:solid 1px #dcdcdc;
	 background-color:#ffffff;
}
td.tdBookDetailImg
{
     width:250px;
     height:320px;
	 text-align:center;
	 vertical-align:middle;
	 border-left:solid 1px #dcdcdc;
	 border-right:solid 1px #dcdcdc;
	 border-bottom:solid 1px #dcdcdc;
	 background-color:#ffffff;
}
/*書籍詳細*/
table.tblBookDetail{
	 width:100%;
	 border-left:solid 1px #dcdcdc;
	 border-right:solid 1px #dcdcdc;
	 border-bottom:solid 1px #dcdcdc;
	 border-top:none;
	 border-collapse: collapse;
	 table-layout:fixed;
	 font-size:16px;
 }
tr.trBookTitle
{
     /*background-image:url("../img/book_title_bg.gif");*/
     background-color:#b0c4de;
	 background-repeat:repeat-x;
}
td.tdBookTitle
{
    padding: 5px 10px 5px 10px;
    border-top:solid 1px #dcdcdc;
    border-left:solid 1px #dcdcdc;
    vertical-align:middle;
}
td.tdBookDetail
{
     min-height:250px;
	 vertical-align:top;
	 padding: 5px 10px 5px 10px;
	 border:solid 1px #dcdcdc;
	 background-color:#ffffff;
	 line-height:1.5;
}
/*書籍注文フォーム*/
table.tblBookOrder{
	 width:100%;
	 border:solid 1px #dcdcdc;
	 border-collapse: collapse;
	 /*table-layout:fixed;*/
 }
 td.tdBookOrder1
{
     width:145px;
	 line-height:1.5;
	 vertical-align:middle;
	 padding: 5px 10px 5px 10px;
	 font-weight:bold;
	 color:#191970;
	 border:solid 1px #dcdcdc;
	 background-color:#e0ffff;
}
td.tdBookOrder2
{
	 line-height:1.5;
     vertical-align:middle;
	 padding: 5px 10px 5px 10px;
	 border:solid 1px #dcdcdc;
	 background-color:#ffffff;
}
/*カート合計金額*/
table.tblSum{
	 width:200px;
	 border:solid 3px #dcdcdc;
	 border-collapse: collapse;
	 table-layout:fixed;
 }
 td.tdSum1
{
    text-align:left;
     width:80px;
	 line-height:1.5;
	 vertical-align:middle;
	 padding: 5px 10px 5px 10px;
	 font-weight:bold;
	 color:#191970;
	 border-right:solid 3px #dcdcdc;
	 background-color:#e0ffff;
}
td.tdSum2
{
	 line-height:1.5;
     vertical-align:middle;
	 padding: 5px 10px 5px 10px;
	 background-color:#ffffff;
}
td.tdSumTax
{
	 line-height:1.5;
     vertical-align:middle;
	 padding: 5px 10px 5px 0px;
	 background-color:#ffffff;
}
.btnAddCart
{
    background: url("../img/btnAddCart.gif");
    width:130px;
	height:40px;
	line-height:40px;
	background-repeat: no-repeat;
}
.btnAddCart:hover
{
    background: url("../img/btnAddCart_hover.gif");
	/*height:30px;
	line-height:30px;
	padding-left:20px;*/
	background-repeat: no-repeat;
}
.btnBack
{
    background: url("../img/btnBack.gif");
	height:40px;
	line-height:40px;
	background-repeat: no-repeat;
	width:130px;
	/*float:left;*/
}
.btnBack:hover
{
    background: url("../img/btnBack_hover.gif");
	background-repeat: no-repeat;
}
.btnNext
{
    width:130px;
    background: url("../img/btnNext.gif");
	height:40px;
	line-height:40px;
	background-repeat: no-repeat;
	/*float:left;*/
}
.btnNext:hover
{
    background: url("../img/btnNext_hover.gif");
	background-repeat: no-repeat;
}
.btnConfirm
{
    background: url("../img/btnConfirm.gif");
	height:40px;
	line-height:40px;
	background-repeat: no-repeat;
}
.btnConfirm:hover
{
    background: url("../img/btnConfirm_hover.gif");
	background-repeat: no-repeat;
}
.btnCommit
{
    background: url("../img/btnCommit.gif");
	height:40px;
	line-height:40px;
	background-repeat: no-repeat;
}
.btnCommit:hover
{
    background: url("../img/btnCommit_hover.gif");
	background-repeat: no-repeat;
}
.btnCart
{
    background: url("../img/cart.gif");
    width:130px;
	height:40px;
	line-height:40px;
	padding-left:25px;
	margin-right:-25px; /*padding-left分のマイナスの値*/
	background-repeat: no-repeat;
	color:white;
    font-size:9pt;
    font-weight:bold;
    display:block;
    margin-top:3px;
    margin-bottom:5px;
    text-align:left;
    clear:both;
    display:inline-block;
}
.btnCart:hover
{
    background: url("../img/cart_hover.gif");
	background-repeat: no-repeat;
	color:#191970;
    /*font:bold 8pt "ＭＳ ゴシック",Osaka,sans-serif;*/
    font-size:9pt;
    font-weight:bold;
    display:block;
}
.btnCart_small
{
    background: url("../img/cart.gif");
	height:40px;
	line-height:40px;
	padding-left:25px;
	background-repeat: no-repeat;
	color:white;
    /*font:bold 8pt "ＭＳ ゴシック",Osaka,sans-serif;*/
    font-size:8pt;
    font-weight:bold;
    display:block;
}
.btnCart_small:hover
{
    background: url("../img/cart_hover.gif");
	background-repeat: no-repeat;
	color:#191970;
    /*font:bold 8pt "ＭＳ ゴシック",Osaka,sans-serif;*/
    font-size:8pt;
    font-weight:bold;
    display:block;
}
.spanQuantity
{
    color:#ffff00;
    font:bold 12pt "ＭＳ ゴシック",Osaka,sans-serif;
}
.spanQuantity:hover
{
    color:#ff00ff;
}
.spanQuantity_small
{
    color:#ffff00;
    font:bold 10pt "ＭＳ ゴシック",Osaka,sans-serif;
}
table.tblBtnSpace
{
    width:100%;
    padding-top:20px:
}
td.tdCenter
{
    height:50px;
    text-align:center;
}
td.tdConfirm{
     width:500px;
     padding: 5px 10px 5px 10px;
     font-weight:bold;
     color:#800000;
     text-align:center;
     vertical-align:middle;
     border:solid 1px #6b8e23;
     background-color:#9acd32;
}
.ValidatorCallout{
	background-color:#FFFBD6;
}
.disabled {
	ime-mode: disabled;
 }
 .modalBackground {
	background-color :Gray;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
table.tblNA{
     width:100%;
     border:solid 10px #dcdcdc;
     background-color:#ffffe0;
     border-collapse: collapse;
 }
 td.tdNA1{
     width:150px;
     line-height:1.5;
     vertical-align:middle;
     text-align:center;
}
td.tdNA2
{
     padding: 5px 10px 5px 10px;
     line-height:1.5;
     vertical-align:middle;
     text-align:center;
     font-weight:bold;
     font-size:22px;
     color:red;
}
.gvCart
{ 
	overflow:auto;
	/*border-collapse:collapse;*/
	border:solid 1px #dcdcdc;
	width:100%;
	/*background-color:white;*/
}
.gvSCHeader{
	text-align:center;
	font-weight:bold;
	color:#191970;
	height:30px;
	background-color:#e0ffff;
}
.cellBoxRight{
	text-align:right;
	padding-right:10px;
    background-color:white;
}
.cellBoxCenter{
	text-align:center;
	/*border:solid 1px #dcdcdc;*/
	background-color:white;
}

.cellBoxLeft
{
	text-align:left;
	padding-left:10px;
	background-color:white;
}
.gvEmpty{
	padding-left:30px;
    background-color:white;
    height:30px;
}
.clearfix:after {  
	content:".";  
	display:block;  
	height:0;  
	clear:both;  
	visibility:hidden;  
	overflow: hidden;
	}  
.clearfix{
	display:inline-block;
	clear: both;
	width:0px;
	height:0px; 
	overflow: hidden;
}  
/* Hide from IE Mac */  
.clearfix {
	display:block;
	overflow: hidden;
	clear: both;
	width:0px;
	height:0px; 
}  
span.bottom
{
    display:block;
    float:left;
}
/*会員ログインパネル*/
.loginPanel
{
    width:720px;
    height:380px;
    border:solid 10px #d3d3d3;
    background-color:#f5f5f5;
}
.loginPanelWrap
{
    width:700px;
    line-height:1.5;
	margin-left:auto;
	margin-right:auto;
}
.loginPanelLeft
{
    width:320px;
    float:left;
    padding:10px;
    border:solid 1px #d3d3d3;
    background-color:white;
}
.loginPanelRight
{
    width:320px;
    float:right;
    padding:10px;
    border:solid 1px #d3d3d3;
    background-color:white;
}
.memberRule
{
    width:280px;
    height:130px;
    padding:10px;
    border:solid 1px #add8e6;
    background-color:#e0ffff;
    margin-left:auto;
	margin-right:auto;
	font-size:10px;
}
span.ruleStrong
{
   	font-size: 10pt;
	color: #8b0000;
	font-weight:bold;
}
ul 
{
    list-style-position: inside;
    list-style-type: square;
}
.notice
{
    width:100%;
    display:inline-block;
    background-color:#fffacd;
    color:#8b0000;
    text-align:center;
    vertical-align:middle;
    /*height:30px;*/
    line-height:1.5;
    font-weight:bold;
}
.watermark_txtField
{
    background-image:url(../img/watermark_txt.png);
    background-repeat:no-repeat;
    color:#a9a9a9;
}
.watermark_pwdField
{
    background-image:url(../img/watermark_pwd.png);
    background-repeat:no-repeat;
    color:#a9a9a9;

}
/*ページインデックスのスタイル STR*/
ul.pageNavi {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	padding: 0;
	list-style-type: none;
	font:bold 12pt sans-serif;
	text-align:center;
}
ul.pageNavi a {
	text-decoration:none;
	text-align:center;
}
li.activePage
{
	display:inline-block;
	margin-right: 5px;
	/*padding:0x 5px 0px 5px;*/
	width:30px;
	height:25px;
	line-height:25px;
	border: 1px #a9a9a9 solid;
	background-color:#a9a9a9;
	color:white;
   /display: inline; 
   /zoom: 1; 

}
li.inactivePage {
	display:inline-block;
	margin-right: 5px;
	/*padding:0x 5px 0px 5px;*/
	width:30px;
	height:25px;
	line-height:25px;
	border: 1px #a9a9a9 solid;
	background-color: #ffffff;
	color:#808080;
	/display: inline; 
    /zoom: 1; 
}
li.inactiveNavi {
	display:inline-block;
	margin-right: 5px;
	padding:0x 5px 0px 5px;
	width:100px;
	height:25px;
	line-height:25px;
	border: 1px #a9a9a9 solid;
	background-color: #ffffff;
	color:#808080;
	/display: inline; 
    /zoom: 1; 
}
.inactivePage:hover 
{
	color:#00bfff;
	background-color:#dcdcdc;
}
.inactiveNavi:hover 
{
	color:#00bfff;
	background-color:#dcdcdc;
}
/*ページインデックスのスタイル END*/
/*書籍 STR*/
table.tblTicket{
	 width:100%;
	 border:solid 1px #dcdcdc;
	 border-collapse: collapse;
	 table-layout:fixed;
 }
  td.tdTicketImg
 {
 	 width:130px;
 	 padding: 5px 5px 5px 5px;
	 line-height:1.5;
	 vertical-align:middle;
	 text-align:center;
	 font-weight:bold;
	 color:#191970;
	 border:solid 1px #dcdcdc;
	 background-color:#e0ffff;
}
 td.tdTicket1
{
     width:100px;
	 line-height:1.5;
	 vertical-align:middle;
	 padding: 5px 10px 5px 10px;
	 font-weight:bold;
	 color:#191970;
	 border:solid 1px #dcdcdc;
	 background-color:#e0ffff;
}
td.tdTicket2
{
     height:20px;
	 vertical-align:middle;
	 padding: 5px 10px 5px 10px;
	 border:solid 1px #dcdcdc;
	 background-color:#ffffff;
}
td.tdTicketBtn
{
     width:132px;
	 /*text-align:center;*/
	 padding-left:2px;
	 vertical-align:middle;
	 border:solid 1px #dcdcdc;
	 background-color:#ffffff;
}
td.tdTicketDetailImg
{
     width:250px;
     height:320px;
	 text-align:center;
	 vertical-align:middle;
	 border-left:solid 1px #dcdcdc;
	 border-right:solid 1px #dcdcdc;
	 border-bottom:solid 1px #dcdcdc;
	 background-color:#ffffff;
}
/*チケット注文フォーム*/
table.tblTicketOrder{
	 width:100%;
	 border:solid 1px #dcdcdc;
	 border-collapse: collapse;
	 /*table-layout:fixed;*/
 }
 td.tdTicketOrder1
{
     width:145px;
	 line-height:1.5;
	 vertical-align:middle;
	 padding: 5px 10px 5px 10px;
	 font-weight:bold;
	 color:#191970;
	 border:solid 1px #dcdcdc;
	 background-color:#e0ffff;
}
td.tdTicketOrder2
{
	 line-height:1.5;
     vertical-align:middle;
	 padding: 5px 10px 5px 10px;
	 border:solid 1px #dcdcdc;
	 background-color:#ffffff;
}
.panelNA
{
    padding-top:5px;
}
div.wrapSort
{
    width:100%;
    height:100%;
    /*text-align:center;*/
    position: relative;
    display:table;
    /*display:table-cells;*/
    vertical-align:bottom;
   
}
.centerposition
{
  position: absolute;
  text-align: center;
  width:100%;
  
}
.rightposition
{
  display:inline-block;
  float:right;
 
}
div.tkbn
{
    display:inline-block;
    border:solid 5px orange;
    width:380px;
    padding: 3px;
    text-align:center;
    vertical-align:middle;
    height:25px;
    line-height:25px;
    margin-bottom:5px;
    float: right;

}
div.tkbnLeft
{
    display:inline-block;
    border:solid 5px orange;
    width:380px;
    padding: 3px;
    text-align:center;
    vertical-align:middle;
    /*height:25px;
    line-height:25px;*/
    margin-bottom:5px;
    float: left;

}
div.tktSort
{
    display:inline-block;
    border:solid 5px orange;
    width:200px;
    padding: 3px;
    text-align:center;
    vertical-align:middle;
    margin-bottom:5px;
    font-weight:normal;
    font-size: 10pt;
    height:25px;
    line-height:25px;
    float: left;
}
div.tktSortOld
{
    display:inline-block;
    border:solid 5px orange;
    width:80px;
    padding: 3px;
    text-align:center;
    vertical-align:middle;
    margin-bottom:5px;
    font-weight:normal;
    font-size: 10pt;
    height:50px;
    line-height:25px;
    float: right;
}
 
span.spnSuccessHead
{
    display:inline-block;
    font-weight:bold;
    font-size:18px;
    color:#4169e1;
    padding-top:30px;
    padding-bottom:20px;
}
span.spnSuccessBody
{
    display:block;
    line-height:1.2;
}
span.movieTitle
{
    display:block;
    padding-left:50px;
    padding-bottom:10px;
    font-size:25px;
    font-weight:bold;
    color:#696969;
}
span.salesStatus
{
    display:block;
    text-align:center;
    font-size:15px;
    font-weight:bold;
}
span.bkbnMsg
{
    margin-left:3px;
    /*color:Blue;*/
    font-size:12px;
    font-weight:bold;
}