/*
 * JAL-DFS
 * 
 */
 /*-----------------------------------------------------
初期クリア
-------------------------------------------------------*/
body{
  margin: 0;
  padding: 0;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック";   /* フォントファミリーを優先順に指定  */
  line-height: 133%;
  font-size: 12px;
  color: #333333;
  text-align: left;
  background: #ffffff;
}

img {
   border: 0;
}
/*----------------------------------------------------------------------------
 CLEAR FIX  CLEAR BOTH
----------------------------------------------------------------------------*/

.clearfix:after { 
	content: ".";
	display: block;
	height: 0px;
	visibility: hidden;
	clear: both; 
} 

.clearfix { 
	display: inline-table;
} 

/* IE7 */
.clearfix {
	display:inline-block;
}

/*\*/ 
* html .clearfix { height: 1%; } 
.clearfix { display: block; } 
/**/ 

.cb {
  clear: both;
}
 /*-----------------------------------------------------
wrapper
-------------------------------------------------------*/
#wrapper {
  width: 766px;
  margin: 0;
  padding: 0;
}
/*-----------------------------------------------------
タイトル
-------------------------------------------------------*/
h1 {
  margin: 0;
  padding: 0;
}
/*-----------------------------------------------------
ブロック
-------------------------------------------------------*/
.blk01 {
  margin: 0;
  padding: 10px;
  text-align: left;
  background: url("../img/bg01.jpg") repeat-y;
}
.blk02 {
  margin: 0;
  padding: 10px;
  text-align: center;
  background: url("../img/bg02.jpg") repeat-y;
}
/*-----------------------------------------------------
おすすめアイテム
-------------------------------------------------------*/
.blk01-recom {
  margin: 0;
  padding: 10px 20px;
  background: #FFFFFF;
}
.recom-box {
  float: left;
  width: 215px;
  padding: 0;
}
.item-no {
  margin: 0;
  padding: 0;
  font-size: 10px;
}
.item-name {
  margin: 0;
  padding: 5px 0;
  font-weight: bold;
}
.item-price {
  margin: 0;
  padding: 0;
}
.item-copy {
  margin: 10px 0 0 0;
  padding: 0;
}
/*-----------------------------------------------------
ブランドリスト
-------------------------------------------------------*/
.blk01-brand {
  margin: 0;
  padding: 10px 20px;
}
.brand-list-l {
  width: 350px;
  float: left;
  margin: 0;
  padding: 0;
}
.brand-list-r {
  width: 350px;
  float: right;
  margin: 0;
  padding: 0;
}
.brand-box {
  width: 340px;
  margin: 10px 0 0 0;
  padding: 10px 0;
  border-bottom: 1px dashed #999999;
  line-break: strict;
}
.brand-box-rtop {
  width: 340px;
  margin: 0;
  padding: 0 0 10px 0;
  border-bottom: 1px dashed #999999;
}
.brand-box-ltop {
  width: 340px;
  margin: 0;
  padding: 5px;
  background: #FFFFFF;
  
}
.brand-box .brand-name,
.brand-box-rtop .brand-name{
  margin: 0;
  padding: 0 0 5px 0;
  font-weight: bold;
  color: #8c774a;
}
.brand-box-ltop .brand-name {
  margin: 0;
  padding: 0 0 5px 0;
  font-weight: bold;
  color: #de0000;
}
/*-----------------------------------------------------
コメント
-------------------------------------------------------*/
.mess-tb {
  width: 582px;
  margin: 0;
  padding: 0;
}
.mess-mdl {
  width: 582px;
  margin: 0;
  padding: 0;
  text-align: left;
  background: url("../img/fr_mdl.gif") repeat-y; 
}
.ticket .mess-mdl {
  width: 582px;
  margin: 0;
  padding: 0;
  text-align: left;
  background: url("../img/fr_ticket_mdl.gif") repeat-y; 
}
.mess-txt {
  margin: 0;
  padding: 0 10px;
}
/*-----------------------------------------------------
チケットページ
-------------------------------------------------------*/
/*-----------ブロック--------------------------*/
.blk-ticket {
  margin :0 ;
  padding: 0 0 20px 0;
  background: url("../img/bg_ticket.jpg") repeat-y; 
  text-aling: center;
}
/*-----------コメント--------------------------*/
.mess-ticket-mdl {
  width: 582px;
  margin: 0;
  padding: 0;
  text-align: left;
  background: url("../img/fr_ticket_mdl.gif") repeat-y; 
}
/*-----------------------------------------------------
float
-------------------------------------------------------*/
.fl {
  float: left;
}
.fr {
  float: right;
}

/*----------------------------------------------------------------------------
フォント
----------------------------------------------------------------------------*/
.fo2 { font-size:10px; font-family:'Hiragino Kaku Gothic Pro W3', Osaka, 'MS PGothic' }

/*-----------------------------------------------------
マージン　＆　パディング
-------------------------------------------------------*/
.mb00 {margin-bottom:0!important;}
.mb05 {margin-bottom:5px!important;}
.mb08 {margin-bottom:8px!important;}
.mb10 {margin-bottom:10px!important;}
.mb15 {margin-bottom:15px!important;}
.mb20 {margin-bottom:20px!important;}
.mb25 {margin-bottom:25px!important;}
.mb30 {margin-bottom:30px!important;}
.mb35 {margin-bottom:35px!important;}
.mb40 {margin-bottom:40px!important;}

.mt05 {margin-top:5px!important;}
.mt08 {margin-top:8px!important;}
.mt10 {margin-top:10px!important;}
.mt15 {margin-top:15px!important;}
.mt20 {margin-top:20px!important;}
.mt30 {margin-top:30px!important;}
.mt35 {margin-top:35px!important;}
.mt40 {margin-top:40px!important;}
.mt50 {margin-top:50px!important;}
.mt60 {margin-top:60px!important;}

.mtb05 {margin:5px 0!important;}
.mtb08 {margin:8px 0!important;}
.mtb10 {margin:10px 0!important;}
.mtb15 {margin:15px 0!important;}
.mtb20 {margin:20px 0!important;}
.mtb30 {margin:30px 0!important;}
.mtb35 {margin:35px 0!important;}
.mtb40 {margin:40px 0!important;}

.ml05 {margin-left:5px!important;}
.ml08 {margin-left:8px!important;}
.ml10 {margin-left:10px!important;}
.ml15 {margin-left:15px!important;}
.ml20 {margin-left:20px!important;}
.ml30 {margin-left:30px!important;}
.ml35 {margin-left:35px!important;}
.ml40 {margin-left:40px!important;}
.ml50 {margin-left:50px!important;}

.mr05 {margin-right:5px!important;}
.mr08 {margin-right:8px!important;}
.mr10 {margin-right:10px!important;}
.mr15 {margin-right:15px!important;}
.mr20 {margin-right:20px!important;}
.mr30 {margin-right:30px!important;}
.mr35 {margin-right:35px!important;}
.mr40 {margin-right:40px!important;}

.ma00 {margin:0!important;}
.ma05 {margin:5px!important;}
.ma08 {margin:8px!important;}
.ma10 {margin:10px!important;}
.ma15 {margin:15px!important;}
.ma20 {margin:20px!important;}
.ma30 {margin:30px!important;}
.ma40 {margin:40px!important;}


.pt02 {padding-top:2px!important;}
.pt05 {padding-top:5px!important;}
.pt08 {padding-top:8px!important;}
.pt10 {padding-top:10px!important;}
.pt15 {padding-top:15px!important;}
.pt20 {padding-top:20px!important;}
.pt30 {padding-top:30px!important;}
.pt35 {padding-top:35px!important;}
.pt40 {padding-top:40px!important;}
.pt180 {padding-top:180px!important;}

.pb02 {padding-bottom:2px!important;}
.pb05 {padding-bottom:5px!important;}
.pb08 {padding-bottom:8px!important;}
.pb10 {padding-bottom:10px!important;}
.pb15 {padding-bottom:15px!important;}
.pb20 {padding-bottom:20px!important;}
.pb30 {padding-bottom:30px!important;}
.pb35 {padding-bottom:35px!important;}
.pb40 {padding-bottom:40px!important;}

.pl02 {padding-left:2px!important;}
.pl05 {padding-left:5px!important;}
.pl08 {padding-left:8px!important;}
.pl10 {padding-left:10px!important;}
.pl15 {padding-left:15px!important;}
.pl20 {padding-left:20px!important;}
.pl30 {padding-left:30px!important;}
.pl35 {padding-left:35px!important;}
.pl40 {padding-left:40px!important;}
.pl50 {padding-left:50px!important;}
.pl60 {padding-left:60px!important;}

.pr02 {padding-right:2px!important;}
.pr05 {padding-right:5px!important;}
.pr08 {padding-right:8px!important;}
.pr10 {padding-right:10px!important;}
.pr15 {padding-right:15px!important;}
.pr20 {padding-right:20px!important;}
.pr30 {padding-right:30px!important;}
.pr35 {padding-right:35px!important;}
.pr40 {padding-right:40px!important;}
.pr50 {padding-right:50px!important;}
.pr60 {padding-right:60px!important;}

.ptb00 {padding:0!important;}
.ptb02 {padding:2px!important;}
.ptb05 {padding:5px!important;}
.ptb08 {padding:8px!important;}
.ptb10 {padding:10px!important;}
.ptb15 {padding:15px!important;}
.ptb20 {padding:20px!important;}
.ptb30 {padding:30px!important;}
.ptb35 {padding:35px!important;}
.ptb40 {padding:40px!important;}

/*----------------------------------------------------------------------------
リンク
----------------------------------------------------------------------------*/
a:active { text-decoration: none }
a:link { text-decoration: none }
a:visited { text-decoration: none }
a:hover { color: #FF6666 }
a:link.navi { color: #333333 }
a:visited.navi { color: #333333 }
a:hover.navi { color: #FF6666 }