@charset "UTF-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Didact+Gothic);

body {
	margin:0;
	font-size:14px;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing:1px;
}
.logosma { display:none;}
.appear { display:none;}
.rappear { display:none;}
.clp { display:none;}
.omd {display:none;}
.slicknav_menu { display:none; }
.spacetabmob{ display:none;}
.mase {margin-right:40px;}
.navbar-wrapper {
	display:none;}
.vola {display:block}
.old { display:none}
.clearfix:after {
    content:" ";
    display:block;
    clear:both;}
.menpa {
	padding-left: 65px;
}
.spa20 { margin-left:25px; }
.spanum {margin-left: 10px;}
.spanum2 {margin-left: 21px;}
p {
	margin:0;
}
table {
    border-collapse: collapse;
}
table td, table th {
    padding: 0px;
}
h1 {
text-indent:100%;
white-space:nowrap;
overflow:hidden;
padding: 0;
margin: 0;
}

.logo-holder {
	background: url(../images/logo.png) bottom center no-repeat ;
    width: 100%;
    height: 135px;
    position: absolute;
}
header ul {
    padding:0;
	width: 100%;
	margin:0 auto;
}
header ul li {
    list-style: none;
    float: left;
}
header ul li a {
    display: block;
    margin: 0;
    color: #4d4959;
}
nav {
	height: 171px;
    position: relative;
    width: 1180px;
    margin: 0 auto;
}
nav ul, nav ol {
    list-style: none;
    list-style-image: none;
}
menu, ol, ul {
    padding: 0;
}
dl, menu, ol, ul {
    margin: 0;
list-style: none;
}
.r_spacer {
    margin:0;
}
.spaceleft01 {
	margin-left:52px;
}
.spaceleft02 {
	margin-left:40px;
    margin-bottom: 30px;
}
.p35 { padding-right:35px;}
.vmtopm { margin-top:60px;}
.vmcatm { margin-top:50px; margin-bottom:200px;}
.mar20 { margin-right:20px;}

.navsp { /*! width:15px; *//*! height:17px; *//*! display:block; */ /*! margin-top:116px; */}
.logocen { width:193px;height:66px;display:block; margin: 69px 40px 0 40px;}
.newstd a { background:url(../images/nav_news.png?20200626) no-repeat;width:64px;height:17px;text-indent:101%;white-space:nowrap;overflow:hidden;display:block; margin-top:115px;margin-right: 37px;margin-left: 25px;}
.newstd a:hover {background:url(../images/nav_news.png?20200626) no-repeat;width:64px;height:17px;text-indent:101%;white-space:nowrap;overflow:hidden;display:block; }

.aboutd a { background:url(../images/nav_about.png?20200626) no-repeat;width:72px;height:17px;text-indent:101%;white-space:nowrap;overflow:hidden;display:block; margin-top:115px;margin-right: 37px;}
.aboutd a:hover {background:url(../images/nav_about.png?20200626) no-repeat;width:72px;height:17px;text-indent:101%;white-space:nowrap;overflow:hidden;display:block; }

.catalogd a { background:url(../images/nav_catalog.png?20200626) no-repeat;width:97px;height:17px;text-indent:100%;white-space:nowrap;overflow:hidden;display:block;margin-top:115px;margin-right: 37px;}
.catalogd a:hover {background:url(../images/nav_catalog.png?20200626) no-repeat;width:97px;height:17px;text-indent:100%;white-space:nowrap;overflow:hidden;display:block; }

.galleryd a { background:url(../images/nav_gallery.png?20200626) no-repeat;width:83px;height:17px;text-indent:100%;white-space:nowrap;overflow:hidden;display:block;margin-top:115px;}
.galleryd a:hover {background:url(../images/nav_gallery.png?20200626) no-repeat;width:83px;height:17px;text-indent:100%;white-space:nowrap;overflow:hidden;display:block; }

.menud a { background:url(../images/nav_menu.png?20200626) no-repeat;width:62px;height:17px;text-indent:100%;white-space:nowrap;overflow:hidden;display:block;margin-top:115px;margin-right: 27px;}
.menud a:hover {background:url(../images/nav_menu.png?20200626) no-repeat;width:62px;height:17px;text-indent:100%;white-space:nowrap;overflow:hidden;display:block; }

.accessd a { background:url(../images/nav_access.png?20200626) no-repeat;width:80px;height:17px;text-indent:102%;white-space:nowrap;overflow:hidden;display:block;margin-top:115px;margin-right: 27px;}
.accessd a:hover {background:url(../images/nav_access.png?20200626) no-repeat;width:80px;height:17px;text-indent:102%;white-space:nowrap;overflow:hidden;display:block; }

.recruitd a { background:url(../images/nav_recruit.png?20200626) no-repeat;width:79px;height:17px;text-indent:100%;white-space:nowrap;overflow:hidden;display:block;margin-top:115px;margin-right: 27px;}
.recruitd a:hover {background:url(../images/nav_recruit.png?20200626) no-repeat;width:79px;height:17px;text-indent:100%;white-space:nowrap;overflow:hidden;display:block; }

.shoptd a { background:url(../images/nav_shop.png?20200626) no-repeat;width:152px;height:17px;text-indent:100%;white-space:nowrap;overflow:hidden;display:block;margin-top:115px;}
.shoptd a:hover {background:url(../images/nav_shop.png?20200626) no-repeat;width:152px;height:17px;text-indent:100%;white-space:nowrap;overflow:hidden;display:block; }



.navsp2 { /*! width:18px; *//*! height:17px; *//*! display:block; */ /*! margin-top:79px; */}
.logocen2 { width:193px;height:66px;display:block; margin: 35px 40px 0 40px;}
.newstd2 a { background:url(../images/nav_news.png?20200626) no-repeat;width:64px;height:17px;text-indent:101%;white-space:nowrap;overflow:hidden;display:block; margin-top:78px;margin-right: 37px;margin-left: 25px;}
.newstd2 a:hover {background:url(../images/nav_news.png?20200626) no-repeat;width:64px;height:17px;text-indent:101%;white-space:nowrap;overflow:hidden;display:block; }

.aboutd2 a { background:url(../images/nav_about.png?20200626) no-repeat;width:72px;height:17px;text-indent:101%;white-space:nowrap;overflow:hidden;display:block; margin-top:78px;margin-right: 37px;}
.aboutd2 a:hover {background:url(../images/nav_about.png?20200626) no-repeat;width:72px;height:17px;text-indent:101%;white-space:nowrap;overflow:hidden;display:block; }

.catalogd2 a { background:url(../images/nav_catalog.png?20200626) no-repeat;width:97px;height:17px;text-indent:100%;white-space:nowrap;overflow:hidden;display:block;margin-top:78px;margin-right: 37px;}
.catalogd2 a:hover {background:url(../images/nav_catalog.png?20200626) no-repeat;width:97px;height:17px;text-indent:100%;white-space:nowrap;overflow:hidden;display:block; }

.galleryd2 a { background:url(../images/nav_gallery.png?20200626) no-repeat;width:83px;height:17px;text-indent:100%;white-space:nowrap;overflow:hidden;display:block;margin-top:78px;}
.galleryd2 a:hover {background:url(../images/nav_gallery.png?20200626) no-repeat;width:83px;height:17px;text-indent:100%;white-space:nowrap;overflow:hidden;display:block; }

.menud2 a { background:url(../images/nav_menu.png?20200626) no-repeat;width:62px;height:17px;text-indent:100%;white-space:nowrap;overflow:hidden;display:block;margin-top:78px;margin-right: 27px;}
.menud2 a:hover {background:url(../images/nav_menu.png?20200626) no-repeat;width:62px;height:17px;text-indent:100%;white-space:nowrap;overflow:hidden;display:block; }

.accessd2 a { background:url(../images/nav_access.png?20200626) no-repeat;width:80px;height:17px;text-indent:102%;white-space:nowrap;overflow:hidden;display:block;margin-top:78px;margin-right: 27px;}
.accessd2 a:hover {background:url(../images/nav_access.png?20200626) no-repeat;width:80px;height:17px;text-indent:102%;white-space:nowrap;overflow:hidden;display:block; }

.recruitd2 a { background:url(../images/nav_recruit.png?20200626) no-repeat;width:79px;height:17px;text-indent:100%;white-space:nowrap;overflow:hidden;display:block;margin-top:78px;margin-right: 27px;}
.recruitd2 a:hover {background:url(../images/nav_recruit.png?20200626) no-repeat;width:79px;height:17px;text-indent:100%;white-space:nowrap;overflow:hidden;display:block; }

.shoptd2 a { background:url(../images/nav_shop.png?20200626) no-repeat;width:152px;height:17px;text-indent:100%;white-space:nowrap;overflow:hidden;display:block;margin-top:78px;}
.shoptd2 a:hover {background:url(../images/nav_shop.png?20200626) no-repeat;width:152px;height:17px;text-indent:100%;white-space:nowrap;overflow:hidden;display:block; }

.nav2 {
	height: 122px;
    position: relative;
    width: 1180px;
    margin: 0 auto;
}
.nav2 ul, nav ol {
    list-style: none;
    list-style-image: none;
}

.site-header {
  width: 100%;
  z-index: 999;
  background-color: #ffffff;
}

.sticking {
  width: 100%;
  z-index: 999;
  background-color: #ffffff;
-webkit-box-shadow: 0 8px 6px -6px #ccc;
-moz-box-shadow: 0 8px 6px -6px #ccc;
box-shadow: 0 8px 6px -6px #ccc;
}

#container {
	width:1840px;
	max-width:100%;
	margin:0 auto;
}
.bg2 { background: url(../images/1.jpg) center no-repeat;
    height: 945px;}
.pabg {
	background: url(../images/line3.png) 100% 0 no-repeat fixed;
	height: 1230px;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	position:absolute;
	z-index: 1;
}
.pabg2 {
	background: url(../images/brush1.png) 100% 0 no-repeat fixed;
	height: 1927px;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	position:absolute;
	z-index: -1;
}
.pabg3 {
	background: url(../images/brush2.png) 100% 0 no-repeat fixed;
    height: 2875px;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	position:absolute;
	z-index: -1;
}
.pabg4 {
	background: url(../images/brush3.png) 100% 0 no-repeat fixed;
	height: 1300px;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	position:absolute;
	z-index: -1;
}
.gallpa {
	background: url(../images/gallbgpa.png) 100% 0 no-repeat fixed;
	height: 1227px;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	position:absolute;
	z-index: -1;
}
.catpal {
	background: url(../images/catbg2.jpg) 100% 0 no-repeat fixed;
	height: 1600px;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	position:absolute;
	z-index: -1;
}
.menpa1 {
	background: url(../images/menpa1.jpg) 100% 0 no-repeat fixed;
	height: 680px;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	position:absolute;
	z-index: -1;
}
.aboutpara {
	background: url(../images/aboutbg.jpg) 100% 0 no-repeat fixed;
	height: 1185px;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	position:absolute;
	z-index: -1;
}

.menpa2 {
	background: url(../images/menpa2.jpg) 100% 0 no-repeat fixed;
	height: 550px;
	margin: 0 auto;
	padding: 0;
	width: 50%;
    left:0;
	position:absolute;
	z-index: -1;
}
.capara {
    background: url(../images/catbgpa.jpg) 100% 0 no-repeat fixed;
    height: 876px;
    margin: 0 auto;
    padding: 0;
    width: 50%;
    left: 0;
    position: absolute;
    z-index: -1;
}
.bgsma { max-width:1840px; margin:0 auto;}
.bgsma img { width:1840px; max-width:100%; margin:0 auto;}
.line {
position:absolute;
z-index:200;
top:0;
width:100%;
}
.line img {
	width:2000px;
	max-width:100%;
}

.space1{ height:170px;}
.space2{ height:50px;}
.space2b{ height:35px;}
.space3{ height:60px; clear:both}
.space32{ height:0px; clear:both}
.space4{ height:115px;}
.space5{ height:40px;}
.space6{ height:200px;}
.space7{ height:20px;}
.space8{ height:150px;}
.space9{ height:95px;}
.space10{ height:20px;}
.space11{ height:70px;}
.space12{ height:190px;}
.space13{ height:42px;}
.space14{ height:63px;}
.space15{ height:57px;}
.space16{ height:47px;}
.space17{ height:53px;}

.toppage {

}
.toppage2 {
    background: url(../images/top_sm_bg2.jpg) 663px 131px no-repeat;
}
#newstopmob { display:none;}
#newstop {
    border: #4d7689 1px solid;
    max-width: 1147px;
    margin: 0 auto;
    padding: 0 0 35px 0px;
}
#newstop h2 {
	width:189px;
	margin: 0 auto;
	margin-top:-1px;
}
#newstop .topphoto {
	width:313px;
	float:left;
}
#newstop .topphoto .pic {
	position:relative;
}
#newstop .topphoto .imgA1 { position:absolute; top: 11px; left: 11px; z-index: 1; }
#newstop .topphoto .imgA1 img { width:290px; height:200px; }
#newstop .topphoto .imgB1 { position:absolute; top: 0px; left: 0px; z-index: 3; }
#newstop .topphoto .datesection {
	background: url(../images/numberbg.png) bottom no-repeat;
    width: 310px;
    height: 35px;
    margin-top: 230px;
}
#newstop .topphoto .datesection img {
	vertical-align:text-top;
	padding:0 0 0 15px;
height: 24px;
}
#newstop .topnewstitle {
	width:290px;
	margin:0 auto;
	padding-top:5px;
	color:#000;
}
#newstop .topnewstitle a:link { color:#000;}
#newstop .topnewstitle a:hover { color:#000; text-decoration:underline}
#newstop .topnewstitle  a:active { color:#000;}
#newstop .topnewstitle a:visited { color:#000;}
#newstop .newsvm a {
	background:url(../images/viewm_off.png) no-repeat;
    width: 172px;
    height: 31px;
	text-indent:100%;white-space:nowrap;overflow:hidden;display:block;
	margin:0 auto;
}
#newstop .newsvm a:hover {
	background:url(../images/viewm_on.png) no-repeat;
    width: 172px;
    height: 31px;
	text-indent:100%;white-space:nowrap;overflow:hidden;display:block;
	margin:0 auto;
}
#toptmbcat{}
#toptmbcat h2 {
width:136px;
margin:0 auto;
}
#toptmbcat .toptmb {
  width: 800px;
  margin: 0 auto;
}
#toptmbcat .toptmb div {
  position: relative;
  float: left;
  padding: 19px;
}
#toptmbcat .toptmb div img {
  display: block;
  width: 227px;
  height:227px;
}
#toptmbcat .toptmb div img a {
  display: block;
  width: 227px;
  height:227px;
}
#toptmbcat .catvm a {
	background:url(../images/viewm_off.png) no-repeat;
    width: 172px;
    height: 31px;
	text-indent:100%;white-space:nowrap;overflow:hidden;display:block;
	margin:0 auto;
}
#toptmbcat .catvm a:hover {
	background:url(../images/viewm_on.png) no-repeat;
    width: 172px;
    height: 31px;
	text-indent:100%;white-space:nowrap;overflow:hidden;display:block;
}
.topban {
	width:1180px;
	margin:0 auto;
}
#footer {
	padding:60px 0 30px 0;
	border-top:#d4d4d4 2px solid;
	width:100%;
	text-align:center;
	line-height:27px;
	color:#999;
}
#footer .mobicons { display:none}
#footer .fticons {
	width:180px;
	margin:0 auto;
}
#footer .fticons ul {
	list-style:none;
}
#footer .fticons li {
	display:inline;
}
#footer .footeraddress {
	margin:35px 0 0 0;
	height:44px;
	background:url(../images/footertxt.png) center no-repeat;
	text-indent:-10000px;
}
#footer .footerlinks {
	margin:0 0 0 0;
}
#footer .footerlinks  ul {
	list-style:none;
	width: 1032px;
	margin: 0 auto;
}
#footer .footerlinks  li {
	width:25px;
	display:inline;
}
#footer .footerlinks  li.slash { background:url(../images/footsla.png) no-repeat;width:24px;height:23px;display:inline-block;text-indent:100%;white-space:nowrap;overflow:hidden;}
#footer .footerlinks  li.foot1 a { background:url(../images/foot_top.png?20200626) no-repeat;width:30px;height:23px;display:inline-block;text-indent:100%;white-space:nowrap;overflow:hidden; margin:0; padding:0}
#footer .footerlinks  li.foot1 a:hover { background:url(../images/foot_top.png?20200626) no-repeat;width:30px;height:23px;display:inline-block;text-indent:100%;white-space:nowrap;overflow:hidden;}

#footer .footerlinks  li.foot2 a { background:url(../images/foot_about.png?20200626) no-repeat;width:56px;height:23px;display:inline-block;text-indent:100%;white-space:nowrap;overflow:hidden;}
#footer .footerlinks  li.foot2 a:hover { background:url(../images/foot_about.png?20200626) no-repeat;width:56px;height:23px;display:inline-block;text-indent:100%;white-space:nowrap;overflow:hidden;}

#footer .footerlinks  li.foot3 a { background:url(../images/foot_catalog.png?20200626) no-repeat;width:76px;height:23px;display:inline-block;text-indent:100%;white-space:nowrap;overflow:hidden;}
#footer .footerlinks  li.foot3 a:hover { background:url(../images/foot_catalog.png?20200626) no-repeat;width:76px;height:23px;display:inline-block;text-indent:100%;white-space:nowrap;overflow:hidden;}

#footer .footerlinks  li.foot4 a { background:url(../images/foot_gallery.png?20200626) no-repeat;width:66px;height:23px;display:inline-block;text-indent:100%;white-space:nowrap;overflow:hidden;}
#footer .footerlinks  li.foot4 a:hover { background:url(../images/foot_gallery.png?20200626) no-repeat;width:66px;height:23px;display:inline-block;text-indent:100%;white-space:nowrap;overflow:hidden;}

#footer .footerlinks  li.foot5 a { background:url(../images/foot_menu.png?20200626) no-repeat;width:50px;height:23px;display:inline-block;text-indent:100%;white-space:nowrap;overflow:hidden; }
#footer .footerlinks  li.foot5 a:hover { background:url(../images/foot_menu.png?20200626) no-repeat;width:50px;height:23px;display:inline-block;text-indent:100%;white-space:nowrap;overflow:hidden;}

#footer .footerlinks  li.foot6 a { background:url(../images/foot_access.png?20200626) no-repeat;width:64px;height:23px;display:inline-block;text-indent:100%;white-space:nowrap;overflow:hidden;}
#footer .footerlinks  li.foot6 a:hover { background:url(../images/foot_access.png?20200626) no-repeat;width:64px;height:23px;display:inline-block;text-indent:100%;white-space:nowrap;overflow:hidden;}

#footer .footerlinks  li.foot7 a { background:url(../images/foot_recruit.png?20200626) no-repeat;width:64px;height:23px;display:inline-block;text-indent:100%;white-space:nowrap;overflow:hidden;}
#footer .footerlinks  li.foot7 a:hover { background:url(../images/foot_recruit.png?20200626) no-repeat;width:64px;height:23px;display:inline-block;text-indent:100%;white-space:nowrap;overflow:hidden;}

#footer .footerlinks  li.foot8 a { background:url(../images/foot_ppolicy.png?20200626) no-repeat;width:129px;height:23px;display:inline-block;text-indent:100%;white-space:nowrap;overflow:hidden;}
#footer .footerlinks  li.foot8 a:hover { background:url(../images/foot_ppolicy.png?20200626) no-repeat;width:129px;height:23px;display:inline-block;text-indent:100%;white-space:nowrap;overflow:hidden;}

#footer .footerlinks  li.foot11 a { background:url(../images/foot_news.png?20200626) no-repeat;width:52px;height:20px;display:inline-block;text-indent:100%;white-space:nowrap;overflow:hidden; margin:0; padding:0}
#footer .footerlinks  li.foot11 a:hover { background:url(../images/foot_news.png?20200626) no-repeat;width:52px;height:20px;display:inline-block;text-indent:100%;white-space:nowrap;overflow:hidden;}

#footer .footerlinks  li.foot77 a { background:url(../images/foot_shop.png?20200626) no-repeat;width:125px;height:23px;display:inline-block;text-indent:100%;white-space:nowrap;overflow:hidden; margin:0; padding:0}
#footer .footerlinks  li.foot77 a:hover { background:url(../images/foot_shop.png?20200626) no-repeat;width:125px;height:23px;display:inline-block;text-indent:100%;white-space:nowrap;overflow:hidden;}

#footer .footerlinks a {
	margin:30px 0 0 0;
}
#footer .footerlinks  ul a {
	list-style:none;
}
#footer .footerlinks  li a {
	color:#999;
	width:25px;
	display:inline;
	text-decoration:none;
}
#footer .footerlinks  li a:hover {
	color:#999;
	width:25px;
	display:inline;
	text-decoration:underline;
}
.copy {
	margin:90px 0 30px 0;
	background:url(../images/foot_copy.png) center no-repeat;
	height:17px;
	text-indent:-10000px;
	width: 100%;
	text-align: center;
}

.backnumber {
	width:100%;
	text-align:center;
	margin:50px 0 0 0;
	font-size: 18px;
  padding-left: 5px;
}
.backnum {
	padding-right: 5px;
}
.backnum2 {
	padding-right: 5px;
	padding-left: 5px;
}
/*NEWS PAGE*/

#pagenews {
	width:1075px;
	margin:0 auto;
	padding:0 0 35px 0;
}
#pagenews h2 {
	width:143px;
	margin:0 auto;
	margin-bottom:140px;
}
#pagenews #listnews {
    width: 100%;
    padding:0;
}
#pagenews .topphoto {
	width:313px;
	display:inline-block;
}
#pagenews .topphoto .pic {
	position:relative;
}
#pagenews .topphoto .imgA1 { top: 11px; left: 11px; z-index: 1; }
#pagenews .topphoto .imgB1 { position:absolute; top: -1px; left: -1px; z-index: 3; }
#pagenews .topphoto .datesection {
	background:url(../images/numberbg.png) bottom no-repeat;
	width:310px;
	height:55px;
	padding-top:20px;
text-align:left;
}
#pagenews .topphoto .datesection img {
	vertical-align:text-top;
	padding:0 0 0 15px;
	height:24px;
}
#pagenews .topnewstitle {
	width:290px;
	margin:0 auto;
	padding-top:5px;
    color: #000;
text-align:left;
}
#pagenews .newsvm a {
	background:url(../images/viewm_off.png) no-repeat;
	width:172px;
	height:31px;
	text-indent:100%;white-space:nowrap;overflow:hidden;display:block;
	margin:0 auto;
}
#pagenews .newsvm a:hover {
	background:url(../images/viewm_on.png) no-repeat;
	width:172px;
	height:31px;
	text-indent:100%;white-space:nowrap;overflow:hidden;display:block;
}


/*NEWS PAGE DETAILS*/

#pagenewsdet {
	width:805px;
	margin:0 auto;
	padding:0;
}
#pagenewsdet h2 {
	background:url(../images/pagenewstit.png) top center no-repeat;
	width:100%;
	height:95px;
	text-indent:-10000px;
	margin:0;
}
#pagenewsdet .topphoto {
}
#pagenewsdet .topphoto .pic {
}

#pagenewsdet .topphoto .datesecdesc {
	background:url(../images/numberbg2.png) left bottom no-repeat;
	width:100%;
	height:32px;
}
#pagenewsdet .topphoto .datesecdesc img {
	height:24px;
}
#pagenewsdet .topphoto .datesecdet img {
	vertical-align:text-top;
	padding:0 0 0 15px;
	height:24px;
}
#pagenewsdet .topnewstitle {
	width:100%;
	padding-top:15px;
	margin-bottom:26px;
}
#pagenewsdet .desc {
	font-size:18px;
	margin:25px 0 100px 0;
	width:805px;
}
.botbak { text-align:center; margin-bottom:50px;}
#pagenewsdet .newsvm a {
	background:url(../images/viewm_off.png) no-repeat;
    width: 261px;
    height: 31px;
	display:block;
	text-indent:-10000px;
	margin:0 auto;
}
#pagenewsdet .newsvm a:hover {
	background:url(../images/viewm_on.png) no-repeat;
    width: 261px;
    height: 31px;
	display:block;
	text-indent:-10000px;
}


/*CATALOG*/
/*.catbg {background:url(../images/catbg.jpg) 30% 35% no-repeat;}
.catbg2 {background:url(../images/catbg2.jpg) left top no-repeat;}*/
#catalog {

	padding:0;
}
#catalog h2 {
	width:136px;
	margin:0 auto;
	margin-bottom:40px;
}
#catalog .bigpic {
	text-align:center;
  width: auto;
	}
#catalog .bigpic img {
	height: auto;
	max-width: 100%;
	}
#catalog .catalogtmb {
	width:100%;
	text-align:center;
}
#catalog .catalogtmb ul {
	list-style:none;
}
#catalog .catalogtmb li {
	display:inline;
}
#catalog .catalogtmb li img {
	height:108px;
	margin:20px 5px 10px 5px;
}

#catalog .listsub {
	height:auto;
	float:none;
}

.mobstylistsec { display:none}
#catalog .styledesc {
	width:650px;
	margin:0 auto;
	line-height:30px;
}
#catalog .styledesc h3 {
	font-size:18px;
}
#catalog .stylistsec {
	width:484px;
	margin:0 auto;
}
#catalog .stylpic { float:left;}

#catalog .styldescrip { float:right; width:280px; height:257px;margin-top: 5px;}
#catalog .styldescrip .tanto {
	line-height:0px; padding-bottom: 5px;}
#catalog .styldescrip .romaji {
	color:#526e84;
	font-size:28px;
    padding-bottom: 3px;
	font-family: 'Didact Gothic', sans-serif;
}
#catalog .ststtmb {
	width: 1028px;
margin: 0 auto;
}
#catalog .ststtmb h3 {
	background:url(../images/numberbg3.png) left bottom no-repeat;
	width:100%;
	height:27px;
	color:#536e83;
	font-size:18px;
	font-weight:normal;
    margin: 0 0 0 15px;
}
#catalog .ststtmb .cattmb {
  width: 1028px;
  margin: 0 auto;
}
#catalog .ststtmb .cattmb  div {
  position: relative;
  float: left;
  padding: 15px;
}
#catalog .ststtmb .cattmb  div  img {
  display: block;
  width: 227px;
  height:227px;
}

#catalog .catvm a {
	background:url(../images/viewm_off.png) no-repeat;
    width: 172px;
    height: 31px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
	margin:0 auto;
}
#catalog .catvm a:hover {
	background:url(../images/viewm_on.png) no-repeat;
    width: 172px;
    height: 31px;
	display:block;
	text-indent:-10000px;
}
.ex{
    padding:0;
    height:auto;
    overflow:hidden;
}
#catalog .catsearch {
	text-align:center;
    margin-bottom: 10px;
}
#catalog .catsearch img {
	text-align:center;
    margin-bottom:0px;
		width: 79px;
		height: 36px;
}
#catalog .catsearch select  {
	-webkit-appearance: button;
    -webkit-border-radius: 2px;
    -webkit-padding-end: 20px;
    -webkit-padding-start: 2px;
    -webkit-user-select: none;
    background: #fff url(../images/arr.png);
    background-position: 97% center;
    background-repeat: no-repeat;
    border: 0px solid #AAA;
    color: #578599;
    font-size: 16px;
    font-family: sans-serif;
    overflow: hidden;
    padding: 5px 30px 5px 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
	-moz-appearance: none;

}
#catalog .catsearch .btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  background: #7ba3b4;
  padding: 3px 30px 3px 30px;
  text-decoration: none;
}

#catalog .catsearch .btn:hover {
  background: #153F4F;
  text-decoration: none;
}
.catbut {
	width:710px;
	margin:0 auto;
}
.bigban {
	margin:0 auto;
	width:1180px;
	margin-top:200px;
}
.catbut .me1 {float:left;}
.catbut .me2 {float:right;}

.catbut .bme a {float:left; background: url(../images/menu.png) no-repeat; text-indent:100%;white-space:nowrap;overflow:hidden;display:block; width:330px; height:54px; }
.catbut .bme a:hover {float:left; background: url(../images/menu2.png) no-repeat; text-indent:100%;white-space:nowrap;overflow:hidden;display:block; width:330px; height:54px;}
.catbut .bcat a {float:right; background:url(../images/access.png) no-repeat; text-indent:100%;white-space:nowrap;overflow:hidden;display:block; width:330px; height:54px;}
.catbut .bcat a:hover {float:right; background:url(../images/access2.png) no-repeat; text-indent:100%;white-space:nowrap;overflow:hidden;display:block; width:330px; height:54px;}

/*GALLERY*/

#gallery {
	width:100%;
	margin:0 auto;
	padding:0;
}
#gallery h2 {
	width:138px;
	margin:0 auto;
	margin-bottom:40px;
}
#gallery .gallerytitle {
	width:300px;
	margin:0 auto;
	font-family: 'Didact Gothic', sans-serif;
	font-size:24px;
	color:#a1afb1;
}
#gallery .galldate {
	display:inline;
	width: auto;
	height: auto;
    float: left;
    padding-top: 5px;
}

#gallery .galldate img{
	width: auto;
	height: 24px;
}

#gallery .galldate2 {
	display:inline;
	width: auto;
	height: auto;
    float: left;
    padding-top: 4px;
}
#gallery .galldate2 img{
	width: auto;
	height: 24px;
}
.bigimggall img {
	/*height: 460px;*/
}

#gallery .gallerysubtit {
	background:url(../images/numberbg3.png) left no-repeat;
	width:640px;
	height:32px;
	margin:0 auto;
	font-family: 'Didact Gothic', sans-serif;
	font-size:18px;
	color:#a1afb1;
}
#gallery .smallgal {
	margin:0 auto;
	max-width:660px;
	height:100%;
width:100%;
}
#gallery .sgl {
    width: 300px;
    max-width: 100%;
    height: auto;
    float: left;
    margin-bottom: 40px;
		margin-left: 10px;
    margin-right: 10px;
	    text-align: center;
}
#gallery .sgr {
	width:425px;
	height:320px;
	float:right;
}
#gallery .sgl img {
	max-height: 227px;
}
#gallery .sgl .galldate img {
	width: auto;
	height: 17px;
}
#gallery .sgl .galldate2 img {
	width: auto;
	height: 18px;
}
#gallery .sgr img {
	width:425px;
	max-width:100%;
	height:auto;
}
#gallery .galltmtitle {
	width:300px;
	margin:15px 0 0 0;
	font-family: 'Didact Gothic', sans-serif;
	font-size:22px;
	color:#a1afb1;
	text-align: left;
}
#gallery .newsvm a {
	background:url(../images/viewm_off.png) no-repeat;
    width: 172px;
    height: 31px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
	margin:0 auto;
}

#gallery .newsvm a:hover {
	background:url(../images/viewm_on.png) no-repeat;
    width: 172px;
    height: 31px;
	display:block;
	text-indent:-10000px;
}
.galltxt {float:left; padding-top: 8px;padding-right: 5px;}
.galltxt2 {float:left;padding-top: 5px;padding-right: 5px;}
.square {
	width:339px;
	margin:0 auto;
}

/*ABOUT*/

/* Portfolio */
.portfolio .sy-controls {
  display: block;
}
.portfolio .sy-pager {
  margin: 1.5em 0;
}
.portfolio .external-captions {
  background-color: #fff;
  padding: 1em;
}
.classab { padding:0 20px 0 20px; font-size: 18px; line-height: 34px;}
/*.aboutbg {background:#fff url(../images/aboutbg.jpg) top center no-repeat;}
.gallerybg {background:#fff url(../images/gallbg.jpg) top center no-repeat;}*/
#about {
	max-width:1014px;
	margin:0 auto;
	padding:0;
}
#about h2 {
	width:134px;
	margin:0 auto;
	margin-bottom:140px;
	margin-top:50px;
}
#about .abouttxt img { width:auto; height:auto;}

/*STAFF*/


#staff {
	max-width:1014px;
	margin:0 auto;
	padding:0;
	font-size:16px;
}
#staff h2 {
	background:url(../images/stafftit.png) top center no-repeat;
	width:100%;
	height:130px;
	text-indent:-10000px;
	margin:0;
}
#staff .stylistsec {
	width:870px;
	margin:0 auto;
}
#staff .stylpic { float:left;}
#staff .stylpic2 { float:left;}
	#staff .styldescrip { float:right; width:440px; }
	#staff .styldescrip .romaji {
	color:#526e84;
	font-size:50px;
	font-family: 'Didact Gothic', sans-serif;
	line-height:42px;}
	#staff .styldescrip .shushin {
	line-height:20px; padding:25px 0 13px 0;}
	#staff .styldescrip .stafftxt {
	line-height:27px; padding:0 0 7px 0;}
	#staff .styldescrip .years_exp {
	line-height:20px; padding:0 0 10px 0; border-bottom:#727272 1px dashed;}
	#staff .styldescrip .typestyle {
	    line-height: 20px;
	    padding: 16px 0 10px 0;
	    font-size: 24px;
	    color: #526e84;
	}
	#staff .styldescrip .stylesec { 
        border:#ccc 1px solid; 
        float:left; 
        width:33.3%; 
        text-align:center;
        line-height: 30px;
        padding-top: 3px;
        padding-bottom: 1px;
}
	#staff .styldescrip .sonoota2 {
	    line-height: 27px;
	    padding: 30px 0 3px 0;
	    font-size: 24px;
	    color: #526e84;
	}

	#staff .styldescrip .staffbutton { text-align:center; background:#526e84; width:440px; }
	#staff .styldescrip .staffbutton a { color:#fff; text-decoration:none;font-family: 'Didact Gothic', sans-serif; width:440px; height:32px; display:block;padding:10px 0 30px 0;border:#526e84 1px solid}
	#staff .styldescrip .staffbutton a:hover {color:#526e84;  background:#ffffff; text-decoration:none;font-family: 'Didact Gothic', sans-serif; width:440px; height:32px; display:block;padding:10px 0 30px 0; border:#526e84 1px solid}
	#staff .square {
	width:339px;
	margin:0 auto;
}



/*RECRUIT*/

#recruit {
	max-width:600px;
	margin:0 auto;
	padding:0;
}
#recruit h2 {
	width:162px;
	margin:0 auto;
	margin-bottom:30px;
}
#recruit .matter {
	background:url(../images/numberbg3.png) left no-repeat;
	width:100%;
	height:32px;
	margin:0 auto;
	font-size:18px;
	color:#536e83;
}
#recruit .onefile { border-bottom:#e2e6e7 1px solid; padding:17px 0 15px 0;}
#recruit .komoku { float:left; width:25%;}
#recruit .det { float:right; width:75%}
#recruit .contactnum { width:333px; height:43px; margin:0 auto; padding:0; }
#recruit .num { width:333px; height:43px; margin:0 auto; padding:0; display:block;}
.bmen a { background:url(../images/access.png) no-repeat; text-indent:100%;white-space:nowrap;overflow:hidden;display:block; width:330px; height:54px; margin:0 auto;}
.bmen a:hover { background:url(../images/access2.png) no-repeat; text-indent:100%;white-space:nowrap;overflow:hidden;display:block; width:330px; height:54px;margin:0 auto;}

/*ACCESS*/
/*.bgaccess { background:#fff url(../images/bgaccess.jpg) left top no-repeat;}*/

#access {
	max-width:1238px;
	margin:0 auto;
	padding:0;
}
#access h2 {
	width:143px;
	margin-bottom:140px;
	margin:0 auto;
}

#map { width: 1238px; height: 395px;}
#access .vewmap { width:100%x; text-align:center; margin:20px 0 90px 0;}

#access .accen { width:730px; margin:0 auto;}
#access .reservation {
	float:left;
    margin-right: 0px;
    width: 340px;
}
#access .acrom { float:left;color:#526e84;font-size:24px;font-family: 'Didact Gothic', sans-serif; background:url(../images/resbg.png) left bottom no-repeat; height:40px; margin-bottom:25px;}
#access .acjap { display:inline-table; color:#526e84; padding:10px 0 0 5px;}
#access .text {line-height:30px; width: 310px;float: left;}
#access .shop {float:right; width: 310px;}
#access .lines1 { padding-bottom:0px;}
#access .lines2 { padding-bottom:0px;}
#access .lines3 { padding-bottom:0px;}
#access .lines4 { padding-bottom:0px;}
#access .num { width:298px; margin:0 auto; padding:0; display:block;}
.ac1 { width:298px; margin:0 auto; margin-top: 40px;}
.ac3 { width: 298px; margin:0 auto; margin-bottom:5px;width: 298px;}

/*MENU*/
/*.bgmenu { background:#fff url(../images/menubg.jpg) left top no-repeat;}*/
#menu {
	max-width:1238px;
	margin:0 auto;
	padding:0;
}
#menu h2 {
	width:143px;
	margin:0 auto;
}
#menu p {
    margin: 0 0 0px;
}
#menu .panel {
    margin-bottom: 0px;
    border: 0px solid transparent;
    border-radius: 4px;
}
.menu_cut { background: url(../images/pc_m_men-cut.png) no-repeat; width:48px; height:35px; background-size: 48px 35px; }
.menu_color { background: url(../images/pc_m_men-color.png) no-repeat; width:83px; height:35px;background-size: 83px 35px;}
.menu_perm { background: url(../images/pc_m_men-perm.png) no-repeat; width:62px; height:35px;background-size: 62px 35px;}
.menu_straig { background: url(../images/pc_m_men-sytraperm.png) no-repeat; width:190px; height:35px;background-size: 190px 35px;}
.menu_treat { background: url(../images/pc_m_men-cuttreat.png) no-repeat; width:207px; height:35px;background-size: 207px 34px;}
.menu_spa { background: url(../images/pc_m_men-spa.png) no-repeat; width:120px; height:35px;background-size: 120px 35px}
.menu_styling { background: url(../images/pc_m_men-styl.png) no-repeat; width:101px; height:35px;background-size: 101px 35px;}
.menu_set { background: url(../images/pc_m_men-set.png) no-repeat; width:43px; height:35px;background-size: 43px 35px;}
.menu_make { background: url(../images/pc_m_men-make.png) no-repeat; width:68px; height:35px;background-size: 68px 35px;}

#menu .padex { text-align:left; clear: both}
#menu .num { width:298px; margin:0 auto; padding:0 0 20px 0; display:block;}
#menu .shop { width: 279px;margin: 0 auto; text-align: left;}
#menu .lines2 { padding-bottom:2px;}
#menu .lines3 { padding-bottom:2px; padding-left: 54px;}
#menu .lines4 { padding-bottom:10px;}
.padd1 {padding-left: 12px;}
.padd2 {padding-left: 5px;}
.padd3 {padding-left: 21px;}
#menu .ac { width:100%; text-align:center;margin:0;display:block;}
#menu .catbut {width:710px;margin:0 auto;}
#menu .catbut .me1 {float:left;}
#menu .catbut .me2 {float:right;}
#menu .txto { float:left;}
#menu .txto2 { float:left; font-size:16px;}
#menu .price {float:right; text-align:left;}
#menu .price2 {float:right; text-align:left; padding-top:20px;}
#menu .price3 {float:right; text-align:left; padding-top:10px;}
#menu .textlone {padding:10px 0 0 0; text-align:right;}
#menu .rebox {    
    padding: 16px 20px 20px 20px;
    border: #526e80 1px solid;
    margin-top: 104px;
    line-height: 30px;
    height: 246px;
}
#menu .rebox1 {    
    padding: 16px 20px 20px 20px;
    border: #526e80 1px solid;
    margin-top: 19px;
    line-height: 30px;
    height: 246px;
}
#menu .rebox2 {    
    padding: 16px 20px 20px 20px;
    border: #526e80 1px solid;
    margin-top: -16px;
    line-height: 30px;
    height: 246px;
}
#menu .rebox3 {    
    padding: 16px 20px 20px 20px;
    border: #526e80 1px solid;
    margin-top: 174px;
    line-height: 40px;
    height: 351px;
    font-size: 16px;
}
#menu .acrom { float:left;color:#526e84;font-size:24px;font-family: 'Didact Gothic', sans-serif; background:url(../images/resbg.png) left bottom no-repeat; height:40px; margin-bottom:19px;padding-top: 6px;}
#menu .acrom2 { float:left;color:#526e84;font-size:36px;font-family: 'Didact Gothic', sans-serif; background:url(../images/resbg.png) left bottom no-repeat; height:56px; margin-bottom:34px;padding-top: 6px;}
#menu .acjap { display:inline-table; color:#526e84; padding:10px 0 0 5px;}
#menu .men1 {
	clear:both;
	border-bottom:#b2bebf 1px solid;
    height: 35px;
    line-height: 35px;   
}
#menu .men1-noline {
	clear:both;
    height: 35px;
    line-height: 35px;     
}
#menu .special-noline {
    clear: both;
    height: 35px;
    line-height: 20px;
    padding-top: 8px;
}
#menu .men2 {
	clear:both;
	border-bottom:#b2bebf 1px solid;
	padding:6px 0 25px 0;
}
#menu .men3 {
	clear:both;
	border-bottom:#b2bebf 1px solid;
	padding:6px 0 44px 0;
	margin-bottom:10px;
}
#menu .men4 {
	clear:both;
	border-bottom:#b2bebf 1px solid;
	padding:6px 0 34px 0;
}
#menu .men5 {
	clear:both;
	border-bottom:#b2bebf 1px solid;
	padding:6px 0 60px 0;
}
#menu #menuleft {
	width:590px;
	float:left;
	margin:0 55px 0 0;
}
#menu #menuright {
	width:590px;
	float:right;
	margin:0;
}

.catbot a {float:left; background: url(../images/catalogbut.png) no-repeat; text-indent:100%;white-space:nowrap;overflow:hidden;display:block; width:331px;height:55px;}
.catbot a:hover {float:left; background: url(../images/catalogbut2.png)  no-repeat; text-indent:100%;white-space:nowrap;overflow:hidden;display:block; width:331px; height:55px;}
.galbot img {width:331px; max-width:100%; height:100%; }
.galbot a {float:right; background: url(../images/gallerybut.png) no-repeat; text-indent:100%;white-space:nowrap;overflow:hidden;display:block; width:331px; height:55px;}
.galbot a:hover {float:right; background:url(../images/gallerybut2.png) no-repeat; text-indent:100%;white-space:nowrap;overflow:hidden;display:block; width:331px; height:55px;}

button.accordion {
    color:#526e84;
	font-size:24px;
	font-family: 'Didact Gothic', sans-serif;
	background:url(../images/trans.png);
	height:25px;
	margin-bottom:25px;
    padding: 0;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
}

/*PRIVACY POLICY*/

#ppolicy {
	max-width:890px;
	margin:0 auto;
	padding:0;
	font-size:14px;
	letter-spacing:1px;
	line-height:30px;
}
#ppolicy h2 {
	width:288px;
	margin:0 auto;
	margin-bottom:140px;
}
.ppolicysub {
	font-size: 18px;
	margin-bottom: 10px;
}
.floatnav {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: 122px;
    border-top: 1px solid #000;
    background:#fff;
    z-index: 200;
	box-shadow: 0 0 10px #ccc;
	-webkit-box-shadow: 0 0 10px #ccc;
	-moz-box-shadow: 0 0 10px #ccc;
}
.gallerysmimg img{
    width: 620px;
}