/*=Browser Reset==============================================================*/
html,body,div,ul,ol,li,dl,dt,dd,form,fieldset,input,textarea,
h1,h2,h3,h4,pre,code,p,blockquote,hr { margin: 0; padding: 0; }
h1,h2,h3,h4 { font-size: 13px; font-weight: normal; }

ol, ul { list-style: none; }

fieldset, abbr, acronym { border: 0; }

q:before,q:after { content: ''; }
address { font-style: normal; display: inline; }
hr { border: 0; height: 1px; background-color: #ccc; color: #ccc; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
  margin: 0; padding: 0;
  border-style: none;
}
tr, td { margin: 0; padding: 0; }
caption,th { text-align: left; }


/*---Text Images Links-----*/
a, a:link, a:active, a:visited {
  text-decoration: underline;
  
  outline: none;
  color: #f60;
}
a:hover {
  text-decoration: none;
  color: #aaaa26;
}
img, a img, :link img, :visited img {
  border: 0;
}
a:hover img {
  filter: alpha(opacity=60);
  -moz-opacity:0.6;
  opacity:0.6;
}
strong { color: #da251d; }

/*=Browser Reset End==========================================================*/

/*=Base Layout================================================================*/
body {
  margin-top: 0;
  padding-top: 0;
  font-family: Verdana,"ＭＳ Ｐゴシック","Osaka",sans-serif;
  font-size: 13px;
  line-height: 1.5;
  color:#632a14;
  text-align: center;
  background-color: #fff;
}

/*---Base Size Positions-----*/
#container, #header, #contents, #navi, #main, #footer, #footer_inner {
  display: block;
  margin: 0 auto;
  padding: 0;
}
#container {
  width: 1040px; }
#header {
  width: 1040px; height: 180px; }
#contents {
  width: 1040px; }
#navi {
  width: 385px; 
  float: left; 
  display: inline; }
#main {
  width: 655px; 
  float: right;
  display: inline; }
#footer {
  width: 100%; height: 70px; }

/*---clearfix-----*/
#contents:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: ".";
}
.clr {
  margin: 0; padding: 0;
  height: 0;
  clear: both;
  line-height: 0;
  font-size: 0.1em;
}

/*---Base Text-----*/
#container, #contents, #navi, #main {
  text-align: left;
}
#footer {
  text-align: center;
  color: #fff;
}
blockquote {
  margin: 10px 20px;
  padding: 10px;
  line-height: 1.5;
  border: 1px dashed #ff7f50;
  background: #fff8dc;
}
/*---BackGrounds-----*/

#container {
  background: #0056a6 url(../images/container_bgimg.jpg) top center repeat-y;
}
#header {
  background: #ffffff url(../images/header_bgimg.jpg) top left no-repeat;
}
#contents {
  background: url(../images/contents_bgimg.jpg) top center repeat-y;
}
#navi {
  background: #ffffff url(../images/navi_bgimg02.jpg) top left repeat-y;
}
#main {
  background: url(../images/main_bgimg_woTop.jpg) top left no-repeat;
}
#footer {
  background: #562115;
}

/*=Container==================================================================*/
#container {
  padding-bottom: 15px;
}

/*=Header=====================================================================*/
#header {
  color: #a6864a;
}
#header h1 {
  padding-right: 140px;
  height: 25px;
  text-align: right;
}
#logo {
  margin-top: 25px;
  margin-left: 120px;
}
#catch {
  margin-top: -90px;
  padding-left: 650px;
  line-height: 1.2;
  font-size: 85%;
  >font-size: 77%;
}


/*=MainContents For Contents==================================================*/
.mainTopH2 {
  width: 450px;
  margin: 20px;
  padding: 3px 10px;
  border-left: 10px solid #562115;
  border-bottom: 1px dashed #562115;
  font-size: 14px;
}
.mainTopH3 {
  width: 420px;
  margin: 20px 30px 20px 30px;
  padding: 2px 15px;
  border-left: 10px solid #a6864a;
  border-bottom: 1px dashed #a6864a;
  font-size: 14px;
}
.mainCts {
  width: 460px;
  padding: 0 30px 20px 30px;
}
.mainCts ul {
  padding-left: 20px;
}
.mainCts ul li {
  padding-left: 9px;
  background: url(../images/icon_list02.gif) top left no-repeat;
  background-position: 0px 3px;
}
.mainCts02 {
  width: 460px;
  padding: 13px 30px 40px 30px;
  background: url(../images/main_bgimg04.jpg) bottom left no-repeat;
}
.mainCts03 {
  width: 420px;
  padding: 0 50px 20px 50px;
}
.mainCts03 h3 {
  font-size: 16px;
  font-weight: bold;
}
.mainCts .flL { float: left; padding-right: 13px; padding-bottom: 13px; }
.mainCts .flR { float: right; padding-left: 13px; padding-bottom: 13px; }
.mainCts p, .mainCts02 p, .mainCts03 p { margin-bottom: 20px; }

.mainCts ul {
  margin-bottom: 13px;
}

.toiawase_icon {
  text-align: right;
  padding-top: 13px;
  padding-bottom: 13px;
}
.seoLink {
  text-decoration: none;
}

/*---Table-----*/
.priceList {
  margin-left: 30px;
  width: 360px;
  border: 1px solid #666;
  font-size: 85%;
}
.priceList th {
  padding: 5px;
  border: 1px dotted #666;
  background: #fcc;
}
.priceList td {
  padding: 5px;
  border: 1px dotted #666;
  background: #fff;
}
.w100 { width: 100px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.cellR {
  text-align: right;
}
.cellL {
  text-align: left;
}
.cellC {
  text-align: center;
}
/*---エステメニュー詳細 Table-----*/
.priceList02 {
  width: 100%;
  border: 1px solid #666;
  font-size: 85%;
}
.priceList02 th {
  padding: 5px;
  border: 1px dotted #666;
  background: #fcc;
}
.priceList02 td {
  padding: 5px;
  border: 1px dotted #666;
  background: #fff;
}
.priceList02 .cellR {
  width: 70px;
  text-align: right;
}


/*---お客様の声-----*/
.voice_name {
  padding: 10px 10px 3px 10px;
  background: url(../images/voice_bgimg01.gif) top left no-repeat;
  color: #477c13;
  font-weight: bold;
}
.voice_cts {
  padding: 3px 20px;
  background: url(../images/voice_bgimg02.gif) top left repeat-y;
}
.voice_menu {
  padding: 10px;
  background: url(../images/voice_bgimg01.gif) bottom left no-repeat;
  text-align: right;
}

/*---取扱い製品用 Table-----*/
.pdtList01 {
  width: 100%;
  border: 1px solid #666;
  font-size: 90%;
}

.pdtList01 td {
  padding: 5px;
  border: 1px dotted #666;
  background: #fff;
  vertical-align: top;
}
.pdtList01 td.title {
  padding: 5px;
  border-top: 1px solid #666 !important;
  background: #ffe283;
  font-size: 100%;
  font-weight: bold;
}
.pdtList01 h3 {
  margin-bottom: 14px;
  color: #009;
  font-size: 14px;
  font-weight: bold;
}

/*---キャンペーン詳細 Table-----*/
.priceList03 {
  width: 100%;
  border: 1px solid #666;
  font-size: 85%;
}
.priceList03 th {
  padding: 5px;
  border: 1px dotted #666;
  background: #ffe283;
}
.priceList03 td {
  padding: 5px;
  border: 1px dotted #666;
  background: #fff;
}
.priceList03 .cellR {
  width: 70px;
  text-align: right;
}
.tokka {
  font-size: 16px;
  color: red;
  font-weight: bold;
}
/*---運営者情報 Table-----*/
.company01 {
  width: 100%;
  border: 1px solid #666;
  font-size: 85%;
}
.company01 th {
  padding: 5px;
  border: 1px dotted #666;
  background: #b3e1ac;
}
.company01 td {
  padding: 5px;
  border: 1px dotted #666;
  background: #fff;
}
/*---個人情報の取扱い dl-----*/
.privacy01 dt {
  padding-left: 5px;
  border-left: 5px solid #666;
}
.privacy01 dd {
  padding-left: 15px;
  margin-bottom: 30px;
}
/*---サイトマップ dl-----*/
.sitemapDl {
  padding: 0 15px;
}
.sitemapDl dt {
  padding-left: 7px;
  border-left: 7px solid #a6864a;
}
.sitemapDl dt a, .sitemapDl dt a:hover, .sitemapDl dt a:link, .sitemapDl dt a:visited {
  font-weight: bold !important;
  text-decoration: none !important;
  color: #aaaa26;
}
.sitemapDl dd {
  margin-bottom: 13px;
  padding-left: 26px;
}

/*=SideNavi===================================================================*/
.sideNavi {
  padding-top: 160px;
  padding-left: 135px;
  background: url(../images/navi_bgimg.jpg) top right no-repeat;
}
.sideNavi h3 {
  height: 30px;
  margin-left: 15px;
  background: url(../images/h3_sitemenu.gif) top left no-repeat;
  >background: url(../images/h3_sitemenu.gif) top 15px no-repeat;
  text-indent: -9999px;
}
.sideNavi ul#sideNaviUl {  /* メインカテゴリー */
  padding: 20px 20px 35px 20px;
  background: url(../images/navi_bgimg03.jpg) bottom right no-repeat;
}
.sideNavi ul li {  /* メインカテゴリー項目 */
  margin-top: 5px;
  padding-left: 10px;
  background: url(../images/icon_list01.gif) top left no-repeat;
  background-position: 0px 2px;
}
.sideNavi ul li ul {  /* サブカテゴリー */
  padding: 0;
}
.sideNavi ul li ul li {  /* サブカテゴリー項目 */
  margin-top: 2px;
  padding-left: 9px;
  background: url(../images/icon_list02.gif) top left no-repeat;
  background-position: 0px 3px;
}
.sideNavi ul li ul li ul {  /* サブサブカテゴリー */
  padding: 0;
}
.sideNavi ul li ul li ul li {  /* サブサブカテゴリー項目 */
  margin-top: 2px;
  padding-left: 9px;
  background: url(../images/icon_list03.gif) top left no-repeat;
  background-position: 0px 3px;
}
.sideNavi a, .sideNavi a:link, .sideNavi a:active, .sideNavi a:visited {
  text-decoration: none;
  outline: none;
  color: #632a14;
}
.sideNavi a:hover {
  text-decoration: none;
  color: #fff;
  background: #a6864a;
}

/*===Footer===================================================================*/
#footer_inner {
  width: 790px; height: 50px;
  padding-top: 20px;
  position: relative;
  top: -10px;
  background: url(../images/footer_bgimg.gif) top center no-repeat;
}
#footer ul li {
  display: inline;
  padding-right: 3px; padding-left: 3px;
  border-right: 1px solid #ccc;
  margin: 0;
}
#footer a {
  color: #fff;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
#footer address {
  display: block;
  margin-top: 15px;
  padding-right: 60px;
  text-align: right;
  font-size: 11px;
}
address a, address a:link, address a:active, address a:visited, address a:hover {
  text-decoration: none !important;
  outline: none;
}


/*===Utility==================================================================*/

.fs11 { font-size: 11px; >font-size: 77%; }
.fs12 { font-size: 12px; }
.fs13 { font-size: 13px; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.fs20 { font-size: 20px; }

.fsSmaller { font-size: smaller; }
.fsLarger  { font-size: larger; }

.red { color: #f00; }
.orange { color: #ff7f00 !important; }
.white { color:#fff; }

.bold { font-weight: bold; }
.noBdr { border: 0 !important; }
.bdrT { border-top: 1px solid #666 !important; }
.bdrR { border-right: 1px solid #666 !important; }
.bdrB { border-bottom: 1px solid #666 !important; }
.bdrL { border-left: 1px solid #666 !important; }

.blink { text-decoration: blink; }

.mgT13 { margin-top: 13px; }
.mgT30 { margin-top: 30px; }
.mgB13 { margin-bottom: 13px; }
.mgB20 { margin-bottom: 20px; }
.mgB30 { margin-bottom: 30px; }
.mgB50 { margin-bottom: 50px; }

.pd5   { padding: 5px; }
.pd10  { padding: 10px; }
.pd13  { padding: 13px; }

.pdT10 { padding-top: 10px; }
.pdR10 { padding-right: 10px; }
.pdB10 { padding-bottom: 10px; }
.pdL10 { padding-left: 10px; }

.pdT13 { padding-top: 13px; }
.pdR13 { padding-right: 13px; }
.pdB13 { padding-bottom: 13px; }
.pdL13 { padding-left: 13px; }

.pdL20 { padding-left: 20px; }

.inline { display: inline; }
.hidden { display: none; }

.flL { float: left; }
.flR { float: right; }

.alignR { text-align: right; }
.alignL { text-align: left; }
.alignC { text-align: center; }

.nounderline, .nounderline a, .nounderline a:hover, .nounderline a:link, .nounderline a:visited { text-decoration: none; }

