

/*  株式会社Appli(アプリ)
--------------------------------------------------------------------------*/
/*  http://www.appli.tv
--------------------------------------------------------------------------*/


@charset "shift_jis";
a:link {text-decoration: none;} 
a:visited {text-decoration: none;} 
a:hover {text-decoration: none;} 
ul, ol, ul li, ol li { list-style: none; }
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
body{font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto ,"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" ,  "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;}


body { margin:0px;padding:0px;}
body { background-color: rgba(255,255,255,1.0);}


/*  BASE
--------------------------------------------------------------------------*/
div, ul, li, p, h1, h2, h3 { padding: 0px; margin: 0px; }
ul, ol, ul li, ol li { list-style: none; }
form{ margin:0px;}
input{margin:0px;}


/*  HEAD
--------------------------------------------------------------------------*/
h1{margin: 0px 0px 0px;padding: 0px 0px 0px 0px;}
h2{margin: 0px 0px 0px;padding: 0px 0px 0px 0px;}
.clear { display: none;}

.header { width: 100%;}
.header { padding: 0px 0px 0px 0px;margin:0px 0px 0px 0px;position: relative;}
.head { width: 1200px;height: 120px;position: relative;}
.logo { max-width: 330px; position: absolute;top: 40;left: 0;z-index: 8888;}


.box_main { width: 100%;min-width: 1200px;height: 700px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px; position:relative;}
.box_main { background-position: 50% 50%;background-size: cover;}


.main_block { background-color: rgba(255,255,255,1.0);}
.main_block { width: 100% ;min-height: 300px;padding: 60px 0px 50px 0px;position: relative;z-index: 4;}


.catch { max-width: 100%; position: absolute;top: 250;right:0px;left:0px;margin:auto auto;z-index: 8888;}

.button_other { width: 340px;font-size:18px;font-weight:bold;text-decoration:none;position: absolute;top: 550;right:0px;left:0px;margin:auto auto;z-index: 8888;}
.button_other a { border: 3px solid #b0b0b0;border-radius: 0px;padding: 0px 0px 0px 0px;}
.button_other a { line-height: 54px;background-color: rgba(0,0,0,0.0);color: #fff;text-align: center;text-decoration: none;display:block;}
.button_other a:hover  { border: 3px solid #cccccc;background-color: rgba(0,0,0,0.8);color: #fff;text-decoration: none;display:block;}


/*  SHOP
--------------------------------------------------------------------------*/
.shop_block { width: 100%;min-width: 1200px;min-height: 200px;padding: 40px 0px 20px 0px;}
.shop_block { background-color: rgba(255,255,255,1);}

ul.shop_list { width: 1212px;margin: 0px 0px 0px 0px;padding: 20px 0px 0px 0px;display: inline-block;}
ul.shop_list li { margin: 7px 7px 7px 7px;padding: 0px 0px 0px 0px;float:left;text-align: center;}
ul.shop_list li { width: 390px;position:relative;}
ul.shop_list li a { margin: 0px 0px 0px;padding: 0px 0px 0px;display:block;}
ul.shop_list:after { content: "";display: block;clear: both;}
ul.shop_list li img { width: 380px;}

.shop_bg { width: 390px;background-color: rgba(243,243,243,1.0);padding: 5px 0px 5px 0px;}

.list_name { font-size: 13px;color: #222;line-height: 1.5;letter-spacing:0px;text-align: left;padding: 7px 0px 0px;margin: 0px 0px 0px;}
.list_tel { font-size: 12px;color: #222;line-height: 1.5;letter-spacing:0px;text-align: left;padding: 0px 0px 0px;margin: 0px 0px 0px;}
.list_tel a { text-decoration: none;}
.list_tel a:hover { text-decoration: line-through;}


/*  JOB
--------------------------------------------------------------------------*/
.job_block { width: 100%;min-width: 1200px;min-height: 200px;padding: 40px 0px 50px 0px;}
.job_block { background-color: rgba(255,255,255,1);}


ul.job_list { width: 1212px;margin: 0px 0px 0px 0px;padding: 20px 0px 0px 0px;display: inline-block;}
ul.job_list li { margin: 7px 7px 7px 7px;padding: 0px 0px 0px 0px;float:left;text-align: center;}
ul.job_list li { width: 390px;position:relative;}
ul.job_list:after { content: "";display: block;clear: both;}


.job_title { width: 390px;line-height: 38px;background-color:#fcfcfc;border:1px solid #e8e8e8;position: relative;}
.job_title { font-size: 13px;color: #222;font-weight: bold;margin: 0px 0px 5px;padding: 0px;}
.job_list_bg { height: 400px;background:#fcfcfc;padding: 7px 0px 7px 0px;}


.blog_frame { overflow:auto;width: 376px;height: 400px;margin: 0px 0px 0px;padding: 0px 0px 0px;-webkit-overflow-scrolling:touch;display: inline-block;}


.frame {
  width:100%;
  height:100%;
  border:none;
  display:block;
}

/*  CONTACT
--------------------------------------------------------------------------*/
.contact_block { width: 100%;min-width: 1200px;padding: 60px 0px 40px 0px;}
.contact_block { background-color: rgba(247,247,247,0.8);border-bottom: 1px dotted #;}

table.form { width: 880px;margin: 15px 0px 5px;border-collapse: separate;border-spacing: 1px 1px;}
table.form { text-align: left;line-height: 1.5;}
table.form th { width: 170px;background-color: #;padding: 5px 15px 5px 15px;font-size:13px;font-weight: normal;vertical-align: middle;color: #333;text-align: right; }
table.form td { background-color: #;padding: 5px 15px 5px 15px;font-size:13px;vertical-align: top;color: #fff;}


/*  FORM
--------------------------------------------------------------------------*/
input { width: 420px;height: 48px;line-height: 48px;background-color: #f7f7f7;padding: 0px 0px 0px 10px;margin: 0px 0px 0px 0px;border-radius: 1px;border: 1px solid #dcdad5;}
input { letter-spacing: 0px;text-align: left;-webkit-appearance: none; }
input:focus{ background: #fff;}

textarea { width: 550px;background-color: #f7f7f7;;border:1px solid #dcdad5;border-radius: 1px;font-size: 14px;color: 333;}
textarea { padding: 5px 5px 5px 5px;margin: 0px 0px 0px 0px;overflow: auto; resize: none;-webkit-appearance: none; }
textarea:focus{ background: #fff;}

select { width: 350px;height: 44px;margin: 5px 0px 5px 0px;font-size:15px;color:#666;border-radius: 1px;background-color: #fffefb;border: 1px solid #dcdad5;}
select { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
select { background: #fff url(../img/select_arrow.png) no-repeat right;}
select { padding: 7px 7px 7px 7px;-webkit-appearance: none;}
select:focus{ background: #fff;}
.select_day { width:200px; margin: 5px 0px 5px 0px;}

input.button { width:450px;height: 60px;margin: 20px 0px 20px 0px;border: 3px solid #85817e;border-radius: 0px;background:#000;}
input.button { font-size: 17px;color: #fff;letter-spacing: 0px;line-height: 1.5;font-weight: normal;text-align: center;-webkit-appearance: none;}
input.button:hover { background: #151616;color: #666;}
input.button:active { position:relative;top:1px;}


/*  FOOTER
--------------------------------------------------------------------------*/
#map_canvas  { background-color: rgba(); }
#map_canvas  { width: 100%;height: 500px;opacity: 1.0;margin: 0px 0px 0px 0px; }

.footer { min-height: 300px;background-color: rgba(0,0,0,1.0);margin:20px 0px 0px 0px;padding: 30px 0px 10px 0px;position:relative; }
.foot_logo { margin: 20px 0px 10px 0px;}

ul.foot_address { margin: 0px 0px 0px 0px;padding: 20px 0px 20px 0px;}
ul.foot_address li { padding: 0px 0px 3px 0px;letter-spacing:0px;}
ul.foot_address li { font-size: 13px;color: #eaeaea;line-height: 1.5;text-align: center;}
ul.foot_address li a { color: #eaeaea;text-decoration: none;}
ul.foot_address li a:hover { text-decoration: none;}
.copy { min-width: 1200px;margin:55px 20px 0px 20px;height: 48px;line-height: 48px;border-top: 1px dotted rgba(100, 100, 100,0.8);position:relative;}
.copy { letter-spacing: 0px;padding: 0px 0px 0px 0px;font-size: 11px;font-family: Tahoma,arial,sans; color: #939393;text-align: center;}
.copy a { color: #fff;text-decoration: none;display: block;}
.copy a:hover { color: #fff;text-decoration: none;}