@charset "UTF-8";

/* 
	Resets defualt browser settings
	reset.css
*/
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

html {
}

td,td,form,fieldset {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

tr,th,td,caption {
	vertical-align: top;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

fieldset {
	border: 0;
}

address,cite,code,dfn,em,strong,var {
	font-style: normal;
	font-weight: normal;
}

ol,ul {
	list-style: none;
}

h1,h2,h3,h4,h5,h6 {
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

q:before,q:after {
	content: '';
}

img {
	border: 0;
	font-size: 0;
	line-height: 0;
	vertical-align: bottom;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

a:link {
	color: #000;
	text-decoration: underline;
}

a:visited {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #000;
	text-decoration: none;
}

a:active {
	color: #000;
	text-decoration: none;
}

body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック";
	margin: 0px;
	padding: 0px;
	color: #000;
	font-size: 14px;
	background: #fff;
	line-height: 1.4;
	min-width: 1280px;
}

#header-layout {
	width: 100%;
	background: #f3f1f3;
}
header #header-layout.top {
    background: -webkit-gradient(linear, left top, right bottom, #f3f1f3, #f3f1f3 10%, #fdfafd);
    background: -webkit-linear-gradient(left, #f3f1f3, #f3f1f3 10%, #fdfafd);
    background: linear-gradient(to right, #f3f1f3, #f3f1f3 10%, #fdfafd);
}

#header-layout #index-header {
	width: 1200px;
	height: 634px;
	margin: 0 auto;
	background: url(../images/index/index_header_bg.png) no-repeat center top;
	position:relative;
}
#header-layout #header {
	width: 1200px;
	height: 160px;
	margin: 0 auto;
	background: #f3f1f3;
}
#header-layout #index-header h1 {
	padding: 5px 0 0;
}
#header-layout #index-header #logo {
	float: left;
	margin: 10px 0 0 0;
}
#header-layout #header #logo {
	float: left;
	padding: 19px 0 0 56px;
}
#header-layout #index-header #header-right {
	float: left;
	width: 719px;
	position: relative;
}
#header-layout #header #header-right {
	float: right;
	width: 721px;
	padding: 0 66px 0 0;
}
#header-layout #index-header #header-right #header-right-top,
#header-layout #header #header-right #header-right-top {
	float: right;
	width: 504px;
}
#header-layout #index-header #header-right #header-right-top ul,
#header-layout #header #header-right #header-right-top ul {
	float: right;
	width: 504px;
	margin: 25px 0 0 0;
}
#header-layout #index-header #header-right #header-right-top li,
#header-layout #header #header-right #header-right-top li {
	float: left;
}
#header-layout #index-header #header-right #header-right-top li:nth-of-type(1),
#header-layout #header #header-right #header-right-top li:nth-of-type(1)  {
	float: right;
	margin: 0 12px 0 0;
}
#header-layout #index-header #header-right #header-right-top li:nth-of-type(2),
#header-layout #header #header-right #header-right-top li:nth-of-type(2)  {
	float: left;
	margin: 0;
}
#header-layout #index-header #header-right #header-nav,
#header-layout #header #header-right #header-nav {
	float: right;
	width: 655px;
	margin: 16px 0 0 0;
}
#header-layout #index-header #header-right #header-nav li,
#header-layout #header #header-right #header-nav li {
	float: left;
	width: 105px;
	height: 35px;
	margin: 0 5px 0 0;
	position: relative;
}
#header-layout #index-header #header-right #header-nav #nav-shop ul,
#header-layout #header #header-right #header-nav #nav-shop ul {
  position: absolute;
  top: 35px;/*親メニューの高さと同じにする*/
  width: 105px;
  z-index: 100;
}
#header-layout #index-header #header-right #header-nav #nav-shop ul li,
#header-layout #header #header-right #header-nav #nav-shop ul li {
  visibility: hidden;
  overflow: hidden;
  width: 150px;
  height: 0;
  background:#FFDAD7;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
#header-layout #index-header #header-right #header-nav #nav-shop:hover ul li,
#header-layout #index-header #header-right #header-nav #nav-shop a:hover ul li,
#header-layout #header #header-right #header-nav #nav-shop:hover ul li,
#header-layout #header #header-right #header-nav #nav-shop a:hover ul li {
  visibility: visible;
  overflow: visible;
  width: 150px;
  height: auto;
  z-index: 10;
  padding: 9px 12px;
  background:#FFAFA9;
  color: #881f20;
  font-size: 14px;
}
#header-layout #index-header #header-right #header-nav #nav-shop:hover ul li a,
#header-layout #index-header #header-right #header-nav #nav-shop a:hover ul li a,
#header-layout #header #header-right #header-nav #nav-shop:hover ul li a,
#header-layout #header #header-right #header-nav #nav-shop a:hover ul li a {
  display: block;
  color: #881f20;
  text-decoration: none;
}
#header-layout #index-header #header-right #header-nav #nav-shop:hover ul li:hover,
#header-layout #index-header #header-right #header-nav #nav-shop a:hover ul li:hover,
#header-layout #header #header-right #header-nav #nav-shop:hover ul li:hover,
#header-layout #header #header-right #header-nav #nav-shop a:hover ul li:hover,
#header-layout #index-header #header-right #header-nav #nav-shop:hover ul li a:hover,
#header-layout #index-header #header-right #header-nav #nav-shop a:hover ul li a:hover,
#header-layout #header #header-right #header-nav #nav-shop:hover ul li a:hover,
#header-layout #header #header-right #header-nav #nav-shop a:hover ul li a:hover {
  background: #ff9a9b;
  color: #fff;
}

#header-layout #index-header #header-right #header-nav li:nth-of-type(6),
#header-layout #header #header-right #header-nav li:nth-of-type(6) {
	float: left;
	width: 105px;
	height: 35px;
	margin: 0;
}

#header-layout #index-header > a {
	position:absolute;
	display:block;
	border-radius:25px;
	width:315px;
	height:85px;
	background:#FFF;
	opacity:0;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

#header-layout #index-header > a:hover {
	opacity:0.3;
}

#header-layout #index-header > a.anzen {
	top:294px;
	left:594px;
}

#header-layout #index-header > a.anshin {
	top:409px;
	left:554px;
}

#header-layout #index-header > a.anka {
	top:523px;
	left:539px;
	width:370px;
}
/*#header-layout #index-header > a {
	position:absolute;
	display:block;
	border-radius:50%;
	width:140px;
	height:140px;
	background: url(../images/index/index_header_hover.png) center center no-repeat;
	opacity:0;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    }



#header-layout #index-header > a.anzen {
	top:187px;
	left:691px;
}

#header-layout #index-header > a.anshin {
	top:325px;
	left:621px;
}

#header-layout #index-header > a.anka {
	top:471px;
	left:680px;
}*/

#container {
	width: 1150px;
	margin: 0 auto;
    *zoom: 1;
}
#container:before,
#container:after {
	width: 1150px;
	margin: 0 auto;
    content: " ";
    display: table;
}
#container:after {
	width: 1150px;
	margin: 0 auto;
    clear: both;
}

#container #contents {
	float: left;
	width: 827px;
}

/* index ***********************************************************/

#index-main,
#index-main img {
	width: 100%;
}
#index-contents-box01 {
	width: 100%;
	height: 202px;
	margin: 0 0 38px 0;
	background: url(../images/index/index_contents_bg01.png);
}
#index-contents-box01 ul {
	width: 1038px;
	height: 202px;
	margin: 0 auto;
	padding: 24px 0 25px;
}
#index-contents-box01 ul li:nth-of-type(1) {
	float: left;
}
#index-contents-box01 ul li:nth-of-type(2) {
	float: right;
}

#index-contents-box02 {
	width: 827px;
	height: 305px;
	background: url(../images/index/index_contents_bg02.png) no-repeat 25px top;
}
#index-contents-box02 p {
	padding: 78px 52px 0 495px;
}
#index-contents-box02 #index-contents-btn02-1 {
	padding: 22px 0 0 488px;
}

#index-contents-box03 {
	width: 827px;
}
#index-contents-box03 h1 {
	width: 754px;
	height: 29px;
	margin: 40px 0 0 0;
	background: url(../images/index/index_contents_menu_ttl.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#index-contents-box03 ul {
	width: 691px;
	margin: 25px 0 0 28px;
}
#index-contents-box03 ul {
	width: 691px;
    *zoom: 1;
}
#index-contents-box03 ul:before,
#index-contents-box03 ul:after {
	width: 691px;
    content: " ";
    display: table;
}
#index-contents-box03 ul:after {
	width: 691px;
    clear: both;
}

#index-contents-box03 ul li {
	width: 215px;
	float: left;
	margin: 0 20px 6px 0;
	font-size: 18px;
}
#index-contents-box03 ul li:nth-of-type(3) {
	width: 215px;
	float: left;
	margin: 0;
}
#index-contents-box03 ul li img {
	border: 1px solid #cccccc;
	margin: 0 0 12px 0;
}
#index-contents-box03 p {
	display: block;
	padding: 0 0 30px 27px;
}

/* side ************************************************************/

#side {
	float: left;
	width: 323px;
}

/* エリアから店舗検索のサイド箇所 */

#side #side-area-box {
	width: 321px;
	margin: 0 0 16px 0;
	padding: 4px;
	background: #ecffee;
	color: #000;
	font-size: 16px;
	border: 1px solid #cfcfcf;
}
#side #side-area-box #side-area-ttl {
	width: 313px;
	height: 57px;
	background: url(../images/shop/shop_area_ttl.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#side #side-area-box li {
	padding: 9px 0 15px 25px;
	background: url(../images/share/dotted.png) repeat-x bottom;
}
#side #side-area-box li:last-child {
	padding: 9px 0 5px 25px;
	background: none;
}
#side #side-area-box li a {
	text-decoration: none;
}
#side #side-area-box li a:hover {
	text-decoration: underline;
}

#side #side-contact-box {
	width: 321px;
	height: 267px;
	border: 1px solid #cfcfcf;
	background: url(../images/share/side_bg01.png) no-repeat;
}
#side #side-contact-box #side-contact-btn {
	margin: 184px 23px 0;
}

#side #side-new-box {
	margin: 25px 0 0 0;
}
#side #side-new-box h1 {
	margin: 0 0 14px 0;
	padding: 10px 0 10px 17px;
	font-size: 18px;
	border-bottom: 1px solid #000;
}
#side #side-new-box dt {
	margin: 0 0 8px 0;
	padding: 0 18px 0 17px;
	font-size: 12px;
}
#side #side-new-box dd {
	margin: 0 0 23px 0;
	padding: 0 18px 0 17px;
	font-size: 12px;
	line-height: 19px;
}

/* company *********************************************************/

#company #greeting-box {
	width: 827px;
	padding: 0 0 47px 50px;
}
#company #greeting-box h1 {
	width: 734px;
	height: 32px;
	margin: 0 0 24px 0;
	background: url(../images/company/greeting_ttl.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#company #greeting-box #greeting-txt {
	width: 734px;
	height: 344px;
	padding: 25px 26px 0 26px;
	background: url(../images/company/greeting_bg.png) no-repeat;
}
#company #greeting-box #greeting-txt p {
	padding: 0 0 22px 0;
	line-height: 23px;
	font-size: 14px;
}
#company #greeting-box #greeting-txt p.president {
	padding: 0;
	font-size: 14px;
	text-align: right;
}
#company #greeting-box #greeting-txt p.president span {
	font-size: 18px;	
}

#company #company-box {
	width: 827px;
	padding: 0 0 65px 50px;
}
#company #company-box h1 {
	width: 734px;
	height: 32px;
	margin: 0 0 24px 0;
	background: url(../images/company/company_ttl.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#company #company-box table {
	width: 734px;
	border: 1px solid #cfcfcf;
}
#company #company-box tr {
}
#company #company-box th {
	width: 211px;
	background: #ededed;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #cfcfcf;
}
#company #company-box td {
	padding: 18px 0 18px 26px;
	border-bottom: 1px solid #cfcfcf;
}

/* menu ****************************************************************/

#menu01 {
	width: 827px;
	padding: 0 0 0 50px;
}
#menu01 h1 {
	width: 734px;
	height: 32px;
	margin: 0 0 24px 0;
	background: url(../images/menu/menu_ttl01.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#menu01 li.menu01-1 {
	width: 533px;
	height: 62px;
	margin: 0;
	background: url(../images/menu/menu01_1.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#menu01 p {
	padding: 20px 0 25px 38px;
	line-height: 23px;
}

#menu02 {
	width: 827px;
	padding: 0 0 0 50px;
}
#menu02 h1 {
	width: 734px;
	height: 32px;
	margin: 0 0 24px 0;
	background: url(../images/menu/menu_ttl02.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#menu02 li.menu02-1 {
	width: 533px;
	height: 62px;
	background: url(../images/menu/menu01_2.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#menu02 li.menu02-2 {
	width: 533px;
	height: 82px;
	margin: 0;
	background: url(../images/menu/menu01_3.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#menu02 p {
	padding: 20px 0 65px 38px;
	line-height: 23px;
}

#menu03 {
	position: relative;
	width: 827px;
	padding: 0 0 45px 50px;
}
#menu03 h1 {
	width: 734px;
	height: 32px;
	margin: 0 0 24px 0;
	background: url(../images/menu/menu_ttl03.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#menu03 h1+p {
	position: absolute;
	top: 13px;
	right: 68px;
}
#menu03 #menu02-1 {
	width: 213px;
	height: 44px;
	margin: 0 0 19px 0;
	background: url(../images/menu/menu_cap01.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#menu03 #menu02-2 {
	width: 213px;
	height: 44px;
	margin: 0 0 19px 0;
	background: url(../images/menu/menu_cap02.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#menu03 #menu02-3 {
	width: 213px;
	height: 44px;
	margin: 0 0 19px 0;
	background: url(../images/menu/menu_cap03.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#menu03 #menu02-4 {
	width: 213px;
	height: 44px;
	margin: 0 0 19px 0;
	background: url(../images/menu/menu_cap04.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#menu03 ul {
	width: 691px;
	margin: 0 0 28px 22px;
    *zoom: 1;
}
#menu03 ul:before,
#menu03 ul:after {
    content: " ";
    display: table;
}
#menu03 ul:after {
    clear: both;
}

#menu03 ul li {
	float: left;
	width: 215px;
	margin: 0 20px 30px 0;
}
#menu03 ul li:nth-of-type(3n) {
	float: left;
	width: 215px;
	margin: 0 0 30px 0;	
}
#menu03 ul li img {
	border: 1px solid #cccccc;
}

/* about *****************************************************/

#about {
	width: 827px;
	padding: 0 0 69px 50px;
}
#about h1 {
	width: 734px;
	height: 32px;
	margin: 0 0 24px 0;
	background: url(../images/about/about_ttl01.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#about h2 {
	width: 734px;
	height: 74px;
	margin: 0;
	background: url(../images/about/about_ttl02.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#about #about-box {
	width: 734px;
	padding: 22px;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	border-radius: 0 0 7px 7px;
	-webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;  
    -moz-border-radius-bottomleft: 10px;
}
#about #about-1 {
	width: 689px;
	height: 58px;
	margin: 0 0 19px 0;
	background: url(../images/about/about_cap01.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#about #about-2 {
	width: 689px;
	height: 58px;
	margin: 0 0 19px 0;
	background: url(../images/about/about_cap02.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#about #about-3 {
	width: 689px;
	height: 58px;
	margin: 0 0 19px 0;
	background: url(../images/about/about_cap03.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#about #about-4 {
	width: 689px;
	height: 58px;
	margin: 0 0 19px 0;
	background: url(../images/about/about_cap04.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#about #about-5 {
	width: 689px;
	height: 58px;
	margin: 0 0 19px 0;
	background: url(../images/about/about_cap05.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#about #about-box p {
	display: block;
	width: 689px;
	margin: 0 0 34px 0;
	padding: 21px 13px 19px;
	border-bottom: 2px dotted #fb898b;
}

/* method *****************************************************/

#method {
	width: 827px;
	padding: 0 0 62px 50px;
}
#method #method-ttl h1 {
	width: 734px;
	height: 32px;
	margin: 0 0 24px 0;
	background: url(../images/method/method_ttl.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#method #method-ttl #pagelead {
	padding: 3px 5px 24px;
}

#method #step01 {
	width: 734px;
	height: auto;
	margin: 0 0 17px 0;
	padding: 14px 0 20px 87px;
	background: url(../images/method/step01_bg.png) no-repeat; 
}
#method #step01 h1 {
	margin: 0 0 17px 0;
	color: #cd7637;
	font-size: 16px;
}
#method #step01 a {
    display: inline-block;
    margin: 10px;
    padding: 20px;
    width: calc(32% - 20px);
	font-weight: bold;
	text-align: center;
	text-decoration: none;
    border: 5px solid #CCC;
    border-radius: 10px;
	transition: .3s;
}
#method #step01 a.magokoro {
	color: #ea5098;
	border-color: #ffe5f2;
}
#method #step01 a.fureai {
	color: #f08324;
	border-color: #fde7c9;
}
#method #step01 a.takushoku {
	color: #FF3328;
	border-color: #ffc5c2;
}
@media (hover: hover) {
#method #step01 a:hover { opacity: .6;}
}
#method #step01 a img {
	display: block;
	margin: 0 auto 15px;
	height: 60px;
}
#method #step02 {
	width: 734px;
	height: 160px;
	margin: 0 0 17px 0;
	padding: 14px 0 20px 87px;
	background: url(../images/method/step02_bg.png) no-repeat; 
}
#method #step02 h1 {
	margin: 0 0 17px 0;
	color: #cd7637;
	font-size: 16px;
}
#method #step02 p {
	padding: 0 0 7px;
}
#method #step02 h2 {
	width: 418px;
	height: 22px;
	margin: 0 0 6px 0;
	background: url(../images/method/method_shop_ttl.png) no-repeat;
}
#method #step02 #method-shop {
	margin: 0 0 16px 0;
    *zoom: 1;
}
#method #step02 #method-shop:before,
#method #step02 #method-shop:after {
    content: " ";
    display: table;
}
#method #step02 #method-shop:after {
    clear: both;
}
#method #step02 li:nth-of-type(1) {
	position: relative;
	float: left;
	width: 152px;
	height: 84px;
	margin: 0 5px 5px 0;
	background: url(../images/method/method_shop_btn01.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#method #step02 li:nth-of-type(2) {
	position: relative;
	float: left;
	width: 152px;
	height: 84px;
	margin: 0 5px 5px 0;
	background: url(../images/method/method_shop_btn02.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#method #step02 li:nth-of-type(3) {
	position: relative;
	float: left;
	width: 152px;
	height: 84px;
	margin: 0 5px 5px 0;
	background: url(../images/method/method_shop_btn03.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#method #step02 li:nth-of-type(4) {
	position: relative;
	float: left;
	width: 152px;
	height: 84px;
	margin: 0 0 5px 0;
	background: url(../images/method/method_shop_btn04.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#method #step02 li:nth-of-type(5) {
	position: relative;
	float: left;
	width: 152px;
	height: 84px;
	margin: 0 5px 0 0;
	background: url(../images/method/method_shop_btn05.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#method #step02 li:nth-of-type(6) {
	position: relative;
	float: left;
	width: 152px;
	height: 84px;
	margin: 0 5px 0 0;
	background: url(../images/method/method_shop_btn06.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#method #step02 li:nth-of-type(7) {
	position: relative;
	float: left;
	width: 152px;
	height: 84px;
	margin: 0 5px 0 0;
	background: url(../images/method/method_shop_btn07.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#method #step02 li a {
	position: absolute;
	width: 152px;
	height: 84px;
	top: 0;
	left: 0;
}
#method #step02 #method-img01 {
	width: 624px;
	height: 48px;
	margin: 16px 0 0 0;
	background: url(../images/method/method_img01.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;	
}

#method #step02 #method-tel {
	width: 624px;
	height: 83px;
	margin: 10px 0 0 0;
	background: url(../images/method/method_tel.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#method #step03 {
	width: 734px;
	height: 83px;
	margin: 0 0 17px 0;
	padding: 14px 0 20px 87px;
	background: url(../images/method/step03_bg.png) no-repeat; 
}
#method #step03 h1 {
	margin: 0 0 17px 0;
	color: #cd7637;
	font-size: 16px;
}

#method h2 {
	width: 734px;
	height: 74px;
	margin: 0;
	background: url(../images/method/method_ttl02.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#method #method-box {
	width: 734px;
	padding: 22px;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	border-radius: 0 0 7px 7px;
	-webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;  
    -moz-border-radius-bottomleft: 10px;
}
#method #method-1 {
	width: 689px;
	height: 58px;
	margin: 0 0 19px 0;
	background: url(../images/method/method_cap01.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#method #method-2 {
	width: 689px;
	height: 58px;
	margin: 0 0 19px 0;
	background: url(../images/method/method_cap02.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#method #method-3 {
	width: 689px;
	height: 58px;
	margin: 0 0 19px 0;
	background: url(../images/method/method_cap03.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#method #method-4 {
	width: 689px;
	height: 58px;
	margin: 0 0 19px 0;
	background: url(../images/method/method_cap04.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#method #method-box p {
	display: block;
	width: 689px;
	margin: 0 0 34px 0;
	padding: 21px 13px 19px;
	border-bottom: 2px dotted #fb898b;
}

/* contact *********************************************************/

#contact {
	padding: 0 0 0 50px;
}
#contact #contact-ttl {
	width: 734px;
	height: 32px;
	margin: 0;
	background: url(../images/contact/contact_ttl.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#contact #pagelead {
	padding: 23px 0 16px 9px;
}

#contact table {
	width: 734px;
	margin: 0 0 10px 0;
	border: 1px solid #cfcfcf;
}

#contact th {
	width: 241px;
	font-size: 16px;
	vertical-align: middle;
	text-align: center;
	background: #fff3d5;
}

#contact td {
	padding: 9px 0 9px 16px;
}
#contact td input[type=radio] {
	position: relative;
	top: 3px;
	margin: 0 5px 0 0;
}
#contact td input[type=text] {
	height: 30px;
	margin: 0 11px 0 0;
	border: 1px solid #cfcfcf;
}
#contact td input.input-name {
	width: 323px;
}
#contact td input.input-tel {
	width: 225px;
}
#contact td input.input-zip {
	width: 142px;
}
#contact td select {
	width: 90px;
	margin: 20px 11px 20px 0;
}
#contact td input.input-add {
	width: 448px;
	margin: 0 11px 9px 0;
}
#contact td input.input-mail {
	width: 323px;
	margin: 0 0 9px 0;
}
#contact td input.input-rmail {
	width: 323px;
}
#contact td textarea {
	width: 448px;
	border: 1px solid #cfcfcf;	
}

#contact #privacy-announce {
	padding: 9px 0 35px 0;
	font-size: 12px;
}
#contact #privacy-announce li {
	padding: 0 0 8px 0;
}
#contact #privacy-announce span {
	display: block;
	margin: 0 0 8px 0;
}
#contact #contact-btn {
	width: 176px;
	height: 38px;
	margin: 0 auto 64px;
}

.error {
	display: inline-block;
	padding: 0 0 15px 0;
	color: #fe0000;
}

/* shop ************************************************************/

#shop {
	padding: 0 0 0 50px;	
}

#shop #shop-ttl h1{
	width: 734px;
	height: 32px;
	margin: 0 0 24px 0;
	background: url(../images/shop/shop_ttl.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#shop article > div#step01{
	width: 734px;
	background:none;
	border:1px solid #CCC;
	border-radius:5px;
	padding:25px 50px;
}
#shop article > div#step01 a {
    display: inline-block;
    margin: 10px;
    padding: 20px;
    width: calc(32% - 20px);
	font-weight: bold;
	text-align: center;
	text-decoration: none;
    border: 5px solid #CCC;
    border-radius: 10px;
	transition: .3s;
}
#shop article > div#step01 a.magokoro {
	color: #ea5098;
	border-color: #ffe5f2;
}
#shop article > div#step01 a.fureai {
	color: #f08324;
	border-color: #fde7c9;
}
#shop article > div#step01 a.takushoku {
	color: #FF3328;
	border-color: #ffc5c2;
}
@media (hover: hover) {
#shop article > div#step01 a:hover { opacity: .6;}
}
#shop article > div#step01 a img {
	display: block;
	margin: 0 auto 15px;
	height: 60px;
}

#shop #shop-ttl #pagelead {
    padding: 3px 5px 24px;
}

#shop article h1{
	margin: 0 0 17px 0;
	color: #cd7637;
	font-size: 16px;
}


#shop #area-list {
	width: 734px;
	margin: 24px 0 29px 0;
	padding: 14px 23px;
	background: #eeeeee;
}
#shop #area-list:before,
#shop #area-list:after {
    content: " ";
    display: table;
}
#shop #area-list:after {
    clear: both;
}
#shop #area-list {
    *zoom: 1;
}

#shop #area-list li {
	float: left;
	margin: 0 13px 0 0;
}
#shop #area-list a {
	color: #ff4649;
	text-decoration: underline;
}
#shop #area-list a:hover {
	text-decoration: none;
}

#shop #area-main {
	width: 734px;
	margin: 0 0 40px 0;
}
#shop #area-main .area-ttl {
	width: 349px;
	height: 35px;
	padding: 7px 0 10px 18px;
	background: url(../images/shop/shop_bg.png) no-repeat;
}
#shop #area-main .area-detail-box {
	width: 711px;
	margin: 0 auto;
	padding: 20px 0;
	border-bottom: 2px dotted #fb898b;
}
#shop #area-main .area-detail-box:before,
#shop #area-main .area-detail-box:after {
    content: " ";
    display: table;
}
#shop #area-main .area-detail-box:after {
    clear: both;
}
#shop #area-main .area-detail-box {
    *zoom: 1;
}
#shop #area-main .area-detail-box+.area-ttl {
	margin: 40px 0 0 0;
}

#shop #area-main .area-detail-box .area-shopname {
	float: left;
	width: 210px;
	color: #000;
	font-size: 18px;
	font-weight: bold;
}

#shop #area-main .area-detail-box .area-shopname div:first-child {
	margin: 0 0 3px 0;
}

#shop #area-main .area-detail-box .area-address {
	float: right;
	width: 501px;
}
#shop #area-main .area-detail-box .area-address .shop-tel {
	padding: 0 0 12px 20px;
	background: url(../images/shop/tel.png) no-repeat 0 5px;
	background-size: 17px 12px;
	color: #ff4649;
	font-size: 18px;
	font-weight: bold;
}
#shop #area-main .area-detail-box .area-address dt {
	float: left;
}
#shop #area-main .area-detail-box .area-address dd a {
	color: #ff4649;
	text-decoration: underline;
}
#shop #area-main .area-detail-box .area-address dd a:hover {
	text-decoration: none;	
}

/* /footer *********************************************************/

#footer {
	width: 100%;
	padding: 19px 0 0 0;
	text-align: center;
	/* background: #ff9a9b; */
}

#footer-menu {
	text-align: center;
	font-size: 12px;
	margin-bottom: 20px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 15px 0;
	width: 1150px;
	display: inline-block;
}
#footer-menu a {
	text-decoration: none;
}
#footer-menu a:hover {
	text-decoration: underline;
}

#copyright {
	padding: 15px 0;
	text-align: center;
	font-size: 12px;
	background: #ff9a9b;
}

/* ▼共通フッターの作成▼ */
#footer .foot_group_site {
	background: #fff;
	padding: 40px 0 0;}
#footer .foot_group_site .group_list {
	width: 1000px;
		margin: 0 auto;
	max-width: 100%;}
	#footer .foot_group_site ul {
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;}
#footer .foot_group_site li {
	width: 30%;
	flex-grow: 1;
	/* text-align: center; */
	margin: 10px 5px;
	cursor: pointer;
    list-style-type: none;}
#footer .foot_group_site ul::after{
	content: "";
	/* width: 63.5%; */
	width: 30%;
	margin: 10px 5px;
	flex-grow: 1;
	margin: 10px 5px;
}
#footer .foot_group_site ul .footer_br {
	display: inline-block;
}
#footer .foot_group_site ul .group_shopname{
	height: auto;
	line-height: 1 !important;
	text-align: left;
}
#footer .foot_group_site li a {
    text-decoration: none;
}
#footer .foot_group_site li img {
	padding: 13px 5px;
}
#footer .foot_group_site li .footer_lm img {
	padding: 14px 5px;
}
#footer .foot_group_site li img:hover {
opacity: 0.8;}
#footer .foot_group_site li .footer_mb{
	outline: 1px solid #f797c2;
	outline-offset: -1px;
}
#footer .foot_group_site li .footer_fa{
	outline: 1px solid #F08325;
	outline-offset: -1px;
}
#footer .foot_group_site li .footer_tl{
	outline: 1px solid #FF3328;
	outline-offset: -1px;
}
#footer .foot_group_site li .footer_care{
	outline: 1px solid #60b42a;
	outline-offset: -1px;
}
#footer .foot_group_site li .footer_lm{
	outline: 1px solid #F5B400;
	outline-offset: -1px;
}
#footer .foot_group_site li .footer_okazuya{
	outline: 1px solid #732A00;
	outline-offset: -1px;
}
#footer .foot_group_site li .footer_chef{
	outline: 1px solid #2D6D35;
	outline-offset: -1px;
}
#footer .foot_group_site li .footer_sz2{
	outline: 1px solid #AF2932;
	outline-offset: -1px;
}
#footer .foot_group_site li .footer_oshef{
	outline: 1px solid #DD512C;
	outline-offset: -1px;
}
#footer .foot_group_site li .footer_ico_sksk{
	outline: 1px solid #ff9a9b;
	outline-offset: -1px;
}
#footer .foot_group_site li .footer_ico_rkrk{
	outline: 1px solid #D70053;
	outline-offset: -1px;
}
#footer .foot_group_site li .footer_ico_sl{
	outline: 1px solid #234e28;
	outline-offset: -1px;
}
#footer .foot_group_site li .footer_ico_rakumeal {
	outline: 1px solid #956134;
	outline-offset: -1px;
}
#footer .foot_group_site li .footer_ico_rakugohan {
	outline: 1px solid #e07f00;
	outline-offset: -1px;
}
#footer .foot_group_site li .group_tab_content{
	display: flex;
	height: 78px;
}
#footer .foot_group_site li .group_tab_content .group_tab_content_img{
	min-width: 90px;
	text-align: center;
	position: relative;
}
#footer .foot_group_site li .group_tab_content img{
	max-height: 80px;
	max-width: 110px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
#footer .foot_group_site li .footer_oshef img{
	width: 88px;
}
#footer .foot_group_site li .group_tab_content .footer_mb_bc {
	background-color: #f797c2;
}
#footer .foot_group_site li .group_tab_content .footer_fa_bc {
	background-color: #F08325;
}
#footer .foot_group_site li .group_tab_content .footer_tl_bc {
	background-color: #FF3328;
}
#footer .foot_group_site li .group_tab_content .footer_care_bc {
	background-color: #60b42a;
}
#footer .foot_group_site li .group_tab_content .footer_lm_bc {
	background-color: #F5B400;
}
#footer .foot_group_site li .group_tab_content .footer_okazuya_bc {
	background-color: #732A00;
}
#footer .foot_group_site li .group_tab_content .footer_chef_bc {
	background-color: #2D6D35;
}
#footer .foot_group_site li .group_tab_content .footer_sz2_bc {
	background-color: #AF2932;
}
#footer .foot_group_site li .group_tab_content .footer_oshef_bc {
	background-color: #DD512C;
}
#footer .foot_group_site li .group_tab_content .footer_ico_sksk_bc {
	background-color: #ff9a9b;
}
#footer .foot_group_site li .group_tab_content .footer_ico_rkrk_bc {
	background-color: #D70053;
}
#footer .foot_group_site li .group_tab_content .footer_ico_sl_bc {
	background-color: #234e28;
}
#footer .foot_group_site li .group_tab_content .footer_ico_rakumeal_bc {
	background-color: #956134;
}
#footer .foot_group_site li .group_tab_content .footer_ico_rakugohan_bc {
	background-color: #e07f00;
}
#footer .foot_group_site li .group_tab_content .group_tab_content_shopname {
	flex-grow: 1;
	position: relative;
}
#footer .foot_group_site .group_tabs li {
	width: 100%;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 1.4;}
#footer .foot_group_site .group_tabs li a {
	color: #333333;}
#footer .foot_group_site .group_tabs li a:hover {
	opacity: 0.8;}
#footer .foot_group_site p {
	color: #000;
	text-align: center;
	line-height: 1.4;
	padding-bottom: 10px;}
#footer .foot_group_site li .group_tab_content .group_tab_content_shopname .group_tab_content_shopname_title {
	padding: 0 10px;
	font-size: 16px;
	color: #ffffff;
	line-height: 1.3;
	text-align: left;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
#footer .foot_group_site li .group_tab_content .group_tab_content_shopname .group_tab_content_shopname_sbtitle {
	font-size: 13px;
	color: #ffffff;
	line-height: 1.3;
	text-align: left;
	display: inline-block;
}

@media screen and (max-width:768px){
	#footer .foot_group_site {
		padding: 20px 10px;}
	#footer .foot_group_site ul {
		justify-content: center;}
	#footer .foot_group_site li {
		width: 47%;
		/* padding: 2%; */
	}
	#footer .foot_group_site ul::after {
		width: 47%;
	}
	#footer .foot_group_site li img {
		padding: 13px 10px;
	}
	#footer .foot_group_site li .footer_oshef img{
		width: 100px;
	}
	#footer .foot_group_site p {
		font-size: 14px;}
	#footer .foot_group_site p br.sp {
		display: block;}
	#footer .foot_group_site span.pc {
		display: none;}
}

@media screen and (max-width:640px){
    #footer .foot_group_site li {
        width: 46%;
        /* padding: 2%; */
    }
    #footer .foot_group_site .group_tabs li {
        line-height: 1.2;}
    #footer .foot_group_site .group_tabs li a {
        font-size: 13px;}
    #footer .foot_group_site li img {
        padding: 0 8px;
    }
	#footer .foot_group_site li .footer_lm img {
		padding: 0 9px;
	}
    #footer .foot_group_site li .group_tab_content .group_tab_content_img {
        width: 60px;
        min-width: 60px;
    }
    #footer .foot_group_site li .group_tab_content .group_tab_content_img img {
        max-width: 70px;
        max-height: 50px;
    }
    #footer .foot_group_site li .group_tab_content .group_tab_content_shopname .group_tab_content_shopname_sbtitle {
        font-size: 10px;
    }
    #footer .foot_group_site li .group_tab_content .group_tab_content_shopname .group_tab_content_shopname_title {
        font-size: 13px;
        padding: 5px 10px 5px 5px;
    }
}
/* ▲共通フッターの作成▲ */

/* parts ***********************************************************/

#page-ttl {
	width: 100%;
	height: 60px;
	margin: 40px 0 0 0;
	background: #000;
	text-align: center;
}

.red {
	color: #ff0000;
}

.bold {
	font-weight: bold;
}

#breadcrumb {
	width: 100%;
	height: 25px;
	margin: 0 0 29px 0;
	background: url(../images/share/breadcrumb_bg.png);
}
#breadcrumb ul {
	width: 1050px;
	margin: 0 auto;
}
#breadcrumb ul li {
	float: left;
	padding: 5px 0;
	color: #af3638;
	font-size: 10px;
}
#breadcrumb ul li a {
	color: #af3638;
	text-decoration: underline;
}
#breadcrumb ul li a:hover {
	text-decoration: none;	
}


/* group site
-------------------------------------------------------*/

#GroupSite { min-height: 30px; min-width: 900px; background: #FFF; border-top: 2px solid #fb898a; -webkit-transition: all ease 0.7s; transition: all ease 0.7s; }
#GroupSite.open { min-height: 160px; }
#GroupSite a:hover { text-decoration: none; opacity: .6; }

#GroupSite h2 { margin-right: 10px; }
#GroupSite h2,
#GroupSite ul,
#GroupSite ul li { display: inline-block; font-size: 12px; line-height: 28px; vertical-align: top; }

#GroupSite #GroupTitle { margin: 0 auto; padding: 0; width: 100%; max-width: 1200px; text-align: left; box-sizing: border-box; white-space: nowrap; }

#GroupSite #GroupTab li { position: relative; padding: 0 15px; border-left: 1px solid transparent; border-right: 1px solid transparent; cursor: pointer; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }
#GroupSite #GroupTab li:hover { color: #999; }
#GroupSite #GroupTab li:after {
    content: "";
    display: inline-block;
    position: relative;
    top: -3px;
    margin: 0 0 0 7px;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #fb898a;
    border-right: 1px solid #fb898a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
#GroupSite #GroupTab li:hover:after { opacity: .4; }
#GroupSite #GroupTab li.select { border-color: #ffd0d0; }
#GroupSite #GroupTab li.select:after { top: 2px; -webkit-transform: rotate(-45deg) rotateX(180deg); transform: rotate(-45deg) rotateX(180deg); }
#GroupSite #GroupTab li.select:before { content: ""; display: block; position: absolute; bottom: -2px; left: 0; width: 100%; height: 3px; background: #FFF; z-index: 10; }

#GroupSite .groupTabs { display: none; padding: 14px 5px 34px; width: 100%; text-align: center; border-top: 1px solid #ffd0d0; border-bottom: 1px solid #ffd0d0; }
#GroupSite .groupTabs li { margin: 20px 20px 0; }
#GroupSite .groupTabs li a { display: block; text-decoration: none; }
#GroupSite .groupTabs li a.current { opacity: .6 !important; pointer-events: none;}
#GroupSite .groupTabs li span { display: inline-block; margin: 0 0 0 15px; line-height: 2; text-align: left; vertical-align: middle; }
#GroupSite .groupTabs li span a { display: inline-block; line-height: 1.2; border-bottom: 1px solid #666; }
#GroupSite .groupTabs li span a:hover { border-color: transparent; }
#GroupSite .groupTabs img { margin-right: 8px; vertical-align: middle; }

@media only screen and (max-width: 900px){

#GroupSite { margin: 0 0 -1%; min-width: 0; }
#GroupSite h2 { margin: 0; }
#GroupSite span.w1000 { display: none; }

#GroupSite #GroupTab li { padding: 0 10px; }

}

@media only screen and (max-width: 768px){

#GroupSite.open { min-height: 144px; }

#GroupSite #GroupTab { font-size: 0; }
#GroupSite #GroupTab li { font-size: 12px; }
#GroupSite #GroupTab li:after { margin: 0 0 0 5px; width: 7px; height: 7px; }

#GroupSite #GroupTitle { padding: 0 10px; }

#GroupSite .groupTabs { padding: 15px 0; }
#GroupSite .groupTabs li { margin: 10px 20px 0; }
#GroupSite .groupTabs img { display: block; margin: 0 auto; width: auto; height: 40px; }
}

@media only screen and (max-width: 580px){

#GroupSite span.w550 { display: none; }

#GroupSite #GroupTab li { padding: 0 6px 0 4px; }

#GroupSite .groupTabs li span { display: block; margin: -5px 0 0; text-align: center; }
}

@media only screen and (max-width: 420px){

#GroupSite span.w420 { display: none; }
}

@media only screen and (max-width: 345px){

#GroupSite h2,
#GroupSite #GroupTab li { font-size: 11px; }
#GroupSite #GroupTab li:after { width: 6px; height: 6px; }
}