/*
 Theme Name: Matisse
 Theme URI:http://matisse.blankcanvas.eu/
 Description:Minimalistic two-columns, fixed-width,  seo optimized  theme for WordPress. Compatible with WordPress 3.1 features, valid XHTML & CSS, custom widgets(Twitter, Flickr, About us).
 Author: Tomasz Mazur
 Author URI: http://tommek.eu/
 Version: 1.0.1
 Tags: two-columns,  fixed-width, microformats, sticky-post, right-sidebar, orange, white ,  holiday, threaded-comments, theme-options, custom-header, custom-background, custom-menu, translation-ready
 License:GNU General Public License, v2 (or newer)
 License URI:http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
 Reset and html tags
 */


.movie {
  text-align: center;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  <!--background: transparent;
  -->

  border: 0;
  margin: 0;
  padding: 0;
}

ol, ul {
  list-style: none;
}

del {
  text-decoration: line-through;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
input[type="text"],input[type="email"],input[type="tel"],select,textarea{padding:5px; margin:0 5px; border:1px solid #ccc;}
.error, .required { display: inline-block!important; line-height: 1; }

.inline-form {
display:table !important;
}
.mwform-zip-field input {
display: table-cell;
}
.inline-form span {
padding: 10px 5px 10px 10px;
}



/* Html */
html {
  overflow-y: scroll;
}

body {
  font: 90%;
  color: #000;
  background-color: #bdf7ff;
  background-image: url(images/bg.jpg);
  background-repeat: repeat-x;
  margin: 0;
  padding: 0;
}

p {
  font-size: 1em;
  margin: 0 0 1em 0;
  text-indent: 0;
}

h3 {
}

h4 {
  font-size: 1.29em;
  margin: 0.76em 0 0.30em 0;
}

h5 {
  font-size: 1.14em;
  margin: 0.76em 0;
  font-style: italic;
}

h6 {
  font-size: 1em;
  margin: 0.76em 0;
  font-style: italic;
}

a {
  color: #A90000;
  text-decoration: none;
}

a:hover {
  color: #7D7D7D;
}

del {
  text-decoration: line-through;
}

img {
  border: none;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote {
  background: url(images/icons.png) no-repeat -206px -30px;
  padding: 10px 30px;
  color: #777;
}

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

address {
  margin: 1em 0;
}

table {
  border-collapse: none;
/*2014/3/3　collapse→noneに変更*/
  border-spacing: 0;
}

pre {
  font: 14px Consolas, Lucida Console, Monaco, monospace;
  color: #222;
  background: #eee;
  padding: 10px;
  overflow: auto;
}

code {
  font: 14px Consolas, Lucida Console, Monaco, monospace;
  color: #777;
  overflow: auto;
}

sup, sub {
  height: 0;
  line-height: 1;
  position: relative;
  vertical-align: baseline;
}

sup {
  bottom: 1ex;
}

sub {
  top: 0.5ex;
}

abbr {
  cursor: help;
}

/* 
 Variable Grid System.
 Learn more ~ http://www.spry-soft.com/grids/
 Based on 960 Grid System - http://960.gs/
 Licensed under GPL and MIT.
 */

.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 920px
	background-color:#BDF7FF;
}

.grid_1, .grid_2, .grid_3, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.grid_13 {
  display: inline;
  float: left;
  margin-left: 50px;
  margin-right: 50px;
}

.container_12 .grid_3 {
  width: 220px;
}

.container_12 .grid_6 {
  width: 460px;
}

.container_12 .grid_9 {
  width: 700px;
}

.container_12 .grid_12 {
  width: 940px;
}

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

.container_12 .grid_1 {
  width: 60px;
}

.container_12 .grid_2 {
  width: 140px;
}

.container_12 .grid_4 {
  width: 240px;
  display: inline;
  float: left;
}

.container_12 .grid_5 {
  width: 380px;
}

.container_12 .grid_7 {
  width: 540px;
}

/* 20220708 */
.container_12 .grid_8 {
  width: 660px;
}

.container_12 .grid_10 {
  width: 780px;
}

.container_12 .grid_11 {
  width: 860px;
}

.container_12 .grid_13 {
  width: 830px;
}

.container_12 .prefix_3 {
  padding-left: 240px;
}

.container_12 .prefix_6 {
  padding-left: 480px;
}

.container_12 .prefix_9 {
  padding-left: 720px;
}

.container_12 .prefix_1 {
  padding-left: 80px;
}

.container_12 .prefix_2 {
  padding-left: 160px;
}

.container_12 .prefix_4 {
  padding-left: 320px;
}

.container_12 .prefix_5 {
  padding-left: 400px;
}

.container_12 .prefix_7 {
  padding-left: 560px;
}

.container_12 .prefix_8 {
  padding-left: 640px;
}

.container_12 .prefix_10 {
  padding-left: 800px;
}

.container_12 .prefix_11 {
  padding-left: 880px;
}

.container_12 .suffix_3 {
  padding-right: 240px;
}

.container_12 .suffix_6 {
  padding-right: 480px;
}

.container_12 .suffix_9 {
  padding-right: 720px;
}

.container_12 .suffix_1 {
  padding-right: 80px;
}

.container_12 .suffix_2 {
  padding-right: 160px;
}

.container_12 .suffix_4 {
  padding-right: 320px;
}

.container_12 .suffix_5 {
  padding-right: 400px;
}

.container_12 .suffix_7 {
  padding-right: 560px;
}

.container_12 .suffix_8 {
  padding-right: 640px;
}

.container_12 .suffix_10 {
  padding-right: 800px;
}

.container_12 .suffix_11 {
  padding-right: 880px;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* Class */

.container_12 {
  background: #fff;
}

/*---- header ---*/

#headerwrap {
  background: url(images/bg.jpg) repeat-x top;
  margin-right: auto;
  margin-left: auto;
}

.header {
  width: 940px;
  margin-right: auto;
  margin-left: auto;
  background-image: url(images/header_gb.jpg);
  background-repeat: repeat-y;
}

.header .back {
  background-color: #bdf7ff;
  background-image: url(images/topimg_gb.jpg);
}

.header .back .logoh {
  width: 930px;
  margin: 0 auto;
}

.container_13 {
  height: 320px;
  background-color: #C8F9FE;
  width: 920px;
  margin-right: auto;
  margin-left: auto;
}

.container_14 {
  height: 220px;
  background-color: #ffffff;
  width: 200px;
  margin-top: -10px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
}

<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1000" height="280">
			    <param name="movie" value="shining_top.swf">
			    <param name="quality" value="high">
			    <param name="wmode" value="opaque">
			    <param name="swfversion" value="7.0.70.0">
			    <!-- このパラメータータグにより、Flash Player 6.0 または 6.5 以降を使用して、Flash Player の最新バージョンをダウンロードするようメッセージが表示されます。ユーザーにメッセージを表示させないようにする場合はパラメータータグを削除します。 -->
			    <param name="expressinstall" value="Scripts/expressInstall.swf">
			    <!-- 次のオブジェクトタグは IE 以外のブラウザーで使用するためのものです。IE では IECC を使用して非表示にします。 -->
			    <!--[if !IE]>-->
			    <object type="application/x-shockwave-flash" data="shining_top.swf" width="1000" height="280">
			      <!--<![endif]-->
			      <param name="quality" value="high">
			      <param name="wmode" value="opaque">
			      <param name="swfversion" value="7.0.70.0">
			      <param name="expressinstall" value="Scripts/expressInstall.swf">
			      <!-- ブラウザーには、Flash Player 6.0 以前のバージョンを使用して次の代替コンテンツが表示されます。 -->
			      <div>
			        <h4>このページのコンテンツには、Adobe Flash Player の最新バージョンが必要です。</h4>
			        <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Adobe Flash Player を取得" width="112" height="33" /></a></p>
		          </div>
							
			      <!--[if !IE]>-->
		        </object>

			    <!--<![endif]-->
		      </object>

#header hgroup {
  min-height: 100px;
  _height: 100px;
  position: relative;
  background: #C8F9FE;
}

#header h1, #header h2 {
  font-size: 36px;
}

#logo img {
  margin-right: auto;
  margin-left: auto;
}

#header h1 a, #header h2 a {
  color: #000;
  margin: 0;
  padding: 0;
}

#header h3 {
  font-size: 20px;
  color: #fff;
  text-align: right;
  font-family: Cambria, Georgia, "Times New Roman", Times, serif;
}

.logom {
  width: 920px;
}

.otoiawase {
  width: 300px;
  float: right;
}

#searchform {
  margin-top: 10px;
}

/* Primary navigation */

#nav {
  background: url(images/navi_bg.jpg) repeat-x top;
}

#nav .container_12 ul {
  clear: both;
}

#nav a {
  text-align: center;
  display: block;
  padding: 10px 15px 10px 10px;
  color: #eee;
}

#nav a:hover {
  color: #999;
}

#nav li:first-child {
  background: #454545;
}

#nav li li:first-child {
  background: none;
}

#nav ul ul a {
  padding: 8px 10px;
}

#nav ul {
  z-index: 500;
  position: relative;
  background: #2D2D2D;
}

#nav ul ul {
  position: absolute;
  z-index: 501;
  top: auto;
  display: none;
  margin: 0;
}

#nav ul ul ul {
  z-index: 502;
  top: 0;
  left: 100%;
  background: #3F3B3B;
}

#nav li {
  float: left;
  position: relative;
  min-height: 1px;
  vertical-align: bottom;
  padding: 0;
}

#nav li li {
  margin: 0 0 1px 0;
  width: 180px;
  list-style: none;
  margin: 0;
}

#nav li li li {
  margin: 0 0 0 1px;
}

#nav li ul li a {
  text-align: left;
}

#nav .current_page_item a, #nav .current-menu-item a {
  background: #565656;
}

#nav li:hover {
  cursor: pointer;
  z-index: 100;
}

#nav li:hover ul ul, #nav li li:hover ul ul, #nav li li li:hover ul ul, #nav li li li li:hover ul ul {
  display: none;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {
  display: block;
}


/* index  */

#content_index h2 {
  margin: 0;
  padding: 0;
  clear: both;
  height: 47px;
}

#content_index_osusume {
  margin: 7;
  padding: 0;
}

#content_index .sub {
  margin: 10px 0 0 0;
}

#portfolio {
  width: 600px;
  height: 256px;
  margin: 5px auto 10px 10px;
}

.banarea {
  width: 615px;
  padding: 6px;
  margin: 15px auto 10px 10px;
  background: url(./images/etc_bg.gif) no-repeat right bottom;
  border: solid 1px #dedede;
  background-color: #F4FCFF;
}

.banarea .etctour {
  font-size: 80%;
  font-weight: bold:;
}

.banarea img {
  border: solid 1px #dedede;
}

#content_index .info {
  width: 640px;
  border: solid 1px #dedede;
  margin: 0;
  padding: 0;
  clear: both;
}


}

#content_index .info ul {
  margin: 15px;
}

#content_index .info ul li {
  padding: 5px 0 5px 20px;
  margin: 5px;
  border-bottom: dotted 1px #dedede;
  background: url(/img/icon.gif) no-repeat left center;
  font-size: 80%;
  text-decoration: underline;
}

#content_index .info .moreinfo {
  background: none;
  text-align: right;
}

#content_index .right_ta_tab2,.left_ta_tab2 {
  float: left;
  width: 300px;
  margin: 5px 5px 5px 15px;
  border-left: dotted 1px #dedede;
  border-top: dotted 1px #dedede;
}

#content_index .right_ta_tab2 th,.left_ta_tab2 th {
  border-right: dotted 1px #dedede;
  border-bottom: dotted 1px #dedede;
  padding: 5px;
  font-size: 80%;
}

#content_index .right_ta_tab2 td,.left_ta_tab2 td {
  border-right: dotted 1px #dedede;
  border-bottom: dotted 1px #dedede;
  padding: 5px;
  font-size: 80%;
}

/* post - page */

article header, article footer {
  margin: 0 0 1em 0;
  padding: 5px 0;
  font: 12px/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;
}

article header h1, article header h2 {
  margin: 5px 0;
  padding: 0;
}

article footer {
  clear: both;
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 20px;
}

header .wp-post-image {
  margin: 10px 0 0;
  max-width: 620px !important;
}

.single article footer {
  border-bottom: none;
}

.post {
  margin: 10px 0;
}

.post img {
  height: auto;
  max-width: 600px;
}

.attachment section img {
  max-width: 940px;
  display: block;
  margin: 0 auto;
}

.attachment-meta {
  font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.post strong {
  font-weight: bolder;
}

.gallery dt:before {
  content: "";
}

.post ul, .post ol {
  list-style: square;
  margin: 0 0 0 20px;
}

.post ul ul {
  list-style: disc;
  margin: 0 10px;
}

.post ul ul ul {
  list-style: circle;
}

.post ol {
  list-style: decimal;
}

.post ol ol {
  list-style: upper-latin;
  margin: 0 10px;
}

.post ol ol ol {
  list-style: lower-alpha;
}

.page-link {
  margin: 10px 0;
  clear: both;
}

.page-link a, .post-edit-link {
  background: #e5e5e5;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 5px;
  clear: both;
  margin: 0 0 5px 5px;
}

.post-edit-link {
  float: right;
  margin: 5px;
  font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.entry-author {
  margin-bottom: 10px;
  width: 598px;
  padding: 10px;
}

.sticky header h2 {
  background: url(images/icons.png) no-repeat -180px -58px;
  padding-left: 30px;
}

/* format - aside */

.format-aside header, .format-aside footer, .format-link footer,
.format-link header, .format-gallery h2 {
  padding-left: 35px;
}

.single-post .format-aside footer, .single-post .format-link footer,


.single-post .format-gallery h2, .sticky header h2 {
  padding-left: 0;
  background: none;
}

.format-aside header {
  background: url(images/icons.png) no-repeat -120px -86px;
}

/*  main_com    */

#main_com {
  clear: both;
  width: 930px;
  background-color: #ffffff;
  margin: 0 auto;
  padding-top: 20px;
}

/* format - link */

.format-link header {
  background: url(images/icons.png) no-repeat -80px -190px;
}

/* format - gallery */

.format-gallery h2 {
  background: url(images/icons.png) no-repeat -240px 0;
}

.single .format-gallery header {
  text-align: center;
}

/* format - image */

.image-thumb {
  padding: 8px;
  border: 1px solid #ddd;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin: 0;
}

.image-thumb a {
  margin: 0 auto !important;
}

.image-thumb h2 {
  margin: 5px 0;
  font-size: 16px;
  float: left;
}

.image-thumb .post-edit-link {
  float: left;
}

.gallery-thumb {
  float: left;
  margin: 0 10px 4px 0;
}

.title span {
  color: #000;
}

.post-comments a {
  float: right;
  background: url(images/icons.png) no-repeat -180px 0;
  width: 24px;
  height: 24px;
  text-align: center;
  color: #fff;
  font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding: 1px 0 0 0;
}

.post-comments a:hover {
  background: url(images/icons.png) no-repeat -206px 0;
}

.by-author {
  margin-right: 20px;
}

/* author post */


#author-info {
  background: #eaeaea;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 10px;
  margin: 10px 0;
}

#author-info h2, #author-info p, #author-info ul {
  margin: 0 0 5px 118px;
}

#author-info h2 {
  font-size: 16px;
}

#author-info ul li {
  list-style: none;
}

#author-info ul li a {
  margin: 5px 10px 0 0;
  float: left;
  text-indent: -9999px;
  height: 26px;
  width: 26px;
  background: url(images/icons.png) no-repeat -140px 0;
}

#author-info ul li a:hover {
  background: url(images/icons.png) no-repeat -140px -30px;
}

#matisse_f a {
  background: url(images/icons.png) no-repeat -80px 0 !important;
}

#matisse_f a:hover {
  background: url(images/icons.png) no-repeat -80px -30px !important;
}

#matisse_g a {
  background: url(images/icons.png) no-repeat -110px 0 !important;
}

#matisse_g a:hover {
  background: url(images/icons.png) no-repeat -110px -30px !important;
}

#matisse_w a {
  background: url(images/icons.png) no-repeat -80px -60px !important;
}

#matisse_w a:hover {
  background: url(images/icons.png) no-repeat -110px -60px !important;
}

#author-info .avatar {
  float: left;
  margin-top: 5px;
  padding: 5px;
  background: #fff;
}

/*---- sidebar ----*/

.sidebar {
  margin-top: 10px;
}

.sidebar h3.minslider_title {
    background: url('../../../img/top_slider/img/bg_sidebar_title.png') no-repeat top center;
    color: #ffffff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6);
    font-size: 0.95rem;
    line-height: 1;
    height: 40px;
    box-sizing: border-box;
    padding-top: 9px;
}

.sidee1, .sidee2, .sidee3 {
  width: 225px;
  margin: 0 auto;
}

.sidee1 h3 {
  background: url(images/tab1.jpg) no-repeat top;
  line-height: 48px;
  color: #000000;
  padding-left: 35px;
  font-size: 95%;
  font-weight: bold;
}

.sidee2 h3 {
  background: url(images/tab2.jpg) no-repeat top;
  line-height: 48px;
  color: #000000;
  padding-left: 35px;
  font-size: 95%;
  font-weight: bold;
}

.side4 {
  color: #000000;
  padding-left: 5px;
  font-size: 80%;
  font-weight: bold;
  text-align: right;
}

.side4_ {
  color: #000000;
  padding-left: 5px;
  font-size: 80%;
  font-weight: bold;
  text-align: right;
  background-color: #F8E4CB;
  text-decoration: underline;
}

.side5_ {
  color: #000000;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
}

.sidee1 ul, .sidee2 ul, .sidee3 ul {
  margin: 0 0 20px 0;
}

.sidee1 ul li, .sidee2 ul li, .sidee3 ul li {
  padding-left: 35px;
  font-size: 80%;
  text-decoration: underline;
}

.sidee3 h {
  background: url(images/tab3.jpg) no-repeat top;
  line-height: 48px;
  color: #000000;
  padding-left: 35px;
  font-size: 95%;
  font-weight: bold;
}

.cpe {
  text-align: center;
  background-color: #dedede;
  padding: 5px;
  width: 210px;
  margin: 0 auto 10px auto;
}

.widget {
  margin-bottom: 10px;
}

.widget_min {
  width: 150px;
  float: left;
}

.widget-title {
  clear: both;
}

.widget_pages li, .widget_categories li, .widget_archive li, .widget_meta li, .widget_links li, .widget_recent_comments li, .widget_nav_menu li, .widget_recent_entries li {
  color: #C8F9FE;
  list-style: disc;
  margin-left: 15px;
}

.widget li li li {
  margin: 0 0 0 10px;
}

.tagcloud {
  padding: 5px 10px;
  float: left;
}

#wp-calendar caption {
  color: #7F7F7F;
  padding: 2px 0 3px;
}

#wp-calendar tr td, #wp-calendar tr th {
  padding: 5px 6px;
  text-align: right;
}

.widget_min #wp-calendar tr td , .widget_min #wp-calendar tr th {
  padding: 2px;
}

#wp-calendar #prev {
  text-align: left;
}

#wp-calendar thead tr {
  background: #eee;
}

#footer #wp-calendar thead tr {
  background: #fff;
}

.widget .vcard .photo {
  float: right;
  margin: 6px 0 2px 4px;
  padding: 5px 5px 0 5px;
  background: #eee;
}

/*---- comments ---*/

#comments {
  margin-bottom: 20px;
  clear: both;
}

#comments footer, #comments article {
  border: none;
  clear: both;
  margin: 0;
}

.comment .children {
  background: url(images/icons.png) no-repeat 10px -200px;
}

#comments h3 {
  margin: 10px 0;
}

#comments h3 strong {
  font-weight: normal;
  color: #000;
}

.comment-body ul, .comment-body ol {
  list-style: square;
  margin: 0 0 0 20px;
}

.comment-body ul ul {
  list-style: disc;
  margin: 0 10px;
}

.comment-body ul ul ul {
  list-style: circle;
}

.comment-body ol {
  list-style: decimal;
}

.comment-body ol ol {
  list-style: upper-latin;
  margin: 0 10px;
}

.comment-body ol ol ol {
  list-style: lower-alpha;
}

#comments .wp-pagenavi {
  padding: 10px 0;
  margin: 10px 0;
}

#comments label, #comments small {
  font-size: 0.88em;
}

#comments li article {
  margin: 0 0 35px 0;
}

#respond {
  clear: both;
  margin: 10px 0;
  background: #fff;
}

#respond textarea {
  width: 90%;
}

#respond h3 {
  margin: 10px 0;
}

.comment-author {
  background: #eaeaea;
  border-radius: 5px;
}

.comment-author .avatar {
  background: #d5d5d5;
  border-radius: 30px;
  float: left;
  margin: 0 10px;
}

.comment-meta {
  margin: 12px 0 5px 0;
}

.comment-body {
  padding: 5px 10px;
}

.comment-body p {
  margin: 0;
}

.depth-2, .depth-3, .depth-4, .depth-5 {
  margin: 10px 0 0 50px !important;
}

.reply {
  margin: 10px;
  float: right;
}

.reply a {
  background: #d5d5d5;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 5px;
    /*    color: #000;     */
  clear: both;
  float: right;
}

#respond code {
  border: none;
  font-size: 11px;
  padding: 0;
  overflow: hidden;
}

.comment-form-author, .comment-form-email, .comment-form-url {
  width: 210px;
}

.comment-form-comment label {
  display: block;
}

.nopassword, .page .nocomments {
  display: none;
}

.nocomments {
  font-size: 24px;
  color: #ddd;
  text-align: center;
}

.commentlist .pingback p, .commentlist .trackback p {
  border: 1px solid #d5d5d5;
  padding: 10px;
  margin: 0 0 10px 0;
}

#comments .byuser .comment-author, .bypostauthor .comment-author {
  border: 2px solid #C8F9FE;
}

/*------ /comments -------- footer ---*/

#footer {
  clear: both;
}

.footer-widget #footer {
  background: #d5d5d5;
}

.footer-widget #footer .container_12 {
  background: #d5d5d5 url(images/footer.jpg) no-repeat bottom center;
}

#footer h3, #footer p {
  margin: 6px 0;
}

#footer li {
  padding: 2px 0 4px 0;
}

#footer em {
  color: #A90000;
  letter-spacing: 1px;
}

#footermenu {
  clear: both;
  font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding: 10px 0;
  text-align: right;
}

#footermenu li {
  display: inline;
}

.widget_matisse_flick_widget .widget-title {
  background: url(images/icons.png) no-repeat 0 -142px;
  padding-left: 40px;
}

#flickr {
  clear: both;
}

.flickr_badge_image a {
  float: left;
  margin: 5px;
}

.flickr_badge_image a img {
  border: 1px solid #eee;
  padding: 5px;
  background: #ddd;
}

#footer .flickr_badge_image a img {
  border: 1px solid #fff;
}

.twitter_bg .widget-title {
  background: url(images/icons.png) no-repeat 0 -164px;
  padding-left: 40px;
}

.twitterbar {
  float: left;
}

#twitter_div ul, .twitter_bg {
  float: left;
  width: 100%;
}

#twitter_div ul li {
  margin: 0 0 3px 0;
  border: 1px solid #eee;
  list-style: none;
  padding: 3px 5px;
}

#twitter_update_list {
  padding: 0;
}

#twitter_div ul li a:after {
  content: " * ";
}

#twitter-link {
  margin: 0 0 10px 0;
  float: left;
  padding: 3px 5px;
  background: #eee;
  color: #A90000;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

#footer #twitter-link {
  background: #fff;
}

#footer #twitter_div ul li {
  background: #fff;
}

/*----------- GALLERY WORDPRESS -----*/

.gallery {
  width: 100%;
  margin: 10px 0;
}

.gallery dd:before {
  content: " ";
}

.gallery-item {
  float: left;
  margin: 0;
  text-align: center;
}

.gallery-item img {
  margin: 0 auto;
  border: 1px solid #cfcfcf;
}

.gallery-columns-1 .gallery-item {
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  width: 50%;
}

.gallery-columns-3 .gallery-item {
  width: 33%;
}

.gallery-columns-4 .gallery-item {
  width: 25%;
}

.gallery-columns-5 .gallery-item {
  width: 20%;
}

.gallery-columns-6 .gallery-item {
  width: 16%;
}

.gallery-columns-7 .gallery-item {
  width: 14%;
}

.gallery-caption {
  font-size: 11px;
  padding: 0 5px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  margin: 0 auto 10px !important;
}

.wp-caption-text {
  margin: 0 5px 15px;
  text-align: left;
}

.wp-caption {
  font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align: center;
  max-width: 620px !important;
  margin: 0;
}

.wp-caption img {
  margin: 0;
  max-width: 610px;
}

#wp-calendar {
  color: #333 !important;
}

.gallery br {
  clear: both;
}

.entry-caption, .entry-attachment {
  margin: 10px;
}

.entry-caption {
  text-align: center;
}

.alignright {
  float: right;
  margin: 0 0 1em 1em;
}

.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignnone {
  display: inline;
}


/*----- pagenavi ----*/

.wp-pagenavi {
  padding: 10px;
  clear: both;
}

.wp-pagenavi a {
  border: 0 !important;
  background: transparent !important;
  margin: 0 10px 0 0 !important;
}

.linkpage a {
  margin-right: 20px;
  padding: 5px;
  background: #EFEFEF;
}

.wp-pagenavi .pages, .wp-pagenavi .current {
  padding: 5px !important;
  background: #fff !important;
  border: 1px solid #DFDFDF !important;
  margin: 0 10px 0 0 !important;
}



/* SHORTCODE */

.mt_alert {
  padding: 10px 10px 10px 30px;
  border: 1px solid #BF5F5F;
  margin: 5px 0;
  display: block;
  background: #FFBFBF url(images/close.png) no-repeat 7px 13px;
}

.mt_warning {
  padding: 10px 10px 10px 30px;
  border: 1px solid #CFA967;
  display: block;
  margin: 5px 0;
  background: #FFE2AF url(images/warning.png) no-repeat 7px 15px;
}

.mt_down {
  padding-left: 16px;
  background: url(images/down.png) no-repeat top left;
}

.mt_info {
  padding: 10px 10px 10px 30px;
  border: 1px solid #78A6AF;
  display: block;
  margin: 5px 0;
  background: #BFE2FF url(images/info.png) no-repeat 7px 12px;
}


/* 
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 *
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs,
 * code, and offered their advice freely. Their support is greatly appreciated.
 *
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */


#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1104;
  display: none;
}

#fancybox-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background-image: url('images/fancybox.png');
}

#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
  display: none;
}

#fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  display: none;
}

#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  z-index: 1101;
  outline: none;
  display: none;
}

#fancybox-outer {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
}

#fancybox-content {
  width: 0;
  height: 0;
  padding: 0;
  outline: none;
  position: relative;
  overflow: hidden;
  z-index: 1102;
  border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 1101;
}

#fancybox-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background: transparent url('images/fancybox.png') -40px 0px;
  cursor: pointer;
  z-index: 1103;
  display: none;
}

#fancybox-error {
  color: #444;
  font: normal 12px / 20px Arial;
  padding: 14px;
  margin: 0;
}

#fancybox-img {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  line-height: 0;
  vertical-align: top;
}

#fancybox-frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

#fancybox-left, #fancybox-right {
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 35%;
  cursor: pointer;
  outline: none;
  background: transparent url('images/blank.gif');
  z-index: 1102;
  display: none;
}

#fancybox-left {
  left: 0px;
}

#fancybox-right {
  right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
  position: absolute;
  top: 50%;
  left: -9999px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
  z-index: 1102;
  display: block;
}

#fancybox-left-ico {
  background-image: url('images/fancybox.png');
  background-position: -40px -30px;
}

#fancybox-right-ico {
  background-image: url('images/fancybox.png');
  background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
  visibility: visible;
 /* IE6 */;
}

#fancybox-left:hover span {
  left: 20px;
}

#fancybox-right:hover span {
  left: auto;
  right: 20px;
}

.fancybox-bg {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  width: 20px;
  height: 20px;
  z-index: 1001;
}

#fancybox-bg-n {
  top: -20px;
  left: 0;
  width: 100%;
  background-image: url('images/fancybox-x.png');
}

#fancybox-bg-ne {
  top: -20px;
  right: -20px;
  background-image: url('images/fancybox.png');
  background-position: -40px -162px;
}

#fancybox-bg-e {
  top: 0;
  right: -20px;
  height: 100%;
  background-image: url('images/fancybox-y.png');
  background-position: -20px 0px;
}


#fancybox-bg-se {
  bottom: -20px;
  right: -20px;
  background-image: url('images/fancybox.png');
  background-position: -40px -182px;
}

#fancybox-bg-s {
  bottom: -20px;
  left: 0;
  width: 100%;
  background-image: url('images/fancybox-x.png');
  background-position: 0px -20px;
}

#fancybox-bg-sw {
  bottom: -20px;
  left: -20px;
  background-image: url('images/fancybox.png');
  background-position: -40px -142px;
}

#fancybox-bg-w {
  top: 0;
  left: -20px;
  height: 100%;
  background-image: url('images/fancybox-y.png');
}

#fancybox-bg-nw {
  top: -20px;
  left: -20px;
  background-image: url('images/fancybox.png');
  background-position: -40px -122px;
}

#fancybox-title {
  font-family: Helvetica;
  font-size: 12px;
  z-index: 1102;
}

.fancybox-title-inside {
  padding-bottom: 10px;
  text-align: center;
  color: #333;
  background: #fff;
  position: relative;
}

.fancybox-title-outside {
  padding-top: 10px;
  color: #fff;
}

.fancybox-title-over {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #FFF;
  text-align: left;
}

#fancybox-title-over {
  padding: 10px;
  background-image: url('images/fancy_title_over.png');
  display: block;
}

.fancybox-title-float {
  position: absolute;
  left: 0;
  bottom: -20px;
  height: 32px;
}

#fancybox-title-float-wrap {
  border: 0;
  border-collapse: collapse;
  width: auto;
}

#fancybox-title-float-wrap td {
  border: none;
  white-space: nowrap;
}

#fancybox-title-float-left {
  padding: 0 0 0 15px;
  background: url('images/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
  color: #FFF;
  line-height: 29px;
  font-weight: bold;
  padding: 0 0 3px 0;
  background: url('images/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
  padding: 0 0 0 15px;
  background: url('images/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-left-ico {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-right-ico {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-title-over {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale');
  zoom: 1;
}

.fancybox-ie6 #fancybox-title-float-left {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-title-float-main {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-title-float-right {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale');
}





.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
  height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
  position: absolute;
  margin-top: 0;
  top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale');
}

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg {
  background: transparent !important;
}

.fancybox-ie #fancybox-bg-n {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-ne {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-e {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-se {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-s {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-sw {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-w {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-nw {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale');
}




/*TEMPLATE PAGE*/

/*
* Slides, A Slideshow Plugin for jQuery
* Intructions: http://slidesjs.com
* By: Nathan Searles, http://nathansearles.com
* Version: 1.1.7
* Updated: May 2nd, 2011
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/

#slideshome {
  background: #C8F9FE;
}

#container {
  position: relative;
  z-index: 0;
  background: #C8F9FE  url("images/content.jpg")  no-repeat bottom right;
  padding: 10px 0;
}

#example {
  width: 940px;
  height: 370px;
  position: relative;
}

#slides {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}

.slides_container {
  width: 940px;
  height: 370px;
  overflow: hidden;
  position: relative;
  display: none;
}

#slides .slide {
  padding: 0 20px;
  width: 920px;
  height: 370px;
  display: block;
  position: relative;
}


/*	Next/prev buttons */

#slides .next,#slides .prev {
  position: absolute;
  text-indent: -9000px;
  top: 150px;
  left: -35px;
  width: 35px;
  height: 56px;
  display: block;
  z-index: 101;
  background: transparent url(images/icons.png) no-repeat 0 0;
}

#slides .next {
  left: 940px;
  background: transparent url(images/icons.png) no-repeat 0 -60px;
}

#slides .wp-post-image {
  -moz-box-shadow: 3px  3px 3px #7F2F34;
  -webkit-box-shadow: 3px 3px 3px #47191B;
  box-shadow: 0  0 5px #7F2F34;
  border: none;
}

#slides .wp-post-image {
  position: absolute;
  top: 20px;
  left: 10px;
}

.captionslide {
  position: absolute;
  width: 380px;
  right: 40px;
  top: 40px;
}

#slides h2 {
  margin: 0 0 10px 0;
  color: #2D2D2D;
}

.slide-no-image h2 {
  font-size: 36px;
  text-align: center;
  margin: 40px 0;
}

.slide-no-image p {
  width: 400px;
  margin: 30px auto;
}

.slide_page img {
  float: right;
  margin: 0 0 10px 15px;
}

#slideshome .pagination {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

#slideshome .pagination li {
  float: left;
  text-indent: -9999px;
  margin: 0 0 0 10px;
  width: 14px;
  height: 14px;
  background: transparent url(images/icons.png) no-repeat 0 -120px;
}

#slideshome .pagination li.current {
  background: transparent url(images/icons.png) no-repeat -30px -120px;
}

.footerarea {
  background-color: #323DD1;
  text-align: center;
  height: 90px;
  line-height: 90px;
  color: #FFFFFF;
}

/*MEDIA*/
/* iPads (portrait and landscape) ----------- */
@media only screen and (max-device-width: 800px) {

  .container_12, .grid_12, .grid_11, .grid_10, .grid_8, .grid_7,.grid_6, .grid_5,.grid_4, 
	.grid_3, .grid_2, .grid_1, article,section, .post {
    width: auto!important;
    float: left!important;
    background-image: none;
  }

  hgroup h1 img, hgroup h2 img {
    width: auto;
  }

  hgroup h3 {
    font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif!important;
  }

  .post img {
    width: auto;
  }

  .sidebar, #footer {
    background: #eee;
    padding: 10px;
    margin: 0;
  }

  .sidebar li a, #footer li a {
    font-size: 18px;
  }

  #footermenu a {
    font-size: 12px!important;
  }

  #footer, .footer-widget #footer .container_12 {
    background: none!important;
  }

  .widget {
    width: auto;
  }

  .widget_min {
    clear: both;
  }

  .nav {
    margin: 0;
  }

  .prefix_2, .suffix_2 {
    padding: 0!important;
  }

  .flickr_badge_image {
    float: left;
  }

  .gallery_item img {
    float: left;
    height: auto;
  }

  .gallery-columns-1 .gallery-item,
	    .gallery-columns-2 .gallery-item ,.gallery-columns-3 .gallery-item,
    .gallery-columns-4 .gallery-item,.gallery-columns-5 .gallery-item ,
    .gallery-columns-6 .gallery-item ,.gallery-columns-7 .gallery-item {
    width: auto;
    display: block;
  }

  .wp-post-image {
    width: 95%!important;
  }
}


/* Smartphones (portrait and landscape) ----------- */
@media 
only screen and (max-device-width : 480px), 
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {

  .post img {
    width: auto;
  }

  .sidebar, #footer {
    font-size: 16px;
    margin: 0;
    background: #eee;
    padding: 5px;
  }

  .sidebar li a, #footer li a {
    font-size: 18px;
  }

  .widget {
    width: auto;
  }

  .widget_min {
    clear: both;
  }

  #header .container_12 {
    background: none;
  }

  #header .container_12 {
    background-image: none;
  }

  #nav ul ul {
    background: #eee!important;
  }

  #nav ul ul a {
    color: #333;
  }
}

/* 2012/01/30 redata by ou----------- */
#footer {
  width: 922px;
  margin-right: auto;
  margin-left: auto;
  background-image: url(/img/footer.gif);
  background-repeat: repeat;
  clear: both;
  font-size: 10px;
  text-align: right;
  color: #CCC;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

#footer #privacy {
  font-size: 10px;
  color: #333;
  text-align: left;
  margin-top: 0px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 20px;
}

#footer #address {
  font-size: 10px;
  color: #FFF;
  text-align: right;
  margin-top: 5px;
  margin-right: 20px;
  margin-bottom: 5px;
  margin-left: 0px;
}
/* 2012/01/30 redata by ou--------シャイニングマラソンシリーズ */

/* -----2013/09/30 prage シャイニングマラソンシリーズ----- */



.contents {
  width: 600px;
  padding-top: 5px;
  padding-bottom: 5px;
  overflow: hidden;
  zoom: 1;
  margin: 5px 0 0 20px;
}

.lBox {
  width: 285px;
  float: left;
}

.rBox {
  width: 285px;
  float: right;
}

.item01 {
  background-color: #FCF;
  margin-bottom: 5px;
  border: 1px dotted #FFF;
  overflow: hidden;
  zoom: 1;
}

.img {
  height: 68px;
  width: 70px;
  background-color: #FFF;
  float: left;
  padding: 6px;
}

.item01 .title {
  float: right;
  height: 50px;
  margin-right: 3px;
  margin-top: 3px;
  margin-bottom: 3px;
  text-align: left;
  padding-top: 20px;
  font-size: 12px;
  font-weight: bold;
  margin-left: 6px;
  width: 185px;
}

.word {
  color: #930;
  margin-bottom: 4px;
  text-decoration: underline;
  font-size: 12px;
}

.date {
  color: #000;
}
/* ----- 250306INTX追加 ----- */
.date span {
    background-color: #c51d20;
    color: #ffffff !important;
    line-height: 1;
    white-space: nowrap;
    font-weight: normal;
    padding: 1px 5px 2px;
    border-radius: 3px;
    position: relative;
    animation: 3s infinite reception;
}
@keyframes reception {
    25% {
        opacity: 1;
    }
    40% {
        opacity: 0.25;
    }
    50% {
        opacity: 1;
    }
    60% {
        opacity: 0.25;
    }
    75% {
        opacity: 1;
    }
}

.item02 {
  background-color: #FCF;
  overflow: hidden;
  zoom: 1;
  margin-bottom: 5px;
  border: 1px dotted #FFF;
  width: 300px;
}

.item02 .title {
  float: right;
  height: 50px;
  margin-right: 25px;
  margin-top: 3px;
  margin-bottom: 3px;
  text-align: left;
  padding-top: 20px;
  font-size: 12px;
  font-weight: bold;
  margin-left: 6px;
  width: 185px;
}

/*----- 2013/09/30 prage-----*/

/* 2012/01/30 redata by ou  */

#navi_bar {
  background-image: url(images/navi_bg.gif);
  background-repeat: repeat-x;
  width: 910px;
  height: 20px;
  font-size: 12px;
  font-weight: bold;
  padding-top: 6px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
}

/* toppageバナーhover時透過 */

a:hover img.banhover {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

/* honoruru */



#hotelinfo #info_box {
  width: 650px;
  margin-right: auto;
  margin-left: auto;
  overflow: auto;
  zoom: 1;
  margin-bottom: 5px;
  font-size: 12px;
}

#hotelinfo #info_box_illu {
  width: 650px;
  margin-right: auto;
  margin-left: auto;
  overflow: auto;
  zoom: 1;
  margin-bottom: 5px;
  font-size: 12px;
}

#hotelinfo #info_link {
  width: 600px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 5px;
  font-size: 13px;
}

#hotelinfo #info_box #title {
  font-size: 12px;
  color: #FFF;
  background-color: #F63;
  font-weight: bold;
  text-align: center;
  padding: 5px;
}

#hotelinfo #info_box #text {
  margin-top: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
}

#hotelinfo #info_box #sub_title01 {
  font-weight: bold;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
}

#hotelinfo #info_box #content {
  overflow: auto;
  zoom: 1;
  font-size: 13px;
  border: 1px solid #999;
  padding-top: 5px;
  padding-right: 5px;
  padding-left: 5px;
}

#hotelinfo #info_box #content #box_left {
  background-color: #F63;
  float: left;
  width: 150px;
  font-size: 12px;
  font-weight: bold;
  padding: 5px;
  text-align: center;
  color: #FFF;
  margin-right: 8px;
  margin-bottom: 3px;
}

#hotelinfo #info_box #content #box_right {
  float: right;
  width: auto;
  font-size: 11px;
  padding: 5px;
}

/* honoruru */

#main_com .container_12 #content #content_index #tourbar {
  width: 610px;
/*---元は600でしたが、下記.tourbarで設定を変更したため、610に変更---*/
  margin-top: 5px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: 10px;
  overflow: hidden;
  zoom: 1;
}

/*---↓↓↓↓↓　下段に編集したものを記載しました。念のためにおいてあります。2013/10/02_prage ----------
#main_com .container_12 #content #content_index #tourbar #tourbar_left {
	float: left;
	width: 295px;
	margin-bottom: 5px;
}
#main_com .container_12 #content #content_index #tourbar #tourbar_right {
	float: right;
	width: 295px;
	margin-bottom: 5px;
}
---↑↑↑↑↑　最下段に編集したものを記載しました。念のためにおいてあります。2013/10/02_prage ----------*/
.tourbar {
  float: left;
  width: 295px;
  margin: 0 10px 5px 0;
}

/* hotel css 201203006 */

#hotel {
  overflow: auto;
  zoom: 1;
}

#hotel #hotel_left #body_hotel #body_parter {
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 5px;
}

#hotel #hotel_left #body_hotel #body_parter #hotel_01 {
  margin-right: 10px;
  margin-left: 10px;
  height: 45px;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #CCC;
  padding-bottom: 5px;
  overflow: auto;
  zoom: 1;
}

#hotel #hotel_left #body_hotel #body_parter #hotel_01 #hotel_img {
  width: 60px;
  margin-right: 10px;
  float: left;
}

#hotel #hotel_left #body_hotel #body_parter #hotel_01 #hotel_name {
  float: right;
}

#hotel #hotel_right #body_hotel #body_parter #hotel_01 #hotel_img {
  width: 60px;
  margin-right: 10px;
  float: left;
}

#hotel #hotel_right #body_hotel #body_parter #hotel_01 #hotel_name {
  float: right;
}

#hotel #hotel_right #body_hotel #body_parter #hotel_01 {
  margin-right: 10px;
  margin-left: 10px;
  height: 45px;
  padding-bottom: 5px;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #CCC;
  overflow: auto;
  zoom: 1;
}

#hotel #hotel_right #body_hotel #body_parter {
  padding-bottom: 5px;
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
}

#hotel #hotel_left {
  width: 295px;
  float: left;
  margin-bottom: 5px;
}

#hotel #hotel_right {
  float: right;
  width: 295px;
  margin-bottom: 5px;
}

#hotel #hotel_left #header_hotel {
  margin-top: 10px;
}

#hotel #hotel_left #body_hotel {
  background-color: #CCC;
  background-image: url(/img/body.jpg);
  background-repeat: repeat-y;
}

#hotel #hotel_left #footer_hotel {
}

#hotel #hotel_right #header_hotel {
  margin-top: 10px;
}

#hotel #hotel_right #ryoukin {
  margin-top: 10px;
  margin-bottom: 10px;
}

#hotel #hotel_right #body_hotel {
  background-color: #CCC;
  background-image: url(/img/body.jpg);
  background-repeat: repeat-y;
}

#hotel #hotel_right #footer_hotel {
}

#booking_form {
  width: 80px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
  padding: 5px;
  text-align: center;
  border: 2px solid #F6C;
}

#wedding {
  width: 550px;
  margin-right: auto;
  margin-left: auto;
}

/* landonly  */



#land_waku {
  width: 600px;
}

#land_waku #land_title {
  font-size: 36px;
  font-weight: bold;
  color: #03F;
  margin-top: 5px;
  margin-bottom: 5px;
}

#land_waku #land_anwser {
  font-size: 18px;
  color: #F00;
  margin-bottom: 5px;
  margin-top: 10px;
  font-weight: bold;
}

#land_waku table tr th {
  font-size: 16px;
}

#land_waku table tr td {
  font-size: 12px;
}

#land_waku table tr th table tr th {
  font-size: 16px;
}

#land_waku #land_nagare {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
}

#land_waku #land_point {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 16px;
}

#land_waku #land_nagare table tr th #land_spce {
  height: 50px;
}

/* ホノルル　ツアーページ  */



#honoruru_siryou {
  margin-left: 10px;
  margin-bottom: 20px;
}

#menu {
  width: 600px;
  margin-left: 35px;
  margin-bottom: 30px;
}

#menu #menu_item {
  margin-top: 5px;
  margin-bottom: 5px;
}

#menu #menu_title {
  font-size: 38px;
  color: #F00;
  margin-bottom: 10px;
  text-align: center;
  font-weight: bold;
  padding: 5px;
  background-color: #6FF;
}

.post-72.page.type-page.status-publish.hentry.post #hotelinfo .cauti .price1 tbody tr td {
  font-size: 18px;
}

div.money {
  vertical-align: middle;
  line-height: 400%;
  font-size: 13px;
  color: #000000;
}

.extending_stay_font {
  font-size: 13px;
  color: #3333CC;
}

/*-----------------------------------------
404
----------------------------------------*/

#notfound {
  width: 100%;
  padding-left: 30px;
  padding-top: 30px;
  padding-bottom: 200px;
}

#notfound p {
  line-height: 2em;
}

/*-----------------------------------------
company
-------------------------------------------*/
#company_summary {
  font-size: 75%;
  line-height: 2em;
  margin: 0 auto;
}

#company_summary td {
  padding-bottom: 15px;
}
/*-----------------------------------------
order
-------------------------------------------*/
.sent .form_box {
  display: none;
}

.complete_display {
  display: none;
}

.sent .complete_display {
  display: block;
}

#order_explain {
  font-size: 80%;
  line-height: 2em;
  margin: 0 0 10px 20px;
}

.form_box {
  margin-left: 20px;
}

.form_box dl {
  overflow: hidden;
}

.form_box dt {
  font-size: 75%;
  font-weight: bold;
  clear: left;
  float: left;
  width: 150px;
  height: 20px;
  line-height: 20px;
  margin-bottom: 6px;
  background-color: #ffcc00;
  border-right: solid 5px #fff;
  text-align: center;
}

.form_box dt:before {
  content: "";
}

.form_box dd {
  width: 280px;
  font-size: 85%;
  float: left;
  margin-bottom: 10px;
}

.form_box dd.tellassort {
  width: 30px;
}

.form_box dt.form_bikou {
  height: 80px;
}

.form_box dd.form_bikoudd textarea {
  font-size: 85%;
  height: 80px;
  width: 450px;
}

.form_box .form_submit_btn {
  text-align: center;
}
/*-----------------------------------------
marathon
-------------------------------------------*/
#content_index .marathon h2 {
  height: auto;
}

.mb20 {
  margin-bottom: 20px!important;
}

.mt20 {
  margin-top: 20px!important;
}

.tright {
  text-align: right!important;
}

.tcenter {
  text-align: center!important;
}

#content_index .marathon ul,#content_index .marathon li {
  margin: 0;
  padding: 0;
}

#content_index #tour_character ul {
  list-style-type: none;
}

#content_index #order ul {
  text-align: left;
  width: 500px;
  margin: 0 auto;
}

#content_index #order ul li {
  line-height: 1.5em;
  font-size: 16px;
  border: 1px solid #999;
  padding: 7px 15px;
  list-style: none;
}

.red {
  color: red;
}

.bold {
  font-weight: bold!important;
}

.underbar {
  text-decoration: underline;
}

.condition_table th,.condition_table td {
  padding: 5px 10px;
  border: 1px solid #999;
}

.condition_im_box {
  border: 1px solid #999;
  background-color: #D1E8F4;
  padding: 5px 10px;
  margin: 5px 0;
}

#content_index .page h2.tourpage {
  height: auto;
}

.marathon .bottom_text {
  font-size: 12px;
  width: 400px;
  text-align: left;
  margin: 0 auto;
}


.bottom_title {
  color: #ff3399;
}

.bottom_blue {
  color: #000099;
  font-weight: bold;
}
/*----------------追加-------------------------*/

.tour_textblock {
  padding: 20px 30px;
  font-size: 75%;
  line-height: 1.5em;
  text-align: left;
}

/*----------------メリーモナーク　鑑賞ツアー　ここから-------------------------*/
#merry_monarch p.compe {
  font-size: 16pt;
  text-align: center;
  font-weight: bold;
  margin: 10px;
}

#merry_monarch .title {
  font-size: 18pt;
  color: yellow;
  font-weight: bold;
  line-height: 24pt;
  background: #000;
  text-align: center;
}

#merry_monarch .senkou_yoyalu {
  font-size: 18pt;
  color: red;
  font-weight: bold;
  text-align: center;
  border: 1px solid #3399CC;
  margin: 15px auto 0px;
  padding: 5px;
  width: 300px;
}

#merry_monarch .ohayameni {
  font-size: 17pt;
  color: #fff;
  font-weight: bold;
  text-align: center;
  margin: 10px auto 5px;
  padding: 10px;
  background: red;
}

#merry_monarch .ohayameni span {
  font-size: 12pt;
}

#merry_monarch .text {
  margin: 20px;
  text-align: left;
  font-weight: bold;
  font-size: 12pt;
  line-height: 18pt;
}

#merry_monarch .text span {
  padding: 5px;
  font-size: 15pt;
  color: red;
  border: 1px solid #3399cc;
  line-height: 28pt;
}

#merry_monarch span.y {
  background: #FFFF00;
  line-height: 28pt;
  padding: 5px;
  font-size: 12pt;
  color: #000;
}

#merry_monarch span.border {
  border: 1px solid #3399cc;
  padding: 5px;
  font-size: 12pt;
  margin: 0 5px;
}

	/*日程表ｃｓｓ*/



#merry_monarch table.price {
  width: 670px;
}

#merry_monarch table.price td {
  vertical-align: top;
  text-aline: left;
  padding: 5px;
}

#merry_monarch .bg_w {
  background: #fff;
}

#merry_monarch .bg_b {
  background: #CCFFFF;
}

#merry_monarch .bg_v {
  background: #FFCCFF;
}

#merry_monarch .bg_y {
  background: #FFFFCC;
}

	/*日程表ｃｓｓ*/

#merry_monarch h2 {
  height: auto;
}


/*----------------メリーモナーク　鑑賞ツアー　ここまで-------------------------*/

/*-------------20131112 privacy------------------*/
.privacy_h1 {
  font-size: 14px;
  margin: 5px 0;
}
/*-------------20131112 privacy　ここまで------------------*/

/*----------------ダラーレンタカー・ここから-------------------------*/

#dollar_rent .title {
  color: #FF3399;
  font-size: 16px;
  top;text-aline: left;
  padding: 20px 0 5px;
  font-weight: bold;
}

table#dollar_plan {
  width: 630px;
  border-collapse: collapse;
  font-size: 14px;
  margin: 5px 0;
}

table#dollar_plan th {
  font-weight: bold;
  background: #fbdd97;
  border: #CC9933 1px solid;
  text-align: left;
  padding: 3px 5px;
}

table#dollar_plan td {
  background: #fff;
  border: #CC9933 1px solid;
  text-align: center;
  padding: 3px 5px;
}

table.guide {
  margin: 5px 0;
  width: 630px;
  font-size: 14px;
}

table.guide td {
  width: 250px;
  padding: 0px 0 5px;
}

table.guide a:link {
  color: #000066;
  font-weight: bold;
}

table.guide a:visited {
  color: #000066;
  font-weight: bold;
}

table.guide a:hover {
  color: #7d7d7d;
  font-weight: bold;
}

table.guide a:active {
  color: #000066;
  font-weight: bold;
}

table.one_week {
  margin: 5px 0 60px;
  width: 630px;
  font-size: 14px;
}

table.one_week th {
  text_align: center;
  background: #fbdd97;
  font-weight: bold;
  border: #CC9933 1px solid;
  padding: 5px;
}

table.one_week td {
  text_align: left;
  background: #fff;
  border: #CC9933 1px solid;
  padding: 5px;
}

/*----------------ダラーレンタカー・ここまで-------------------------*/
.top_bannerbox {
  margin: 5px auto 10px 10px;
}
/*----------------ホノルルマラソン2013　参加者の声-------------------------*/
.fs20 {
  font-size: 20px!important;
}

.honoruru_voice {
  width: 600px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.5;
}

#content_index .honoruru_voice h2 {
  height: auto;
}

.honoruru_voice .box1 {
  border: 7px solid #ffcc00;
  padding: 10px;
}

.font_red {
  color: #F00;
}

#content_index .rank {
  border: 3px solid #ffcc00;
  padding: 5px 20px;
  border-radius: 10px;
  list-style: none;
  margin: 0;
}

.rank li {
  border-bottom: 1px dotted #aaa;
  padding: 5px 0;
}

.rank li.last {
  border-bottom: none;
}

.honoruru_voice dl.list {
  border: 1px solid #ccc;
  padding: 5px;
  font-size: 12px;
  background-color: #efefef;
}

.honoruru_voice dl.list dt {
  padding: 0 5px;
  font-weight: bold;
}

.honoruru_voice dl.list dd {
  padding-left: 10px;
}

.honoruru_voice dl.voice {
  border: 1px solid #ccc;
  padding: 5px 10px;
  margin-bottom: 20px;
  font-size: 12px;
}

.honoruru_voice dl.voice dt {
  background-color: #ffcc00;
  border-bottom: 1px solid #ccc;
  border-right: 2px solid #ccc;
  padding: 2px 5px;
  padding-left: 10px;
  margin-bottom: 5px;
  font-weight: bold;
}

#content_index .honoruru_voice dl.voice dt:before {
  content: none;
}

.honoruru_voice dl.voice dd {
  border-bottom: 2px dotted #aaa;
  padding: 5px;
}

.honoruru_voice dl.voice dd.last {
  border-bottom: none;
}

/*----------------サイドバー　バナー設置20131224------------------------*/

#side_banner {
  text-align: right;
  margin: 0;
  padding: 0;
}

#side_banner li {
  padding: 0;
  margin-bottom: 10px;
}
/*----------------2014フラ・ホオラウナ20140128------------------------*/

#hula_hoolauna table {
  border-collapse: collapse;
  border: 1px solid #666;
}

.flR {  float: right!important;}
.flL {  float: left!important;}
.taC {  text-align: center!important;}
.taR {  text-align: right!important;}
.taL {  text-align: left!important;}
.p5 { padding: 5px !important;}
.p10 { padding: 10px !important;}
.mt0{margin-top:0!important;}
.mt5 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt20 { margin-top: 20px !important;}
.mt30 { margin-top: 30px !important;}
.mt40 { margin-top: 40px !important;}
.mt50 { margin-top: 50px !important;}
.mb10 { margin-bottom:10px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb50 { margin-bottom: 50px !important;}
.ml0 { margin-left: 0 !important;}
.ml10 { margin-left: 10px !important;}
.ml20 { margin-left: 20px !important;}
.ml30 { margin-left: 30px !important;}
.ml40 { margin-left: 40px !important;}
.ml50 { margin-left: 50px !important;}
.mr10 { margin-right:10px !important;}
.mr20 { margin-right:20px!important;}
.mr30 { margin-right:30px!important;}
.mr40 { margin-right:40px!important;}
.mr50 { margin-right:50px!important;}
.m0_auto { margin:0 auto !important;}

.fz12 {  font-size: 12px!important;}
.fz14 {  font-size: 14px!important;}
.fz16 {  font-size: 16px!important;}
.fz18 {  font-size: 18px!important;}
.fz20 {  font-size: 20px!important;}
.fwB {  font-weight: bold!important;}
.fwN {  font-weight: normal!important;}
.lh15 {  line-height: 1.5em;}

.txt_under {  text-decoration: underline;}

#hula_hoolauna .point {
  padding: 5px 10px;
  margin-bottom: 10px;
}

#hula_hoolauna .point dt {
  font-weight: bold;
  background-color: #e47f77;
  padding: 5px 10px;
  margin-bottom: 5px;
  box-shadow: inset 0px 0px 1px rgba(255,255,255,1);
  border: 1px solid #a63c46;
  border-radius: 5px;
  color: #000;
}

#hula_hoolauna .point dd {
  border-bottom: 1px dotted #999;
  padding: 5px 10px;
}

#hula_hoolauna .point dd.last {
  border: none;
}

#content_index h2.tour_title {
  background-color: #a63c46;
  font-weight: bold;
  color: #fff;
  padding: 10px 20px;
  border: 1px solid #C00;
  background: -moz-linear-gradient(top,#a63c46 0%,	#e64135);
  background: -webkit-gradient(linear, left top, left bottom,	from(#a63c46),to(#e64135));
  -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),

		inset 0px 0px 7px rgba(255,255,255,1);
  -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),

		inset 0px 0px 7px rgba(255,255,255,1);
  box-shadow: 0px 1px 3px rgba(000,000,000,0.5),

		inset 0px 0px 7px rgba(255,255,255,1);
}

#hula_hoolauna .title {
  background-color: #333;
  color: #fff;
  padding: 3px 10px;
}

#hula_hoolauna table {
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}

#hula_hoolauna table th,#hula_hoolauna table td {
  border-bottom: 1px solid #666;
  border-right: 1px solid #666;
  padding: 3px;
}

#hula_hoolauna table th {
  font-weight: normal;
  text-align: left;
}

#hula_hoolauna .info_box {
  border: 1px #000000 solid;
  margin-bottom: 10px;
  padding: 5px;
}

#hula_hoolauna .info_box ul {
  padding-left: 20px;
}

#hula_hoolauna .info_box li {
  list-style: disc;
  line-height: 1.8;
}

#hula_hoolauna .schedule th, #hula_hoolauna .schedule td {
  font-size: 12px;
}

#hula_hoolauna .schedule th {
  background-color: #e47f77;
}

#hula_hoolauna .schedule .time_line {
  background-color: #ccc;
  font-size: 10px;
}

#hula_hoolauna .schedule .bb_dot {
  border-bottom: 1px dotted #999;
}

#hula_hoolauna .schedule .even td {
  background-color: #ffe6e4;
}

#hula_hoolauna .schedule .min {
  font-size: 12px;
  display: block;
  text-align: right;
}

#hula_hoolauna .course th,#hula_hoolauna .course td {
  font-weight: bold;
  padding: 10px;
}

#hula_hoolauna .course_a td {
  background-color: #ffe5e2;
}

#hula_hoolauna .course_b td {
  background-color: #f4faff;
}

#hula_hoolauna .method th,#hula_hoolauna .method td {
  font-weight: normal;
  padding: 10px;
}

.none .border {
  border: 0;
}

.tour_info {
  margin-left: 130px;
}

.fzS {
  font-size: 12px;
}

.harf_box {
  width: 48%;
}

/*------------prince fura-------------*/

#prince {
  width: 600px;
  margin: 0 auto;
}

#prince .point {
  padding: 5px 10px;
  margin-bottom: 10px;
}

#prince .point dt {
  font-weight: bold;
  background-color: #e47f77;
  padding: 5px 10px;
  margin-bottom: 5px;
  box-shadow: inset 0px 0px 1px rgba(255,255,255,1);
  border: 1px solid #a63c46;
  border-radius: 5px;
  color: #000;
}

#prince .point dd {
  border-bottom: 1px dotted #999;
  padding: 5px 10px;
}

#prince .point dd.last {
  border: none;
}

#content_index #prince .prince_tour_title {
  background-color: #a63c46;
  font-weight: bold;
  color: #fff;
  padding: 10px;
  border: 3px solid #fff;
  background-color: #f26a98;
  background: -moz-linear-gradient(top,	#f0ccec 0%,#f26a98);
  background: -webkit-gradient(linear, left top, left bottom,from(#f0ccec),to(#f26a98));
  width: 40%;
  margin: 0 auto;
}

#prince .title {
  background-color: #FFCF87;
  color: #000;
  padding: 3px 10px;
}

#prince table {
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}

#prince table th,#prince table td {
  border-bottom: 1px solid #666;
  border-right: 1px solid #666;
  padding: 3px;
}

#prince table th {
  font-weight: normal;
  text-align: left;
}

#prince .info_box {
  border: 1px #000000 solid;
  margin-bottom: 10px;
  padding: 5px;
}

#prince .info_box ul {
  padding-left: 20px;
}

#prince .info_box li {
  list-style: none;
  line-height: 1.8;
}

#prince .schedule th, #prince .schedule td {
  font-size: 12px;
}

#prince .schedule th {
  background-color: #e47f77;
}

#prince .schedule .time_line {
  background-color: #ccc;
  font-size: 10px;
}

#prince .schedule .bb_dot {
  border-bottom: 1px dotted #999;
}

#prince .schedule .even td {
  background-color: #ffe6e4;
}

#prince .schedule .min {
  font-size: 12px;
  display: block;
  text-align: right;
}

#content_index .ribon_info_pink {
  background: #E01C87;
  color: #fff;
  font-weight: bold;
  padding: 15px 10px;
}

#prince .table_p10 td,#prince .table_p10 th {
  padding: 10px 3px;
}

#prince .table_p10 .course_a th,#prince .table_p10 .course_a td {
  background: #ade8f1;
  padding: 15px 3px;
}

#prince .table_p10 .course_b th,#prince .table_p10 .course_b td {
  background: #f4b8c7;
  padding: 15px 3px;
}

.tit_orange {
  background: #ffcf87;
 /* Old browsers */
  background: -moz-linear-gradient(left,  #ffcf87 0%, #ffa928 100%);
 /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffcf87), color-stop(100%,#ffa928));
 /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  #ffcf87 0%,#ffa928 100%);
 /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  #ffcf87 0%,#ffa928 100%);
 /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  #ffcf87 0%,#ffa928 100%);
 /* IE10+ */
  background: linear-gradient(to right,  #ffcf87 0%,#ffa928 100%);
 /* W3C */
  line-height: 47px;
  padding-left: 20px!important;
  font-size: 20px;
  margin-bottom: 20px;
  border-bottom: 2px solid #ccc;
  border-radius: 10px;
}

.hula_journey_voice p {
  font-size: 14px;
  line-height: 1.8;
}

.voice_message {
  font-size: 14px;
  padding: 15px;
  background-color: #fff;
  border: 2px solid #eee;
  box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.3);
}

.voice_message dt {
  margin-bottom: 15px;
  background-color: #ff8bd2;
  color: #fff;
  padding: 10px;
}

.voice_message dd {
  padding: 10px;
  margin-bottom: 20px;
}

.voice_message dd {
  line-height: 1.8;
}
/*------------------------------------------------style2---------------------------------------*/
#hotelinfo  div.cauti {
  width: 600px;
  margin: 5px auto;
  font-size: 90%;
}

#hotelinfo  div.cauti_01 {
  width: 600px;
  margin: 5px auto;
  font-size: 90%;
  text-align: right;
}

#hotelinfo  div.cauti_title {
  width: 600px;
  font-size: 18px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  margin-top: 5px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
}

#hotelinfo .front1 {
  float: left;
  width: 170px;
}

#hotelinfo .front2 {
  float: left;
  width: 300px;
}

#hotelinfo .cl {
  clear: both;
}

/*price1*/
#hotelinfo .price1 {
  clear: both;
  width: 600px;
  border-left: 1px solid #6699ff;
  border-top: 1px solid #6699ff;
  border-bottom: 1px solid #6699ff;
  margin-right: auto;
  margin-left: auto;
}

#hotelinfo .price1 th {
  font-size: 95%;
  padding: 5px 0;
  background-color: #F1FBFF;
  border: 1px solid #6699ff;
}

#hotelinfo .price1 td {
  font-size: 85%;
  text-align: center;

  padding: 5px 0;
  border: 1px solid #6699ff;
}
/*price1*/

/*price2*/
#hotelinfo .price2 {
  clear: both;
  width: 600px;
  border-left: 1px solid #FF0B84;
  border-top: 1px solid #FF0B84;
  border-bottom: 1px solid #FF0B84;
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  color: #F36;
}

#hotelinfo .price2 th {
  border-right: 1px solid #FF0B84;
  border-bottom: 1px dotted #FF0B84;
  font-size: 95%;
  padding: 5px 0;
  background-color: #FFE4E4;
}

#hotelinfo .price2 td {
  border-right: 1px solid #FF0B84;
  border-bottom: 1px dotted #FF0B84;
  font-size: 85%;
  text-align: center;
  padding: 5px 0;
}
/*price2*/

/*price3*/

#hotelinfo .price3 {
  clear: both;
  width: 600px;
  margin: 10px auto;
  border-left: 1px solid #FF0B84;
  border-top: 1px solid #FF0B84;
  border-bottom: 1px solid #FF0B84;
}

#hotelinfo .price3 th {
  font-size: 13px;
  padding: 5px 0;
  background-color: #FFCCFF;
  color: #CC3366;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: dotted;
  border-left-style: solid;
  border-top-color: #FF66FF;
  border-right-color: #FF66FF;
  border-bottom-color: #FF66FF;
  border-left-color: #FF66FF;
}

#hotelinfo .price3 td {
  font-size: 13px;
  text-align: center;
  padding: 5px 0;
  color: #000000;
  border: 1px solid #FF66FF;
}

/*price3*/
#hotelinfo .post {
  margin: 5px;
  font-size: 80%;
}


/*----------------20140303------------------------*/

.tb01{
	width:600px;/*
 Theme Name: Matisse
 Theme URI:http://matisse.blankcanvas.eu/
 Description:Minimalistic two-columns, fixed-width,  seo optimized  theme for WordPress. Compatible with WordPress 3.1 features, valid XHTML & CSS, custom widgets(Twitter, Flickr, About us).
 Author: Tomasz Mazur
 Author URI: http://tommek.eu/
 Version: 1.0.1
 Tags: two-columns,  fixed-width, microformats, sticky-post, right-sidebar, orange, white ,  holiday, threaded-comments, theme-options, custom-header, custom-background, custom-menu, translation-ready
 License:GNU General Public License, v2 (or newer)
 License URI:http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
 Reset and html tags
 */

.movie {
  text-align: center;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  <!--background: transparent;
  -->

  border: 0;
  margin: 0;
  padding: 0;
}

ol, ul {
  list-style: none;
}

del {
  text-decoration: line-through;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}



/* Html */
html {
  overflow-y: scroll;
}

body {
  font: 90%;
  color: #000;
  background-color: #fff;
  background-image: url(images/bg.jpg);
  background-repeat: repeat-x;
  margin: 0;
  padding: 0;
}

p {
  font-size: 1em;
  margin: 0 0 1em 0;
  text-indent: 0;
}

h3 {
}

h4 {
  font-size: 1.29em;
  margin: 0.76em 0 0.30em 0;
}

h5 {
  font-size: 1.14em;
  margin: 0.76em 0;
  font-style: italic;
}

h6 {
  font-size: 1em;
  margin: 0.76em 0;
  font-style: italic;
}

a {
  color: #A90000;
  text-decoration: none;
}

a:hover {
  color: #7D7D7D;
}

del {
  text-decoration: line-through;
}

img {
  border: none;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote {
  background: url(images/icons.png) no-repeat -206px -30px;
  padding: 10px 30px;
  color: #777;
}

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

address {
  margin: 1em 0;
}

table {
  border-collapse: none;
/*2014/3/3　collapse→noneに変更*/
  border-spacing: 0;

}

pre {
  font: 14px Consolas, Lucida Console, Monaco, monospace;
  color: #222;
  background: #eee;
  padding: 10px;
  overflow: auto;
}

code {
  font: 14px Consolas, Lucida Console, Monaco, monospace;
  color: #777;
  overflow: auto;
}

sup, sub {
  height: 0;
  line-height: 1;
  position: relative;
  vertical-align: baseline;
}

sup {
  bottom: 1ex;
}

sub {
  top: 0.5ex;
}

abbr {
  cursor: help;
}

/* 
 Variable Grid System.
 Learn more ~ http://www.spry-soft.com/grids/
 Based on 960 Grid System - http://960.gs/
 Licensed under GPL and MIT.
 */

.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 920px
	background-color:#BDF7FF;
}

.grid_1, .grid_2, .grid_3, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.container_12 .grid_3 {
  width: 220px;
}

.container_12 .grid_6 {
  width: 460px;
}

.container_12 .grid_9 {
  width: 700px;
}

.container_12 .grid_12 {
  width: 940px;
}

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

.container_12 .grid_1 {
  width: 60px;
}

.container_12 .grid_2 {
  width: 140px;
}

.container_12 .grid_4 {
  width: 240px;
  display: inline;
  float: left;
}

.container_12 .grid_5 {
  width: 380px;
}

.container_12 .grid_7 {
  width: 540px;
}

.container_12 .grid_8 {
  width: 670px;
}

.container_12 .grid_10 {
  width: 780px;
}

.container_12 .grid_11 {
  width: 860px;
}

.container_12 .prefix_3 {
  padding-left: 240px;
}

.container_12 .prefix_6 {
  padding-left: 480px;
}

.container_12 .prefix_9 {
  padding-left: 720px;
}

.container_12 .prefix_1 {
  padding-left: 80px;
}

.container_12 .prefix_2 {
  padding-left: 160px;
}

.container_12 .prefix_4 {
  padding-left: 320px;
}

.container_12 .prefix_5 {
  padding-left: 400px;
}

.container_12 .prefix_7 {
  padding-left: 560px;
}

.container_12 .prefix_8 {
  padding-left: 640px;
}

.container_12 .prefix_10 {
  padding-left: 800px;
}

.container_12 .prefix_11 {
  padding-left: 880px;
}

.container_12 .suffix_3 {
  padding-right: 240px;
}

.container_12 .suffix_6 {
  padding-right: 480px;
}

.container_12 .suffix_9 {
  padding-right: 720px;
}

.container_12 .suffix_1 {
  padding-right: 80px;
}

.container_12 .suffix_2 {
  padding-right: 160px;
}

.container_12 .suffix_4 {
  padding-right: 320px;
}

.container_12 .suffix_5 {
  padding-right: 400px;
}

.container_12 .suffix_7 {
  padding-right: 560px;
}

.container_12 .suffix_8 {
  padding-right: 640px;
}

.container_12 .suffix_10 {
  padding-right: 800px;
}

.container_12 .suffix_11 {
  padding-right: 880px;
}



/* Class */

.container_12 {
  background: #fff;
}

/*---- header ---*/

#headerwrap {
  background: url(images/bg.jpg) repeat-x top;
  margin-right: auto;
  margin-left: auto;
}

.header {
  width: 940px;
  margin-right: auto;
  margin-left: auto;
  background-image: url(images/header_gb.jpg);
  background-repeat: repeat-y;
}

.header .back {
  background-color: #bdf7ff;
  background-image: url(images/topimg_gb.jpg);
}

.header .back .logoh {
  width: 920px;
  margin: 0 auto;
}

.container_13 {
  height: 320px;
  background-color: #C8F9FE;
  width: 920px;
  margin-right: auto;
  margin-left: auto;
}

.container_14 {
  height: 220px;
  background-color: #ffffff;
  width: 200px;
  margin-top: -10px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
}

<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1000" height="280">
			    <param name="movie" value="shining_top.swf">
			    <param name="quality" value="high">
			    <param name="wmode" value="opaque">
			    <param name="swfversion" value="7.0.70.0">
			    <!-- このパラメータータグにより、Flash Player 6.0 または 6.5 以降を使用して、Flash Player の最新バージョンをダウンロードするようメッセージが表示されます。ユーザーにメッセージを表示させないようにする場合はパラメータータグを削除します。 -->
			    <param name="expressinstall" value="Scripts/expressInstall.swf">
			    <!-- 次のオブジェクトタグは IE 以外のブラウザーで使用するためのものです。IE では IECC を使用して非表示にします。 -->
			    <!--[if !IE]>-->
			    <object type="application/x-shockwave-flash" data="shining_top.swf" width="1000" height="280">
			      <!--<![endif]-->
			      <param name="quality" value="high">
			      <param name="wmode" value="opaque">
			      <param name="swfversion" value="7.0.70.0">
			      <param name="expressinstall" value="Scripts/expressInstall.swf">
			      <!-- ブラウザーには、Flash Player 6.0 以前のバージョンを使用して次の代替コンテンツが表示されます。 -->
			      <div>
			        <h4>このページのコンテンツには、Adobe Flash Player の最新バージョンが必要です。</h4>
			        <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Adobe Flash Player を取得" width="112" height="33" /></a></p>
		          </div>
							
			      <!--[if !IE]>-->
		        </object>

			    <!--<![endif]-->
		      </object>

#header hgroup {
  min-height: 100px;
  _height: 100px;
  position: relative;
  background: #C8F9FE;
}

#header h1, #header h2 {
  font-size: 36px;
}

#logo img {
  margin-right: auto;
  margin-left: auto;
}

#header h1 a, #header h2 a {
  color: #000;
  margin: 0;
  padding: 0;
}

#header h3 {
  font-size: 20px;
  color: #fff;
  text-align: right;
  font-family: Cambria, Georgia, "Times New Roman", Times, serif;
}

.logom {
  width: 920px;
}

.otoiawase {
  width: 300px;
  float: right;
}

#searchform {
  margin-top: 10px;
}

/* Primary navigation */

#nav {
  background: url(images/navi_bg.jpg) repeat-x top;
}

#nav .container_12 ul {
  clear: both;
}

#nav a {
  text-align: center;
  display: block;
  padding: 10px 15px 10px 10px;
  color: #eee;
}

#nav a:hover {
  color: #999;
}

#nav li:first-child {
  background: #454545;
}

#nav li li:first-child {
  background: none;
}

#nav ul ul a {
  padding: 8px 10px;
}

#nav ul {
  z-index: 500;
  position: relative;
  background: #2D2D2D;
}

#nav ul ul {
  position: absolute;
  z-index: 501;
  top: auto;
  display: none;
  margin: 0;
}

#nav ul ul ul {
  z-index: 502;
  top: 0;
  left: 100%;
  background: #3F3B3B;
}

#nav li {
  float: left;
  position: relative;
  min-height: 1px;
  vertical-align: bottom;
  padding: 0;
}

#nav li li {
  margin: 0 0 1px 0;
  width: 180px;
  list-style: none;
  margin: 0;
}

#nav li li li {
  margin: 0 0 0 1px;
}

#nav li ul li a {
  text-align: left;
}

#nav .current_page_item a, #nav .current-menu-item a {
  background: #565656;
}

#nav li:hover {
  cursor: pointer;
  z-index: 100;
}

#nav li:hover ul ul, #nav li li:hover ul ul, #nav li li li:hover ul ul, #nav li li li li:hover ul ul {
  display: none;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {
  display: block;
}


/* index  */

#content_index h2 {
  margin: 0;
  padding: 0;
  clear: both;
  height: 47px;
}

#content_index_osusume {
  margin: 7;
  padding: 0;
}

#content_index .sub {
  margin: 10px 0 0 0;
}

#portfolio {
  width: 600px;
  height: 256px;
  margin: 5px auto 10px 10px;
}

.banarea {
  width: 615px;
  padding: 6px;
  margin: 15px auto 10px 10px;
  background: url(./images/etc_bg.gif) no-repeat right bottom;
  border: solid 1px #dedede;
  background-color: #F4FCFF;
}

.banarea .etctour {
  font-size: 80%;
  font-weight: bold:;
}

.banarea img {
  border: solid 1px #dedede;
}

#content_index .info {
  width: 640px;
  border: solid 1px #dedede;
  margin: 0;
  padding: 0;
  clear: both;
}


}

#content_index .info ul {
  margin: 15px;
}

#content_index .info ul li {
  padding: 5px 0 5px 20px;
  margin: 5px;
  border-bottom: dotted 1px #dedede;
  background: url(/img/icon.gif) no-repeat left center;
  font-size: 80%;
  text-decoration: underline;
}

#content_index .info .moreinfo {
  background: none;
  text-align: right;
}


#content_index .right_ta_tab2,.left_ta_tab2 {
  float: left;
  width: 300px;
  margin: 5px 5px 5px 15px;
  border-left: dotted 1px #dedede;
  border-top: dotted 1px #dedede;
}

#content_index .right_ta_tab2 th,.left_ta_tab2 th {
  border-right: dotted 1px #dedede;
  border-bottom: dotted 1px #dedede;
  padding: 5px;
  font-size: 80%;
}

#content_index .right_ta_tab2 td,.left_ta_tab2 td {
  border-right: dotted 1px #dedede;
  border-bottom: dotted 1px #dedede;
  padding: 5px;
  font-size: 80%;
}

/* post - page */

article header, article footer {
  margin: 0 0 1em 0;
  padding: 5px 0;
  font: 12px/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;
}

article header h1, article header h2 {
  margin: 5px 0;
  padding: 0;
}

article footer {
  clear: both;
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 20px;
}

header .wp-post-image {
  margin: 10px 0 0;
  max-width: 620px !important;
}

.single article footer {
  border-bottom: none;
}

.post {
  margin: 10px 0;
}

.post img {
  height: auto;
  max-width: 600px;
}

.attachment section img {
  max-width: 940px;
  display: block;
  margin: 0 auto;
}

.attachment-meta {
  font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.post strong {
  font-weight: bolder;
}

.gallery dt:before {
  content: "";
}

.post ul, .post ol {
  list-style: square;
  margin: 0 0 0 20px;
}

.post ul ul {
  list-style: disc;
  margin: 0 10px;
}

.post ul ul ul {
  list-style: circle;
}

.post ol {
  list-style: decimal;
}

.post ol ol {
  list-style: upper-latin;
  margin: 0 10px;
}

.post ol ol ol {
  list-style: lower-alpha;
}

.page-link {
  margin: 10px 0;
  clear: both;
}

.page-link a, .post-edit-link {
  background: #e5e5e5;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 5px;
  clear: both;
  margin: 0 0 5px 5px;
}

.post-edit-link {
  float: right;
  margin: 5px;
  font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.entry-author {
  margin-bottom: 10px;
  width: 598px;
  padding: 10px;
}

.sticky header h2 {
  background: url(images/icons.png) no-repeat -180px -58px;
  padding-left: 30px;
}

/* format - aside */

.format-aside header, .format-aside footer, .format-link footer,
.format-link header, .format-gallery h2 {
  padding-left: 35px;
}

.single-post .format-aside footer, .single-post .format-link footer,


.single-post .format-gallery h2, .sticky header h2 {
  padding-left: 0;
  background: none;
}

.format-aside header {
  background: url(images/icons.png) no-repeat -120px -86px;
}

/*  main_com    */

#main_com {
  clear: both;
  width: 930px;
  background-color: #ffffff;
  margin: 0 auto;
  padding-top: 20px;
}

/* format - link */

.format-link header {
  background: url(images/icons.png) no-repeat -80px -190px;
}

/* format - gallery */

.format-gallery h2 {
  background: url(images/icons.png) no-repeat -240px 0;
}

.single .format-gallery header {
  text-align: center;
}

/* format - image */

.image-thumb {
  padding: 8px;
  border: 1px solid #ddd;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin: 0;
}

.image-thumb a {
  margin: 0 auto !important;
}

.image-thumb h2 {
  margin: 5px 0;
  font-size: 16px;
  float: left;
}

.image-thumb .post-edit-link {
  float: left;
}

.gallery-thumb {
  float: left;
  margin: 0 10px 4px 0;
}

.title span {
  color: #000;
}

.post-comments a {
  float: right;
  background: url(images/icons.png) no-repeat -180px 0;
  width: 24px;
  height: 24px;
  text-align: center;
  color: #fff;
  font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding: 1px 0 0 0;
}

.post-comments a:hover {
  background: url(images/icons.png) no-repeat -206px 0;
}

.by-author {
  margin-right: 20px;
}

/* author post */


#author-info {
  background: #eaeaea;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 10px;
  margin: 10px 0;
}

#author-info h2, #author-info p, #author-info ul {
  margin: 0 0 5px 118px;
}

#author-info h2 {
  font-size: 16px;
}

#author-info ul li {
  list-style: none;
}

#author-info ul li a {
  margin: 5px 10px 0 0;
  float: left;
  text-indent: -9999px;
  height: 26px;
  width: 26px;
  background: url(images/icons.png) no-repeat -140px 0;
}

#author-info ul li a:hover {
  background: url(images/icons.png) no-repeat -140px -30px;
}

#matisse_f a {
  background: url(images/icons.png) no-repeat -80px 0 !important;
}

#matisse_f a:hover {
  background: url(images/icons.png) no-repeat -80px -30px !important;
}

#matisse_g a {
  background: url(images/icons.png) no-repeat -110px 0 !important;
}

#matisse_g a:hover {
  background: url(images/icons.png) no-repeat -110px -30px !important;
}

#matisse_w a {
  background: url(images/icons.png) no-repeat -80px -60px !important;
}

#matisse_w a:hover {
  background: url(images/icons.png) no-repeat -110px -60px !important;
}

#author-info .avatar {
  float: left;
  margin-top: 5px;
  padding: 5px;
  background: #fff;
}

/*---- sidebar ----*/

.sidebar {
  margin-top: 10px;
}

.sidee1, .sidee2, .sidee3 {
  width: 225px;
  margin: 0 auto;
}

.sidee1 h3 {
  background: url(images/tab1.jpg) no-repeat top;
  line-height: 48px;
  color: #000000;
  padding-left: 35px;
  font-size: 95%;
  font-weight: bold;
}

.sidee2 h3 {
  background: url(images/tab2.jpg) no-repeat top;
  line-height: 48px;
  color: #000000;
  padding-left: 35px;
  font-size: 95%;
  font-weight: bold;
}

.side4 {
  color: #000000;
  padding-left: 5px;
  font-size: 80%;
  font-weight: bold;
  text-align: right;
}

.side4_ {
  color: #000000;
  padding-left: 5px;
  font-size: 80%;
  font-weight: bold;
  text-align: right;
  background-color: #F8E4CB;
  text-decoration: underline;
}

.side5_ {
  color: #000000;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
}

.sidee1 ul, .sidee2 ul, .sidee3 ul {
  margin: 0 0 20px 0;
}

.sidee1 ul li, .sidee2 ul li, .sidee3 ul li {
  padding-left: 35px;
  font-size: 80%;
  text-decoration: underline;
}

.sidee3 h {
  background: url(images/tab3.jpg) no-repeat top;
  line-height: 48px;
  color: #000000;
  padding-left: 35px;
  font-size: 95%;
  font-weight: bold;
}

.cpe {
  text-align: center;
  background-color: #dedede;
  padding: 5px;
  width: 210px;
  margin: 0 auto 10px auto;
}

.widget {
  margin-bottom: 10px;
}

.widget_min {
  width: 150px;
  float: left;
}

.widget-title {
  clear: both;
}

.widget_pages li, .widget_categories li, .widget_archive li, .widget_meta li, .widget_links li, .widget_recent_comments li, .widget_nav_menu li, .widget_recent_entries li {
  color: #C8F9FE;
  list-style: disc;
  margin-left: 15px;
}

.widget li li li {
  margin: 0 0 0 10px;
}

.tagcloud {
  padding: 5px 10px;
  float: left;
}

#wp-calendar caption {
  color: #7F7F7F;
  padding: 2px 0 3px;
}

#wp-calendar tr td, #wp-calendar tr th {
  padding: 5px 6px;
  text-align: right;
}

.widget_min #wp-calendar tr td , .widget_min #wp-calendar tr th {
  padding: 2px;
}

#wp-calendar #prev {
  text-align: left;
}

#wp-calendar thead tr {
  background: #eee;
}

#footer #wp-calendar thead tr {
  background: #fff;
}

.widget .vcard .photo {
  float: right;
  margin: 6px 0 2px 4px;
  padding: 5px 5px 0 5px;
  background: #eee;
}

/*---- comments ---*/

#comments {
  margin-bottom: 20px;
  clear: both;
}

#comments footer, #comments article {
  border: none;
  clear: both;
  margin: 0;
}

.comment .children {
  background: url(images/icons.png) no-repeat 10px -200px;
}

#comments h3 {
  margin: 10px 0;
}

#comments h3 strong {
  font-weight: normal;
  color: #000;
}

.comment-body ul, .comment-body ol {
  list-style: square;
  margin: 0 0 0 20px;
}

.comment-body ul ul {
  list-style: disc;
  margin: 0 10px;
}

.comment-body ul ul ul {
  list-style: circle;
}

.comment-body ol {
  list-style: decimal;
}

.comment-body ol ol {
  list-style: upper-latin;
  margin: 0 10px;
}

.comment-body ol ol ol {
  list-style: lower-alpha;
}

#comments .wp-pagenavi {
  padding: 10px 0;
  margin: 10px 0;
}

#comments label, #comments small {
  font-size: 0.88em;
}

#comments li article {
  margin: 0 0 35px 0;
}

#respond {
  clear: both;
  margin: 10px 0;
  background: #fff;
}

#respond textarea {
  width: 90%;
}

#respond h3 {
  margin: 10px 0;
}

.comment-author {
  background: #eaeaea;
  border-radius: 5px;
}

.comment-author .avatar {
  background: #d5d5d5;
  border-radius: 30px;
  float: left;
  margin: 0 10px;
}

.comment-meta {
  margin: 12px 0 5px 0;
}

.comment-body {
  padding: 5px 10px;
}

.comment-body p {
  margin: 0;
}

.depth-2, .depth-3, .depth-4, .depth-5 {
  margin: 10px 0 0 50px !important;
}

.reply {
  margin: 10px;
  float: right;
}

.reply a {
  background: #d5d5d5;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 5px;
    /*    color: #000;     */
  clear: both;
  float: right;
}

#respond code {
  border: none;
  font-size: 11px;
  padding: 0;
  overflow: hidden;
}

.comment-form-author, .comment-form-email, .comment-form-url {
  width: 210px;
}

.comment-form-comment label {
  display: block;
}

.nopassword, .page .nocomments {
  display: none;
}

.nocomments {
  font-size: 24px;
  color: #ddd;
  text-align: center;
}

.commentlist .pingback p, .commentlist .trackback p {
  border: 1px solid #d5d5d5;
  padding: 10px;
  margin: 0 0 10px 0;
}

#comments .byuser .comment-author, .bypostauthor .comment-author {
  border: 2px solid #C8F9FE;
}

/*------ /comments -------- footer ---*/

#footer {
  clear: both;
}

.footer-widget #footer {
  background: #d5d5d5;
}

.footer-widget #footer .container_12 {
  background: #d5d5d5 url(images/footer.jpg) no-repeat bottom center;
}

#footer h3, #footer p {
  margin: 6px 0;
}

#footer li {
  padding: 2px 0 4px 0;
}

#footer em {
  color: #A90000;
  letter-spacing: 1px;
}

#footermenu {
  clear: both;
  font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding: 10px 0;
  text-align: right;
}

#footermenu li {
  display: inline;
}

.widget_matisse_flick_widget .widget-title {
  background: url(images/icons.png) no-repeat 0 -142px;
  padding-left: 40px;
}

#flickr {
  clear: both;
}

.flickr_badge_image a {
  float: left;
  margin: 5px;
}

.flickr_badge_image a img {
  border: 1px solid #eee;
  padding: 5px;
  background: #ddd;
}

#footer .flickr_badge_image a img {
  border: 1px solid #fff;
}

.twitter_bg .widget-title {
  background: url(images/icons.png) no-repeat 0 -164px;
  padding-left: 40px;
}

.twitterbar {
  float: left;
}

#twitter_div ul, .twitter_bg {
  float: left;
  width: 100%;
}

#twitter_div ul li {
  margin: 0 0 3px 0;
  border: 1px solid #eee;
  list-style: none;
  padding: 3px 5px;
}

#twitter_update_list {
  padding: 0;
}

#twitter_div ul li a:after {
  content: " * ";
}

#twitter-link {
  margin: 0 0 10px 0;
  float: left;
  padding: 3px 5px;
  background: #eee;
  color: #A90000;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

#footer #twitter-link {
  background: #fff;
}

#footer #twitter_div ul li {
  background: #fff;
}

/*----------- GALLERY WORDPRESS -----*/

.gallery {
  width: 100%;
  margin: 10px 0;
}

.gallery dd:before {
  content: " ";
}

.gallery-item {
  float: left;
  margin: 0;
  text-align: center;
}

.gallery-item img {
  margin: 0 auto;
  border: 1px solid #cfcfcf;
}

.gallery-columns-1 .gallery-item {
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  width: 50%;
}

.gallery-columns-3 .gallery-item {
  width: 33%;
}

.gallery-columns-4 .gallery-item {
  width: 25%;
}

.gallery-columns-5 .gallery-item {
  width: 20%;
}

.gallery-columns-6 .gallery-item {
  width: 16%;
}

.gallery-columns-7 .gallery-item {
  width: 14%;
}

.gallery-caption {
  font-size: 11px;
  padding: 0 5px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  margin: 0 auto 10px !important;
}

.wp-caption-text {
  margin: 0 5px 15px;
  text-align: left;
}

.wp-caption {
  font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align: center;
  max-width: 620px !important;
  margin: 0;
}

.wp-caption img {
  margin: 0;
  max-width: 610px;
}

#wp-calendar {
  color: #333 !important;
}

.gallery br {
  clear: both;
}

.entry-caption, .entry-attachment {
  margin: 10px;
}

.entry-caption {
  text-align: center;
}

.alignright {
  float: right;
  margin: 0 0 1em 1em;
}

.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignnone {
  display: inline;
}


/*----- pagenavi ----*/

.wp-pagenavi {
  padding: 10px;
  clear: both;
}

.wp-pagenavi a {
  border: 0 !important;
  background: transparent !important;
  margin: 0 10px 0 0 !important;
}

.linkpage a {
  margin-right: 20px;
  padding: 5px;
  background: #EFEFEF;
}

.wp-pagenavi .pages, .wp-pagenavi .current {
  padding: 5px !important;
  background: #fff !important;
  border: 1px solid #DFDFDF !important;
  margin: 0 10px 0 0 !important;
}



/* SHORTCODE */

.mt_alert {
  padding: 10px 10px 10px 30px;
  border: 1px solid #BF5F5F;
  margin: 5px 0;
  display: block;
  background: #FFBFBF url(images/close.png) no-repeat 7px 13px;
}

.mt_warning {
  padding: 10px 10px 10px 30px;
  border: 1px solid #CFA967;
  display: block;
  margin: 5px 0;
  background: #FFE2AF url(images/warning.png) no-repeat 7px 15px;
}

.mt_down {
  padding-left: 16px;
  background: url(images/down.png) no-repeat top left;
}

.mt_info {
  padding: 10px 10px 10px 30px;
  border: 1px solid #78A6AF;
  display: block;
  margin: 5px 0;
  background: #BFE2FF url(images/info.png) no-repeat 7px 12px;
}


/* 
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 *
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs,
 * code, and offered their advice freely. Their support is greatly appreciated.
 *
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */


#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1104;
  display: none;
}

#fancybox-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background-image: url('images/fancybox.png');
}

#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
  display: none;
}

#fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  display: none;
}

#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  z-index: 1101;
  outline: none;
  display: none;
}

#fancybox-outer {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
}

#fancybox-content {
  width: 0;
  height: 0;
  padding: 0;
  outline: none;
  position: relative;
  overflow: hidden;
  z-index: 1102;
  border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 1101;
}

#fancybox-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background: transparent url('images/fancybox.png') -40px 0px;
  cursor: pointer;
  z-index: 1103;
  display: none;
}

#fancybox-error {
  color: #444;
  font: normal 12px / 20px Arial;
  padding: 14px;
  margin: 0;
}

#fancybox-img {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  line-height: 0;
  vertical-align: top;
}

#fancybox-frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

#fancybox-left, #fancybox-right {
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 35%;
  cursor: pointer;
  outline: none;
  background: transparent url('images/blank.gif');
  z-index: 1102;
  display: none;
}

#fancybox-left {
  left: 0px;
}

#fancybox-right {
  right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
  position: absolute;
  top: 50%;
  left: -9999px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
  z-index: 1102;
  display: block;
}

#fancybox-left-ico {
  background-image: url('images/fancybox.png');
  background-position: -40px -30px;
}

#fancybox-right-ico {
  background-image: url('images/fancybox.png');
  background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
  visibility: visible;
 /* IE6 */;
}

#fancybox-left:hover span {
  left: 20px;
}

#fancybox-right:hover span {
  left: auto;
  right: 20px;
}

.fancybox-bg {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  width: 20px;
  height: 20px;
  z-index: 1001;
}

#fancybox-bg-n {
  top: -20px;
  left: 0;
  width: 100%;
  background-image: url('images/fancybox-x.png');
}

#fancybox-bg-ne {
  top: -20px;
  right: -20px;
  background-image: url('images/fancybox.png');
  background-position: -40px -162px;
}

#fancybox-bg-e {
  top: 0;
  right: -20px;
  height: 100%;
  background-image: url('images/fancybox-y.png');
  background-position: -20px 0px;
}


#fancybox-bg-se {
  bottom: -20px;
  right: -20px;
  background-image: url('images/fancybox.png');
  background-position: -40px -182px;
}

#fancybox-bg-s {
  bottom: -20px;
  left: 0;
  width: 100%;
  background-image: url('images/fancybox-x.png');
  background-position: 0px -20px;
}

#fancybox-bg-sw {
  bottom: -20px;
  left: -20px;
  background-image: url('images/fancybox.png');
  background-position: -40px -142px;
}

#fancybox-bg-w {
  top: 0;
  left: -20px;
  height: 100%;
  background-image: url('images/fancybox-y.png');
}

#fancybox-bg-nw {
  top: -20px;
  left: -20px;
  background-image: url('images/fancybox.png');
  background-position: -40px -122px;
}

#fancybox-title {
  font-family: Helvetica;
  font-size: 12px;
  z-index: 1102;
}

.fancybox-title-inside {
  padding-bottom: 10px;
  text-align: center;
  color: #333;
  background: #fff;
  position: relative;
}

.fancybox-title-outside {
  padding-top: 10px;
  color: #fff;
}

.fancybox-title-over {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #FFF;
  text-align: left;
}

#fancybox-title-over {
  padding: 10px;
  background-image: url('images/fancy_title_over.png');
  display: block;
}

.fancybox-title-float {
  position: absolute;
  left: 0;
  bottom: -20px;
  height: 32px;
}

#fancybox-title-float-wrap {
  border: 0;
  border-collapse: collapse;
  width: auto;
}

#fancybox-title-float-wrap td {
  border: none;
  white-space: nowrap;
}

#fancybox-title-float-left {
  padding: 0 0 0 15px;
  background: url('images/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
  color: #FFF;
  line-height: 29px;
  font-weight: bold;
  padding: 0 0 3px 0;
  background: url('images/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
  padding: 0 0 0 15px;
  background: url('images/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-left-ico {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-right-ico {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-title-over {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale');
  zoom: 1;
}

.fancybox-ie6 #fancybox-title-float-left {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-title-float-main {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-title-float-right {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
  height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
  position: absolute;
  margin-top: 0;
  top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale');
}

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg {
  background: transparent !important;
}

.fancybox-ie #fancybox-bg-n {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-ne {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-e {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-se {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-s {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-sw {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-w {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-nw {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale');
}




/*TEMPLATE PAGE*/

/*
* Slides, A Slideshow Plugin for jQuery
* Intructions: http://slidesjs.com
* By: Nathan Searles, http://nathansearles.com
* Version: 1.1.7
* Updated: May 2nd, 2011
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/

#slideshome {
  background: #C8F9FE;
}

#container {
  position: relative;
  z-index: 0;
  background: #C8F9FE  url("images/content.jpg")  no-repeat bottom right;
  padding: 10px 0;
}

#example {
  width: 940px;
  height: 370px;
  position: relative;
}

#slides {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}

.slides_container {
  width: 940px;
  height: 370px;
  overflow: hidden;
  position: relative;
  display: none;
}

#slides .slide {
  padding: 0 20px;
  width: 920px;
  height: 370px;
  display: block;
  position: relative;
}


/*	Next/prev buttons */

#slides .next,#slides .prev {
  position: absolute;
  text-indent: -9000px;
  top: 150px;
  left: -35px;
  width: 35px;
  height: 56px;
  display: block;
  z-index: 101;
  background: transparent url(images/icons.png) no-repeat 0 0;
}

#slides .next {
  left: 940px;
  background: transparent url(images/icons.png) no-repeat 0 -60px;
}

#slides .wp-post-image {
  -moz-box-shadow: 3px  3px 3px #7F2F34;
  -webkit-box-shadow: 3px 3px 3px #47191B;
  box-shadow: 0  0 5px #7F2F34;
  border: none;
}

#slides .wp-post-image {
  position: absolute;
  top: 20px;
  left: 10px;
}

.captionslide {
  position: absolute;
  width: 380px;
  right: 40px;
  top: 40px;
}

#slides h2 {
  margin: 0 0 10px 0;
  color: #2D2D2D;
}

.slide-no-image h2 {
  font-size: 36px;
  text-align: center;
  margin: 40px 0;
}

.slide-no-image p {
  width: 400px;
  margin: 30px auto;
}

.slide_page img {
  float: right;
  margin: 0 0 10px 15px;
}

#slideshome .pagination {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

#slideshome .pagination li {
  float: left;
  text-indent: -9999px;
  margin: 0 0 0 10px;
  width: 14px;
  height: 14px;
  background: transparent url(images/icons.png) no-repeat 0 -120px;
}

#slideshome .pagination li.current {
  background: transparent url(images/icons.png) no-repeat -30px -120px;
}

.footerarea {
  background-color: #323DD1;
  text-align: center;
  height: 90px;
  line-height: 90px;
  color: #FFFFFF;
}

/*MEDIA*/
/* iPads (portrait and landscape) ----------- */
@media only screen and (max-device-width: 800px) {

  .container_12, .grid_12, .grid_11, .grid_10, .grid_8, .grid_7,.grid_6, .grid_5,.grid_4, 
	.grid_3, .grid_2, .grid_1, article,section, .post {
    width: auto!important;
    float: left!important;
    background-image: none;
  }

  hgroup h1 img, hgroup h2 img {
    width: auto;
  }

  hgroup h3 {
    font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif!important;
  }

  .post img {
    width: auto;
  }

  .sidebar, #footer {
    background: #eee;
    padding: 10px;
    margin: 0;
  }

  .sidebar li a, #footer li a {
    font-size: 18px;
  }

  #footermenu a {
    font-size: 12px!important;
  }

  #footer, .footer-widget #footer .container_12 {
    background: none!important;
  }

  .widget {
    width: auto;
  }

  .widget_min {
    clear: both;
  }

  .nav {
    margin: 0;
  }

  .prefix_2, .suffix_2 {
    padding: 0!important;
  }

  .flickr_badge_image {
    float: left;
  }

  .gallery_item img {
    float: left;
    height: auto;
  }

  .gallery-columns-1 .gallery-item,
	    .gallery-columns-2 .gallery-item ,.gallery-columns-3 .gallery-item,
    .gallery-columns-4 .gallery-item,.gallery-columns-5 .gallery-item ,
    .gallery-columns-6 .gallery-item ,.gallery-columns-7 .gallery-item {
    width: auto;
    display: block;
  }

  .wp-post-image {
    width: 95%!important;
  }
  
  /* Add INTX. 160621 */
  #main_com .container_12 #content {
    width: 670px!important;
  }

  #main_com .container_12 .sidebar {
    width: 240px!important;
    padding: 0!important;
    background: none;
  }
  
  #footer {
	background: #4a7fd3 url(/img/footer.gif) no-repeat center bottom!important;
	min-height: 90px;
  }
}


/* Smartphones (portrait and landscape) ----------- */
@media 
only screen and (max-device-width : 480px), 
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {

  .post img {
    width: auto;
  }

  .sidebar, #footer {
    font-size: 16px;
    margin: 0;
    background: #eee;
    padding: 5px;
  }

  .sidebar li a, #footer li a {
    font-size: 18px;

  }

  .widget {
    width: auto;
  }

  .widget_min {
    clear: both;
  }

  #header .container_12 {
    background: none;
  }

  #header .container_12 {
    background-image: none;
  }

  #nav ul ul {
    background: #eee!important;
  }

  #nav ul ul a {
    color: #333;
  }
}

/* 2012/01/30 redata by ou----------- */
#footer {
  width: 930px;
  margin-right: auto;
  margin-left: auto;
  background-image: url(/img/footer.gif);
  background-repeat: repeat;
  clear: both;
  font-size: 10px;
  text-align: right;
  color: #CCC;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

#footer #privacy {
  font-size: 10px;
  color: #333;
  text-align: left;
  margin-top: 0px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 20px;
}

#footer #address {
  font-size: 10px;
  color: #FFF;
  text-align: right;
  margin-top: 5px;
  margin-right: 20px;
  margin-bottom: 5px;
  margin-left: 0px;
}
/* 2012/01/30 redata by ou--------シャイニングマラソンシリーズ */

/* -----2013/09/30 prage シャイニングマラソンシリーズ----- */



.contents {
  width: 600px;
  padding-top: 5px;
  padding-bottom: 5px;
  overflow: hidden;
  zoom: 1;
  margin: 5px 0 0 20px;
}

.lBox {
  width: 285px;
  float: left;
}

.rBox {
  width: 285px;
  float: right;
}

.item01 {
  background-color: #FCF;
  margin-bottom: 5px;
  border: 1px dotted #FFF;
  overflow: hidden;
  zoom: 1;
}

.img {
  height: 68px;
  width: 70px;
  background-color: #FFF;
  float: left;
  padding: 6px;
}

.item01 .title {
  float: right;
  height: 50px;
  margin-right: 3px;
  margin-top: 3px;
  margin-bottom: 3px;
  text-align: left;
  padding-top: 20px;
  font-size: 12px;
  font-weight: bold;
  margin-left: 6px;
  width: 185px;
}

.word {
  color: #930;
  margin-bottom: 4px;
  text-decoration: underline;
  font-size: 12px;
}

.date {
  color: #000;
}

.item02 {
  background-color: #FCF;
  overflow: hidden;
  zoom: 1;
  margin-bottom: 5px;
  border: 1px dotted #FFF;
  width: 300px;
}

.item02 .title {
  float: right;
  height: 50px;
  margin-right: 25px;
  margin-top: 3px;
  margin-bottom: 3px;
  text-align: left;
  padding-top: 20px;
  font-size: 12px;
  font-weight: bold;
  margin-left: 6px;
  width: 185px;
}

/*----- 2013/09/30 prage-----*/

/* 2012/01/30 redata by ou  */

#navi_bar {
  background-image: url(images/navi_bg.gif);
  background-repeat: repeat-x;
  width: 920px;
  height: 19px;
  font-size: 12px;
  font-weight: bold;
  padding-top: 6px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
}

/* toppageバナーhover時透過 */

a:hover img.banhover {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

/* honoruru */



#hotelinfo #info_box {
  width: 650px;
  margin-right: auto;
  margin-left: auto;
  overflow: auto;
  zoom: 1;
  margin-bottom: 5px;
  font-size: 12px;
}

#hotelinfo #info_box_illu {
  width: 650px;
  margin-right: auto;
  margin-left: auto;
  overflow: auto;
  zoom: 1;
  margin-bottom: 5px;
  font-size: 12px;
}

#hotelinfo #info_link {
  width: 600px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 5px;
  font-size: 13px;
}

#hotelinfo #info_box #title {
  font-size: 12px;
  color: #FFF;
  background-color: #F63;
  font-weight: bold;
  text-align: center;
  padding: 5px;
}

#hotelinfo #info_box #text {
  margin-top: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
}

#hotelinfo #info_box #sub_title01 {
  font-weight: bold;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
}

#hotelinfo #info_box #content {
  overflow: auto;
  zoom: 1;
  font-size: 13px;
  border: 1px solid #999;
  padding-top: 5px;
  padding-right: 5px;
  padding-left: 5px;
}

#hotelinfo #info_box #content #box_left {
  background-color: #F63;
  float: left;
  width: 150px;
  font-size: 12px;
  font-weight: bold;
  padding: 5px;
  text-align: center;
  color: #FFF;
  margin-right: 8px;
  margin-bottom: 3px;
}

#hotelinfo #info_box #content #box_right {
  float: right;
  width: auto;
  font-size: 11px;
  padding: 5px;
}

/* honoruru */

#main_com .container_12 #content #content_index #tourbar {
  width: 610px;
/*---元は600でしたが、下記.tourbarで設定を変更したため、610に変更---*/
  margin-top: 5px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: 20px;
  overflow: hidden;
  zoom: 1;
}

/*---↓↓↓↓↓　下段に編集したものを記載しました。念のためにおいてあります。2013/10/02_prage ----------
#main_com .container_12 #content #content_index #tourbar #tourbar_left {
	float: left;
	width: 295px;
	margin-bottom: 5px;
}
#main_com .container_12 #content #content_index #tourbar #tourbar_right {
	float: right;
	width: 295px;
	margin-bottom: 5px;
}
---↑↑↑↑↑　最下段に編集したものを記載しました。念のためにおいてあります。2013/10/02_prage ----------*/
.tourbar {
  float: left;
  width: 295px;
  margin: 0 10px 5px 0px;
}

/* hotel css 201203006 */

#hotel {
  overflow: auto;
  zoom: 1;
}

#hotel #hotel_left #body_hotel #body_parter {
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 5px;
}

#hotel #hotel_left #body_hotel #body_parter #hotel_01 {
  margin-right: 10px;
  margin-left: 10px;
  height: 45px;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #CCC;
  padding-bottom: 5px;
  overflow: auto;
  zoom: 1;
}

#hotel #hotel_left #body_hotel #body_parter #hotel_01 #hotel_img {
  width: 60px;
  margin-right: 10px;
  float: left;
}

#hotel #hotel_left #body_hotel #body_parter #hotel_01 #hotel_name {
  float: right;
}

#hotel #hotel_right #body_hotel #body_parter #hotel_01 #hotel_img {
  width: 60px;
  margin-right: 10px;
  float: left;
}

#hotel #hotel_right #body_hotel #body_parter #hotel_01 #hotel_name {
  float: right;
}

#hotel #hotel_right #body_hotel #body_parter #hotel_01 {
  margin-right: 10px;
  margin-left: 10px;
  height: 45px;
  padding-bottom: 5px;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #CCC;
  overflow: auto;
  zoom: 1;
}

#hotel #hotel_right #body_hotel #body_parter {
  padding-bottom: 5px;
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
}

#hotel #hotel_left {
  width: 295px;
  float: left;
  margin-bottom: 5px;
}

#hotel #hotel_right {
  float: right;
  width: 295px;
  margin-bottom: 5px;
}

#hotel #hotel_left #header_hotel {
  margin-top: 10px;
}

#hotel #hotel_left #body_hotel {
  background-color: #CCC;
  background-image: url(/img/body.jpg);
  background-repeat: repeat-y;
}

#hotel #hotel_left #footer_hotel {
}

#hotel #hotel_right #header_hotel {
  margin-top: 10px;
}

#hotel #hotel_right #ryoukin {
  margin-top: 10px;
  margin-bottom: 10px;
}

#hotel #hotel_right #body_hotel {
  background-color: #CCC;
  background-image: url(/img/body.jpg);
  background-repeat: repeat-y;
}

#hotel #hotel_right #footer_hotel {
}

#booking_form {
  width: 80px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
  padding: 5px;
  text-align: center;
  border: 2px solid #F6C;
}

#wedding {
  width: 550px;
  margin-right: auto;
  margin-left: auto;
}

/* landonly  */



#land_waku {
  width: 600px;
}

#land_waku #land_title {
  font-size: 36px;
  font-weight: bold;
  color: #03F;
  margin-top: 5px;
  margin-bottom: 5px;
}

#land_waku #land_anwser {
  font-size: 18px;
  color: #F00;
  margin-bottom: 5px;
  margin-top: 10px;
  font-weight: bold;
}

#land_waku table tr th {
  font-size: 16px;
}

#land_waku table tr td {
  font-size: 12px;
}

#land_waku table tr th table tr th {
  font-size: 16px;
}

#land_waku #land_nagare {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
}

#land_waku #land_point {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 16px;
}

#land_waku #land_nagare table tr th #land_spce {
  height: 50px;
}

/* ホノルル　ツアーページ  */



#honoruru_siryou {
  margin-left: 10px;
  margin-bottom: 20px;

}

#menu {
  width: 600px;
  margin-left: 35px;
  margin-bottom: 30px;
}

#menu #menu_item {
  margin-top: 5px;
  margin-bottom: 5px;
}

#menu #menu_title {
  font-size: 38px;
  color: #F00;
  margin-bottom: 10px;
  text-align: center;
  font-weight: bold;
  padding: 5px;
  background-color: #6FF;
}

.post-72.page.type-page.status-publish.hentry.post #hotelinfo .cauti .price1 tbody tr td {
  font-size: 18px;
}

div.money {
  vertical-align: middle;
  line-height: 400%;
  font-size: 13px;
  color: #000000;
}

.extending_stay_font {
  font-size: 13px;
  color: #3333CC;
}

/*-----------------------------------------
404
----------------------------------------*/

#notfound {
  width: 100%;
  padding-left: 30px;
  padding-top: 30px;
  padding-bottom: 200px;
}

#notfound p {
  line-height: 2em;
}

/*-----------------------------------------
company
-------------------------------------------*/
#company_summary {
  font-size: 75%;
  line-height: 2em;
  margin: 0 auto;
}

#company_summary td {
  padding-bottom: 15px;
}
/*-----------------------------------------
order
-------------------------------------------*/
.sent .form_box {
  display: none;
}

.complete_display {
  display: none;
}

.sent .complete_display {
  display: block;
}

#order_explain {
  font-size: 80%;
  line-height: 2em;
  margin: 0 0 10px 20px;
}

.form_box {
  margin-left: 20px;
}

.form_box dl {
  overflow: hidden;
}

.form_box dt {
  font-size: 75%;
  font-weight: bold;
  clear: left;
  float: left;
  width: 150px;
  height: 20px;
  line-height: 20px;
  margin-bottom: 6px;
  background-color: #ffcc00;
  border-right: solid 5px #fff;
  text-align: center;
}

.form_box dt:before {
  content: "";
}

.form_box dd {
  width: 280px;
  font-size: 85%;
  float: left;
  margin-bottom: 10px;
}

.form_box dd.tellassort {
  width: 30px;
}

.form_box dt.form_bikou {
  height: 80px;
}

.form_box dd.form_bikoudd textarea {
  font-size: 85%;
  height: 80px;
  width: 450px;
}

.form_box .form_submit_btn {
  text-align: center;
}
/*-----------------------------------------
marathon
-------------------------------------------*/
#content_index .marathon h2 {
  height: auto;
}

.mb20 {
  margin-bottom: 20px!important;
}

.mt20 {
  margin-top: 20px!important;
}

.tright {
  text-align: right!important;
}

.tcenter {
  text-align: center!important;
}

#content_index .marathon ul,#content_index .marathon li {
  margin: 0;
  padding: 0;
}

#content_index #tour_character ul {
  list-style-type: none;
}

#content_index #order ul {
  text-align: left;
  width: 500px;
  margin: 0 auto;
}

#content_index #order ul li {
  line-height: 1.5em;
  font-size: 16px;
  border: 1px solid #999;
  padding: 7px 15px;
  list-style: none;
}

.red {
  color: red;
}

.bold {
  font-weight: bold!important;
}

.underbar {
  text-decoration: underline;
}

.condition_table th,.condition_table td {
  padding: 5px 10px;
  border: 1px solid #999;
}

.condition_im_box {
  border: 1px solid #999;
  background-color: #D1E8F4;
  padding: 5px 10px;
  margin: 5px 0;
}

#content_index .page h2.tourpage {
  height: auto;
}

.marathon .bottom_text {
  font-size: 12px;
  width: 400px;
  text-align: left;
  margin: 0 auto;
}

.bottom_title {
  color: #ff3399;
}

.bottom_blue {
  color: #000099;
  font-weight: bold;
}
/*----------------追加-------------------------*/

.tour_textblock {
  padding: 20px 30px;
  font-size: 75%;
  line-height: 1.5em;
  text-align: left;
}

/*----------------メリーモナーク　鑑賞ツアー　ここから-------------------------*/
#merry_monarch p.compe {
  font-size: 16pt;
  text-align: center;
  font-weight: bold;
  margin: 10px;
}

#merry_monarch .title {
  font-size: 18pt;
  color: yellow;
  font-weight: bold;
  line-height: 24pt;
  background: #000;
  text-align: center;
}

#merry_monarch .senkou_yoyalu {
  font-size: 18pt;
  color: red;
  font-weight: bold;
  text-align: center;
  border: 1px solid #3399CC;
  margin: 15px auto 0px;
  padding: 5px;
  width: 300px;
}

#merry_monarch .ohayameni {
  font-size: 17pt;
  color: #fff;
  font-weight: bold;
  text-align: center;
  margin: 10px auto 5px;
  padding: 10px;
  background: red;
}

#merry_monarch .ohayameni span {
  font-size: 12pt;
}

#merry_monarch .text {
  margin: 20px;
  text-align: left;
  font-weight: bold;
  font-size: 12pt;
  line-height: 18pt;
}

#merry_monarch .text span {
  padding: 5px;
  font-size: 15pt;
  color: red;
  border: 1px solid #3399cc;
  line-height: 28pt;
}

#merry_monarch span.y {
  background: #FFFF00;
  line-height: 28pt;
  padding: 5px;
  font-size: 12pt;
  color: #000;
}

#merry_monarch span.border {
  border: 1px solid #3399cc;
  padding: 5px;
  font-size: 12pt;
  margin: 0 5px;
}

	/*日程表ｃｓｓ*/



#merry_monarch table.price {
  width: 670px;
}

#merry_monarch table.price td {
  vertical-align: top;
  text-aline: left;
  padding: 5px;
}

#merry_monarch .bg_w {
  background: #fff;
}

#merry_monarch .bg_b {
  background: #CCFFFF;
}

#merry_monarch .bg_v {
  background: #FFCCFF;
}

#merry_monarch .bg_y {
  background: #FFFFCC;
}

	/*日程表ｃｓｓ*/

#merry_monarch h2 {
  height: auto;
}


/*----------------メリーモナーク　鑑賞ツアー　ここまで-------------------------*/

/*-------------20131112 privacy------------------*/
.privacy_h1 {
  font-size: 14px;
  margin: 5px 0;
}
/*-------------20131112 privacy　ここまで------------------*/

/*----------------ダラーレンタカー・ここから-------------------------*/

#dollar_rent .title {
  color: #FF3399;
  font-size: 16px;
  top;text-aline: left;
  padding: 20px 0 5px;
  font-weight: bold;
}

table#dollar_plan {
  width: 630px;
  border-collapse: collapse;
  font-size: 14px;
  margin: 5px 0;
}

table#dollar_plan th {
  font-weight: bold;
  background: #fbdd97;
  border: #CC9933 1px solid;
  text-align: left;
  padding: 3px 5px;
}

table#dollar_plan td {
  background: #fff;
  border: #CC9933 1px solid;
  text-align: center;
  padding: 3px 5px;
}

table.guide {
  margin: 5px 0;
  width: 630px;
  font-size: 14px;
}

table.guide td {
  width: 250px;
  padding: 0px 0 5px;
}

table.guide a:link {
  color: #000066;
  font-weight: bold;
}

table.guide a:visited {
  color: #000066;
  font-weight: bold;
}

table.guide a:hover {
  color: #7d7d7d;
  font-weight: bold;
}

table.guide a:active {
  color: #000066;
  font-weight: bold;
}

table.one_week {
  margin: 5px 0 60px;
  width: 630px;
  font-size: 14px;
}

table.one_week th {
  text_align: center;
  background: #fbdd97;
  font-weight: bold;
  border: #CC9933 1px solid;
  padding: 5px;
}

table.one_week td {
  text_align: left;
  background: #fff;
  border: #CC9933 1px solid;
  padding: 5px;
}

/*----------------ダラーレンタカー・ここまで-------------------------*/
.top_bannerbox {
  margin: 5px auto 10px 10px;
}
/*----------------ホノルルマラソン2013　参加者の声-------------------------*/
.fs20 {
  font-size: 20px!important;
}

.honoruru_voice {
  width: 600px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.5;
}

#content_index .honoruru_voice h2 {
  height: auto;
}

.honoruru_voice .box1 {
  border: 7px solid #ffcc00;
  padding: 10px;
}

.font_red {
  color: #F00;
}

#content_index .rank {
  border: 3px solid #ffcc00;
  padding: 5px 20px;
  border-radius: 10px;
  list-style: none;
  margin: 0;
}

.rank li {
  border-bottom: 1px dotted #aaa;
  padding: 5px 0;
}

.rank li.last {
  border-bottom: none;
}

.honoruru_voice dl.list {
  border: 1px solid #ccc;
  padding: 5px;
  font-size: 12px;
  background-color: #efefef;
}

.honoruru_voice dl.list dt {
  padding: 0 5px;
  font-weight: bold;
}

.honoruru_voice dl.list dd {
  padding-left: 10px;
}

.honoruru_voice dl.voice {
  border: 1px solid #ccc;
  padding: 5px 10px;
  margin-bottom: 20px;
  font-size: 12px;
}

.honoruru_voice dl.voice dt {
  background-color: #ffcc00;
  border-bottom: 1px solid #ccc;
  border-right: 2px solid #ccc;
  padding: 2px 5px;
  padding-left: 10px;
  margin-bottom: 5px;
  font-weight: bold;
}

#content_index .honoruru_voice dl.voice dt:before {
  content: none;
}

.honoruru_voice dl.voice dd {
  border-bottom: 2px dotted #aaa;
  padding: 5px;
}

.honoruru_voice dl.voice dd.last {
  border-bottom: none;
}

/*----------------サイドバー　バナー設置20131224------------------------*/

#side_banner {
  text-align: right;
  margin: 0;
  padding: 0;
}

#side_banner li {
  padding: 0;
  margin-bottom: 10px;
}
/*----------------2014フラ・ホオラウナ20140128------------------------*/

#hula_hoolauna table {
  border-collapse: collapse;
  border: 1px solid #666;
}

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

.taC {text-align: center!important;}
.taR {text-align: right!important;}
.taL {text-align: left!important;}

.mt10 {margin-top: 10px!important;}
.mt20 {margin-top: 20px!important;}
.mt30 {margin-top: 30px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb30 {margin-bottom: 30px!important;}
.ml5 {margin-left: 5px!important;}
.ml10 {margin-left: 10px!important;}
.ml20 {margin-left: 20px!important;}
.ml30 {margin-left: 30px!important;}
.mr10 {margin-right: 10px!important;}
.mr20 {margin-right: 20px!important;}
.mr30 {margin-right: 30px!important;}
.m0_auto {margin: 0 auto!important;}

.fz12 {font-size: 12px!important;}
.fz14 {font-size: 14px!important;}
.fz16 {font-size: 16px!important;}
.fz18 {font-size: 18px!important;}
.fz20 {font-size: 20px!important;}

.fwB {font-weight: bold!important;}
.fwN {font-weight: normal!important;}

.lh15 {line-height: 1.5em;}

.txt_under {
  text-decoration: underline;
}

#hula_hoolauna .point {
  padding: 5px 10px;
  margin-bottom: 10px;
}

#hula_hoolauna .point dt {
  font-weight: bold;
  background-color: #e47f77;
  padding: 5px 10px;
  margin-bottom: 5px;
  box-shadow: inset 0px 0px 1px rgba(255,255,255,1);
  border: 1px solid #a63c46;
  border-radius: 5px;
  color: #000;
}

#hula_hoolauna .point dd {
  border-bottom: 1px dotted #999;
  padding: 5px 10px;
}

#hula_hoolauna .point dd.last {
  border: none;
}

#content_index h2.tour_title {
  background-color: #a63c46;
  font-weight: bold;
  color: #fff;
  padding: 10px 20px;
  border: 1px solid #C00;
  background: -moz-linear-gradient(top,#a63c46 0%,	#e64135);
  background: -webkit-gradient(linear, left top, left bottom,	from(#a63c46),to(#e64135));
  -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),

		inset 0px 0px 7px rgba(255,255,255,1);
  -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),

		inset 0px 0px 7px rgba(255,255,255,1);
  box-shadow: 0px 1px 3px rgba(000,000,000,0.5),

		inset 0px 0px 7px rgba(255,255,255,1);
}

#hula_hoolauna .title {
  background-color: #333;
  color: #fff;
  padding: 3px 10px;
}

#hula_hoolauna table {
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}

#hula_hoolauna table th,#hula_hoolauna table td {
  border-bottom: 1px solid #666;
  border-right: 1px solid #666;
  padding: 3px;
}

#hula_hoolauna table th {
  font-weight: normal;
  text-align: left;
}

#hula_hoolauna .info_box {
  border: 1px #000000 solid;
  margin-bottom: 10px;
  padding: 5px;
}

#hula_hoolauna .info_box ul {
  padding-left: 20px;
}

#hula_hoolauna .info_box li {
  list-style: disc;
  line-height: 1.8;
}

#hula_hoolauna .schedule th, #hula_hoolauna .schedule td {
  font-size: 12px;
}

#hula_hoolauna .schedule th {
  background-color: #e47f77;
}

#hula_hoolauna .schedule .time_line {
  background-color: #ccc;
  font-size: 10px;
}

#hula_hoolauna .schedule .bb_dot {
  border-bottom: 1px dotted #999;
}

#hula_hoolauna .schedule .even td {
  background-color: #ffe6e4;
}

#hula_hoolauna .schedule .min {
  font-size: 12px;
  display: block;
  text-align: right;
}

#hula_hoolauna .course th,#hula_hoolauna .course td {
  font-weight: bold;
  padding: 10px;
}


#hula_hoolauna .course_a td {
  background-color: #ffe5e2;
}

#hula_hoolauna .course_b td {
  background-color: #f4faff;
}

#hula_hoolauna .method th,#hula_hoolauna .method td {
  font-weight: normal;
  padding: 10px;
}

.none .border {
  border: 0;
}

.tour_info {
  margin-left: 130px;
}

.fzS {
  font-size: 12px;
}

.harf_box {
  width: 48%;
}

/*------------prince fura-------------*/

#prince {
  width: 600px;
  margin: 0 auto;
}

#prince .point {
  padding: 5px 10px;
  margin-bottom: 10px;
}

#prince .point dt {
  font-weight: bold;
  background-color: #e47f77;
  padding: 5px 10px;
  margin-bottom: 5px;
  box-shadow: inset 0px 0px 1px rgba(255,255,255,1);
  border: 1px solid #a63c46;
  border-radius: 5px;
  color: #000;
}

#prince .point dd {
  border-bottom: 1px dotted #999;
  padding: 5px 10px;
}

#prince .point dd.last {
  border: none;
}

#content_index #prince .prince_tour_title {
  background-color: #a63c46;
  font-weight: bold;
  color: #fff;
  padding: 10px;
  border: 3px solid #fff;
  background-color: #f26a98;
  background: -moz-linear-gradient(top,	#f0ccec 0%,#f26a98);
  background: -webkit-gradient(linear, left top, left bottom,from(#f0ccec),to(#f26a98));
  width: 40%;
  margin: 0 auto;
}

#prince .title {
  background-color: #FFCF87;
  color: #000;
  padding: 3px 10px;
}

#prince table {
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}

#prince table th,#prince table td {
  border-bottom: 1px solid #666;
  border-right: 1px solid #666;
  padding: 3px;
}

#prince table th {
  font-weight: normal;
  text-align: left;
}

#prince .info_box {
  border: 1px #000000 solid;
  margin-bottom: 10px;
  padding: 5px;
}

#prince .info_box ul {
  padding-left: 20px;
}

#prince .info_box li {
  list-style: none;
  line-height: 1.8;
}

#prince .schedule th, #prince .schedule td {
  font-size: 12px;
}

#prince .schedule th {
  background-color: #e47f77;
}

#prince .schedule .time_line {
  background-color: #ccc;
  font-size: 10px;
}

#prince .schedule .bb_dot {
  border-bottom: 1px dotted #999;
}

#prince .schedule .even td {
  background-color: #ffe6e4;
}

#prince .schedule .min {
  font-size: 12px;
  display: block;
  text-align: right;
}

#content_index .ribon_info_pink {
  background: #E01C87;
  color: #fff;
  font-weight: bold;
  padding: 15px 10px;
}

#prince .table_p10 td,#prince .table_p10 th {
  padding: 10px 3px;
}

#prince .table_p10 .course_a th,#prince .table_p10 .course_a td {
  background: #ade8f1;
  padding: 15px 3px;
}

#prince .table_p10 .course_b th,#prince .table_p10 .course_b td {
  background: #f4b8c7;
  padding: 15px 3px;
}

.tit_orange {
  background: #ffcf87;
 /* Old browsers */
  background: -moz-linear-gradient(left,  #ffcf87 0%, #ffa928 100%);
 /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffcf87), color-stop(100%,#ffa928));
 /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  #ffcf87 0%,#ffa928 100%);
 /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  #ffcf87 0%,#ffa928 100%);
 /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  #ffcf87 0%,#ffa928 100%);
 /* IE10+ */
  background: linear-gradient(to right,  #ffcf87 0%,#ffa928 100%);
 /* W3C */
  line-height: 47px;
  padding-left: 20px!important;
  font-size: 20px;
  margin-bottom: 20px;
  border-bottom: 2px solid #ccc;
  border-radius: 10px;
}

.hula_journey_voice p {
  font-size: 14px;
  line-height: 1.8;
}

.voice_message {
  font-size: 14px;
  padding: 15px;
  background-color: #fff;
  border: 2px solid #eee;
  box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.3);
}

.voice_message dt {
  margin-bottom: 15px;
  background-color: #ff8bd2;
  color: #fff;
  padding: 10px;
}

.voice_message dd {
  padding: 10px;
  margin-bottom: 20px;
}

.voice_message dd {
  line-height: 1.8;
}
/*------------------------------------------------style2---------------------------------------*/
#hotelinfo  div.cauti {
  width: 600px;
  margin: 5px auto;
  font-size: 90%;
}

#hotelinfo  div.cauti_01 {
  width: 600px;
  margin: 5px auto;
  font-size: 90%;
  text-align: right;
}

#hotelinfo  div.cauti_title {
  width: 600px;
  font-size: 18px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  margin-top: 5px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
}

#hotelinfo .front1 {
  float: left;
  width: 170px;
}

#hotelinfo .front2 {
  float: left;
  width: 300px;
}

#hotelinfo .cl {
  clear: both;
}

/*price1*/
#hotelinfo .price1 {
  clear: both;
  width: 600px;
  border-left: 1px solid #6699ff;
  border-top: 1px solid #6699ff;
  border-bottom: 1px solid #6699ff;
  margin-right: auto;
  margin-left: auto;
}

#hotelinfo .price1 th {
  font-size: 95%;
  padding: 5px 0;
  background-color: #F1FBFF;
  border: 1px solid #6699ff;
}

#hotelinfo .price1 td {
  font-size: 85%;
  text-align: center;
  padding: 5px 0;
  border: 1px solid #6699ff;
}
/*price1*/

/*price2*/
#hotelinfo .price2 {
  clear: both;
  width: 600px;
  border-left: 1px solid #FF0B84;
  border-top: 1px solid #FF0B84;
  border-bottom: 1px solid #FF0B84;
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  color: #F36;
}

#hotelinfo .price2 th {
  border-right: 1px solid #FF0B84;
  border-bottom: 1px dotted #FF0B84;
  font-size: 95%;
  padding: 5px 0;
  background-color: #FFE4E4;
}

#hotelinfo .price2 td {
  border-right: 1px solid #FF0B84;
  border-bottom: 1px dotted #FF0B84;
  font-size: 85%;
  text-align: center;
  padding: 5px 0;
}
/*price2*/

/*price3*/

#hotelinfo .price3 {
  clear: both;
  width: 600px;
  margin: 10px auto;
  border-left: 1px solid #FF0B84;
  border-top: 1px solid #FF0B84;
  border-bottom: 1px solid #FF0B84;
}

#hotelinfo .price3 th {
  font-size: 13px;
  padding: 5px 0;
  background-color: #FFCCFF;
  color: #CC3366;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: dotted;
  border-left-style: solid;
  border-top-color: #FF66FF;
  border-right-color: #FF66FF;
  border-bottom-color: #FF66FF;
  border-left-color: #FF66FF;
}

#hotelinfo .price3 td {
  font-size: 13px;
  text-align: center;
  padding: 5px 0;
  color: #000000;
  border: 1px solid #FF66FF;
}

/*price3*/
#hotelinfo .post {
  margin: 5px;
  font-size: 80%;
}


/*----------------20140303------------------------*/

.tb01{
	width:600px;
	margin:0 auto 10px;
	border-spacing: 1px;
	background-color:#000;
	border-collapse:none !important;
	font-size:14px;
}
.tb01 th,td{
	background: none repeat scroll 0 0 #FFFFFF;
	border-collapse: separate !important;
	border-spacing: 1px !important;
	padding: 7px 10px;
}

/*----------------シャイニング動画館からのcss------------------------*/


#movieH1{
	text-align:center;
	margin-bottom:20px;
}
#moviestudio{
	width:670px;
	margin:0 auto;
}
#moviestudio .floatbox{
	text-align:center;
	width:315px;
	border: thin solid #999;
	float:left;
	margin:0 5px 20px 10px;
	padding-top:20px;
	background-color:#fff;
	font-family:MS PGothic;
}
#moviestudio .floatbox img{
	margin-left:5px;
}
#moviestudio .floatbox ul{
	text-align:left;
	margin:10px 15px;
	padding:0;
}
#moviestudio .floatbox li{
	list-style:none;
	line-height:1.4em;
}
.h300{
	height:300px;
}
.center{
	text-align:center;
}
#top_back{
	margin:20px 0;
	text-align:right;
}


/*----------------ホノルルマラソンツアーのcss　20140618------------------------*/

.menuBox{
	margin: 30px auto 40px;
	font-weight: bold;
	width: 370px;
	background-color: #FFFACD;
	padding: 20px 80px 20px 60px;
	border: 7px solid #eb264b;
}
.menuBox .menu{
	font-size:38px;
	text-align:center;
	margin: 0 0 12px !important;
	color:#0000ff;
}
.menuBox .in{
	font-size:38px;
	width: 140px;
	text-align:center;
	color:#FF69B4;
}
.menuBox ul li{
	list-style:none;
	line-height: 22px;
	font-size: 18px;
	color:#eb264b;
}
.menuBox ul li a{
	text-decoration: underline;
	color:#0050B6;
}
.menuBox ul li a:hover{
	color:#f00;
}
.honoluluBox01{
	width:590px;
	background-color:#083388;
	border-collapse:separate;
  border-spacing:3px;
	font-weight:bold;
	margin:20px 40px;
}
.honoluluBox01 th{
	font-size:28px;
	color:#FFFFFF;
	line-height:40px;
}
.honoluluBox01 td{
	font-size:16px;
	background-color:#e5ebf7;
	padding:10px 20px;
	line-height:24px;
}
.honoluluBox01 td a{
	color:#0000FF;
	text-decoration:underline;
}
.honoluluBox01 td a:hover{
	color:#FF0000!important;
}

a:hover img{
  opacity: 0.7;
  -moz-opacity: 0.7;
  filter: alpha(opacity=70);
}
.header .logoh a:hover img{
	opacity:1;
  filter: alpha(opacity=100);
}
#topslide{overflow:hidden;}

.bbp-pagination{float:none!important; width:auto!important;}

.form_close{
font-weight: bold;
text-align: center;
background: #efefef;
padding: 20px;
border: 1px solid #999;
}
/*----------------ツアーフォーム　20150127------------------------*/
#content_index .tourform{font-size:12px; line-height:1.3;}
#content_index .tourform h2{text-align: center;background: #fcf;padding: 10px;line-height: 1em;height: 1em;margin-bottom: 15px;color: #333;}
.tourform table{width:100%; border-top:1px solid #999; border-left:1px solid #999;}
.tourform table th, .tourform table td{font-size:12px; border-bottom:1px solid #999;border-right:1px solid #999; padding:7px;}
.tourform table th{background:#b2d8ed;font-weight:normal;}
.tourform table td {line-height:1em;}
.tourform table td input,.tourform table td select{font-size:12px;}
.tourform table p{margin-bottom:0;}
.tourform .infobox{line-height:1.2em; padding:5px; margin-top:5px;}
.tourform .radiobox label{ margin-right:15px; display: inline-block;}
.tourform .radiobox2 { margin-bottom: 5px; }
.tourform .radiobox2 label { margin-right:15px; display: block; line-height: 1;}
.privacy_box{border: 1px solid #999;padding: 10px;background: #efefef;	}
.furikomi_box{border: 1px solid #666;margin: 10px 20px;padding: 10px;font-size: 16px;font-weight: bold;line-height: 1.5;}
.submit_btn input{padding: 10px 30px;background: none repeat scroll 0% 0% #fcf;border: 2px solid #999;border-radius: 8px;cursor: pointer; font-size:16px; margin-bottom: 1em;}
.back_btn input,
.back_top_btn a{margin-right:20px;padding: 10px 30px;background:#ccc;border: 2px solid #999;border-radius: 8px;cursor: pointer;font-size: 16px;}
.back_top_btn a{color:#000;display:inline-block;margin-right:0;}
.opabtn:hover{opacity:0.8;}
.tourform .required{color: #F56363;border: 1px solid #F56363; padding: 2px;font-size: 10px; margin: 5px;}
.mw_wp_form .error {background: #FFD4FD;padding: 5px;}
.mw_wp_form_confirm .required{display:none;}
.tourform .mw_wp_form_confirm .infobox{display:none;}
.tourform .mw_wp_form_confirm td{line-height:1.2em}
#siryou.tourform table th{background:#c5f1d5;font-weight:normal;}
#order.tourform table th {background:#ffcc00;}
.close_information{font-size: 18px;font-weight: bold;margin-top: 100px;text-align: center;}
/*----------------ツアーフォーム/確認画面 表示/非表示　20150401------------------------*/
#content_index .tourform .mw_wp_form_confirm .view-form{display:none;}
#content_index .tourform .view-confirm{display:none;}
#content_index .tourform .mw_wp_form_confirm .view-confirm{display:block;}

/*----------------新着情報　20150213------------------------*/
.h2Basic {position:relative;}
.h2Basic h2{background:#98CEFB;padding: 10px; font-size: 18px; margin: 10px 0;}
.h2Basic .topicslist_link{position: absolute;top: 10px;right: 20px;}
.h3Basic h3{padding: 10px;color:#555;line-height: 1.3em; border-bottom: 2px solid #98CEFB;}
.single_date{text-align: right;padding: 5px 10px;border-bottom: 1px dotted #CCC; color:#555;}
.post_text{margin:20px 10px; min-height:400px;}
.post_text img{max-width:100%;}

#prev_next {border-top: 1px dotted #999;margin-top: 50px;padding-top: 20px;}
#prev_next .prev{float: left;width: 45%;text-align:left;}
#prev_next .next{float:right; width:45%; text-align:right;}

.post_text .lists{border-top:1px dotted #999; padding:20px 10px;}
.post_text .lists h3{width:85%; float:left;}
.post_text .lists .date{width:12%; float:right;}

#archivepage #prev_next{border-top:1px dotted #999; padding:20px 10px;}

.topics_box {margin-bottom:20px;}
.topics_box dl{ border-bottom:1px dotted #999; padding:10px 20px; font-size:14px; }
.topics_box dt{ width : 130px; float : left; clear : both;}
.topics_box dd{  margin-left:110px;}

.topics_box .titlebox{position:relative;}
.topics_box .titlebox .news_list_link{position: absolute;top: 15px;right: 40px;font-size: 12px;border: 2px solid #ccc;padding: 5px 10px;
background: #fff;}

.topics_box .inner{width:600px; border:1px solid #ccc; padding:20px;}

/*--トップ調整--*/
#bigbanner_wrapper{height: 320px;}

/*--告知バナー用--*/
.kokuchi_big{
  width: 660px;
  margin: 0 0 0 5px!important;
}
/*----------------------*/
#topslide_wrap .bx-wrapper{width:930px; margin:0 auto;}
#topslide_wrap .bx-viewport{box-shadow:none ;border:0; left:0;}
#topslide_wrap #topslider{font-size:0;}
#content_index .bx-wrapper{width: 600px;height: 276px; margin:0 0 0  20px!important;}
#content_index .bx-wrapper .bx-viewport{	height: 276px!important; box-shadow: none;	}
#minslider_wrapper, .minslider_wrapper{width:200px; margin:0 auto;}
#minslider_wrapper .bx-viewport, .minslider_wrapper .bx-viewport{box-shadow:none; border:0; left:0;}
#minslider, .minslider{/*width:200px!important; margin:0 auto;*/}

.minslider_2024_honoruru .bx-wrapper .bx-controls {
    margin-top: 80px;
}
.minslider_2024_honoruru .bx-wrapper .bx-controls .bx-pager {
    top: 100px;
}
.minslider_2024_honoruru .bx-wrapper .bx-controls .bx-pager .bx-pager-item {
    margin: 2px;
}
.minslider_2024_honoruru .bx-wrapper .bx-pager.bx-default-pager a {
    margin: 0 2px;
}

/*--赤字--*/
.txt_red-01{color:#cc0000;}

/*--151009勧誘方針--*/
.kanyu-title{
text-align: center;
font-size: 20px;
height: auto!important;
}
.kanyu-box{
margin-top:20px;
}
.kanyu-box h3{
margin-bottom:10px;
}
.kanyu-box ul{
list-style:none;
margin-left:0;
}
.kanyu-box ul li{
padding-left:1em;
text-indent:-1em;
}

/*--160121グアムインターナショナルマラソンカウントダウンバナー--*/
#counddownbr { margin-bottom: 10px; width: 220px; height: 260px; position: relative; margin-left: 10px; }
#timer2 {
	font-family: Meiryo, メイリオ, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	font-size:30px;
	font-weight: bold;
	position: absolute;
	bottom: 18px;
	right: 30px;
	color: #a11f12;
	line-height: 0;
}
.yycountdown-box .yyc-hou{
  display: none;
}
.yycountdown-box .yyc-min{
  display: none;
}
.yycountdown-box .yyc-sec{
  display: none;
}

.condtable { border: solid 1px #000000; border-collapse: collapse; margin: 20px 0; }
.condtable td, .condtable th { padding: 10px; border: solid 1px #000000; border-collapse: collapse; }


/*-- フルマラソン攻略術 --*/
#tayh2 {
	font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
	clear: both;
	margin: 30px 20px 0 20px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fac70c), color-stop(0.00, #f4da76));
	background: -webkit-linear-gradient(#f4da76, #fac70c);
	background: -moz-linear-gradient(#f4da76, #fac70c);
	background: -o-linear-gradient(#f4da76, #fac70c);
	background: -ms-linear-gradient(#f4da76, #fac70c);
	background: linear-gradient(#f4da76, #fac70c);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#tayh2 h2 { height: 80px; }

#teamafteryou {
	font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
	border: 2px solid #fac70c;
	padding: 20px;
	clear: both;
	margin: 0 20px 30px 20px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;

}

.frametext { font-weight:bold; padding:5px; border:1px solid #000; width:150px;}
.frametext2 { font-weight:bold; padding:5px; border:1px solid #000; font-size: 15px; width:100px; }
.frametext3 { font-weight:bold; padding:5px; border:1px solid #000; font-size: 13px; }
.airlinescheck span {
	display:block;
}
.airlinescheck span:last-child {
	display:inline;
}

/*-- 学割オンライン --*/
.webfont { font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif; }
.gakuwarititle { margin-top: 20px; }
.pdes { text-align:center; margin:30px auto; }
.gakuwaritour { font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif; margin: 0 35px 0 35px; }
.gakuwaritour h3 { border-left: 5px solid #24b7cd; font-size: 20px; margin: 20px 0; font-weight: normal; padding-left: 15px; }
.gakuwaritour dl { display: table; margin-bottom: 2px; }
.gakuwaritour dt, .gakuwaritour dd  { display: table-cell; font-size: 15px; }
.gakuwaritour dt { border-radius: 5px; background-color: #24b7cd; padding: 2px 5px; color: #fff; font-weight: bold; }
.gakuwaritour dd { padding-left: 10px; }
.gakuwaritour p { margin: 15px 0; font-size: 15px; line-height: 1.7; }
.gakuwaritour div { background-color: #efefef; text-align: right; padding: 20px; }
.gakuwaritour div strong { font-size: 18px; color: #fe0000; }
.gakuwaritour div span { font-size: 13px; display: block; }
.mb50 { margin-bottom: 50px; }
.mb30 { margin-bottom: 30px; }
.toplink { display: block; }
.bottombtn { margin: 30px auto; background-color: #2d65bb; display: table; padding: 10px; }
.bottombtn a { display: table-cell; }
.bottombtn a:first-child { padding-right: 10px; }

/*-- 資料請求　ホノルルマラソン用 --*/
.honolulu span:first-child { display: block; background: url(images/honolulu_text.png) bottom left no-repeat; padding-bottom: 16px; }


a.btn_ao_b {
  display: flex;
  align-items: center;
  max-width: 500px;
  margin: 0 auto;
  padding: 1.3rem 2rem;
  border: 2px solid #014897;
  background: #fff;
  text-decoration: none;
  transition: 0.3s;
}
a.btn_ao_b:hover {
  background-color: #e9f3fd;
}
a.btn_ao_b .b__text {
  display: block;
  flex-grow: 1;
  color: #004386;
  font-weight: bold;
  text-align: center;
  position: relative;
  padding-right: 15px;
  font-size: 23px;
}
a.btn_ao_b .b__text::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  transform: rotate(45deg);
  border-top: 3px solid #014897;
  border-right: 3px solid #014897;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  transition: 0.3s;
}
@media (max-width: 1200px) {
  a.btn_ao_b .b__text {
    font-size: 18px;
    padding-right: 20px;
  }
  a.btn_ao_b .b__text::after {
    width: 12px;
    height: 12px;
  }
}
@media (max-width: 736px) {
  a.btn_ao_b .b__text {
    font-size: 14px;
    padding-right: 20px;
  }
  a.btn_ao_b .b__text::after {
    width: 10px;
    height: 10px;
  }
}

.closed { background-color: #aec9d5!important; }