/* CSS Document */

*{ margin:0; padding:0}
html{ background: url(/jp/fate_uc/images/bg_html.jpg) 0 0 no-repeat; height:auto}
img { behavior: url(iepngfix.htc); border: none; }
hr{ display: none;}
.disnone{ display: none;}
div#wrapper p.cb{ font-size:1px; clear:both; padding:0; margin:0; height:1px;}

#contmain a { color:#990000;}
#contmain a:hover { background:#ff9999;}

div#wrapper{ padding-left:51px; background: url(/jp/fate_uc/images/bg_html.jpg) 0 0 no-repeat;}
div#contmain{width:634px;}




div#footer{
	width:634px;
	height: auto;
}
div#footer div{ padding: 0px 20px 20px 20px; color: #101010;}

#pannavi { text-align: right; color:#999999; font-size: 10px; margin-bottom:0;}
#pannavi li { float: left; display: inline; padding: 0 6px; border-right: 1px solid #666666;}
#pannavi li.end { border: none; padding-right:0;}
#pannavi a{ color:#999999; text-decoration:none; }
#pannavi a:hover { text-decoration:underline;}

#banner_area{ padding: 8px 14px;}
#stt_copyright{ width:591px; height:auto; margin-left:2px; font-size:11px; line-height:11px;} 

p.line{ text-align:center; padding:20px 0 10px 0;}


/*item spec table layout*/

table#spec{ color:#333333; border: 1px solid #260303; }
table#spec caption{ padding: 4px; font-size:70%;}
table#spec th{ font-weight: normal; text-align:left; vertical-align:top; padding: 4px 8px 1px 8px;
			   white-space: nowrap; background: #260303; color:#cccccc; font-size:70%; text-align: right;}
table#spec td{ text-align:left; vertical-align:top; padding: 4px 1em 1px 1em;
			   background: #eeeeee; font-size:76%; text-indent: -0.5em;}

ul.attend{ font-size: 70%; list-style:none;}

/*order Flow*/


table#flow { border:0; padding:0; margin-bottom:10px; margin-left:32px;
			 margin-right:32px; color:#443333; text-align:left;}
#flow th{ border-bottom: 3px double #cc0000; padding:4px 0 1px 0; font-weight:normal;
		  text-align:center; font-size:70%; background:#1F0303; color:#cccccc;}
#flow td{ border-bottom: 1px solid #887777; padding: 6px 0 12px 0; vertical-align:top;}
#flow .cell1{ width: 23%;}
#flow .cell2{ width: 50%;}
#flow .cell3{ width: 27%;}

#flow td.name{ padding-left:20px; font-size:76%;}
#flow td.date{}

#flow td.date ul{ padding: 0 14px; font-size:70%; list-style:none; margin:0; line-height: 100%;}
#flow td.date li{ margin-left:1em; text-indent:-1em;   list-style:none;}
#flow td p{ padding: 0 14px 0 14px; font-size:76%;}
#flow td.date h3{ padding: 0 14px 10px 14px; font-size:12px;}

.name{ background: url(/jp/fate_uc/images/bg_sch_cell.gif) 20px 12px no-repeat;}
#flow tr.now td{ border-bottom: #CC3300 solid 1px; color:#CC3333;}
table#flow tr.now td.name{ background: url(/jp/fate_uc/images/bg_sch_cell_now.gif) 20px 12px no-repeat;}

#stt_buy{ text-align:center; margin: 15px 0 10px 0;}
#btn_top{ font-size: 75%; padding-right:42px; text-align:right; padding-top:5px;}
#btn_top a:hover{ background:none;}



p.hanbai_end{ font-size: 12px; text-align:center; padding: 5px 0 8px 0;
			  color:#CC0033; text-decoration:underline;}

#pannavi { text-align: right; color:#999999; font-size: 10px; margin-bottom:0px;}
#pannavi li { float: left; display: inline; padding: 0 6px; border-right: 1px solid #666666;}
#pannavi li.end { border: none; padding-right:0;}
#pannavi a{ color:#999999; text-decoration:none; }
#pannavi a:hover { text-decoration:underline;}

#right_contents{
	width:200px;
	height:1300px;
	position:absolute;
	left: 697px;
	top: 255px;
}

#right_contents #right_gallery img
{ margin-bottom:15px;}

#right_contents dl
{ font-size:12px; color:#603E24; margin-left:15px;}
#right_contents dt
{ font-weight:bold; margin:0px 0px 3px 0px;font-size:13px;}
#right_contents dd
{ margin:0px 0px 7px 0px}
#right_contents dd a
{ color:#603E24; text-decoration:none; border-bottom:1px dotted #603E24}


#spec
{ margin:10px 0px 40px 35px;}
#rogo_dd{ position: absolute; left: 71px; top: 10px; z-index:300; height: 304px; height:14px;}


#fateha p{ font-size:12px; margin:3px 0px 10px 15px; line-height:15px;}
#fateha a{ color:#993300}

/*-------------------------------
 Contents _ Common
---------------------------------*/
.container	{
	width: 100%;
	position: relative;
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
	padding: 4rem 0;
	}

/*-------------------------------
 Link Area
---------------------------------*/
#cmnLnk-Fate { 
		background: #454545;
    padding: 30px 0 10px;
		}
#LnkFate {
		padding: 0;
    }
#LnkFate img {
	max-width: 100%;
	height: auto;
    }

.LnkFate_list{
	width: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	flex-flow: row wrap;
	margin: 0 auto 0;
  }
  .LnkFate_bnrL {
	margin: 0 auto 1rem;
    }
  .LnkFate_bnrL li,
  .LnkFate_bnrS li {
    position: relative;
    display: block;
    line-height: 0;
    overflow: hidden;
    margin: 0 5px 10px;
    }
  .LnkFate_bnrL li {
    max-width: 480px;
    }
  .LnkFate_bnrS li {
    max-width: 300px;
    }
  .LnkFate_bnrS.clm2 li {
    width: calc(100% - 1rem);
    }
  .LnkFate_bnrS.clm3 li {
    width: calc(33% - 1rem);
    }
  .LnkFate_bnrS.clm4 li {
    width: calc(25% - 1rem);
    }
  .LnkFate_bnrS.clm5 li {
    width: calc(20% - 1rem);
    max-width: 180px;
    }
#cmnLnk-lnkCp { 
		background: #2b2b2b;
    padding: 2rem 0 1rem;
		}
#lnkCp {
		padding: 0;
    }
#lnkCp img {
	max-width: 100%;
	height: auto;
    }
.lnkBnr ul {
	text-align: center;
	margin: 0 auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
.lnkBnr li {
  width: calc(33% - 1rem);
  max-width: 180px;
	margin: 0 5px 10px;
}