@charset "UTF-8";
@import url(normalize.css);
@import url(reset.css);
@import url(hack.css);
/**=1
 * ================================================================================
 * 共通スタイル
 * ================================================================================
 */
/**=1-1
 * --------------------------------------
 * ヘッダー
 * --------------------------------------
 */
#InPage header {
  height: 210px;
  width: 1100px;
  margin: auto;
}
#InPage header h1 {
  height: 100%;
  width: 350px;
  float: left;
}
#InPage header h1 a {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  height: 100%;
  width: 350px;
  background: #db3e1a url(../Images/All/Logo.png) no-repeat center center;
}
#InPage header h1 a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}
#InPage header h2 {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 750px;
  height: 210px;
  float: right;
}
#InPage header h2.CookingTools {
  background: url(../Images/InPage/MainImage/CookingTools.jpg) no-repeat;
}
#InPage header h2.Foods {
  background: url(../Images/InPage/MainImage/Foods.jpg) no-repeat;
}
#InPage header h2.Hardware {
  background: url(../Images/InPage/MainImage/Hardware.jpg) no-repeat;
}
#InPage header h2.Menu {
  background: url(../Images/InPage/MainImage/Menu.jpg) no-repeat;
}
#InPage header h2.Others {
  background: url(../Images/InPage/MainImage/Others.jpg) no-repeat;
}
#InPage header h2.Question {
  background: url(../Images/InPage/MainImage/Question.jpg) no-repeat;
}
#InPage header h2.Season {
  background: url(../Images/InPage/MainImage/Season.jpg) no-repeat;
}
#InPage header h2.Products {
  background: url(../Images/InPage/MainImage/Products.jpg) no-repeat;
}
#InPage header h2.Service {
  background: url(../Images/InPage/MainImage/Service.jpg) no-repeat;
}
#InPage header h2.About {
  background: url(../Images/InPage/MainImage/About.jpg) no-repeat;
}
#InPage header h2.TopMessage {
  background: url(../Images/InPage/MainImage/TopMessage.jpg) no-repeat;
}
#InPage header h2.CorporateSymbol {
  background: url(../Images/InPage/MainImage/CorporateSymbol.jpg) no-repeat;
}
#InPage header h2.CompanyProfile {
  background: url(../Images/InPage/MainImage/CompanyProfile.jpg) no-repeat;
}
#InPage header h2.Opening {
  background: url(../Images/InPage/MainImage/Opening.jpg) no-repeat;
}
#InPage header h2.Recruit {
  background: url(../Images/InPage/MainImage/Recruit.jpg) no-repeat;
}
#InPage header h2.Contact {
  background: url(../Images/InPage/MainImage/Contact.jpg) no-repeat;
}
#InPage header h2.PrivacyPolicy {
  background: url(../Images/InPage/MainImage/PrivacyPolicy.jpg) no-repeat;
}
#InPage header h2.Studio {
  background: url(../Images/InPage/MainImage/Studio.jpg) no-repeat;
}
#InPage header h2.SiteMap {
  background: url(../Images/InPage/MainImage/SiteMap.jpg) no-repeat;
}
#InPage header h2.Information {
  background: url(../Images/InPage/MainImage/Information.jpg) no-repeat;
}

/**=1-2
 * --------------------------------------
 * メインコンテンツ
 * --------------------------------------
 */
.Content {
  padding: 80px 0 60px;
  width: 680px;
  float: right;
  min-height: 1100px;
}

.Main {
  width: 680px;
  clear: both;
  float: right;
  margin-top: 30px;
  text-align: left;
  clear: both;
}

/**=1-3
 * --------------------------------------
 * メインメニュー
 * --------------------------------------
 */
nav {
  width: 100%;
  min-width: 1100px;
  background: #f39800;
  font-size: 1.125em;
  line-height: 1.1em;
  z-index: 99;
  position: absolute;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -pie-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
nav i {
  font-size: 1.375em;
  margin-right: 5px;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* Fix for IE7 */
  *display: inline;
  /* Fix for IE7 */
}
nav ul {
  width: 1100px;
  margin: auto;
}
nav li {
  float: left;
  border-left: solid 1px #fefefe;
  width: 182px;
}
nav li.Last {
  width: 183px;
  border-right: solid 1px #fefefe;
}
nav a {
  padding: 10px 20px;
  color: #ffffff;
  display: block;
}
nav a:hover {
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}

.PageNav {
  width: 100%;
  text-align: center;
  clear: both;
}
.PageNav li {
  float: right;
  height: 100px;
  width: 100px;
  margin-left: 10px;
}
.PageNav li a {
  height: 100px;
  width: 100px;
  background: url(../Images/All/Nav/Page.png) no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
.PageNav li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}
.PageNav .SoftCreamNav01 a {
  display: block;
  background-position: 0 -1300px;
}
.PageNav .SoftCreamNav02 a {
  display: block;
  background-position: 0 -1500px;
}
.PageNav .SoftCreamNav03 a {
  display: block;
  background-position: 0 -1700px;
}
.PageNav .FoodNav01 a {
  display: block;
  background-position: 0 -100px;
}
.PageNav .FoodNav02 a {
  display: block;
  background-position: 0 -300px;
}
.PageNav .KitchenNav01 a {
  display: block;
  background-position: 0 -600px;
}
.PageNav .KitchenNav02 a {
  display: block;
  background-position: 0 -800px;
}
.PageNav .KitchenNav03 a {
  display: block;
  background-position: 0 -1000px;
}
.PageNav .SoftCream a {
  display: block;
  background-position: 0 -1200px;
}
.PageNav .Food a {
  display: block;
  background-position: 0 0;
}
.PageNav .Kitchen a {
  display: block;
  background-position: 0 -500px;
}
.PageNav .Top a {
  display: block;
  background-position: 0 -1900px;
}
.PageNav .SoftCreamNav01 a.Active {
  background-position: 0 -1400px;
}
.PageNav .SoftCreamNav02 a.Active {
  background-position: 0 -1600px;
}
.PageNav .SoftCreamNav03 a.Active {
  background-position: 0 -1800px;
}
.PageNav .FoodNav01 a.Active {
  background-position: 0 -200px;
}
.PageNav .FoodNav02 a.Active {
  background-position: 0 -400px;
}
.PageNav .KitchenNav01 a.Active {
  background-position: 0 -700px;
}
.PageNav .KitchenNav02 a.Active {
  background-position: 0 -900px;
}
.PageNav .KitchenNav03 a.Active {
  background-position: 0 -1100px;
}

.PageNav02 {
  height: 61px;
  clear: both;
  width: 680px;
  float: right;
}
.PageNav02 .None {
  display: none;
}
.PageNav02 li {
  width: 195px;
  height: 61px;
}
.PageNav02 a {
  width: 195px;
  height: 61px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  background: url(../Images/InPage/PageNav.png);
}
.PageNav02 .CookingTools01 a {
  background-position: 0 0;
}
.PageNav02 .CookingTools02 a {
  background-position: 0 -61px;
}
.PageNav02 .Foods a {
  background-position: 0 -122px;
}
.PageNav02 .Hardware01 a {
  background-position: 0 -183px;
}
.PageNav02 .Hardware02 a {
  background-position: 0 -244px;
}
.PageNav02 .Menu01 a {
  background-position: 0 -305px;
}
.PageNav02 .Menu02 a {
  background-position: 0 -366px;
}
.PageNav02 .Other01 a {
  background-position: 0 -427px;
}
.PageNav02 .Other02 a {
  background-position: 0 -488px;
}
.PageNav02 .Question01 a {
  background-position: 0 -549px;
}
.PageNav02 .Question02 a {
  background-position: 0 -610px;
}
.PageNav02 .Season a {
  background-position: 0 -671px;
}
.PageNav02 .Service01 a {
  background-position: 0 -732px;
}
.PageNav02 .Service02 a {
  background-position: 0 -793px;
}

/**=1-4
 * --------------------------------------
 * フッター
 * --------------------------------------
 */
#TopPage footer {
  width: 310px;
  padding: 20px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -175px;
  z-index: 99;
  color: #ffffff;
}
#TopPage footer .Nav {
  margin-bottom: 20px;
  float: left;
}
#TopPage footer .Nav li {
  height: 100px;
  width: 100px;
  float: left;
  margin-right: 5px;
}
#TopPage footer .Nav li.Nav03 {
  margin-right: 0;
}
#TopPage footer .Nav li a {
  height: 100px;
  width: 100px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  background: url(../Images/All/Nav/Sub.png) no-repeat;
}
#TopPage footer .Nav li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}
#TopPage footer .Nav .Nav01 a {
  background-position: 0 0;
}
#TopPage footer .Nav .Nav02 a {
  background-position: -100px 0;
}
#TopPage footer .Nav .Nav03 a {
  background-position: -200px 0;
}

#InPage footer {
  background: #db3e1a;
  width: 100%;
  min-width: 1100px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -pie-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  color: #ffffff;
  text-align: left;
  z-index: 999;
  position: relative;
  clear: both;
  z-index: 99;
}
#InPage footer .Wrap {
  position: relative;
  background: #db3e1a;
  padding: 20px 0;
}
#InPage footer .PageTop {
  width: 72px;
  height: 40px;
  right: 0;
  top: -40px;
  position: absolute;
  z-index: -1;
}
#InPage footer .PageTop a {
  width: 72px;
  height: 40px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  background: url(../Images/All/Nav/PageTop.png) no-repeat;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -pie-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  z-index: 0;
}
#InPage footer a {
  color: #ffffff;
}
#InPage footer .Nav {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
}
#InPage footer .Nav i {
  margin-right: 5px;
}
#InPage footer .Nav ul {
  margin-left: 5px;
}
#InPage footer .Logo {
  float: right;
  width: 81px;
  height: 81px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  background: url(../Images/All/FooterLogo.png);
}
#InPage footer .Address {
  clear: both;
  border-top: solid 1px #ffffff;
  padding-top: 10px;
}
#InPage footer .Address p {
  float: right;
  text-align: right;
}
#InPage footer .Address address {
  float: left;
}

/**=2
 * ================================================================================
 * トップページ
 * ================================================================================
 */
/**=2-1
 * --------------------------------------
 * 
 * --------------------------------------
 */
/**=2-2
 * --------------------------------------
 * 
 * --------------------------------------
 */
/**=2-3
 * --------------------------------------
 * 
 * --------------------------------------
 */
#TopPage {
  min-width: 1100px;
  min-height: 950px;
  width: 100%;
  background: url(../Images/TopPage/Background/Left.jpg) no-repeat bottom left;
  position: relative;
}
#TopPage .Wrap {
  min-width: 1100px;
  width: 100%;
  height: 100%;
  background: url(../Images/TopPage/Background/Right.jpg) no-repeat bottom right;
}
#TopPage nav {
  bottom: 75px;
  color: #ffffff;
}

.TopContent {
  height: 100%;
  width: 320px;
  padding: 0 20px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -180px;
  background: #D23810;
  text-align: left;
  color: #ffffff;
}
.TopContent h1 {
  background: url("../Images/TopPage/Logo.png") no-repeat;
  width: 269px;
  height: 178px;
  margin: 50px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
.TopContent .Information {
  width: 100%;
  margin-bottom: 10px;
}
.TopContent .Information .Title {
  padding: 10px 0;
}
.TopContent .Information .Title h2 {
  float: left;
  background: url(../Images/TopPage/Icon/Icon01.png) no-repeat left center;
  padding-left: 20px;
  font-size: 1.2em;
}
.TopContent .Information .Title h2 a {
  color: #ffffff;
}
.TopContent .Information .Title p {
  float: right;
}
.TopContent .Information .Title p a {
  color: #ffffff;
  padding: 5px 25px 5px 0;
  background: url(../Images/TopPage/Icon/Icon02.png) no-repeat right center;
}
.TopContent .Information dl {
  margin-bottom: 20px;
}
.TopContent .Information dt {
  padding: 0 0 10px 0;
}
.TopContent .Information dt a {
  color: #FFFF00;
  font-weight: 700;
}
.TopContent .Information a {
  color: #FFFF00;
}
.TopContent .Information a:hover {
  color: #ffffff;
}
.TopContent .Nav li {
  width: 320px;
  height: 105px;
  margin-bottom: 5px;
}
.TopContent .Nav li a {
  width: 320px;
  height: 105px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
.TopContent .Nav .Nav01 {
  background: url(../Images/TopPage/Btn/Nav01.jpg) no-repeat;
}
.TopContent .Nav .Nav02 {
  background: url(../Images/TopPage/Btn/Nav02.jpg) no-repeat;
}
.TopContent .Nav .Nav03 {
  background: url(../Images/TopPage/Btn/Nav03.jpg) no-repeat;
}

#TopPage .FoodsTown {
  height: 275px;
  width: 255px;
  position: absolute;
  left: 25%;
  top: 50px;
  margin-left: -200px;
}
#TopPage .FoodsTown a {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  background: url(../Images/TopPage/Btn.png) no-repeat;
  height: 275px;
  width: 255px;
  background-position: 0 0;
}
#TopPage .FoodsTown a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}
#TopPage .KitchenTown {
  height: 275px;
  width: 255px;
  position: absolute;
  right: 25%;
  top: 50px;
  margin-right: -200px;
}
#TopPage .KitchenTown a {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  background: url(../Images/TopPage/Btn.png) no-repeat;
  height: 275px;
  width: 255px;
  background-position: 0 -275px;
}
#TopPage .KitchenTown a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}

/**=3
 * ================================================================================
 * 内部ページ
 * ================================================================================
 */
/**=3-1
 * --------------------------------------
 * 共通設定
 * --------------------------------------
 */
/* サブタイトル
--------------------------------------*/
.PageTitle {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 680px;
  height: 53px;
  clear: both;
  margin-bottom: 20px;
}
.PageTitle.CookingTools {
  background: url(../Images/InPage/PageTitle/CookingTools.png) no-repeat;
}
.PageTitle.Foods {
  background: url(../Images/InPage/PageTitle/Foods.png) no-repeat;
}
.PageTitle.Hardware {
  background: url(../Images/InPage/PageTitle/Hardware.png) no-repeat;
}
.PageTitle.Menu {
  background: url(../Images/InPage/PageTitle/Menu.png) no-repeat;
}
.PageTitle.Others {
  background: url(../Images/InPage/PageTitle/Others.png) no-repeat;
}
.PageTitle.Question {
  background: url(../Images/InPage/PageTitle/Question.png) no-repeat;
}
.PageTitle.Season {
  background: url(../Images/InPage/PageTitle/Season.png) no-repeat;
}
.PageTitle.Service {
  background: url(../Images/InPage/PageTitle/Service.png) no-repeat;
}
.PageTitle.TopMessage {
  background: url(../Images/InPage/PageTitle/TopMessage.png) no-repeat;
}
.PageTitle.CorporateSymbol {
  background: url(../Images/InPage/PageTitle/CorporateSymbol.png) no-repeat;
}
.PageTitle.CompanyProfile {
  background: url(../Images/InPage/PageTitle/CompanyProfile.png) no-repeat;
}
.PageTitle.Recruit {
  background: url(../Images/InPage/PageTitle/Recruit.png) no-repeat;
}
.PageTitle.Opening {
  background: url(../Images/InPage/PageTitle/Opening.png) no-repeat;
}

.SubTitleType01 {
  background: url(../Images/All/Icon/Title.png) no-repeat left 5px;
  border-bottom: solid 1px #D83D19;
  color: #D83D19;
  padding: 5px 0 10px 25px;
  font-size: 1.2em;
  font-weight: 700;
  margin-bottom: 10px;
}

.SubTitleType02 {
  padding: 10px;
  font-size: 1.25em;
  border: solid 1px #ffffff;
  color: #ffffff;
  -webkit-box-shadow: 1px 1px 0 black;
  -moz-box-shadow: 1px 1px 0 black;
  box-shadow: 1px 1px 0 black;
  -pie-box-shadow: 1px 1px 0 black;
  margin-bottom: 10px;
  background: #e94709;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3YWQwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U5NDcwOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7ad00), color-stop(100%, #e94709));
  background: -webkit-linear-gradient(top, #f7ad00, #e94709);
  background: -moz-linear-gradient(top, #f7ad00, #e94709);
  background: -o-linear-gradient(top, #f7ad00, #e94709);
  -pie-background: linear-gradient(top, #f7ad00, #e94709);
  background: linear-gradient(top, #f7ad00, #e94709);
}

/* パンくず
--------------------------------------*/
/* ページバック
--------------------------------------*/
.Pager {
  text-align: center;
  padding: 10px;
  line-height: 1.1em;
  background: #f0f0f0;
  border: solid 1px #cccccc;
  margin-top: 30px;
}
.Pager p {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* Fix for IE7 */
  *display: inline;
  /* Fix for IE7 */
}
.Pager p a {
  background: #cccccc;
  padding: 5px 15px;
  display: block;
}
.Pager p a:hover {
  background: #ffffff;
  color: #333333;
}
.Pager li {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* Fix for IE7 */
  *display: inline;
  /* Fix for IE7 */
  margin: 0 5px;
}
.Pager li a {
  background: #cccccc;
  padding: 5px;
  display: block;
}
.Pager li a:hover {
  background: #ffffff;
  color: #333333;
}
.Pager li span {
  background: #D83D19;
  color: #ffffff;
  padding: 5px;
  display: block;
}

/* ボタン
--------------------------------------*/
.Btn01 {
  width: 130px;
  height: 40px;
  float: right;
}
.Btn01 a {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 130px;
  height: 40px;
  background: url(../Images/All/Nav/More.png) no-repeat;
}
.Btn01 a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

.ButtonType01 a {
  color: #ffffff;
  padding: 5px 15px;
  border: 1px solid #3e8dc9;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNlOGRjOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNjhiNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3e8dc9), color-stop(100%, #0068b7));
  background: -webkit-linear-gradient(top, #3e8dc9, #0068b7);
  background: -moz-linear-gradient(top, #3e8dc9, #0068b7);
  background: -o-linear-gradient(top, #3e8dc9, #0068b7);
  -pie-background: linear-gradient(top, #3e8dc9, #0068b7);
  background: linear-gradient(top, #3e8dc9, #0068b7);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -pie-border-radius: 5px;
  -webkit-box-shadow: 0 0 5px #999999;
  -moz-box-shadow: 0 0 5px #999999;
  box-shadow: 0 0 5px #999999;
  -pie-box-shadow: 0 0 5px #999999;
  font-size: 0.9em;
  position: relative;
}

.ButtonType01 a:hover {
  border: 1px solid #c9833e;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M5ODMzZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I4NWMwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c9833e), color-stop(100%, #b85c00));
  background: -webkit-linear-gradient(top, #c9833e, #b85c00);
  background: -moz-linear-gradient(top, #c9833e, #b85c00);
  background: -o-linear-gradient(top, #c9833e, #b85c00);
  -pie-background: linear-gradient(top, #c9833e, #b85c00);
  background: linear-gradient(top, #c9833e, #b85c00);
}

.Body01 {
  padding: 0 0 30px 25px;
}

/**=3-2
 * --------------------------------------
 * 
 * --------------------------------------
 */
/**=3-3
 * --------------------------------------
 * 
 * --------------------------------------
 */
#InPage .Wrap {
  width: 1100px;
  margin: auto;
}
#InPage nav {
  top: 210px;
}

.SideBlock {
  position: absolute;
  top: 100px;
  left: 15px;
}

.SideNav {
  position: relative;
  float: left;
  width: 320px;
  padding: 100px 15px 60px 15px;
  background: #db3e1a;
}
.SideNav .Nav {
  margin-bottom: 20px;
  float: left;
}
.SideNav .Nav li {
  width: 320px;
  height: 105px;
  margin-bottom: 10px;
}
.SideNav .Nav li a {
  width: 320px;
  height: 105px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  background: url(../Images/All/Nav/Sub.png) no-repeat;
}
.SideNav .Nav li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}
.SideNav .Nav .Nav01 a {
  background: url(../Images/TopPage/Btn/Nav01.jpg) no-repeat;
}
.SideNav .Nav .Nav02 a {
  background: url(../Images/TopPage/Btn/Nav02.jpg) no-repeat;
}
.SideNav .Nav .Nav03 a {
  background: url(../Images/TopPage/Btn/Nav03.jpg) no-repeat;
}
.SideNav .Nav .Nav04 {
  height: 105px;
  width: 320px;
}
.SideNav .Nav .Nav04 a {
  height: 105px;
  width: 320px;
  background-position: 0 -100px;
}
.SideNav .Nav .Nav05 {
  height: 105px;
  width: 320px;
}
.SideNav .Nav .Nav05 a {
  height: 105px;
  width: 320px;
  background-position: 0 -205px;
}
.SideNav .Contact {
  margin-top: 30px;
  clear: both;
  padding-bottom: 5px;
}
.SideNav .Contact p {
  height: 180px;
  width: 325px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  background: url(../Images/All/Nav/Sub.png) no-repeat white;
  background-position: 0 -622px;
  margin: 5px 0 0;
}
.SideNav .Contact ul {
  clear: both;
}
.SideNav .Contact li {
  height: 156px;
  width: 156px;
  float: left;
}
.SideNav .Contact li a {
  height: 156px;
  width: 156px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  background: url(../Images/All/Nav/Sub.png) no-repeat;
}
.SideNav .Contact .Title {
  height: 156px;
  width: 156px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  background: url(../Images/All/Nav/Sub.png) no-repeat;
  background-position: 0 -310px;
  margin-bottom: 15px;
}
.SideNav .Contact .Contact01 {
  margin: 2px 0 15px 12px;
}
.SideNav .Contact .Contact01 a {
  background-position: -156px -310px;
}
.SideNav .Contact .Contact01 a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}
.SideNav .Contact .Contact02 {
  margin: 2px 0 15px 12px;
}
.SideNav .Contact .Contact02 a {
  background-position: 0 -466px;
}
.SideNav .Contact .Contact02 a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}
.SideNav .Contact .Contact03 {
  margin: 2px 0 15px 12px;
}
.SideNav .Contact .Contact03 a {
  background-position: -156px -466px;
}
.SideNav .Contact .Contact03 a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}
.SideNav .Contact .Contact02 {
  margin-left: 2px;
}

.SiteMapList li a {
  display: block;
  border-bottom: dotted 1px #D83D19;
  padding-bottom: 14px;
  margin-bottom: 15px;
}
.SiteMapList li a i {
  margin-right: 5px;
  font-size: 1.275em;
  color: #D83D19;
}

.InformationList dt {
  font-size: 0.845em;
}
.InformationList dt a {
  font-size: 1.375em;
  display: block;
  color: #D83D19;
  font-weight: 700;
}
.InformationList dd {
  font-size: 0.875em;
  padding-bottom: 29px;
  border-bottom: solid 1px #cccccc;
  margin-bottom: 30px;
}
.InformationList dd a {
  color: #D83D19;
  text-decoration: underline;
}

.MainComment {
  text-align: left;
  width: 680px;
  float: right;
  margin-bottom: 20px;
  font-weight: 700;
}

.ListBox {
  width: 326px;
  margin: 0 5px;
  float: left;
  border: solid 2px #db3e1a;
  margin-bottom: 10px;
}
.ListBox h3 {
  background: url(../Images/All/Icon/Foods.png) no-repeat top left #db3e1a;
  color: #ffffff;
  padding: 5px 10px 5px 40px;
  font-size: 1.125em;
  min-height: 30px;
  line-height: 30px;
}
.ListBox ul {
  padding: 10px;
}
.ListBox li {
  float: left;
  width: 110px;
  text-indent: -1em;
  margin-left: 1em;
}
.ListBox li:before {
  content: '●';
  color: #db3e1a;
  margin-right: 5px;
}
.ListBox .List li {
  float: none;
  width: auto;
}

.OpeningRightBox, .OpeningLeftBox {
  width: 320px;
  float: left;
}

.OpeningLeftBox {
  padding-right: 20px;
  margin-right: 19px;
  border-right: solid 1px #620f14;
}

.OpeningBox {
  width: 320px;
  margin-bottom: 30px;
}
.OpeningBox h3 {
  width: 320px;
  height: 63px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  margin-bottom: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  -pie-border-radius: 10px;
  -webkit-box-shadow: 2px 2px 5px black;
  -moz-box-shadow: 2px 2px 5px black;
  box-shadow: 2px 2px 5px black;
  -pie-box-shadow: 2px 2px 5px black;
}
.OpeningBox.Step01 h3 {
  background: url(../Images/InPage/Opening/Title/Step01.png);
}
.OpeningBox.Step02 h3 {
  background: url(../Images/InPage/Opening/Title/Step02.png);
}
.OpeningBox.Step03 h3 {
  background: url(../Images/InPage/Opening/Title/Step03.png);
}
.OpeningBox.Step04 h3 {
  background: url(../Images/InPage/Opening/Title/Step04.png);
}
.OpeningBox.Step05 h3 {
  background: url(../Images/InPage/Opening/Title/Step05.png);
}
.OpeningBox.Step06 h3 {
  background: url(../Images/InPage/Opening/Title/Step06.png);
}
.OpeningBox.Step07 h3 {
  background: url(../Images/InPage/Opening/Title/Step07.png);
}
.OpeningBox.Step08 h3 {
  background: url(../Images/InPage/Opening/Title/Step08.png);
}

.Voice {
  width: 660px;
  float: left;
  background: #fdf2de;
  padding: 10px;
  clear: both;
  margin: 30px 0;
  position: relative;
}
.Voice .Box {
  background: #ffffff;
  padding: 15px;
}
.Voice h2 {
  width: 432px;
  height: 88px;
  background: url("../Images/InPage/Opening/Voice.png") no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  margin-top: -20px;
  position: relative;
  z-index: 999;
}
.Voice .About {
  margin-top: -10px;
}
.Voice .About h3 {
  font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 1.25em;
  margin-bottom: 10px;
  font-weight: 700;
}
.Voice .About h4 {
  font-size: 1.1em;
  color: #f29600;
  font-weight: 700;
  border-bottom: solid 1px #f29600;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.Voice .MainPhoto {
  position: absolute;
  right: 20px;
  top: 30px;
}
.Voice .QBox {
  width: 470px;
}
.Voice .QBox h4 {
  margin-bottom: 10px;
  background: url(../Images/InPage/Opening/Q.png) no-repeat;
  line-height: 40px;
  padding-left: 50px;
  font-weight: 700;
  font-size: 1.25em;
}

.OpeningContact {
  width: 546px;
  height: 151px;
  background: url("../Images/InPage/Opening/Contact.png") no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  margin: 0 auto;
}

.ProductsNav li {
  margin-bottom: 10px;
  width: 680px;
  height: 200px;
}
.ProductsNav li a {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 680px;
  height: 200px;
}
.ProductsNav .Nav01 a {
  background: url(../Images/InPage/Products/Nav01.jpg);
}
.ProductsNav .Nav01 a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
.ProductsNav .Nav02 a {
  background: url(../Images/InPage/Products/Nav02.jpg);
}
.ProductsNav .Nav02 a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
.ProductsNav .Nav03 a {
  background: url(../Images/InPage/Products/Nav03.jpg);
}
.ProductsNav .Nav03 a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
.ProductsNav .Nav04 a {
  background: url(../Images/InPage/Products/Nav04.jpg);
}
.ProductsNav .Nav04 a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
.ProductsNav .Nav05 a {
  background: url(../Images/InPage/Products/Nav05.jpg);
}
.ProductsNav .Nav05 a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

.ServiceBlock {
  width: 680px;
  height: 727px;
  position: relative;
  overflow: hidden;
}
.ServiceBlock img {
  position: absolute;
  top: 0;
  left: 0;
}

.MenuBox {
  width: 180px;
  float: left;
  margin: 0 5px 15px;
  line-height: 1.4em;
  font-size: 0.9em;
}
.MenuBox p {
  margin-bottom: 10px;
}
.MenuBox span {
  color: #D93E19;
}

.FooterContact {
  margin-top: 20px;
}
.FooterContact p {
  height: 165px;
  width: 297px;
  float: left;
  background: url(../Images/InPage/SoftCream/Contact.png);
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  background-position: 0 0;
  margin-left: 10px;
}
.FooterContact li {
  float: left;
  padding: 0 2px 2px 0;
  margin-left: 10px;
  border: solid 1px black;
  border-top: none;
  border-left: none;
}
.FooterContact li a {
  background: url(../Images/InPage/SoftCream/Contact.png);
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
.FooterContact li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}
.FooterContact .Contact01 {
  height: 166px;
  width: 167px;
}
.FooterContact .Contact01 a {
  height: 166px;
  width: 167px;
  background-position: 0 -165px;
}
.FooterContact .Contact02 {
  height: 166px;
  width: 166px;
}
.FooterContact .Contact02 a {
  height: 166px;
  width: 166px;
  background-position: 0 -331px;
}

.MenuTitle {
  width: 632px;
  height: 25px;
  background: url("../Images/InPage/SoftCream/Menu/Title.png");
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  margin: 0 auto 20px;
}

.MenuBox01 {
  width: 680px;
  height: 300px;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
.MenuBox01 img {
  position: absolute;
  top: 0;
  left: 0;
}

.MenuBox02 {
  width: 680px;
  height: 300px;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
.MenuBox02 img {
  position: absolute;
  top: 0;
  left: 0;
}

.MenuBox03 {
  width: 680px;
  height: 300px;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
.MenuBox03 img {
  position: absolute;
  top: 0;
  left: 0;
}

.MenuBox04 {
  width: 680px;
  height: 300px;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
.MenuBox04 img {
  position: absolute;
  top: 0;
  left: 0;
}

.QuestionTitle {
  background: url("../Images/InPage/SoftCream/Question/Q.png") no-repeat #f7931e;
  min-height: 53px;
  line-height: 53px;
  padding-left: 63px;
  font-size: 1.25em;
  font-weight: 700;
  color: #ffffff;
}

.AnswerBox {
  padding: 20px;
  background: url("../Images/InPage/SoftCream/Question/A.png") no-repeat bottom right #fce0c1;
  min-height: 96px;
  margin-bottom: 30px;
}

.ContactList li {
  width: 210px;
  height: 210px;
  float: left;
  padding: 0 2px 2px 0;
  margin-left: 10px;
  margin-bottom: 20px;
  border: solid 1px black;
  border-top: none;
  border-left: none;
}
.ContactList li a {
  width: 210px;
  height: 210px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  background: url(../Images/InPage/Contact.png) no-repeat;
}
.ContactList li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}
.ContactList .Nav01 a {
  background-position: -210px -182px;
}
.ContactList .Nav02 a {
  background-position: 0 -182px;
}
.ContactList .Nav03 a {
  background-position: -420px -182px;
}
.ContactList .ContactMain {
  height: 182px;
  width: 663px;
  background-position: 0 0;
  background: url(../Images/InPage/Contact.png) no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  margin: 0 auto;
  clear: both;
}

.StudioMainTitle {
  width: 680px;
  height: 536px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  background: url("../Images/InPage/Studio/MainTitle.jpg") no-repeat;
  margin-bottom: 30px;
}

.StudioBox01 {
  width: 216px;
  float: left;
  position: relative;
  font-weight: 700;
  font-size: 1.1275em;
  margin-top: 92px;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.StudioBox01 h2 {
  top: -92px;
  left: 0;
  width: 216px;
  height: 92px;
  position: absolute;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
.StudioBox01 h2.Title01 {
  background: url(../Images/InPage/Studio/Title01.png) no-repeat center top;
}
.StudioBox01 h2.Title02 {
  background: url(../Images/InPage/Studio/Title02.png) no-repeat center top;
}
.StudioBox01 h2.Title03 {
  background: url(../Images/InPage/Studio/Title03.png) no-repeat center top;
}
.StudioBox01 .Photo {
  margin-bottom: 10px;
}

.StudioBoxMargin {
  margin-right: 8px;
  margin-left: 8px;
  padding-right: 7px;
  padding-left: 7px;
  border: solid 1px #f7931e;
  border-top: none;
  border-bottom: none;
}

.StudioBox02 {
  padding: 15px;
  background: #facd89;
  clear: both;
}
.StudioBox02 h3 {
  font-size: 2em;
  line-height: 1.375em;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 15px;
}
.StudioBox02 p {
  line-height: 1.775em;
  font-weight: 700;
  font-size: 1.175em;
}

.StudioSubTitle {
  width: 655px;
  height: 189px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  background: url("../Images/InPage/Studio/SubTitle.jpg") no-repeat;
  margin: 20px 0;
}

.PhotoListArea {
  padding: 9px;
}
.PhotoListArea li {
  float: left;
  width: 165px;
  text-align: center;
}
.PhotoListArea li a {
  width: 150px;
  height: 125px;
  overflow: hidden;
  display: block;
  margin: auto;
}

.EntryBody ol {
  margin-left: 1.5em;
}
.EntryBody ol li {
  list-style: decimal;
}
.EntryBody ul {
  margin-left: 1.5em;
}
.EntryBody ul li {
  list-style: disc;
}
.EntryBody blockquote {
  margin: 10px;
  padding: 5px 0px 5px 20px;
  border-left: 5px #cccccc solid;
}
.EntryBody a {
  color: #cc0000;
  text-decoration: underline;
}
.EntryBody strong {
  font-weight: 700;
}
.EntryBody em {
  font-style: italic;
}