@charset "UTF-8";
/************************************************************
 初期化 
 ***********************************************************/
body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, th, td, form, fieldset, input, textarea, blockquote { margin: 0; padding: 0; }
ul, ol { list-style: none; }
img { vertical-align: bottom; }
table { border-collapse: separate; *border-collapse: collapse; border-spacing: 0; empty-cells: show; }
th, var { font-weight: normal; font-style: normal; }
caption, th { text-align: left; }
select { margin: 0; }
fieldset, img, a img { border: 0; max-width: 100%;}
address, caption, cite, code, dfn, em, strong, h1, h2, h3, h4, h5, h6 { font-size: 100%; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }

/************************************************************
 アンカー 
 ***********************************************************/
a:link { color: #337777; }
a:visited { color: #337777; }
a:hover { color: #429b9b; }
a:active { color: #337777; }
a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; }
.clearfix:after { content: ""; clear: both; display: block; }

/************************************************************
 フォント 
 ***********************************************************/
body, input, select, textarea, table, th, td, li, a { font-family: 'メイリオ','MS P Gothic',Arial,'ＭＳ Ｐゴシック',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif,Helvetica; }
body, input, select, textarea, table { color: #333333; font-size: 12px; line-height: 1.5; }
h1, h2, h3, h4, h5, h6 { font-size: 12px; }
h2, h3 { color: #51636e; }

/************************************************************
 共通 
 ***********************************************************/
body { word-break: break-all;}
/************************************************************
 HEADER 
 ***********************************************************/
header { background-image: url(../img/common/bg_header_01.png?171207); background-repeat: repeat-x;  padding-top: 10px; margin-bottom: 20px; }
#logoarea{width: 980px; margin: 0 auto; position: relative; zoom: 1; padding: 0; height: 80px;}
.logoleft { width: 50%; display: inline-block; *display: inline; zoom: 1 ; vertical-align: middle ; }
#logo { display: block; margin: 15px 0; width: 250px; height: 49px; background: url("/tokuten/img/common/trlogo_header.png") no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden;-moz-background-size:contain; background-size:contain;}
#logo a:hover{ opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; }
/* ログインエリア */
#loginarea { text-align: right; margin: 0; float: right;padding: 8px 0 0 0; }
#loginarea a { display: inline-block; width: 80px; height: 60px;}
#loginarea a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; }
/* メルマガ設定 */
.mailiconarea{margin: 0;padding:0; float: left;width: 80px; height: 60px; }
.mailiconarea a{background: url("/tokuten/img/common/pc_h_mail_btn.png") no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden;background-size:contain; }
/* 初期表示 */
#rikupon-login { display: block; margin: 0;  width: 245px; height: 60px;}
.login-wel a{background: url("/tokuten/img/common/pc_h_logout_btn01.png") no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; float: left; display: block;background-size:contain;}
#rikupon-login-url a{background: url("/tokuten/img/common/pc_h_logout_btn02.png") no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden;background-size:contain; }
/* ログイン後表示 */
#rikupon-logout { display: block; margin: 0; width: 160px; height: 60px; }
#rikupon-logout-url a{ background: url("/tokuten/img/common/pc_h_login_btn.png") no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; background-size:contain;}
/* ゲスト情報 */
#namebar {border-bottom: 1px solid #e2e2e2;border-top: 1px solid #e2e2e2; background:#fafafa; height: 40px; margin-bottom: 20px; }
.gestarea{width: 980px; margin: 0 auto; text-align: right;}
.gest-login ,.gest-logout{font-size: 14px; font-weight: bold; line-height:3.1em ;}
#rikupon-logout ,.gest-logout{display: none;}
/************************************************************
 WRAPPER 
 ***********************************************************/
#wrapper { width: 980px; margin: 0 auto; position: relative; *zoom: 1; }
#wrapper:before, #wrapper:after { content: ""; display: table; }
#wrapper:after { clear: both; height: 1px\9; margin-bottom: -1px \9; }
/************************************************************
 maintenance 
 ***********************************************************/
.maintenance { margin-top: 10px; margin-bottom: 35px; padding: 10px; border: 1px solid #E1E1E1;}
/************************************************************
 FOOTER 
 ***********************************************************/
footer {background-image: url(../img/pc/x.png);background-repeat: repeat-x; background-position: 0 -33px; margin: 40px 0; padding-top: 15px; zoom: 1;  }
footer .footer { margin: 0 auto; height: 60px; width: 980px; position: relative; zoom: 1;  min-height: 1px; _height: 1px; }
footer .footer:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
footer .footer #copyright{ line-height: 2.8;}
footer #copyright #footer_logo a{font-size: 10px;text-decoration: none; color: #435B67;font-family: 'メイリオ';font-weight: bold; padding: 7px 0;}
footer #copyright #group a{font-size: 10px;color: #435B67;font-family: 'メイリオ';font-weight: bold;}
footer nav ul { font-size: 88%; overflow: hidden; position: absolute; top: 30px; right: 0; }
footer nav ul li { float: left; border-right: 1px solid #DDD; padding-right: 15px; *padding-right: 16px; margin-left: 15px; margin-right: -1px; }
/* ブランド */
#f-rls { background-image: url(/tokuten/img/common/bg_header_01.png); background-repeat: repeat-x;  padding-top: 20px; position: relative; zoom: 1; margin: 20px auto 60px; font-size: 14px;}
#f-rls address{ margin-top: 3px; text-align: left;width: 980px;margin: 0 auto;}
#f-rls #linkrecruitgroup { color: #435B67; font-size: 10px; font-weight: bold; text-decoration: underline; line-height: 2;font-style: normal;}
/************************************************************
 CONTENTS 
 ***********************************************************/
#contents { width: 980px; margin:5px auto 50px; padding: 0; min-height: 350px; _height: 350px; }

/************************************************************
 ITEM-LIST
 ***********************************************************/
/* item共通 */
.detail .necessary{font-size: 12px;font-weight: bold;}
.detail .company{font-size: 8px;font-weight: bold;}
.detail .point{font-size: 14px;color: #ff3c3c;font-weight: bold;}