@charset "utf-8";

/* DEFAULT
==============================*/
* { margin : 0 ;padding : 0 ;}
body { -webkit-text-size-adjust: none; color : #333 ; line-height : 1.5; background: #FFCCB5 url("/images/design/bg_pattern.png"); }
h1,h2,h3 { font-size : 1em ; clear : both ; }
li { list-style-type : none ; }
section { padding-bottom :0.5em ; overflow : hidden ;}
article { padding : 0 0.5em 0.5em ; }

.clear { clear : both ; }
span.center { display : block ; text-align : center ; }

/*title*/
h1 { float : left ; }
h1 img { height : 70px ; width : 220px; }
h2 { background : #F9DFD4 ; color : #4D230D ; font-size : 1.1em ; padding : 0.5em ; margin-bottom : 0.25em ; margin-bottom:0; }
h3 {background : #FFF3EC ;color : #4D230D ; text-decoration : none ;display : block ; padding : 0.5em ; margin-bottom : 0.5em ; border-top: 1px dotted #94674F; border-bottom: 1px dotted #94674F;}
h3 a {color : #333 ; text-decoration : none ;}

/* LAYOUT
==============================*/

/*header*/
header {overflow : hidden ;  }
ul.headNavi{ clear : both ; overflow : hidden ; height : 1% ; }
ul.headNavi li{ float : left ; height : 36px ; line-height : 36px ; padding-bottom : 5px ;  }
ul.headNavi li.home { width : 30% ;  }
ul.headNavi li.menu { width : 46% ; }
ul.headNavi li.pc { width : 24% ; }
ul.headNavi li a {background : #603B27 ;text-align : center ;margin : 2px ;color : #fff ; text-decoration : none ; display : block ; white-space : nowrap ;border-top-right-radius: 10px ;border-top-left-radius : 10px ;-moz-box-shadow:  0px 0px 2px #000000; -webkit-box-shadow:  2px 2px 2px #ccc; box-shadow:  2px 0px 2px #000000; }
ul.headNavi li img { vertical-align : middle ; margin-right :2px; width : 27px; height : 27px; }

/*category*/
#category dt a { padding : 0.5em ; display : block ; background : #f2edec ; text-decoration : none ; color : #333 ; border-bottom : 1px solid #b3b3b3 ;}
#category dt.off a { background :#D0EBED url("images/nav_open.png") no-repeat right center;padding :0.5em ;}
#category dt.on a { background :#D0EBED url("images/nav_close.png") no-repeat right center;padding :0.5em ;}
#category .off li a, #category .on li a { padding-left : 0.5em ;display : block ;background :#fff url("images/arrow.png") no-repeat right center  ; text-decoration : none ; border-bottom : 1px dotted #b3b3b3 ;}
#category dd { display : none ;}
#category dd li a { padding : 0.5em ; display : block ;background : #f2edec url("images/arrow.png") no-repeat right center !important ; text-decoration : none ; color : #333 ; border-bottom : 1px solid #b3b3b3 ;}
#category dd li li a { background : #fff url("images/arrow.png") no-repeat right center !important ; }
#category div.dropmenu{ display : block ; }

/*footer*/
footer {  background : #D5B2A0 ; color : #fff ; text-align : center ; font-size : 0.75em ; padding : 0.75em ;}
footer a { color :#fff ; text-decoration : none ; }

/* CONTENTS COMMON
==============================*/

/*pagetop*/
.pagetop { padding-right : 0.5em ;overflow : hidden ; height : 1% ; padding-bottom :1em ; clear : both ;}
.pagetop a { font-family : verdana ; font-weight : bold ;padding : 0.5em ;-webkit-border-radius : 5px ; border : 1px solid #ccc ; display : block ; float : right ; color :#7f7f7f ; text-decoration : none ;background :-webkit-gradient( linear,left top,left bottom, from(#f7f7f7), to(#d3d3d3));}

/*contact*/
address { padding : 0.5em ; overflow :hidden; height : 1% ; font-style: normal ;}
address a.contact { float:right; width : 25% ; font-style :normal ; border-radius : 10px ; display : block ;padding : 0.5em 0 ; text-align : center ; color : #477514 ;  text-decoration : none ; background:#ECF8D8; background :-webkit-gradient(linear,left top,left bottom, from(#FCFBF6),to(#ECF8D8)); }
address a.contact img { width: 40px; }

.contactInfo { width : 74% ; float : left ; padding-top : 0.25em ;}
.contactInfo a.tel { font-size : 2em; text-decoration : none ; color : #95745D ; font-weight : bold ;}



/* INDEX
==============================*/

.index_top { text-align : center ; clear : both ; }
section.index_top img { width : 100% ;}

.accessmap a { background:#F5A390; background :-webkit-gradient(linear,left top,left bottom, from(#F7A8A2),to(#F5A390)); padding : 0.2em ; margin-bottom : 0.5em ;border : 2px solid #fff ; display : block ;text-align : center ; text-decoration : none ; color : #fff ; border-radius : 10px ; -moz-box-shadow:  2px 2px 2px #F0C0AA; -webkit-box-shadow:  2px 2px 2px #F0C0AA; box-shadow:  2px 2px 2px #F0C0AA; }
.accessmap a img { width : 273px; height : 43px; vertical-align: middle; }

ul.topCotents { border-top : 1px solid #c0c0c0 ; }
ul.topCotents li { border-bottom : 1px solid #c0c0c0 ;position : relative ; }
ul.topCotents li a { padding-left : 70px ;color : #333 ;display : table-cell ; vertical-align : middle;text-decoration : none ;line-height : 1.2em ; min-height :68px ; height : 68px ;}
ul.topCotents li a img { position : absolute ; left : 1px; top :1px; width : 66px; height : 66px; }


/* CATEGORY/ENTRY
==============================*/
.entry{padding-bottom : 1em ;}
.entry p { padding : 0.25em 0 ; }
.entry table { border-collapse : collapse ;}
.entry table th { background:#F7F7EE;vertical-align: middle;}
.entry table td, .entry table th { border : 1px solid #ccc ; font-size : 0.8em ; padding :  0.25em; }
.entry table img { width : 100% !important ; }

.entry .faq a { display :block ;background : url("/images/question.png") left top no-repeat ;padding-left: 20px ;  } 
.entry .list a { background : url("/images/ico_list.png") left center no-repeat ;padding-left:25px; margin-left:5px;} 


/*topmenu*/

#menu_trouble h3 { background: #CBE4E6; color: #113D5D ; border: none; margin-bottom:0; }
#menu_trouble ul { border-bottom:2px solid #fff; }
#menu_trouble li { background: #E6F6F5; background :-webkit-gradient(linear,left top,right top, from(#E6F6F5),color-stop(0.5,#F3FAFA),to(#E6F6F5)); border-bottom: 1px solid #D1E5E4; border-top: 1px solid #fff;}
#menu_trouble li a { display: block; padding: 0.7em; text-decoration: none; color:#395B74;}

#menu_trouble,
#rinen { border:2px solid #fff; box-shadow: 2px 2px 2px #F6C5AF; margin: 5px 5px 20px; border-radius: 5px; padding-bottom:0; border-bottom: 0; }
#rinen h2 { background: #FFFED9; background :-webkit-gradient(linear,left top,left bottom, from(#FFFEDD),to(#FFFED9)); color: #69423A; border-bottom: 2px solid #fff; }
#rinen ul.topCotents { border-top:0; }
#rinen li { border-bottom:2px solid #fff; }
#rinen #rinen01 { background: #FFFBE4; background :-webkit-gradient(linear,left top,left bottom, from(#FFFBE4),to(#FFF9D1)); }
#rinen #rinen02 { background: #FCEDC1; background :-webkit-gradient(linear,left top,left bottom, from(#FFF5DA),to(#FCEDC1)); }
#rinen #rinen03 { background: #FFE2C8; background :-webkit-gradient(linear,left top,left bottom, from(#FFE7E1),to(#FFE2C8)); }

#hashira { margin: 5px 5px 10px; }
#hashira h3 { margin-bottom:2px; }
#hashira ul.topCotents { border:none;} 
#hashira li { border:2px solid #fff; background: #FFE2E6; background :-webkit-gradient(linear,left top,right top, from(#FFE2E6),color-stop(0.5,#FBEEF1),to(#FFE2E6)); border-radius: 5px; margin: 0 0 5px 0; font-size: 13px;}
.pink { color: #F65C53; }
.ttl { color: #F7746D; font-size:17px; display: inline-block; margin-bottom: 5px; font-weight: bold; }

.bnr_area { text-align:center; }
.bnr_area img { width:320px; }
.half img { width:160px; }

.entry { background-color: rgba(255, 255, 255, 0.9); border-radius: 5px; margin-bottom: 10px; }


/* add */
span.att{ background:#f7eac4; }
span.att2{ color:#f65c53; font-weight:bold; }
span.att3{ border-left: 2px dotted #4D230D; padding:2px 7px; margin:5px 5px 10px 0px; font-weight:bold; font-size:105%; display:inline-block; }
span.att4 { background:#f7d9c9; padding:10px 15px; display:block; border:2px solid #e6b399; box-shadow: 0 0 1px #fff inset; }
span.att4 .att2{ color:#68422e; font-size:105%; }

img.photo { border: 1px solid #A09283; padding: 1px; }

.db, .btl, .btc, .btr { display: block; }
.t-l, .btl { text-align: left;}
.t-c, .btc { text-align: center;}

/*=====求人情報==============================================================*/
p.pno {padding:0;}
#center p.pno img{margin:0;}
.b {font-weight: bold;}
.t-c{text-align:center;}
#appeal img,#staffms img,#gallery img,#kengaku img,#recruit_info img,#recruit_contact img{margin:0;}
#appeal p.ttl,#staffms p.ttl,#gallery p.ttl,#kengaku p.ttl,#recruit_info p.ttl,#recruit_contact p.ttl{padding:0;text-align:center;display: block;}
#appeal img.no-resize,#staffms img.no-resize,#kengaku img.no-resize,#recruit_info img.no-resize,#recruit_contact img.no-resize{width: 100% !important ;height: auto;}

/*appeal*/
#appeal {background : #fff url("/images/appeal_bg.png") repeat-y center -70px;background-size:100% auto;padding: 40px 0 50px 0;color:#4d230d;}
#appeal p.ttl{margin-bottom: 13px;}
#appeal p.ttl img{width:60% !important;}
#appeal_inner {background-color: rgba(255,204,181,0.2);padding: 15px 0;}
#appeal ul.point10 {margin-bottom: 2em;}
#appeal ul.point10 li.center,#appeal ul.point10 li.center2 {text-align: center;}
#appeal ul.point10 li.center2 {margin-top: -10px;}
#appeal ul.point10 li.center2 img{width:60% !important;}
#appeal ul.point10 li.point_txt {padding: 1em 1em 0;}
#appeal ul.point10 li.point_txt2{padding: 1em 1em 1em;}
#appeal ul.point10 li.pointimg{padding:1em 0 0;}

/*staffms*/
#staffms {background :#fffcde;padding: 20px;}
#staffms p{padding: 0 0 35px;}
#staffms p.ttl {padding: 0 0 10px;}
#staffms p.ttl img{width:80% !important;}
#staffms p.staff_point {color: #ab654b;font-size: 1.6em;font-weight: bold;padding: 0 0 20px;}
#staffms p.staffname{font-size: 1.2em;padding: 15px 0 20px;color:#4d230d;}
#staffms hr {border: 1px dashed #ab654b;}
/*gallery*/
#gallery{background : #ffccb5 url("/images/gallery_bg.png") repeat ;padding:25px 0 30px;}
#gallery p.ttl {padding:0 0 10px;}
#gallery p.ttl img{width:60% !important;}
#gallery p.pno{text-align:center;}
/*kengaku*/
#kengaku {background : #fff url("/s/images/kengaku_bg.png") top center no-repeat ;background-size: contain;padding:100px 0 30px;color:#4d230d;}
#kengaku .inner{padding:0 20px}
#kengaku p.ttl{background : #e8dfb6 ;padding :5px 0;margin: 1.3em 0 0.5em 0;color:#4d230d;}
#kengaku p.t-c {width: 70%;text-align:left;}
#kengaku ul li{margin:0 0 28px 0;}
/*recruit_info*/
#recruit_info {background :#e4f4f3 url("/images/recruit_info_bg.png") top center repeat-x;border-top:2px doubked #3c607a;padding:15px 20px 50px;color:#4d230d;}
#recruit_info p.ttl {padding: 0;}
#recruit_info p.ttl img{width:40% !important;}
#recruit_info table { width: 100%;margin: 1em auto 0;}
#recruit_info table th{background : #b7cedf;color:#3c607a;border-top: 1px solid #b7cedf;border-left: 1px solid #b7cedf;border-right: 1px solid #e4f4f3;border-bottom: 1px solid #e4f4f3;font-weight: bold;text-shadow: 1px 1px 1px #e7edf1;}
#recruit_info table td{background :#fff;padding: 0.5em 0.8em;border: 1px solid #b7cedf;}
/*recruit_contact*/
#recruit_contact{background :#fff5f0 url("/images/recruit_contact_bg.png") center -70px repeat-y;background-size:100% auto;padding:26px 20px 20px;}
#recruit_contact p{color:#4d230d;}
#recruit_contact p.ttl {padding: 0 0 20px 0;}
#recruit_contact p.contact_maintxt {text-align:center;font-size: 1.1em;padding: 0 0 1.5em;}
#recruit_contact table th{background: #fedfcc;border: 1px solid #efb79e;}
#recruit_contact table td{background: #fff;}
#recruit_contact p.contact_txt {font-size: 1.8em;font-weight: bold;color: #f65c53;}
#recruit_contact p.t-c.b { padding: 1em 0 0.5em;}
#recruit_contact p.recruit_telbtn{background: #f65c53;border-radius: 10px;text-align: center;border: 2px solid #ffcac7;font-size: 1.1em;font-weight: bold;    margin: 1em 0 2em;}
#recruit_contact p.recruit_telbtn a{color: #fff;text-decoration: none;}
#recruit_contact p.recruit_telbtn a:before {content: ".";display: block;overflow: hidden;text-indent: 100%;background-position: center center;background-repeat: no-repeat;-webkit-background-size: contain;background-size: contain;background-image: url("/s/images/ico_tel2.png");}

/*.recruit_low*/
.content .recruit_low {
background :#e4f4f3 url("/images/recruit_info_bg.png") top center repeat-x;
border-top:2px doubked #3c607a;
padding:15px 20px 30px;
color:#4d230d;
}
.content .recruit_low p.ttl {
display:block;
text-align:center;
}
.content .recruit_low p.ttl img {
width:50% !important;
}
.content .recruit_low table {
width: 90%;
margin: 0 auto;
}
.content .recruit_low table th{
background : #b7cedf;
color:#3c607a;
border-top: 1px solid #b7cedf;
border-left: 1px solid #b7cedf;
border-right: 1px solid #e4f4f3;
border-bottom: 1px solid #e4f4f3;
font-weight: bold;
text-shadow: 1px 1px 1px #e7edf1;
}
.content .recruit_low table td{
background :#fff;
padding: 0.5em 0.8em;
border: 1px solid #b7cedf;
}

/*recruit_contact*/
.content #recruit_contact table{
width:100%;
}
.content #recruit_contact table th{
background : #fedfcc;
color:#4d230d;
border: 1px solid #efb79e;
}
.content #recruit_contact table td{
border: 1px solid #cccccc;
}

/*add*/
#main img.photo{border:1px solid #a09283;padding:1px;}
mark, .mark {background: #fcb2ac;text-shadow: 1px 1px #f9d8d5;}
.point {color: #bf4948;}
#main span.title{ border-left:#623d28 solid 7px; padding:0px 7px; margin:3px 5px ; font-weight:bold; font-size:112%; display:inline-block; }
#main span.att4 { background: #ffe2d4; padding:10px 15px; display:block; box-shadow: 0px 3px 3px #dcdcdc; }
#main span.att4 .point {color: #7b543c; font-size: 1.06em; font-weight: bold; text-shadow: 0 1px #fff; }
article, #pagelink, .nav .section  {background-color: rgba(255,255,255,0.9);border-radius: 3px;padding: 15px 10px;margin-bottom: 40px;box-shadow: 0 1px 3px #efaf92;}
.link a, a.link, .more a span, .list li {padding: 5px 0 5px 20px;}

mark, .mark {background: #fcb2ac;text-shadow: 1px 1px #f9d8d5;}
.point {color: #bf4948;font-weight: bold; }

span.title{ border-left:#623d28 solid 7px; padding:0px 7px; margin:3px 5px ; font-weight:bold; font-size:112%; display:inline-block; }
#main span.att4 { background: #ffe2d4; padding:10px 15px; display:block; box-shadow: 0px 3px 3px #dcdcdc; }
#main span.att4 .point {color: #7b543c; font-size: 1.06em; font-weight: bold; text-shadow: 0 1px #fff; }

.link a, a.link, .more a span, .list li {
    padding: 5px 0 5px 20px;
}
.link a, a.link, .more a span, .list li {
    background: url("/images/design/arrow.png") 0 .4em no-repeat;
    padding: 0.15em 0 0 1.2em
}
a {
    color: #534741;
}


/* 更新情報
==============================*/
.whats {
/*    width:92%;*/
    height: 11.5em;
    color: #643e2a;
    font-size:14px;
/*
    border-radius: 5px;
    border: 1px solid #d7d1bf;
*/
    background-color: rgba(255,255,255,0.8);
    padding: 0.5em;
    margin: 0 auto 20px auto;
    overflow: auto;
}
h3.whats_ttl{
    border-top:none;
    margin-bottom:0;
}
.whats dl {
    clear: both;
    padding-bottom: 5px;
}
/*.whats dt {
    padding-left: 1px;
    float: left;
    /*width: 90px;*/
}
.whats dd {
    padding-left:100px;
}*/

.display_scroll {
    width: 100%;
    height: 200px;
    padding: 2%;
    margin: 0 auto;
    border: 1px solid #333;
    overflow-y: scroll;
}
ul.r_list{
	list-style-position: inside;
	list-style-type : decimal;
	margin-left: 1em;
	padding-left: 1em;
	text-indent: -1em;
}
ul.r_list li:before{
  content: none;
  margin-right: 0;
}