@charset "utf-8";
/* CSS Document */

/*共通css

-------------------------------------------------------*/
html{
	background:#fff;
	}
body{
	font:12px "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
	background:url(/persona/front_app/public/img/Eticket/common/bg_contents.gif) left top repeat;
}

/* link設定 */
a{
	color:#ec8f27;
}
a:hover{
	text-decoration:none;
}
a:hover img.rollover,input.rollover:hover{
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
}

#wrapper{
	background:url(/persona/front_app/public/img/Eticket/common/bg_header01.gif) left top repeat-x;
	}
/* ---------　ヘッダー ---------- */
header{
	width:980px;
	background:url(/persona/front_app/public/img/Eticket/common/bg_header02.gif) left top no-repeat;
	height:130px;
	margin:0 auto;
	padding:10px 0 0;
	overflow:hidden;
}
header h1{
	width:auto;
	float:left;
	margin:0 23px 0 0;
}
header ul{
	background:#ffffff;
	float:right;
	padding:7px 0;
	overflow:hidden;
	margin:16px 0 23px 0;
}
header ul li{
	width:auto;
	float:left;
	padding:0 13px;
	font-size:11px;
	border-left:1px solid #333333;
}
header ul li:first-child{
	border-left:none;
}
header ul li a{
	color:#333333;
}
header p.text{
	color:#666666;
	float:left;
	width:499px;
	padding:7px 0 0 20px;
	font-size:11px;
}
header p.btn{
	float:right;
	width:auto;
}

/* ---------　コンテンツ ---------- */
#container{
	width:980px;
	margin:0 auto;
	}

/* ---------　メインコンテンツ ---------- */
#contents{
	float:right;
	width:750px;
	}

/* ---------　サイドナビ ---------- */
#side{
	float:left;
	width:201px;
	padding:40px 0 0;
	}
/* -- ログイン -- */
#side .loginArea{
	clear:both;
	margin:0 0 30px;
	background:url(/persona/front_app/public/img/Eticket/common/bg_loginArea_middle.gif) repeat-y left top;
	width:201px;
	}
#side .loginArea .inner_top{
	background:url(/persona/front_app/public/img/Eticket/common/bg_loginArea_top.gif) no-repeat left top;
	width:201px;
	padding:8px 0 0 0;
	}
#side .loginArea .inner_bottom{
	background:url(/persona/front_app/public/img/Eticket/common/bg_loginArea_bottom.gif) no-repeat left bottom;
	width:201px;
	padding:0 0 7px 0;
	}
#side .loginArea dl{
	padding:15px 15px 0;
	background:#fff;
	border-right:1px solid #bdb695;
	}
#side .loginArea dl dt.name{
	color:#268dd0;
	font-size:20px;
	}
#side .loginArea dl dt.name span{
	font-size:18px;
	padding:0 0 0 5px
	}
#side .loginArea dl dt{
	color:#237aae;
	margin:0 0 8px;
	}
#side .loginArea dl dd{
	margin:0 0 10px;
	}
#side .loginArea dl dd.last{
	margin:0;
	}
#side .loginArea dl dd ul{
	background:url(/persona/front_app/public/img/Eticket/common/bg_border.gif) left bottom repeat-x;
	padding:0 0 12px;
	}
#side .loginArea dl dd ul li{
	margin:0 0 10px;
	}
#side .loginArea dl dd ul li.last{
	margin:0;
	}
#side .loginArea h2{
	text-align:center;
	}
#side .loginArea div.form{
	padding:15px 23px;
	color:#298fcf;
	}
#side .loginArea div.form form{
	border-bottom:1px solid #9d9d9d;
	padding:0 0 10px;
	margin:0 0 10px;
	}
#side .loginArea div.form dl.login{
	border:none;
	padding:0;
	margin:0 0 15px;
	}
#side .loginArea div.form dl.login dt{
	margin:0;
	color:#333333;
	}
#side .loginArea div.form p a{
	font-size:10px;
	color:#298fcf;
	}
#side .loginArea div.form p.taCenter{
	margin:0 0 10px;
	}
#side .loginArea div.form dl.login dd.text input{
	border:none;
	background:url(/persona/front_app/public/img/Eticket/common/bg_inputText.gif) left top no-repeat;
	width:148px;
	height:25px;
	line-height:25px;
	padding:0 0 0 5px;
	}

#side .loginArea dl dl{
	padding:0 0 8px;
	border: none;
	border-bottom:1px solid #9d9d9d;
}
#side .loginArea dl dl dt{
	margin: 0;
	color: #222;
}
#side .loginArea dl dl dt span{
	font-weight:bold;
}
#side .loginArea dl .card{
	border-bottom:none;
	padding: 0;
}
#side .loginArea dl .card dt,
#side .loginArea dl .card dd{
	color: #1d88ce !important;
}
/* アメックスの個別対応 カード名称とカードNoのフォントサイズを縮小 */
#side .loginArea dl.card dt.side_ax_name{
	font-size:10px;
}
#side .loginArea .btnLogout{
	text-align:center;
	padding: 0 0 10px;
}
#side .loginArea .btnHistory{
	background: #fff none;
	border-right: 1px solid #bfb897;
	border-bottom: 1px solid #bfb897;
	text-align:center;
	padding: 10px 0;
}
/* -- カート -- */
#side p.btn_toTop{
	margin:0 0 30px;
	}
/* -- カート -- */
#side .cart{
	margin:0 0 30px;
	}
#side .cart div{
	padding:15px;
	background:#fff;
	border-right:1px solid #bdb695;
	border-bottom:1px solid #bdb695;
	}
#side .cart div p{
	margin:0 0 12px;
	}
#side .cart div p span{
	color:#fa3e33;
	}
#side .cart div p.last{
	background:url(/persona/front_app/public/img/Eticket/common/bg_border.gif) left top repeat-x;
	padding:12px 0 0;
	margin:0;
	}
/* -- 商品カテゴリー -- */
#side .categoryBox{
	margin:0 0 30px;
	}
#side .categoryBox ul{
	padding:15px;
	background:#fff;
	border-right:1px solid #bdb695;
	border-bottom:1px solid #bdb695;
	}
#side .categoryBox ul li{
	margin:0 0 10px;
	padding:0 0 10px;
	background:url(/persona/front_app/public/img/Eticket/common/bg_border.gif) left bottom repeat-x;
	}
#side .categoryBox ul li.last{
	padding:0 0 10px;
	margin:0;
	}
#side .categoryBox ul li a{
	background:url(/persona/front_app/public/img/Eticket/common/ico_arrow01.gif) left center no-repeat;
	padding:0 0 0 24px;
	display:block;
	color:#000;
	text-decoration:none;
	}
#side .categoryBox ul li a:hover{
	text-decoration:underline;
	}
/* -- 検索 -- */
#side .serachBox{
	margin:0 0 30px;
	}
#side .serachBox dl{
	padding:15px 15px 10px;
	margin:0 0 15px;
	background:#fff;
	border-right:1px solid #bdb695;
	}
#side .serachBox dl.last{
	border-bottom:1px solid #bdb695;
	padding:14px 15px 5px;
	}
#side .serachBox dt{
	background:url(/persona/front_app/public/img/Eticket/common/ico_arrow02.gif) left center no-repeat;
	padding:0 0 0 16px;
	margin:0 0 10px 3px;
	color:#b0a882;
	}
#side .serachBox dl dd.first{
	margin:0 0 15px;
	padding:0 0 15px;
	background:url(/persona/front_app/public/img/Eticket/common/bg_border.gif) left bottom repeat-x;
	}

#side .serachBox ul.keep input {
  display: block;
  float: left;
}
#side .serachBox ul.keep span {
  display: block;
  overflow: hidden; /* モダンブラウザ用 */
  padding: 0 10px;
  zoom: 1; /* IE6用 */
}

#side .serachBox dl dd ul li{
	margin:0 0 10px;
	}
#side .serachBox dl dd ul li.last{
	margin:0;
	}
#side .serachBox dl dd ul li input.check:hover,label:hover{
	cursor:pointer;
	}
#side .serachBox dl dd.text input{
	/*border:none;*/
	/*background:url(/persona/front_app/public/img/Eticket/common/bg_inputText.gif) left top no-repeat;*/
	width:165px;
	height:25px;
	line-height:25px;
	padding:0 0 0 5px;
	margin:0 0 20px;
	resize:none;
	}
#side .serachBox dl dd.last{
	margin:0;
	}
/* ---------　フッター ---------- */
footer{
	border-top:4px solid #bdb695;
	background:#fff;
}
#footerIn{
	width:980px;
	margin:0 auto;
	padding:10px 0;
	}
footer ul{
	padding:5px 0 0;
	}
footer ul li{
	display:inline-block;
	*display: inline; /* IE7対応 */
  *zoom: 1; /* IE7対応 */
	margin:0 0 0 10px;
}
footer p#copyright{
	color:#000;
	float:left;
	font-size:10px;
}
*+html footer p#copyright{
	vertical-align:middle; /* IE7対応 */
}
footer p#copyright img{
	padding:0 15px 2px 0;
}
*+html footer p#copyright img{
	vertical-align:middle; /* IE7対応 */
}
footer ul#copyright li.last{
	padding:0;
	font-size:10px;
	line-height:10px;
	margin:3px 0 0;
	}

/*パンクズリスト

-------------------------------------------------------*/
nav.breadCrumb{
	height:12px;
	margin:0 0 12px;
	}
nav.breadCrumb ul{
	line-height:12px;
	}
nav.breadCrumb ul li{
	float:left;
	margin:0 3px 0 0;
	}
nav.breadCrumb ul li.last{
	margin:0;
	}
/*汎用クラス

-------------------------------------------------------*/

/* ---------　.clearfix ---------- */
.clearfix {zoom:1; overflow: hidden;}
.clear-all{clear:both;}
*:after {
  display:block;
  clear:both;
}
.flLeft{
	float:left;
	}
.flRight{
	float:right;
	}
.taCenter{
	text-align:center;
	}
.taRight{
	text-align:right;
	}
.taLeft{
	text-align:left !important;
	}

/* 注釈(赤) */
.attention {
	color: #ff0000;
}
.notice{
	color:#F00;
}
div.error-message{
	color:#ff0000;
}
/* ---------　margin ---------- */
.mt0 { margin-top:0 !important; }
.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }
.mt70 { margin-top:70px !important; }
.mt80 { margin-top:80px !important; }
.mt90 { margin-top:90px !important; }
.mt100 { margin-top:100px !important; }
.mt110 { margin-top:110px !important; }
.mt120 { margin-top:120px !important; }
.mt130 { margin-top:130px !important; }
.mt140 { margin-top:140px !important; }
.mt150 { margin-top:150px !important; }
.mt160 { margin-top:160px !important; }
.mt170 { margin-top:170px !important; }
.mt180 { margin-top:180px !important; }
.mt190 { margin-top:190px !important; }
.mt200 { margin-top:200px !important; }
.mt210 { margin-top:210px !important; }
.mt220 { margin-top:220px !important; }
.mt230 { margin-top:230px !important; }
.mt240 { margin-top:240px !important; }
.mt250 { margin-top:250px !important; }
.mt260 { margin-top:260px !important; }
.mt270 { margin-top:270px !important; }
.mt280 { margin-top:280px !important; }
.mt290 { margin-top:290px !important; }
.mt300 { margin-top:300px !important; }
.mt310 { margin-top:310px !important; }
.mt320 { margin-top:320px !important; }
.mt330 { margin-top:330px !important; }
.mt340 { margin-top:340px !important; }
.mt350 { margin-top:350px !important; }
.mt360 { margin-top:360px !important; }
.mt370 { margin-top:370px !important; }
.mt380 { margin-top:380px !important; }
.mt390 { margin-top:390px !important; }
.mt400 { margin-top:400px !important; }
.mt410 { margin-top:410px !important; }
.mt420 { margin-top:420px !important; }
.mt430 { margin-top:430px !important; }
.mt440 { margin-top:440px !important; }
.mt450 { margin-top:450px !important; }
.mt460 { margin-top:460px !important; }
.mt470 { margin-top:470px !important; }
.mt480 { margin-top:480px !important; }
.mt490 { margin-top:490px !important; }
.mt500 { margin-top:500px !important; }


/* margin-right variation */
.mr0 { margin-right:0 !important; }
.mr10 { margin-right:10px !important; }
.mr20 { margin-right:20px !important; }
.mr30 { margin-right:30px !important; }
.mr40 { margin-right:40px !important; }
.mr50 { margin-right:50px !important; }
.mr60 { margin-right:60px !important; }
.mr70 { margin-right:70px !important; }
.mr80 { margin-right:80px !important; }
.mr90 { margin-right:90px !important; }
.mr100 { margin-right:100px !important; }
.mr110 { margin-right:110px !important; }
.mr120 { margin-right:120px !important; }
.mr130 { margin-right:130px !important; }
.mr140 { margin-right:140px !important; }
.mr150 { margin-right:150px !important; }
.mr160 { margin-right:160px !important; }
.mr170 { margin-right:170px !important; }
.mr180 { margin-right:180px !important; }
.mr190 { margin-right:190px !important; }
.mr200 { margin-right:200px !important; }
.mr210 { margin-right:210px !important; }
.mr220 { margin-right:220px !important; }
.mr230 { margin-right:230px !important; }
.mr240 { margin-right:240px !important; }
.mr250 { margin-right:250px !important; }
.mr260 { margin-right:260px !important; }
.mr270 { margin-right:270px !important; }
.mr280 { margin-right:280px !important; }
.mr290 { margin-right:290px !important; }
.mr300 { margin-right:300px !important; }
.mr310 { margin-right:310px !important; }
.mr320 { margin-right:320px !important; }
.mr330 { margin-right:330px !important; }
.mr340 { margin-right:340px !important; }
.mr350 { margin-right:350px !important; }
.mr360 { margin-right:360px !important; }
.mr370 { margin-right:370px !important; }
.mr380 { margin-right:380px !important; }
.mr390 { margin-right:390px !important; }
.mr400 { margin-right:400px !important; }
.mr410 { margin-right:410px !important; }
.mr420 { margin-right:420px !important; }
.mr430 { margin-right:430px !important; }
.mr440 { margin-right:440px !important; }
.mr450 { margin-right:450px !important; }
.mr460 { margin-right:460px !important; }
.mr470 { margin-right:470px !important; }
.mr480 { margin-right:480px !important; }
.mr490 { margin-right:490px !important; }
.mr500 { margin-right:500px !important; }


/* margin-left variation */
.ml0 { margin-left:0 !important; }
.ml10 { margin-left:10px !important; }
.ml20 { margin-left:20px !important; }
.ml30 { margin-left:30px !important; }
.ml40 { margin-left:40px !important; }
.ml50 { margin-left:50px !important; }
.ml60 { margin-left:60px !important; }
.ml70 { margin-left:70px !important; }
.ml80 { margin-left:80px !important; }
.ml90 { margin-left:90px !important; }
.ml100 { margin-left:100px !important; }
.ml110 { margin-left:110px !important; }
.ml120 { margin-left:120px !important; }
.ml130 { margin-left:130px !important; }
.ml140 { margin-left:140px !important; }
.ml150 { margin-left:150px !important; }
.ml160 { margin-left:160px !important; }
.ml170 { margin-left:170px !important; }
.ml180 { margin-left:180px !important; }
.ml190 { margin-left:190px !important; }
.ml200 { margin-left:200px !important; }
.ml210 { margin-left:210px !important; }
.ml220 { margin-left:220px !important; }
.ml230 { margin-left:230px !important; }
.ml240 { margin-left:240px !important; }
.ml250 { margin-left:250px !important; }
.ml260 { margin-left:260px !important; }
.ml270 { margin-left:270px !important; }
.ml280 { margin-left:280px !important; }
.ml290 { margin-left:290px !important; }
.ml300 { margin-left:300px !important; }
.ml310 { margin-left:310px !important; }
.ml320 { margin-left:320px !important; }
.ml330 { margin-left:330px !important; }
.ml340 { margin-left:340px !important; }
.ml350 { margin-left:350px !important; }
.ml360 { margin-left:360px !important; }
.ml370 { margin-left:370px !important; }
.ml380 { margin-left:380px !important; }
.ml390 { margin-left:390px !important; }
.ml400 { margin-left:400px !important; }
.ml410 { margin-left:410px !important; }
.ml420 { margin-left:420px !important; }
.ml430 { margin-left:430px !important; }
.ml440 { margin-left:440px !important; }
.ml450 { margin-left:450px !important; }
.ml460 { margin-left:460px !important; }
.ml470 { margin-left:470px !important; }
.ml480 { margin-left:480px !important; }
.ml490 { margin-left:490px !important; }
.ml500 { margin-left:500px !important; }


/* margin-bottom variation */
.mb0 { margin-bottom:0 !important; }
.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
.mb70 { margin-bottom:70px !important; }
.mb80 { margin-bottom:80px !important; }
.mb90 { margin-bottom:90px !important; }
.mb100 { margin-bottom:100px !important; }
.mb110 { margin-bottom:110px !important; }
.mb120 { margin-bottom:120px !important; }
.mb130 { margin-bottom:130px !important; }
.mb140 { margin-bottom:140px !important; }
.mb150 { margin-bottom:150px !important; }
.mb160 { margin-bottom:160px !important; }
.mb170 { margin-bottom:170px !important; }
.mb180 { margin-bottom:180px !important; }
.mb190 { margin-bottom:190px !important; }
.mb200 { margin-bottom:200px !important; }
.mb210 { margin-bottom:210px !important; }
.mb220 { margin-bottom:220px !important; }
.mb230 { margin-bottom:230px !important; }
.mb240 { margin-bottom:240px !important; }
.mb250 { margin-bottom:250px !important; }
.mb260 { margin-bottom:260px !important; }
.mb270 { margin-bottom:270px !important; }
.mb280 { margin-bottom:280px !important; }
.mb290 { margin-bottom:290px !important; }
.mb300 { margin-bottom:300px !important; }
.mb310 { margin-bottom:310px !important; }
.mb320 { margin-bottom:320px !important; }
.mb330 { margin-bottom:330px !important; }
.mb340 { margin-bottom:340px !important; }
.mb350 { margin-bottom:350px !important; }
.mb360 { margin-bottom:360px !important; }
.mb370 { margin-bottom:370px !important; }
.mb380 { margin-bottom:380px !important; }
.mb390 { margin-bottom:390px !important; }
.mb400 { margin-bottom:400px !important; }
.mb410 { margin-bottom:410px !important; }
.mb420 { margin-bottom:420px !important; }
.mb430 { margin-bottom:430px !important; }
.mb440 { margin-bottom:440px !important; }
.mb450 { margin-bottom:450px !important; }
.mb460 { margin-bottom:460px !important; }
.mb470 { margin-bottom:470px !important; }
.mb480 { margin-bottom:480px !important; }
.mb490 { margin-bottom:490px !important; }
.mb500 { margin-bottom:500px !important; }


/* 画像のコピーガード対策有り */
.mainImage{
    position:relative;
}
span.guard{
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    background-image:url(/persona/front_app/public/img/Eticket/common/spacer.gif);
}