/* CSS Document */

*{ margin:0; padding:0}
html{ background: url(/jp/fate/images/bg_html.jpg) 0 0 repeat-y; }
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{ background: url(/jp/fate/images/bg_wrapper.jpg) 0 0 no-repeat; padding-left:51px;}
div#contmain{ background: url(/jp/fate/images/bg_contmain.gif) 0 0 repeat-y; width:634px;}

#tt_rogo{ background: url(/jp/fate/images/tt_rogo.jpg) 0 0 no-repeat; width:204px; height:147px; text-indent: -999em;
		  position:absolute; top: 0; left:686px; z-index: 150;}
#tt_rogo a{ display: block; width:204px; height:147px; overflow:hidden;}


ul#pagemenu{ width: 194px; height: 959px;
			 position: absolute; left: 686px; top:167px; z-index: 100; list-style: none; background:url(pagemenu2.jpg) }
#pagemenu li{ height: 40px; display:block; text-indent:-999em;}
#pagemenu li a{ height: 40px; display:block; overflow:hidden;}

#pagemenu li.m20{ margin-top:30px;}
#pagemenu li.m16{ margin-top:20px;}
#pagemenu li.m13{ margin-top:20px;}
#pagemenu li.m9{ margin-top:20px;}
#pagemenu li.m7{ margin-top:20px;}
#pagemenu li.m4{ margin-top:20px;}
#pagemenu li.m2{ margin-top:20px;}

#pagemenu li.m15 a{ background: url(/jp/fate/images/pagemenu2.jpg) 0 0px no-repeat; height:60px;}

#pagemenu li.m20 a{ background: url(/jp/fate/images/pagemenu2.jpg) 0px -72px no-repeat; }
#pagemenu li.m19 a{ background: url(/jp/fate/images/pagemenu2.jpg) 0px -112px no-repeat;}
#pagemenu li.m18 a{ background: url(/jp/fate/images/pagemenu2.jpg) 0px -152px no-repeat;}

#pagemenu li.m17 a{ background: url(/jp/fate/images/pagemenu2.jpg) 0 -200px no-repeat;height:58px;}
#pagemenu li.m16 a{ background: url(/jp/fate/images/pagemenu2.jpg) 0px -260px no-repeat;}

#pagemenu li.m14 a{ background: url(/jp/fate/images/pagemenu2.jpg) 0 -302px no-repeat;height:58px;}
#pagemenu li.m13 a{ background: url(/jp/fate/images/pagemenu2.jpg) 0px -360px no-repeat;}
#pagemenu li.m12 a{ background: url(/jp/fate/images/pagemenu2.jpg) 0px -400px no-repeat;}
#pagemenu li.m11 a{ background: url(/jp/fate/images/pagemenu2.jpg) 0px -440px no-repeat;}

#pagemenu li.m10 a{ background: url(/jp/fate/images/pagemenu2.jpg) 0px -480px no-repeat;height:58px;}
#pagemenu li.m9 a{ background: url(/jp/fate/images/pagemenu2.jpg) 0px -535px no-repeat;}
#pagemenu li.m8 a{ background: url(/jp/fate/images/pagemenu2.jpg) 0px -580px no-repeat;height:58px;}
#pagemenu li.m7 a{ background: url(/jp/fate/images/pagemenu2.jpg) 0px -635px no-repeat;}
#pagemenu li.m6 a{ background: url(/jp/fate/images/pagemenu2.jpg) 0px -675px no-repeat;}
#pagemenu li.m5 a{ background: url(/jp/fate/images/pagemenu2.jpg) 0px -715px no-repeat;height:58px;}
#pagemenu li.m4 a{ background: url(/jp/fate/images/pagemenu2.jpg) 0px -775px no-repeat;}
#pagemenu li.m3 a{ background: url(/jp/fate/images/pagemenu2.jpg) 0px -815px no-repeat;height:58px}
#pagemenu li.m2 a{ background: url(/jp/fate/images/pagemenu2.jpg) 0px -875px no-repeat;}
#pagemenu li.m1 a{ background: url(/jp/fate/images/pagemenu2.jpg) 0px -915px no-repeat;}


#pagemenu li.m15 a:hover{ background: url(/jp/fate/images/pagemenu2.jpg) -194px 0px no-repeat; height:60px;}

#pagemenu li.m20 a:hover{ background: url(/jp/fate/images/pagemenu2.jpg) -194px -72px no-repeat;}
#pagemenu li.m19 a:hover{ background: url(/jp/fate/images/pagemenu2.jpg) -194px -112px no-repeat;}
#pagemenu li.m18 a:hover{ background: url(/jp/fate/images/pagemenu2.jpg) -194px -152px no-repeat;}

#pagemenu li.m17 a:hover{ background: url(/jp/fate/images/pagemenu2.jpg) -194px -200px no-repeat;height:58px;}
#pagemenu li.m16 a:hover{ background: url(/jp/fate/images/pagemenu2.jpg) -194px -260px no-repeat;}
#pagemenu li.m14 a:hover{ background: url(/jp/fate/images/pagemenu2.jpg) -194px -302px no-repeat;height:58px;}
#pagemenu li.m13 a:hover{ background: url(/jp/fate/images/pagemenu2.jpg) -194px -360px no-repeat;}
#pagemenu li.m12 a:hover{ background: url(/jp/fate/images/pagemenu2.jpg) -194px -400px no-repeat;}
#pagemenu li.m11 a:hover{ background: url(/jp/fate/images/pagemenu2.jpg) -194px -440px no-repeat;}

#pagemenu li.m10 a:hover{ background: url(/jp/fate/images/pagemenu2.jpg) -194px -480px no-repeat;height:58px;}
#pagemenu li.m9 a:hover{ background: url(/jp/fate/images/pagemenu2.jpg) -194px -535px no-repeat;}
#pagemenu li.m8 a:hover{ background: url(/jp/fate/images/pagemenu2.jpg) -194px -580px no-repeat;height:58px;}
#pagemenu li.m7 a:hover{ background: url(/jp/fate/images/pagemenu2.jpg) -194px -635px no-repeat;}
#pagemenu li.m6 a:hover{ background: url(/jp/fate/images/pagemenu2.jpg) -194px -675px no-repeat;}
#pagemenu li.m5 a:hover{ background: url(/jp/fate/images/pagemenu2.jpg) -194px -715px no-repeat;height:58px;}
#pagemenu li.m4 a:hover{ background: url(/jp/fate/images/pagemenu2.jpg) -194px -775px no-repeat;}
#pagemenu li.m3 a:hover{ background: url(/jp/fate/images/pagemenu2.jpg) -194px -815px no-repeat;height:58px}
#pagemenu li.m2 a:hover{ background: url(/jp/fate/images/pagemenu2.jpg) -194px -875px no-repeat;}
#pagemenu li.m1 a:hover{ background: url(/jp/fate/images/pagemenu2.jpg) -194px -915px no-repeat;}


div#footer{ background: url(/jp/fate/images/bg_contmain_bottom.gif) 0 0 no-repeat; width:634px;}
div#footer div{ padding: 76px 20px 20px 20px; color: #ffffff;}

#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 br{ display:none;}
#stt_copyright{ background: url(/jp/fate/images/stt_copuyright.gif) 0 0 no-repeat; text-indent:-999em;
				width:591px; height:20px; margin-left:2px;} 

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/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/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;}

#rogo_dd{ position: absolute; left: 61px; top: 10px; z-index:300; height: 304px; height:14px;}

#bn_typemoon{ position: absolute; width:160px; height:32px; left: 700px; top: 1230px;
			  font-size:10px; text-align: center;}
#bn_typemoon a{ color:#CC0000; text-decoration: none;}

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

#LnkFate {
 position: absolute; left: 700px; top: 1200px; 
}
#LnkFate .LnkFate_list {
	width: 160px;
	position: relative;
	margin: 0 auto 0;
}
#LnkFate .LnkFate_list li {
    width: 100%;
    max-width: 160px;
    position: relative;
    display: block;
    line-height: 0;
    overflow: hidden;
    margin: 0 5px 10px;
}

#LnkFate .LnkFate_list li img {
    width: 100%;
}