@charset "utf-8";

* { margin: 0; padding: 0;} 
html,body { height: 100%; margin: 0px auto;}
body {   
	background-color: #fff;
	font-family: "メイリオ","Meiryo",Verdana,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN",sans-serif;
	font-size: 13px;
	color: #333;
	line-height: 1.5em;
}
h1, h2, h3, h4, h5, h6 { font-weight: normal;}   
p, dt, dd, li, h1, h2, h3, h4, h5, h6 { line-height: 1.5em;}
ul,ol { list-style-type: none;}
p { margin: 0px;} 
img { border:0; vertical-align: bottom;}   

/* clearfix
--------------- */
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.clearfix { display: inline-table; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* link
--------------- */
a { text-decoration: none;}
a:link { color: #333;}
a:visited { color: #333;}
a:focus{ outline: none;}

a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";}
a:hover img { opacity: 0.7; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)";}
input:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";}

/* txtarea
--------------- */
.mrgT5 { margin-top: 10px;}
.mrgT10 { margin-top: 10px;}
.mrgT15 { margin-top: 15px;}
.mrgT20 { margin-top: 20px;}
.mrgT30 { margin-top: 30px;}
.mrgT40 { margin-top: 40px;}
.txt { margin-bottom: 1em;}
.htxt { margin-bottom: 0.5em;}
.mainTxt { padding: 10px; clear: both;}

select, textarea { border: 1px solid #ccc;}
.ckbtn { vertical-align: middle; margin-right: 5px;}
.box250 { padding: 5px; width: 238px; height: 18px;	border: 1px solid #ccc;}
.slct250 { padding: 5px; width: 250px; height: 30px; border: 1px solid #ccc;}

/* search base
--------------- */
#reCnt { font-size: 13px; width: 960px; margin: 0 auto;}

.pan { margin-bottom: 30px;}
.pan li { float: left;}
.pan li:before { content: "\f105"; font-family: FontAwesome; margin: 0 7px;}
.pan li:first-child:before { content: ""; margin: 0;}

#reCnt .ttl { font-size: 18px; font-weight: bold; margin-bottom: 20px; background: url(/assets/img/pc/renew/ttlback.png) no-repeat top left; height: 20px; line-height: 20px; text-indent: 15px;}

.paging { position: relative; overflow: hidden; margin: 20px 0 30px;}
.paging ul { position: relative; left: 50%; float: left;}
.paging li { position: relative; left: -50%; float: left; margin-left: 15px;}
.paging li:first-child { margin-left: 0px;}
.paging li a { text-decoration: underline;}

/* brand
--------------- */
.brdTtl { background: #eee; padding: 10px 15px; font-size: 24px; font-weight: bold; margin-bottom: 30px;}
.brdMain { margin-bottom: 30px; display: table;}
.brdMain div { display: table-cell;}
.brdMain .brdMainLg { width: 300px; padding-right: 20px; text-align: center; vertical-align: middle;}
.brdMain .brdMainTxt { width: 640px; font-size: 14px;}

.brdCnt { padding: 40px 0; clear: both; border-top: 1px dotted #353535;}

/* brand pic */
.brdPic { margin-bottom: 30px;}
.brdPic li { border: 1px solid #ddd; width: 310px; height: 240px; float: left; margin-left: 12px; text-align: center;}
.brdPic li p { display: table-cell; vertical-align: middle; width: 290px; height: 220px; padding: 10px; text-align: center;}
.brdPic li:first-child { margin-left: 0;}
.brdPic li img.fullW { width: 100%; height: auto;}
.brdPic li img.fullH { width: auto; height: 100%; margin: 0 auto;}


/* brand star */
.brdCnt .dtlPhoto li { width: 225px; text-align: center; float: left; margin-left: 20px;}
.brdCnt .dtlPhoto li:first-child { margin-left: 0;}
.brdCnt .dtlPhoto li img { margin-bottom: 10px; border: 1px solid #ddd;}
.brdCnt .dtlPhoto li .lnk span { font-weight: bold;}
.brdCnt .dtlPhoto li .lnk a { background: #fff; border:1px solid #333; display: block; color: #333; line-height: 30px; width: 150px; margin: 5px auto 0;}
.brdCnt .dtlPhoto li .lnk a:before { content: "\f138"; font-family: FontAwesome; margin-right: 5px;}
.brdCnt .photoLnk { text-align: right; margin-top: 20px; clear: both;}
.brdCnt .photoLnk:before { content: "\f138"; font-family: FontAwesome; margin-right: 5px;}
.brdCnt .photoLnk img { margin-top: 5px;}

/* brand table */
.brdTbl { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.brdTbl th { background: #eee; font-size: 14px;}
.brdTbl th, .brdTbl td { padding: 15px; border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
.brdTbl li { line-height: 2em;}
.brdTbl li:before { content: "\f0da"; font-family: FontAwesome; margin-right: 5px;}
.brdAra { width: 100px;}
.brdAraDtl { width: 300px;}

.brdLst { border-top: 1px dotted #ccc; border-left: 1px dotted #ccc; width: 956px;}
.brdLst li { width: 238px; float: left; text-align: center; font-size: 12px; display: table-cell; border-right: 1px dotted #ccc; border-bottom: 1px dotted #ccc;}
.brdLst li a { display: block; padding: 20px 0; }
.brdLst li p.kn {
  border-top: 1px solid #ddd;
  height: 2.5em;
  margin: 7px 15px 0;
  padding-top: 7px;
}

/* brand sns */
.brdSns { background: #eee; padding: 20px; position: relative; overflow: hidden; margin-top: 20px;}
.brdSns ul { position: relative; float: left; left: 50%;}
.brdSns li { float: left; margin-right: 15px; position: relative; left: -50%;}
.brdSns li.brdSnsTtl { font-size: 14px; font-weight: bold;}
.brdSns li.brdSnsTtl:after { content: "\f101"; font-family: FontAwesome; margin-left: 5px; font-weight: normal; font-size: 16px;}

.brdShop { margin-bottom: 30px;}
.brdShop dl { margin-top: 30px; text-align: center;}
.brdShop dt { font-weight: bold; font-size: 14px; margin-bottom: 5px;}
.brdShop dt:before { content: "\f13a"; font-family: FontAwesome; margin-right: 5px;}
.brdShop dd { }

/* brand job */
.brdJob { margin-bottom: 15px;}
.brdJob dt { float: left;}
.brdJob dd { padding-left: 95px; padding-top: 5px;}

.brdCnt .jobMail { text-align: left; width: 700px; margin-top: 20px; float: left;}
.brdCnt .jobMail p { margin-bottom: 5px;}
.brdCnt .jobMailBtn { background: #333; width: 50px; height: 30px; border: 1px solid #333; color: #fff; font-family: "メイリオ","Meiryo",Verdana,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN",sans-serif; cursor: pointer;}
.brdCnt .jobQR { text-align: left; width: 230px; margin-top: 20px; float: right;}
.brdCnt .jobMail h5, .brdCnt .jobQR h5 { font-size: 14px; font-weight: bold; border-bottom: 1px solid #333; padding-bottom: 5px; position: relative; margin-bottom: 15px;}
.brdCnt .jobQR h5 { text-indent: 17px;}
.brdCnt .jobMail h5:before { content: "\f0e0"; font-family: FontAwesome; margin-right: 5px; font-weight: normal;}
.brdCnt .jobQR h5:before { content: "\f10b"; font-family: FontAwesome; margin-right: 5px; font-size: 22px; font-weight: normal; position: absolute; top: 0px; left: 0px; text-indent: 0;}