@charset "shift_jis";
/* CSS Document */

/*
 Share Style [
----------------------------------------------------------- */
#contentsInner{	background-color:#FDFFDA;}

* {
	margin:0;
	padding:0;
}
body {
	background:#FFF;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
html {
	overflow-y:scroll;
}
h1,h2,h3,h4,h5,h6 {
	margin: 0px;
	padding: 0px;
}
p {
	margin:0;
}
li {
	list-style-type:none;
}
img {
	border:0;
	margin: 0;
	padding: 0;
}
strong {
		font-weight:normal
}
address {
	font-style:normal;
}
.clear {
	clear:both;
}

table {
}

/* セレクトフォームバッティング対策 */

#dyn_adult_num{width:40px;}
#area_list{width:165px;}
p#childnum,p#adultnum-text{font-size: 13px;}

/*
 onlinecard2010 all  [
----------------------------------------------------------- */

#onlinecard2010 .clear:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
/* clearfix ie
------------------------------------------------------------------------------*/
#onlinecard2010 .clear {
	/zoom:1;
}

#onlinecard2010 .btn a {
	display:block;
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:1px;
	line-height:0;
	outline:none;
	text-decoration:none;
	text-indent:-9999px;
}
#onlinecard2010 .btn a:hover {
	background-position:left bottom;
}

#onlinecard2010 {
	color:#000;
	font-size:14px;
	text-align:left;
	background-color:white;
	background-position:2px 256px;
	background-repeat:no-repeat;
}

#onlinecard2010 #contentsOuter {
    width:738px;
	margin:0 auto;
}


#onlinecard2010 #contentsInner {
	border:solid 1px #aaa;
}



#onlinecard2010 .inner {
	padding-bottom:16px;
	background-color:#FFF;
}

#onlinecard2010 h3 {
	padding:16px 0 12px 12px;
}

#onlinecard2010 table.banners {
	width:700px;
	table-layout:fixed;
	margin:0 0 13px 12px;
	border-collapse:collapse;
}
#onlinecard2010 .banners td {
	padding:11px 0 8px 17px;
	border:1px solid #CCC;
}
#onlinecard2010 .banners td p {
	width:160px;
	margin-left:7px;
}
#onlinecard2010 .banners td .image {
	padding-bottom:5px;
}
#onlinecard2010 .banners td .link {
	padding-bottom:2px;
}
#onlinecard2010 .banners td .explanation {
	width:156px;
	margin-left:9px;
	font-size:10px;
	line-height:1.5;
}

#onlinecard2010 .presents {
	width:700px;
	padding-top:16px;
	margin-left:12px;
}
#onlinecard2010 .presents .present {
	padding:3px;
	margin-bottom:16px;
	border:2px solid #439527;
}
#onlinecard2010 .presents .present#present1 {
	float:left;
}
#onlinecard2010 .presents .present#present2 {
	float:right;
}

#onlinecard2010 .presents .present h4 {
	width:335px;
	padding:6px 0;
	background-color:#439527;
}
#onlinecard2010 .presents .present h4 img {
	margin-left:7px;
}
#onlinecard2010 .presents .present .text {
	padding:5px 0 13px 8px;
}

#onlinecard2010 .applyInfo {
	padding:10px 0 20px ;
	margin:0 auto;

}
#onlinecard2010 .applyInfo .apply {
	width:717px;
	margin:0 auto;
}
#onlinecard2010 .applyInfo .apply h4 {
	padding:7px 0 6px 12px;
	margin-bottom:22px;
	background-color:#439527;
}
#onlinecard2010 .applyInfo .apply#applyFlow {
	padding-bottom:21px;
}
#onlinecard2010 .applyInfo .apply#applyFlow .flow {
	width:660px;
	padding-bottom:9px;
}
#onlinecard2010 .applyInfo .apply#applyFlow .flow li {
	float:left;
	padding-right:29px;
	margin-right:6px;
	background-image:url(../images/arrow.jpg);
	background-position:right center;
	background-repeat:no-repeat;
}
#onlinecard2010 .applyInfo .apply#applyFlow .flow li.flowComp {
	float:left;
	padding-right:0;
	margin-right:0;
	background-image:none;
}

#onlinecard2010 .applyInfo .apply#applyFlow .flow li div {
	height:135px;
	background-color:#FFF;
}
#onlinecard2010 .applyInfo .apply#applyFlow .flow li.flow1 div {
	width:270px;
}
#onlinecard2010 .applyInfo .apply#applyFlow .flow li.flow2 div {
	width:160px;
}
#onlinecard2010 .applyInfo .apply#applyFlow .flow li.flowComp div {
	height:auto;
}

#onlinecard2010 .applyInfo .apply#applyFlow .flow li.flow1 .btn {
	padding:10px 0 0 41px;
}
#onlinecard2010 .applyInfo .apply#applyFlow .flow li.flow1 .btn a {
	width:211px;
	height:49px;
	background-image:url(../images/btn_search_plan.jpg);
}

#onlinecard2010 .applyInfo .apply#applyFlow .flow li.flow2 .ok {
	padding:10px 0px 10px 55px;
}

#onlinecard2010 .applyInfo .apply#applyFlow .flow li .text {
	padding:10px 0 0 10px;
}

#onlinecard2010 .applyInfo .apply#applyFlow .note {
	font-size:12px;
}

#onlinecard2010 .applyInfo .apply#applyRule p {
	padding:0 15px 6px;
	font-size:12px;
	line-height:140%;
}
#onlinecard2010 .applyInfo .apply#applyRule p strong {
	font-size:117%;
	font-weight:bold;
	line-height:1.5;
	color:#F00;
}

#onlinecard2010 .applyInfo .apply#applyRule ul {
	padding:0 15px 15px;
}
#onlinecard2010 .applyInfo .apply#applyRule li {
	padding:0 5px;
	font-size:12px;
	line-height:140%;
}

#onlinecard2010 .searchNow {
	padding-left:132px;
}
#onlinecard2010 .searchNow a {
	width:460px;
	height:74px;
	background-image:url(../images/btn_search_plan_now.jpg);
}


/* add 20100804
------------------------------------------------------------------------------*/
#onlinecard2010 .section {
	width:700px;
	padding-bottom:17px;
	margin-left:12px;
}
#onlinecard2010 .section h3 {
	padding:0 0 11px 0;
}

#onlinecard2010 .section#recommendArea ul {
	padding:10px 10px 3px;
	border:1px solid #C8E3FF;
}
#onlinecard2010 .section#recommendArea li {
	float:left;
	padding:0 20px 7px 10px;
	background-image:url(../images/card_icon002.png);
	background-position:0 4px;
	background-repeat:no-repeat;
	white-space:nowrap;
}

#onlinecard2010 .searchMore {
	padding-left:133px;
}
#onlinecard2010 .searchMore a {
	width:460px;
	height:70px;
	background-image:url(../images/btn_search_plan_more.jpg);
}



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

contentsInfo

----------------------------------------------------------- */
#contentsInfo{
/*	background-image: url(../images/headBg.gif);
	background-repeat: repeat-x;*/
	margin: 0 ;
	padding: 13px 0 0 5px;
	text-align: left;
	}
	#contentsInfo .txt{
		padding:0;
		margin:0;
		color:#cc0000;
		font-weight:bold;
		font-size:12px;
		}
	#contentsInfo .dtailApp{
		color:#666;
		font-weight:normal;
		font-size:10px;
		}

.searcharea{
width:700px;
margin:15px auto 30px;
background-color:white;
border:solid 1px #aaaaaa;}

/* 宿から探す_検索パネル */


.searchPanelarea{
	 font-size:11px;
	 width:343px;
	 float:left;
	 background:url(../images/panel_bg.jpg) repeat-x;
}
.searchPanelarea #searchBox_date {
	margin:10px 0 0 20px;
	width:330px
	z-index: 1;
	height:243px;
}
.searchPanelarea #searchBox_date h2 {
	margin:0 0 7px;
	text-align:left;
}
.searchPanelarea #searchBox_date input {
	line-height:1.1em;
	margin:0 3px 7px 0;
	text-align:right;
	/vertical-align:middle;
}
.searchPanelarea #searchBox_date select {
	line-height:1.1em;
	margin:0 0 7px 0;
	text-align:left;
	/vertical-align:middle;
}
.searchPanelarea #searchBox_date #dateLine1 {
	margin:0 ;
}
.searchPanelarea #searchBox_date .item {
	float:left;
}
.searchPanelarea #searchBox_date .item input#dyn_y_txt {
	width:45px;
}
.searchPanelarea #searchBox_date .item input#dyn_m_txt {
	width:20px;
}
.searchPanelarea #searchBox_date .item input#dyn_d_txt {
	width:20px;
}
.searchPanelarea #searchBox_date .item img {
	margin:2px 5px 5px 0;
	/*/margin:3px 5px 7px 0;*/
	vertical-align:middle;
}
.searchPanelarea #searchBox_date .datecheck-column img {
	margin:4px 5px 4px 0;
	/margin:0px 5px 5px 0;
}
.searchPanelarea #searchBox_date .datecheck-column input {
	vertical-align:middle;
}
.searchPanelarea #searchBox_date .datecheck-column p {
	float:left;
	margin:0;
}
.searchPanelarea #searchBox_date select#dyn_stay_txt {
	width:40px;
	line-height:1.1em;
	text-align:left;
	margin-left:3px;
}
.searchPanelarea #searchBox_date #room-num select#dyn_room_num {
	width:40px;
	line-height:1.1em;
	text-align:left;
}
.searchPanelarea #searchBox_date #room-num {
	float:left;
	margin:0 6px 0 0;
}
.searchPanelarea #searchBox_date .number p {
	float:left;
	margin:0;
}
.searchPanelarea #searchBox_date .number img {
	margin:4px 5px 4px 0;
	/margin:2px 5px 2px 0;
}
.searchPanelarea #searchBox_date .number p.caption {
	/margin:3px 0 5px;
}
.searchPanelarea #searchBox_date .number p#adultnum-text,
.searchPanelarea #searchBox_date .number p#childnum{
	margin:3px 0 0; 
}
.searchPanelarea #searchBox_date .number #adultnum-selecttag img{
	margin:1px 5px 4px 0;
}
.searchPanelarea #searchBox_date input#datecheck {
	margin:0 3px 0 8px !important;
	/margin:0 0 6px 0 !important;
}
.searchPanelarea #searchBox_date #dateLine2 select {
	line-height:1.1em;
	margin:0 0 8px 6px;
	text-align:left;
	/vertical-align:middle;
}
.searchPanelarea #searchBox_date #dateLine2 p{
	margin-top:5px;
	text-align:center;
}
.searchPanelarea #searchBox_date #dateLine2 input#research {
	margin:0;
}
.searchPanelarea #searchBox_date #dateLine2 .select_todofuken,
.searchPanelarea #searchBox_date #dateLine2 .select_area,
.searchPanelarea #searchBox_date #dateLine2 .select_yosan,
.searchPanelarea #searchBox_date #dateLine2 .check_kodawari,
.searchPanelarea #searchBox_date #dateLine2 .select_theme {
	display:block;
}
.searchPanelarea #searchBox_date #dateLine2 .select_area select {
	margin:0 0 4px 22px;
}
.searchPanelarea #searchBox_date #dateLine2 .select_yosan img {
	margin:4px 0 0;
}
.searchPanelarea #searchBox_date #dateLine2 .select_yosan select {
	margin:4px 0 10px 0;
	/margin:4px 0 8px 0;
	width:80px;
}
.searchPanelarea #searchBox_date #dateLine2 .select_yosan .img_yosan{
	float:left;
	padding:0;
}
.searchPanelarea #searchBox_date #dateLine2 .select_yosan .img_yosan img {
	margin:4px 6px 0 0; !important
}
.searchPanelarea #searchBox_date #dateLine2 .check_kodawari span {
	float:left;
}
.searchPanelarea #searchBox_date #dateLine2 .check_kodawari .img_kodawari {
	margin-right:16px;
	/margin:3px 13px 0 0;
}
.searchPanelarea #searchBox_date #dateLine2 .check_kodawari .check {
	margin:0 4px 3px 0;
	/margin:0 4px 0 0;
	width:134px;
}
.searchPanelarea #searchBox_date #dateLine2 .check_kodawari .checkR {
	margin:0 0 3px 0;
	/margin:0;
	width:80px;
}
.searchPanelarea #searchBox_date #dateLine2 .check_kodawari .checkL {
	margin:0 4px 3px 60px;
	/margin:0 4px 0px 57px;
	width:134px;
}
.searchPanelarea #searchBox_date #dateLine2 .check_kodawari .check input,
.searchPanelarea #searchBox_date #dateLine2 .check_kodawari .checkL input,
.searchPanelarea #searchBox_date #dateLine2 .check_kodawari .checkR input{
	margin:0 3px 0 0;
	/margin:0 0 1px 0 ;
	vertical-align:top;
	/vertical-align:middle;
}
.searchPanelarea #searchBox_date #dateLine2 .select_theme span {
	float:left;
	text-align:left;
}
.searchPanelarea #searchBox_date #dateLine2 .select_theme .img_theme {
	margin-right:28px;
	/margin:3px 25px 0 0;
}
.searchPanelarea #searchBox_date #dateLine2 .select_theme .theme_name1 {
	width:290px;
	margin:0 0 3px 0;
	/margin:0;
}
.searchPanelarea #searchBox_date #dateLine2 .select_theme .theme_name2 {
	width:290px;
	margin:0 0 8px 60px;
	/margin:0 0 8px 57px;
}
.searchPanelarea #searchBox_date #dateLine2 .select_theme input {
	margin:0 3px 0 0;
	/margin:0 0 1px 0 ;
	vertical-align:top;
	/vertical-align:middle;
}

.yadoCalender {
	position:relative;
	/*position:absolute;*/
	top:-214px;
	z-index:490;
}
div#calBlock div.dyn_cal div.dyn_cal_close a {
	white-space:nowrap;
}
.yadoCalender .dyn_cal {
	margin-left:0 !important;
	margin-top:214px;
}