@charset "UTF-8";
/*
theme Name: raffia_winter
Theme URI: タイトル
Description: 自然あふれる福島県裏磐梯。旅の一番のくつろぎと言えば、なんといってもオフロ。ここラフィアには、「風呂好き」を満足させるだけのたっぷりの「湯」がある。とことんオフロにこだわった「湯」をペンション ラフィアでご満喫あれ。
*/
@import url(reset.css);
body {
  font-family: Meiryo, "メイリオ", Hiragino Kaku Gothic ProN, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 14px;
  color: #333333;
  background-color: #ffffff;
  line-height: 1.5;
}

strong {
  font-size: 18px;
  font-weight: bold;
}

/* 全体のくくり */
#wrapper {
  width: 950px;
  margin: 0 auto;
}

body {
  font-family: Tahoma, taipei;
  font-size: 75%;
  line-height: 2;
  color: #000;
  margin: 0px;
  padding: 0px;
  text-align: center;
  background: #ffffcc;
}

h1,
h2,
h3,
h4,
h5,
p,
ul,
li {
  margin: 0px;
  padding: 0px;
}

img {
  border: none;
  margin: 0px;
  padding: 0px;
}

.redbox {
  color: #ffffff;
}

a {
  color: #53697d;
  text-decoration: none;
}

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

#container {
  text-align: left;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  width: 1020px;
}

#header {
  background: url("http://p-raffia.com/images-winter/header.gif") no-repeat;
  height: 100px;
  margin-top: 10px;
  margin-bottom: 0px !important;
  color: #333333;
}

#header h1 {
  color: #fff;
  font-size: 14px;
  padding-right: 13px;
  padding-top: 10px;
  line-height: 10px;
  text-align: right;
  font-weight: bold;
}

#header h1 a {
  color: #fff;
}

#menu {
  background: #4C2C1C;
  height: 30px;
}

.menu_bd {
  border-left: solid 2px #4C2C1C;
  border-right: solid 2px #4C2C1C;
  margin-top: 0px !important;
}

#menu li {
  background: #4C2C1C;
  float: right;
  height: 30px;
}

#menu li a {
  color: #fff;
  text-decoration: none;
  display: block;
  width: 8em;
  text-align: center;
  padding-right: 5px;
  padding-left: 5px;
  line-height: 30px;
}

#menu li a:hover {
  background: #663333;
  color: #fff;
}

.centerflash {
  vertical-align: middle;
  text-align: left;
}

.centeflashContent {
  background: #fff;
}

#footer {
  color: #fff;
  text-align: center;
  background: url("http://p-raffia.com/images-winter/footer.gif") repeat-x;
  font-size: 11px;
  height: 40px;
  position: relative;
  margin-bottom: 15px;
}

table {
  width: 100%;
}

td {
  margin: 0;
  padding: 0;
  vertical-align: top;
  border: 0;
}

th {
  background-color: #778899;
  color: #ffffff;
  padding: 2px;
  vertical-align: middle;
}

th a {
  color: #ffffff;
}

ul {
  list-style-type: none;
}

input,
select {
  font-size: 0.9em;
}

textarea {
  font-size: 1em;
}

.mainbox {
  background-color: #fff;
  border-left: solid 2px #666666;
  border-right: solid 2px #666666;
}

.mainleft {
  width: 190px;
  background-color: #999999;
  color: #ffffff;
}

.mainleft a {
  color: #53697d;
}

.mainleft a:hover {
  color: #40805d;
}

.mainright {
  width: 830px;
}

.leftcolumn {
  width: 184px;
  font-size: 1em;
}

.leftcolumn th {
  color: #ffffff;
  font-size: 1em;
  vertical-align: middle;
}

.leftblockTitle {
  background: #666666;
  color: #fff;
  font-size: 1.0em;
  font-weight: bold;
  padding: 6px 3px 3px 4px;
  border-bottom: solid 1px #666666;
  border-top: solid 1px #666666;
}

.leftblockContent,
.leftblockContent_none {
  padding: 5px 2px 10px 5px;
  line-height: 1.2;
}

.rightcolumn {
  width: 184px;
}

.rightcolumn th {
  color: #ffffff;
  vertical-align: middle;
}

.rightblockTitle {
  background: #666666;
  color: #fff;
  font-size: 1.0em;
  font-weight: bold;
  margin: 0;
  padding: 4px 3px 3px 4px;
  border-bottom: solid 1px #666666;
  border-top: solid 1px #666666;
}

.rightblockContent,
.rightblockContent_none {
  padding: 5px 2px 10px 5px;
  line-height: 1.2;
}

.centeroutline {
  margin-bottom: 10px;
}

.centercolumn {
  font-size: 0.9em;
  padding: 7px;
}

.centercolumn th {
  background-color: #778899;
  color: #ffffff;
  vertical-align: middle;
}

.centerblock_head {
  vertical-align: bottom !important;
  margin-bottom: -5px;
}

.centerCcolumn {
  margin: 0;
  padding: 3px 7px 0 7px;
}

.centerCblockTitle_bg {
  background: url("http://p-raffia.com/images-winter/cc_m.gif") repeat-y;
  margin: 0;
}

.centerCblockTitle {
  color: #990000;
  font-size: 1.1em;
  font-weight: bold;
  padding: 0px 3px 6px 6px;
  border-bottom: dotted 1px #D2B48C;
}

.centerCblockContent {
  background: #d0cc97 url("http://p-raffia.com/images-winter/cc_m.gif");
  padding: 8px;
  line-height: 1.4;
}

.centerCblockContent_none {
  margin-bottom: 2px;
  padding: 8px;
  line-height: 1.4;
  background-color: #ffffff !important;
}

.centerLcolumn {
  width: 50%;
  margin: 0;
  padding: 5px 2px 0 7px;
}

.centerLblockTitle_bg {
  background: url("http://p-raffia.com/images-winter/clr_m.gif") repeat-y;
  margin: 0;
  padding: 2px 3px 0 4px;
}

.centerLblockTitle {
  color: #990000;
  font-size: 1.1em;
  font-weight: bold;
  padding: 2px 3px 6px 4px;
  border-bottom: dotted 1px #D2B48C;
}

.centerLblockContent {
  background: url("http://p-raffia.com/images-winter/clr_m.gif") repeat-y;
  padding: 0 3px 0 4px;
  line-height: 1.4;
}

.centerLblockContent_none {
  margin-bottom: 20px;
  padding: 8px;
  line-height: 1.4;
  background-color: #ffffff !important;
}

.centerRcolumn {
  width: 50%;
  padding: 5px 7px 0 2px;
}

.centerRblockTitle_bg {
  background: url("http://p-raffia.com/images-winter/clr_m.gif") repeat-y;
  margin: 0;
  padding: 2px 3px 0 4px;
}

.centerRblockTitle {
  color: #990000;
  font-size: 1.1em;
  font-weight: bold;
  padding: 2px 3px 6px 4px;
  border-bottom: dotted 1px #D2B48C;
}

.centerRblockContent {
  background: url("http://p-raffia.com/images-winter/clr_m.gif") repeat-y;
  padding: 0 3px 0 4px;
  line-height: 1.4;
}

.centerRblockContent_none {
  margin-bottom: 20px;
  padding: 8px;
  line-height: 1.4;
  background-color: #ffffff !important;
}

.content {
  color: #696969;
  background-color: #FFFFF0;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

.content a {
  color: #808000;
}

.content a:hover {
  color: #800000;
}

.item {
  border: solid 1px #fff;
  background-color: #FFFAFA;
}

.itemHead {
  background-color: #999966;
  color: #FAFAD2;
  margin: 0;
  padding: 3px;
}

.itemInfo {
  background-color: #d0cc97;
  text-align: right;
  margin: 0;
  padding: 0;
}

.itemTitle a {
  background: transparent;
  color: #FFFFFF;
  font-size: 100%;
  font-weight: bold;
}

.itemTitle a:visited {
  color: #FAFAD2;
}

.itemPoster,
.itemPostDate,
.itemStats {
  font-size: 0.9em;
}

.itemBody {
  color: #333333;
  margin: 0;
  padding-left: 5px;
  background-color: #FFFAFA;
}

.itemText {
  margin: 6px;
  line-height: 1.5;
}

.itemFoot {
  background-color: #d0cc97;
  text-align: right;
  margin: 0;
  padding: 0;
}

.itemAdminLink,
.itemPermaLink {
  font-size: 0.9em;
}

td#mainmenu a {
  color: #ffffff;
  text-decoration: none;
  margin: 0;
  padding: 2px;
  display: block;
}

td#mainmenu a:hover {
  background: #b5b5b5;
  text-decoration: none;
}

td#mainmenu a.menuTop, td#mainmenu a.menuMain {
  margin: 0;
  padding-left: 3px;
  border-bottom: dotted 1px #b5b5b5;
}

td#mainmenu a.menuSub {
  margin: 0;
  padding-left: 9px;
  border-bottom: dotted 1px #b5b5b5;
}

td#usermenu a {
  color: #ffffff;
  text-decoration: none;
  margin: 0;
  padding: 2px;
  display: block;
}

td#usermenu a:hover {
  background: #b5b5b5;
  text-decoration: none;
}

td#usermenu a.highlight {
  background: #ffcccc;
}

.outer {
  border: solid 1px #c0c0c0;
}

.head {
  background: #c2cdd6;
  font-weight: bold;
  margin: 0;
  padding: 5px;
}

.even {
  background: #efefef;
  margin: 0;
  padding: 5px;
}

.odd {
  background: #e6e6e6;
  margin: 0;
  padding: 5px;
}

tr.even td {
  background: #efefef;
  margin: 0;
  padding: 5px;
}

tr.odd td {
  background: #e6e6e6;
  margin: 0;
  padding: 5px;
}

div.errorMsg {
  background: #ffcccc;
  font-weight: bold;
  text-align: center;
  margin: 0;
  padding: 10px;
  border-top: solid 1px #ddddff;
  border-right: solid 1px #aaaaaa;
  border-bottom: solid 1px #aaaaaa;
  border-left: solid 1px #ddddff;
}

div.confirmMsg {
  background: #ddffdf;
  color: #136c99;
  font-weight: bold;
  text-align: center;
  margin: 10px;
  padding: 10px;
  border-top: solid 1px #ddddff;
  border-right: solid 1px #aaaaaa;
  border-bottom: solid 1px #aaaaaa;
  border-left: solid 1px #ddddff;
}

div.resultMsg {
  background: #ddddff;
  color: #333333;
  font-weight: bold;
  text-align: center;
  margin: 10px;
  padding: 10px;
  border-top: solid 1px #cccccc;
  border-right: solid 1px #9999cc;
  border-bottom: solid 1px #9999cc;
  border-left: solid 1px #cccccc;
}

div.xoopsCode, div.xoopsQuote {
  width: 98%;
  height: 100%;
  padding: 0;
}

div.xoopsCode pre {
  border: solid 1px #c0c0c0;
  margin: 0;
  overflow: auto;
  padding: 0 1em;
  min-height: 4em;
  height: auto;
  background-color: #ffffff;
}

div.xoopsQuote blockquote {
  margin: 0;
  padding: 0 6px 6px 6px;
  border: solid 1px #c0c0c0;
  background-color: #ffffff;
}

.comTitle {
  font-weight: bold;
  margin-bottom: 2px;
}

.comText {
  margin: 0;
  padding: 2px;
  line-height: 1.4;
}

.comUserStat {
  background: #f5f5f5;
  color: #2f5376;
  font-size: 0.8em;
  font-weight: bold;
  margin: 2px;
  padding: 4px 2px 1px 4px;
  border: solid 1px #c0c0c0;
}

.comUserStatCaption {
  font-weight: normal;
}

.comUserRank {
  margin: 2px;
}

.comUserRankText {
  font-size: 0.8em;
}

.comUserRankImg {
  border: 0;
}

.comUserImg {
  margin: 2px;
}

.comDate {
  font-size: smaller;
  font-weight: normal;
}

.comDateCaption {
  font-weight: normal;
}

.comUserStatus {
  background: #f5f5f5;
  color: #2f5376;
  font-size: 0.8em;
  font-weight: bold;
  margin: 2px;
  padding: 4px 2px 1px 3px;
  border: solid 1px #c0c0c0;
}

.pico_block_menu a {
  color: #CC3300;
}

.pico_block_menu a:hover {
  color: #CC3300;
  background-color: #999900;
}

/* raffiasenyou!picomenu-start (from pico_block_menu.html)\*/
.pico_menu_title {
  margin: 5px 0 0;
  padding: 3px;
  background-color: #666666;
}

.pico_menu_title a {
  color: #ffffff;
}

.pico_menu_title a:hover {
  color: #CFDBE6;
}

.pico_menu_title_sub {
  margin: 0;
  padding: 2px;
  background-color: #CFDBE6;
}

/* raffiasenyou!picomenu-end \*/
/*---------------------------------------


	ここからwordpress 以降後のcss


--------------------------------------- */
.main {
  background-color: #999;
  overflow: hidden;
}

/* サイドバー */
.left-side {
  width: 190px;
  float: left;
  background-color: #999999;
}

.leftblockContent_none a {
  color: #fff;
}

.left-side h1 {
  background-color: #666666;
  padding: 5px 0 5px 4px;
  color: #fff;
  font-size: 14px;
}

.left-side ul {
  margin-left: 6px;
  margin-top: 10px;
}

.left-side ul li {
  background-color: #CFDBE6;
  padding-left: 5px;
}

.left-side ul li.list-first {
  background-color: #666666;
  color: #fff;
}

.left-side ul li.list-first a {
  color: #fff;
}

.left-side ul li a {
  color: #53697d;
}

.left-side ul li a:hover {
  color: #40805d;
}

.weather {
  width: 150px;
  margin: 0 auto;
}

.side-section2 {
  margin-top: 10px;
}

.side-section2 h1 {
  margin-bottom: 10px;
}

/*-- フラッシュ --*/
.flash-content {
  width: 830px;
  margin: 0;
  float: right;
  height: 300px;
}

/*-- .contant --*/
.contant {
  width: 816px;
  float: right;
  padding: 3px 5px 0 5px;
  background-color: #fff;
  border: solid 2px #999;
}

.centerCblockTitle p {
  border-left: solid 4px #FFCE00;
  padding-left: 10px;
  margin-left: 5px;
}

.centerblock_head {
  margin-bottom: -10px;
}

.old-post-area .post {
  margin: 15px;
}

.old-post-area h3 {
  text-align: center;
  padding: 5px;
  color: #666;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  border-bottom: solid 2px #999;
}

.old-list a {
  padding: 10px 20px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  background-color: #555;
  text-align: center;
  display: block;
  margin: 20px auto 0;
  width: 180px;
}

.old-list a:hover {
  background-color: #888;
}

#footer {
  clear: both;
}

/*-- 投稿のトップページ --*/
#post-area .page-title {
  background-color: #999966;
  color: #fafad2;
  padding: 3px 0 3px 3px;
  width: 792px;
  margin: 0 auto;
}

#post-area .page-title a {
  color: #fafad2;
}

#post-area .data {
  background-color: #D0CC97;
  padding-right: 3px;
  color: #000;
  width: 792px;
  text-align: right;
  margin: 0 auto;
}

#post-area .data a {
  color: #53697d;
}

#post-area .data a:hover {
  color: #40805d;
}

#post-area .post-contant {
  width: 772px;
  padding: 10px;
  background-color: #FFFAFA;
  margin: 0 auto;
}

.post-end {
  background-color: #D0CC97;
  height: 20px;
  margin: 0 auto;
  width: 792px;
}

.old-post-area {
  margin: 10px 0 0 10px;
}

/*--- 個別のぺージ ---*/
.page .contant {
  background-color: #FFFFF0;
  padding-top: 30px;
}

.pagenavi {
  text-align: center;
  margin-top: 30px;
}

.left-link,
.right-link {
  padding: 10px;
  border: solid 1px #D0CC97;
  margin: 10px 15px;
}

/*--- 2020東京オリンピック　脱東京 ---*/
.tokyo_op {
  padding: 32px 16px;
  box-sizing: border-box;
}

.tokyo_op h1 {
  text-align: center;
  font-size: 32px;
  color: #fff;
  font-weight: bold;
  background-color: #3472FB;
  margin-bottom: 32px;
}

.t_op_text {
  margin-bottom: 24px;
  font-size: 15px;
}

.tokyo_op table {
  margin: 16px 0;
  width: 600px;
}

.tokyo_op table th,
.tokyo_op table td {
  text-align: center;
}

.tokyo_op table th {
  font-weight: bold;
  background-color: #00843F;
  border: solid 1px #fff;
}

.tokyo_op table td {
  background-color: #EEEFF3;
  border: solid 1px #999;
}

.tokyo_op h2 {
  color: #3472FB;
  font-weight: bold;
  font-size: 24px;
}

.op_price {
  font-weight: bold;
  font-size: 20px;
  color: #EB0184;
}

/*----------------------------


	お問い合わせフォーム


----------------------------*/
.mw_wp_form h3 {
  text-align: center;
  line-height: 2.4em;
  margin: 32px auto 16px;
}

.mw_wp_form h3 span {
  display: block;
  font-size: 32px;
  font-weight: bold;
  color: #60461D;
}

.mw_wp_form .text-area {
  text-align: center;
}

.mw_wp_form .form-area {
  width: 600px;
  margin: 0 auto;
  background-color: #F0F0F0;
  padding: 32px;
  box-sizing: border-box;
  margin: 32px auto;
}

.mw_wp_form .form-area dl dd {
  margin-bottom: 16px;
}

.mw_wp_form .form-area dl dd input,
.mw_wp_form .form-area dl dd textarea {
  max-width: 100%;
  padding: 7px;
  box-sizing: border-box;
  border: none;
  width: 100%;
  border: solid 1px #d3d3d3;
  border-radius: 3px;
  font-family: sans-serif;
  font-size: 100%;
  color: #000;
}

.mw_wp_form .pp-submit {
  text-align: center;
  margin: 24px auto 8px;
}

.mw_wp_form .pp-submit .submit_area {
  margin-top: 24px;
}

.mw_wp_form .pp-submit .submit_area input {
  display: block;
  margin: 0 auto;
  padding: 10px 32px;
}

.mw_wp_form .form_role {
  text-align: center;
  margin-bottom: 56px;
}

/*----------------------------


	予約フォーム


----------------------------*/
#booking-package-locale-ja {
  border: solid 20px #4FC1E9;
  padding: 14px;
}

#booking-package-locale-ja #booking-package_durationStay {
  background-color: #F6F6F6;
  border: 1px solid #DDD;
  border-radius: 6px;
  padding-left: 0;
}

#booking-package-locale-ja #booking-package_durationStay .bookingDetailsTitle {
  background-color: transparent;
  background-color: #4FC1E9;
  font-weight: bold;
  color: #fff;
}

#booking-package-locale-ja #booking-package_durationStay .goToBookingFormButton {
  padding: 24px 0;
  background-color: #4FC1E9;
  color: #fff;
  font-weight: bold;
}

#booking-package-locale-ja #booking-package_durationStay #booking-package_pay_locally {
  padding: 24px 0;
  background-color: #4FC1E9;
  color: #fff;
  font-weight: bold;
}

#booking-package-locale-ja #booking-package_durationStay #guestsListPanel .total_amount {
  display: none;
}

#booking-package-locale-ja #booking-package_inputFormPanel #reservationHeader {
  background-color: #DFF0D8;
  color: #468847;
  font-weight: bold;
}

#booking-package-locale-ja #booking-package_inputFormPanel #paymentPanel .returnButton {
  padding: 24px 0;
  background-color: #4FC1E9;
  color: #fff;
  font-weight: bold;
}
/*# sourceMappingURL=style.css.map */