/* style */

/* Reset ---------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* old ---------------------------------------------------------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}

/* Layout ---------------------------------------------------------------------*/

body{

font-size:14px;
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
background-color:#DBD1B7;
}

#header_wrap{
width:100%;
height:160px;
background-image:url(/usr_img/pc/header_back.jpg);
background-repeat:repeat-x;
}


#header {
width:960px;
height:160px;
margin:0 auto;
}

#header_tel{
width:200px;
height:80px;
margin:24px 0px 20px 0px;
background-image:url(/usr_img/pc/head_tel2014.png);
text-indent:-9999px;
float:right;
}

#image_wrap{
width:100%;
background-image:url(/usr_img/pc/mainimage_back.jpg);
}

#contents{
width:960px;
margin:0 auto;
}

#primary{
width:700px;
float:left;
margin-bottom:27px;
}

#sidebar{
width:230px;
float:right;
margin-bottom:27px;
}

img.side_banner{
margin-bottom:10px;
}

a:hover img.side_banner{
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}

#mobile{
margin-bottom:10px;
}

#mobile_h{
width:230px;
height:35px;
background-image:url(/usr_img/pc/mobile_h.png);
background-repeat:no-repeat;
font-size:11px;
color:#FFF;
line-height:35px;
text-indent:43px;
}

#mobile_text{
width:140px;
height:82px;
background-image:url(/usr_img/pc/mobile_text.png);
background-repeat:no-repeat;
font-size:10px;
padding:5px 5px 0px 85px;
line-height:15px;
}

#company_box{
width:220px;
background-color:#FFF;
margin-bottom:10px;
padding:5px;
}

#company_box p{
margin:5px;
font-size:13px;
line-height:150%;
letter-spacing:2px;
}


#footer_wrap{
width:100%;
height:235px;
background-image:url(/usr_img/pc/footer_back.jpg);
background-repeat:repeat-x;
clear:both;
}

#footer{
width:960px;
margin:0 auto;
font-size:12px;
}

#toTop{
width:230px;
height:35px;
background-image:url(/usr_img/pc/btt_btn.png);
text-indent:-9999px;
float:right;
}

#toTop a{
height:35px;
display:block;
}

#copy{
text-align:center;
font-size:13px;
margin-top:16px;
color:#FFF;
}

/* Global Navigation ---------------------------------------------------------------------*/

#g_navi {
margin:0px;
padding:0;
width:960px;
height:40px;
overflow:hidden;
background-image:url(/usr_img/pc/g_navi.png);
clear:both;
}

#g_navi li{
list-style:none;
width:134px;
float:left;
margin-left:1px;
}

#g_navi li a{
display:block;
line-height:40px;
color:#fff;
text-align:center;
text-indent:-9999px;
}

#g_navi li a:hover{
background-image:url(/usr_img/pc/g_navi_on.png);
}

/* Footer Navigation ---------------------------------------------------------------------*/

#f_navi{
padding:40px 0px;
width:960px;
border-bottom:1px solid #FFF;
overflow:hidden;
text-align:center;
clear:both;
}

#f_navi li{
display:inline;
list-style:none;
padding:0px 7px;
border-left:1px solid #FFF;
font-size:11px;
}

#f_navi li a{
color:#FFF;
text-decoration:none;
}

#f_navi li a:hover{
color:#FFF;
border-bottom:solid 1px #FFF;
}

/* Title ---------------------------------------------------------------------*/
h1{
width:164px;
height:80px;
margin:20px 0px;
background-image:url(/usr_img/pc/logo.png);
text-indent:-9999px;
float:left;
}

h1 a{
display:block;
height:80px;
}

h2{
width:960px;
text-indent:-9999px;
margin:0 auto;
}

h2#top{

height:400px;
background-image:url(/usr_img/pc/mainimage.jpg);
background-repeat:no-repeat;
}

h2#greeting{
height:150px;
background-image:url(/usr_img/pc/pagetitle_greeting.jpg);
background-repeat:no-repeat;
}

h2#about{
height:150px;
background-image:url(/usr_img/pc/pagetitle_about.jpg);
background-repeat:no-repeat;
}

h2#business{
height:150px;
background-image:url(/usr_img/pc/pagetitle_business.jpg);
background-repeat:no-repeat;
}

h2#company{
height:150px;
background-image:url(/usr_img/pc/pagetitle_company.jpg);
background-repeat:no-repeat;
}

h2#results{
height:150px;
background-image:url(/usr_img/pc/pagetitle_results.jpg);
background-repeat:no-repeat;
}

h2#calendar{
height:150px;
background-image:url(/usr_img/pc/pagetitle_calendar.jpg);
background-repeat:no-repeat;
}

h2#inquiry{
height:150px;
background-image:url(/usr_img/pc/pagetitle_inquiry.jpg);
background-repeat:no-repeat;
}

h2#link{
height:80px;
background-image:url(/usr_img/pc/pagetitle_link.jpg);
background-repeat:no-repeat;
}

h2#privacy{
height:80px;
background-image:url(/usr_img/pc/pagetitle_privacy.jpg);
background-repeat:no-repeat;
}

h2#sitemap{
height:80px;
background-image:url(/usr_img/pc/pagetitle_sitemap.jpg);
background-repeat:no-repeat;
}

h2#topics{
height:150px;
background-image:url(/usr_img/pc/pagetitle_topics.jpg);
background-repeat:no-repeat;
}

h3.title_h3{
width:700px;
height:30px;
background-image:url(/usr_img/pc/h3_back.jpg);
color:#FFF;
font-size:16px;
line-height:30px;
text-indent:1em;
letter-spacing:0.5em;
font-weight:normal;
}

.topics_title{
width:700px;
height:30px;
background-image:url(/usr_img/pc/h3_back.jpg);
color:#FFF;
font-size:16px;
line-height:30px;
text-indent:1em;
letter-spacing:0.2em;
font-weight:normal;
}

h3.title_cafe{
width:700px;
height:40px;
background-image:url(/usr_img/pc/business_text01.gif);
background-repeat:no-repeat;
text-indent:-9999px;
}

h4.business_text02{
width:315px;
height:41px;
background-image:url(/usr_img/pc/business_text02.gif);
background-repeat:no-repeat;
text-indent:-9990px;
margin-bottom:10px;
}

h4.business_text03{
width:315px;
height:41px;
background-image:url(/usr_img/pc/business_text03.gif);
background-repeat:no-repeat;
text-indent:-9990px;
margin-bottom:10px;
}

h4.business_text04{
width:315px;
height:41px;
background-image:url(/usr_img/pc/business_text04.gif);
background-repeat:no-repeat;
text-indent:-9990px;
margin-bottom:10px;
}

h4.business_text05{
width:315px;
height:41px;
background-image:url(/usr_img/pc/business_text05.gif);
background-repeat:no-repeat;
text-indent:-9990px;
margin-bottom:10px;
}

h4.title_h4{
background-image:url(../usr_img/pc/icon01.gif);
background-repeat:no-repeat;
background-position:left 8px;
text-indent:1.5em;
color:#805800;
font-size:16px;
margin-top:10px;
line-height:200%;
}

/* スライダー ---------------------------------------------------------------------*/

.slider-wrapper {
  width:960px;
  margin:0 auto;
}

/* トピックス ---------------------------------------------------------------------*/

#topics {
  color:#3A1D15;
}

dl#topics dt{
  clear:right;
  float:right;
  margin:0px;
  width:90px;
  height:45px;
  padding-left:0px;
  color: #000;
  line-height:45px;
  border-bottom:1px dashed #FFF;
}

dl#topics dd{
  width:610px;
  height:45px;
  line-height:45px;
  text-indent:35px;
  border-bottom:1px dashed #FFF;
  background-image:url(/usr_img/pc/icon01.gif);
  background-repeat:no-repeat;
  background-position:10px center;
  font-size:13px;
}

#topics a{
color:#3A1D15;
text-decoration:none;
}

#topics a:hover{
text-decoration:underline;
}

.old_topics{
text-align:right;
font-size:12px;
margin:20px 10px 21px 0px;
}

.old_topics a{
color:#3A1D15;
text-decoration:none;
}

.old_topics a:hover{
text-decoration:underline;
}

.report{
line-height:150%;
}

.report_body img{
float:left;
margin:0px 10px 0px 0px;
}

.newImg{
margin-left:5px;
}

.topics_date{
margin:5px 5px 10px 0px;
text-align:right;
}

.back_topics{
margin-top:10px;
clear:both;
text-align:right;
}


/* プライバシー ---------------------------------------------------------------------*/

h3.privacy_h3{
  width:700px;
  height:45px;
  line-height:50px;
  text-indent:35px;
  border-bottom:1px dashed #FFF;
  background-image:url(/usr_img/pc/icon01.gif);
  background-repeat:no-repeat;
  background-position:10px center;
  font-size:14px;
}

.privacy_body{
width:655px;
margin:10px 10px 20px 35px;
font-size:13px;
line-height:150%;
}

/* 会社概要 ---------------------------------------------------------------------*/

dl.history{
clear:both;
}

.history dt{
float:left;
width:120px;
height:30px;
line-height:30px;
background-color:#D1C5A5;
margin:5px 0px;
padding:5px 0px;
text-align:center;
border-bottom:1px solid #3A1D15;
}

.history dd{
width:570px;
height:30px;
line-height:30px;
float:right;
margin-left:100px;
margin:5px 0px;
padding:5px;
border-bottom:1px solid #3A1D15;
}

table.outline{
width:700px;
border-collapse:separate;
border-spacing:0px 10px;
line-height:150%;
margin-bottom:20px;
}

table.outline th{
width:170px;
font-weight:normal;
text-align:left;
padding:10px;
background-color:#D1C5A5;
border-bottom:1px solid #3A1D15;
}

table.outline td{
width:530px;
padding:10px;
border-bottom:1px solid #3A1D15;
}

.sp1{
margin-left:9px;/* 数字の桁調整用 */
}

/* 店舗案内 ---------------------------------------------------------------------*/


#map { width:700px;height:600px;margin-top:10px; }

.ceo_text{
padding: 0px 10px; width: 680px; line-height: 150%; margin-top: 20px;
}

/* 実績紹介 ---------------------------------------------------------------------*/

.results_class{
border-bottom:1px dashed #FFF;
padding:0px 0px 20px 0px;
margin:20px 0px 20px 0px;
clear:both;
}

.results_box{
width:330px;
}

.box_l{
float:left;
}

.box_r{
float:right;
}

table.results_table{
width:170px;
font-size:12px;
float:right;
}

table.results_table caption{
font-weight:bold;
text-align:left;
text-indent:1.5em;
line-height:150%;
background-image:url(/usr_img/pc/icon01.gif);
background-repeat:no-repeat;
background-position:left;
color:#7F5800;
font-size:13px;
}

table.results_table th{
width:60px;
font-weight:normal;
text-align:right;
white-space:nowrap;
line-height:150%;
}

table.results_table td{
width:110px;
padding:2px 0px;
line-height:150%;
}

.results_photo{
border:1px solid #999;
padding:5px;
width:140px;
height:130px;
}

.expansion_btn{
width:81px;
height:15px;
margin-top:5px;
}

.clear { clear:both; }
.clear hr { display:none; }

/* lightbox ---------------------------------------------------------------------*/

body:after {
  content: url(/usr_img/pc/close.png) url(/usr_img/pc/loading.gif) url(/usr_img/pc/prev.png) url(/usr_img/pc/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}


.lb-loader {
  position: absolute;
  top: 43%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/usr_img/pc/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
}

.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  cursor: pointer;
  /* Trick IE into showing hover */
  display: block;
}

.lb-prev {
  left: 0;
  float: left;
}

.lb-prev:hover {
  background: url(/usr_img/pc/prev.png) left 48% no-repeat;
}

.lb-next {
  right: 0;
  float: right;
}

.lb-next:hover {
  background: url(/usr_img/pc/next.png) right 48% no-repeat;
}


.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #bbbbbb;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(/usr_img/pc/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.link_box{
margin-bottom:25px;
padding-bottom:10px;
padding-top:10px;
border-bottom:1px dashed #FFF;
}

.link_box img{
float:left;
margin-bottom:25px;
}

.link_box dl{
float:right;
width:440px;
}

.link_box dd{
font-weight:bold;
margin-bottom:10px;
padding-bottom:5px;
padding-top:5px;
}

.link_box dd a{
color:#000;
}

.link_box dt{
margin-bottom:25px;
line-height:150%;
}

/* 業務内容 ---------------------------------------------------------------------*/

.business_box{
width:315px;
margin-top:20px;
line-height:150%;
}

ul.business_list{
line-height:150%;
border-bottom:1px dashed #FFF;
padding-bottom:10px;
}

.text_box{
padding:10px;
line-height:150%;
}
.ind{
text-indent:1em;
}

/* サイトマップ ---------------------------------------------------------------------*/

dl.sitemap{
margin-left:20px;
}

.sitemap dt{
background-image:url(../usr_img/pc/icon01.gif);
background-repeat:no-repeat;
background-position:left;
text-indent:1.5em;
margin-bottom:5px;
font-size:16px;
}

.sitemap dt a{
color:#805800;
text-decoration:none;
}

.sitemap dt a:hover{
color:#805800;
text-decoration:underline;
}

.sitemap dd{
margin-left:20px;
margin-bottom:20px;
padding-bottom:10px;
border-bottom:1px dashed #FFF;
}

/* お問合せ ---------------------------------------------------------------------*/
/* フォーム用表組み */
.formArea{
  width:100%;
  border-bottom:dashed 1px #FFF;
  margin:30px 0px;
}

.formRow {
  border-top:dashed 1px #FFF;
}

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

.formItemH {
  width:140px;
  padding:8px 5px 8px 5px;
  float:left;
  _display:inline;
}

.formItemD {
  float:left;
  padding:8px 5px 8px 5px;
  _display:inline;
  width:435px;
}

.formItemD textarea {
  max-width:99%;
}

.formItemD input[type="text"] {
  padding:3px 5px;
}

.form-fdl {
margin:0px 0px 10px 0px;
width:100%;
}

.form-fdc, .form-fdr{
  width:100%;
  text-align:center;
}

.form-food input {
  width:120px;
  height:28px;
  padding-top:3px;
  padding-bottom:3px;
  font-size:13px;
  float:left;
}

.form_wrap{
width:670px;
margin:30px 0px 0px 30px;
line-height:150%;
}

button.form-submit{
width:30px;
height:20px;
padding:0px;
margin:0px;
}

/* 20140226追加 */
.company_h{
width:220px;
height:18px;
line-height:18px;
background-color:#DBD1B7;
text-align:center;
margin-top:5px;
font-size:13px;
color:#624A3E;
letter-spacing:1em; 
text-indent:1em;
}