﻿/*書籍PR STR*/
table.tblPR
{
 width:660px;
 /*width:100%;*/
 border:solid 1px #ccc;
 border-collapse: collapse;
 }
td.tdPRTitle{
 line-height:1.5;
 vertical-align:middle;
 text-align:center;
 padding: 5px 10px 5px 10px;
 background-image:url('../img/title_bg.gif');
}
td.tdPRImg{
 width:200px;
 line-height:1.5;
 vertical-align:middle;
 text-align:center;
 padding: 5px 10px 5px 10px;
 font-weight:bold;
 background-color:#ffffff;
}
td.tdPRDetail{
 padding: 5px 10px 5px 10px;
 height:120px;
 vertical-align:middle;
 text-align:left;
 line-height:1.5;
 background-color:#ffffff;
}
td.tdPRPrice{
 line-height:1.5;
 vertical-align:middle;
 text-align:center;
 padding: 5px 10px 5px 10px;
 background-color:#ffffff;
}
td.tdPRMemo{
 vertical-align:middle;
 text-align:center;
 background-color:#ffffff;
}
.panelBookPR
{
    padding-top:10px;
    width:600px;
    height:120px;
    border:solid 10px #d3d3d3;
    background-color:#f5f5f5;
}
div.boxPRDetail_bg
{
     padding:10px;
     background-color: #e0ffff;
     border:solid 1px #e0ffff;
	 border-radius: 30px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
div.boxStyleWrap
{
    width:530px;
    margin-left:auto;
	margin-right:auto;
}
    
table.tblTitleStyle
{
  margin-top:10px;
 border:solid 1px #ccc;
 border-collapse: collapse;
 }
td.tdTitleStyle1{
 line-height:1.5;
 vertical-align:middle;
 text-align:center;
 padding: 5px 10px 5px 10px;
 font-weight:bold;
 border:solid 1px #ccc;
 background-color:#ffffff;
}
td.tdTitleNoStyle{
 width:170px;
 line-height:1.5;
 vertical-align:bottom;
 text-align:center;
 padding: 5px 10px 5px 10px;
 font-weight:bold;
 border:solid 1px #ccc;
 background-color:#ffffff;
}
/*書籍PR END*/
/*書籍名タイトルスタイル STR*/
table.titleStyle
{
    border-collapse: collapse;
    border-spacing: 0;
    margin-left:auto;
	margin-right:auto;
}
td.TitleStyle1-left
{
    background-image: url("../img/title_style1-l.gif");
    background-repeat:no-repeat;
    height:120px;
    width:27px;
    background-size: 29px;
    vertical-align:middle;
     
}
td.TitleStyle1-middle
{
    background-image: url("../img/title_style1-c.gif");
    background-repeat:repeat-x;
    vertical-align:middle;
}

td.TitleStyle1-right
{
    background-image: url("../img/title_style1-r.gif");
    background-repeat:no-repeat;
    height:120px;
    width:29px;
    background-size: 29px;
    vertical-align:middle;
}
td.TitleStyle2-left
{
    background-image: url("../img/title_style2-l.gif");
    background-repeat:no-repeat;
    height:120px;
    width:43px;
    background-size: 45px;
    vertical-align:middle;
     
}
td.TitleStyle2-middle
{
    background-image: url("../img/title_style2-c.gif");
    background-repeat:repeat-x;
    vertical-align:middle;
}

td.TitleStyle2-right
{
    background-image: url("../img/title_style2-r.gif");
    background-repeat:no-repeat;
    height:120px;
    width:43px;
    background-size:45px;
    vertical-align:middle;
}

/*書籍名タイトルスタイル END*/
/*項目別フォントスタイル STR*/
span.publisherFont
{
 font-size:16px;   
 float:left;
 font-weight:bold;
 color:#ffffff;
 display:inline-block;
 background-color:#000066;
 padding:0px 8px 0px 8px;
}
span.titleFont
{
 font-size:25px;
 font-weight:bold;
 color:black;
 display:inline-block;
}
span.subtitleFont
{
 font-size:18px;
 font-weight:bold;
}
span.detailFont
{
 font-size:15px;
 color:black;
}
span.priceFont
{
 font-size:22px;
 font-weight:bold;
 color:black;
}
span.formatFont
{
 font-size:16px;
 clear:both;
 color:black;
}

/*項目別フォントスタイル END*/
/*チケット種別 STR*/
.boxMsg
{
 width:420px;
 margin-top:20px;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:15px;
 padding:20px;
 font-size:15px;
 font-weight:bold;
 color:#191970;
 border-left:solid 10px #ff9b37;
 border-right:solid 10px #ff9b37;
 border-top:solid 1px #ff9b37;
 border-bottom:solid 1px #ff9b37;
 background-color:#eeffff;
 line-height:1.5;
 text-align:center;
}
.txtAlignLeft
{
    text-align:left;
}
span.clickToForm
{
    font-size:14px;
    color:#ff9b37;
}
ul.ticketNav  { 
    display:block;
    margin-left:auto;
	margin-right:auto;
	width:100%;
	padding: 0;
	list-style-type: none;
	text-align:center;
	clear:both;
} 

ul.ticketNav li{ 
    display: inline-block; 
    text-align: center;
    margin-left:3px;
    clear:both;

}
/*チケット種別 END*/
/*チケットPR STR*/
div.boxImage
{
    text-align:center;
    background-color:#c0c0c0;
    padding: 20px 0px 20px 10px;
}
div.boxImageSales
{
    text-align:center;
    background-color:#ffffff;
    padding: 20px 0px 20px 10px;
}
div.center
{
    text-align:center;
}
div.wrapButton
{
   width:100%;
   clear:both;
   height:45px;
}
div.wrapTicketLink
{
   width:300px;
   float:left;
}
div.wrapBtnBack
{
   float:right;
}
span.ticketLink a
{
    display:inline-block;
    width:200px;
    background-color:#458c00;
    text-align:center;
    border:solid 2px #d3d3d3;
    color:#feff04;
    font-weight:bold;
    padding:10px;
}
span.ticketLink a:hover
{
    display:inline-block;
    width:200px;
    background-color:#feff04;
    color:#458c00;
    border:solid 2px #d3d3d3;
    font-weight:bold;
    padding:10px;
}
div.boxDoraSeat
{
    width:650px;
    height:30px;
    line-height:30px;
    text-align:center;
    font-size:15px;
    font-weight:bold;
    color:White;
    margin-left:auto;
	margin-right:auto;
    background-color:#00008b;
    border-radius: 30px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}

/* リンク領域のスタイル */
.boxDoraSeat a {
    display: block;
    color:White;
}
/* マウスホバー時のカラー*/
.boxDoraSeat a:hover {
    color: #00008b;
    background-color: #ff0000;
    border-radius: 30px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}

span.ticketComment
{

    display:inline-block;
    width:100%;
    margin-top:3px;
    color:#ff0000;
    font-weight:bold;
    font-size:20px;
    text-align:center;
}
div.wrapPR
{
    width:740px;
    /*
    margin-left:auto;
	margin-right:auto;
*/
    background-color:#dcdcdc;
}
div.wrapPRin
{  
    width:660px;
    background-color:White;
    margin-left:auto;
	margin-right:auto;
}
