@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      basic_style.css
 Style Info:     基本のスタイル
----------------------------------------------------------- */


/*
	基本リンクカラー
----------------------------------------------------*/

a:link {
    color: #1b47ff;
    text-decoration: none;
}
a:visited {
    color: #9720c9;
	text-decoration: none;
}
a:hover {
    color: #ff7d00;
	text-decoration: none;
}

/*
	パンくず用リンクカラー
----------------------------------------------------*/

a.bread:link {
	color: #1b47ff;
	text-decoration: none  !important;
}
a.bread:visited {
	color: #9720c9;
	text-decoration: none  !important;
}
a.bread:hover {
	color: #ff7d00;
	text-decoration: none  !important;
}

/*
 テキストのスタイル[
----------------------------------------------------------- */
/*基本*/

.tx_basic {
    color: #333;
	font-size: 75%;
	line-height: 1.6em;
}

/**/


/*注意書き1*/

.caution {
	font-size: 65%;
	line-height: 1.3em;
	color: #FF0000;
}

/**/

/*140%_22px*/

.tx22_333 {
	color: #333;
	font-size: 140%;
	line-height: 1.3em;
}

.tx22_333b {
	color: #333;
	font-size: 140%;
	font-weight: bold;
	line-height: 1.3em;
}

/**/

/*112.5%_18px*/

.tx18_333 {
    color: #333;
	font-size: 112.5%;
}

.tx18_333b {
	    color: #333;
	font-size: 112.5%;
	font-weight: bold;
}

/**/


/*100%_16px*/

.tx16_333 {
    color: #333;
	font-size: 100%;
}

.tx16_333b {
    color: #333;
	font-size: 100%;
	font-weight: bold;
}

/**/


/*87.5%_14px*/
.tx14_333 {
    color: #333;
	font-size: 87.5%;
}

.tx14_333b {
    color: #333;
	font-size: 87.5%;
	font-weight: bold;
}

/**/

/*75%_12px*/

.tx12_333 {
    color: #333;
	font-size: 75%;
}

.tx12_333b {
    color: #333;
	font-size: 75%;
	font-weight: bold;
}

.tx12_f00 {
    color: #f00;
	font-size: 75%;
}

.tx12_f00b {
    color: #f00;
	font-size: 75%;
	font-weight: bold;
}

/**/


/*68.8%_11px*/

.tx11_333 {
    color: #333;
	font-size: 68.8%;
}

.tx11_333b {
    color: #333;
	font-size: 68.8%;
	font-weight: bold;
}

/**/


/*63%_10px*/

.tx10_333 {
    color: #333;
	font-size: 63%;
}

.tx10_333b {
    color: #333;
	font-size: 63%;
	font-weight: bold;
}

.tx10_f00 {
    color: #f00;
	font-size: 63%;
}

.tx10_f00b {
    color: #f00;
	font-size: 63%;
	font-weight: bold;
}


/**/


/*
 よく使うスタイル[
----------------------------------------------------------- */

.fleft {
    float: left;
}

.clear {
    clear: both;
}


.clear_f:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear_f {
	display: inline-table;
	zoom: 1;
}
/* Hides from IE-mac \*/
* html .clear_f {
	height: 1%;
}
.clear_f {
	display: block;
}
/* End hide from IE-mac */


.vtop {
    vertical-align: top;
}

.vmiddle {
    vertical-align: middle;
}

.vbottom {
    vertical-align: bottom;
}

.textleft {
    text-align: left;
}

.textcenter {
    text-align: center;
}
.textright {
    text-align: right;
}

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

.underline {
    text-decoration: underline !important; 
}


/*
 アイコン+テキスト[
----------------------------------------------------------- */

/*TOPに戻る系のスタイル*/

.totop {
	font-size: 75%;
	color: #666666;
	text-align: left;
	min-height:12px;
	height: auto !important;
	height: 12px;
	width: 740px;
}

.totop_a {
	text-decoration: underline !important;
	background: url(../images/totop_icon001.gif) no-repeat left top;
	padding-left: 13px;
}

.ken_totop {
	text-decoration: underline !important;
	background: url(../images/totop_icon002.gif) no-repeat left top;
	padding-left: 13px;
}

.to_pagetop {
	font-size: 65%;
	color: #666666;
	width: 740px;
	text-align: right;
	min-height:10px;
	height: auto !important;
	height: 10px;
}

.to_pagetop_a {
    text-align: left;
	padding-left: 12px;
	background: url(../images/totop_icon003.gif) no-repeat left top;
}

/*totop マージン追加*/

.totop_margin {
    padding-top: 8px;
}


/*ページ内リンクスタイル*/

.internal_link {
	width: 720px;
	text-align: left;
	font-size: 12px;
}

.internal_link li {
	display: inline;
}

.internal_link li a {
	background: url(../images/internallink_icon001.gif) no-repeat left top;
	padding-left: 13px;
	text-decoration: underline !important;
}

/**/

/*
 追加[
----------------------------------------------------------- */

/*写真に枠線*/
a.phtm {
	display: block;
	background-color: #ffffff;
	text-align: center;
}
/*マウスオーバーで写真動く*/
a.phtm:link { color: #303030; text-decoration:underline;}
a.phtm:visited { color: #303030; text-decoration:underline;}
a.phtm:hover {position: relative; top: 1px; left:1px;}

/*リンクに下線*/
a:link { color: #1b47ff; text-decoration: underline !important;}
a:visited { color: #9720c9; text-decoration: underline !important;}
a:hover { color: #ff7d00; text-decoration: underline !important;}



/*左側エリア*/
div#main {
	padding: 30px 0px 0px 0px;
	width: 740px;
	float: left;
}

/*右側エリア*/
div#side_content {
	width: 180px;
	float: right;
}

/*ポップアップ画面*/
div#popup-main {
	padding: 30px 0px 0px 0px;
	width: 630px;
}

/*ブロック毎のタイトル*/
.block-title {
	margin: 30px 0px 10px 0px;
	padding: 0px;
	font-size: 100%;
	line-height: 1.4em;
}

.block-title img.icon {
	margin: -5px 0px 0px 0px;
	padding: 0px 7px 0px 0px;
	vertical-align: middle;
	z-index: 999;
}

.block-title span.block-title-area {
	color: #666666;
	font-size: 75%;
	font-weight: normal;
	line-height: 1.2em;
}

/*オレンジ矢印付リンク*/
.link-arrow {
	background: url(/ou/images/icon_arrow_org.gif) no-repeat 0px 2px;
	padding-left: 9px;
	text-decoration: underline !important;
	color: #1B47FF;
	font-size: 75%;
	font-weight: bold;
	line-height: 1.2em;
}

/*検索結果一覧のヘッダ、フッタ*/
.list-volume {
	margin: 5px 0px 0px 0px;
	float: left;
	color: #333333;
	font-size: 75%;
	font-weight: bold;
}

.list-navi-top {
	margin: 11px 0px 5px 0px;
	float: right;
	color: #666666;
	font-size: 70%;
	line-height: 1.2em;
}

.volume-number {
	color: #339900;
	font-size: 160%;
	font-weight: bold;
}

.list-navi-bottom {
	padding: 5px 0px 0px 0px;
	border-top: #999999 1px solid;
	color: #666666;
	text-align: right;
	font-size: 70%;
	line-height: 1.2em;
}

/*ページ上部へ*/
.to-top {
	margin: 30px 0px;
	text-align: right;
	font-size: 70%;
	line-height: 1.2em;
}

/*右側エリア*/
div#side-content {
	padding: 30px 0px 0px 0px;
	width: 180px;
	float: right;
}

div#side-content .banner {
	margin: 0px 0px 10px 0px;
	font-size: 70%;
	line-height: 1.4em;
	text-align: center;
}

div#side-content .banner img {
	margin: 0px 0px 3px 0px;
	vertical-align: top;
}

div#side-content div#sideSearchPanel {
	margin: 0px 0px 20px 0px;
	padding: 10px;
	background: url(/ou/images/searchpanel_bg.gif) repeat-x left top;
	border: #CCCCCC 1px solid;
}

div#side-content div#sideSearchPanel p.caption {
	margin: 0px 0px 5px 0px;
	text-align: left;
}

div#side-content div#sideSearchPanel input#keywordResearch,
div#side-content div#sideSearchPanel input#research {
	cursor: pointer;
}



/*キーワード検索*/
div#side-content div#sideSearchPanel div#keywordSearch {
	padding: 0px 0px 13px 0px;
	width: 158px;
	background: url(/ou/images/searchpanel_line.gif) repeat-x center bottom;
	text-align: center;
}

div#side-content div#sideSearchPanel div#keywordSearch p.caption {
	margin: 0px 0px 7px 0px;
	text-align: left;
}

div#side-content div#sideSearchPanel div#keywordSearch ul li {
	display: inline;
	font-size: 9px;
	line-height: 1.2em;
}

div#side-content div#sideSearchPanel div#keywordSearch ul li a,
div#side-content div#sideSearchPanel div#keywordSearch ul li span {
	font-size: 11px;
	line-height: 1.2em;
}

div#side-content div#sideSearchPanel div#keywordSearch ul li a:link,
div#side-content div#sideSearchPanel div#keywordSearch ul li a:visited { color: #1B47FF; }
div#side-content div#sideSearchPanel div#keywordSearch ul li a:hover,
div#side-content div#sideSearchPanel div#keywordSearch ul li a:active { color: #FF7D00; }

div#side-content div#sideSearchPanel div#keywordSearch p.input input {
	margin: 6px 0px 7px 0px;
	width: 150px;
}



/*日付から宿を探す*/
div#side-content div#sideSearchPanel div#dateSearch {
	padding: 10px 0px 0px 0px;
	width: 158px;
}

div#side-content div#sideSearchPanel div#dateSearch p.caption {
	margin: 0px 0px 5px 0px;
	text-align: left;
}

div#side-content div#sideSearchPanel div#dateSearch div#dateLine2 {
	margin: 5px 0px 0px 0px;
}

div#side-content div#sideSearchPanel div#dateSearch input {
	margin: 0px 3px 5px 0px;
	vertical-align: middle;
	line-height: 1.1em;
	text-align: right;
}

div#side-content div#sideSearchPanel div#dateSearch select,
div#side-content div#sideSearchPanel div#dateSearch img,
div#side-content div#sideSearchPanel div#dateSearch span {
	margin: 0px 0px 5px 0px;
	vertical-align: middle;
	line-height: 1.1em;
}

div#side-content div#sideSearchPanel div#dateSearch input#dyn_y_txt { width: 40px; }
div#side-content div#sideSearchPanel div#dateSearch input#dyn_m_txt { width: 22px; }
div#side-content div#sideSearchPanel div#dateSearch input#dyn_d_txt { width: 22px; }
div#side-content div#sideSearchPanel div#dateSearch input#datecheck { margin-left: 10px; }
div#side-content div#sideSearchPanel div#dateSearch select#dyn_stay_txt { width: 40px; }
div#side-content div#sideSearchPanel div#dateSearch select#dyn_room_num { width: 40px; margin-right: 0px; }
div#side-content div#sideSearchPanel div#dateSearch select#dyn_adult_num { width: 40px; margin-right: 0px; }
div#side-content div#sideSearchPanel div#dateSearch span#childSelect { font-size: 12px; margin-left: 5px; }
div#side-content div#sideSearchPanel div#dateSearch p#reseach-button { text-align: center; margin-top: 5px; }

div#side-content div#sideSearchPanel div#dateSearch select#area_list,
div#side-content div#sideSearchPanel div#dateSearch select#area_list option {
	width: 155px;
}

div#side-content div#sideSearchPanel div#dateSearch div#childNoBox a#dyn_child_num_txt_id2 {
	font-size: 11px;
}








div#side-content div#calBlock{ position:relative; top:-2px; z-index:490;}
div#side-content div#calBox{z-index:500;}

div#side-content div#calBlock div.dyn_cal { /*カレンダー表示位置を左へずらす*/
	margin-left: -175px;
}

div#side-content div#calBlock div.dyn_cal div.dyn_cal_close a { /*IEでカレンダーの閉じるボタンが改行されるのを防ぐ*/
	white-space: nowrap;
}


.tx12_666 {
    color: #666;
	font-size: 75%;
}

.tx10_666 {
    color: #666;
	font-size: 63%;
}

.tx14_f00 {
    color: #f00;
	font-size: 87.5%;
}

/*右側エリア：エリア別バナー用 start */
.clearfix:after {
  content: ".";  
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.article p.image{
padding: 0px 0px 0px 0px;
width: 55px;
float: left;
}

.article p.text{
padding: 0px 0px 7px 0px;
width: 113px;
float: left;
font-size: 75%;
line-height:1.3;
}


.block_right{
text-align:left;
width: 180px;
}

.line{
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding-top:5px;
_padding-top:8px;
padding-bottom:5px;
margin:0 0 10px;
width:180px;
}


*:first-child+html .line{
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding-top:5px;
padding-bottom:5px;
width:180px;
}
/*右側エリア：エリア別バナー用 end */