@charset "utf-8";

/* -----------------------------------------------------------
 File name:      usj_common.css
 Style Info:     各特集独自のスタイル
----------------------------------------------------------- */

iframe {
	border:0 none;
	display:block;
	margin:0;
	padding:0;
	width:100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.linkarea {
	background: url(/jalan/doc/theme/common/images/link_bg_middle.png) repeat-y ;
	font-size:12px;
	line-height:1.3;
	width:950px;
	display:block;
}
.latop {
	background: url(/jalan/doc/theme/common/images/link_bg_top.png) no-repeat left top ;
} 
.latop p {
	font-weight:bold;
	padding:10px 10px 0px;
}
.labottom {
	background: url(/jalan/doc/theme/common/images/link_bg_bottom.png) no-repeat left bottom ;
}
.labottom p {
	color:#999999;
	font-size:10px;
	padding:8px 10px 10px;
}
.labottom p a {
	color:#999999;
	text-decoration:none !important;
}
.to_pagetop {
	color:#666666;
	font-size:65%;
	height:auto !important;
	min-height:10px;
	text-align:right;
	width:950px;
	margin-top:10px;
}


/* 【定型】コンテンツ全体 */
#wrap {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	line-height:1.3;
	color:#333333;
	text-align: left;
}
.clearfix:after {
	clear:both;
	content:".";
	display:block;
	font-size:0.1em;
	height:0.1px;
	line-height:0;
	visibility:hidden;
}
.clearfix {
	min-height:1px;
	zoom:1;
}
* html .clearfix {
	height:1px;
}


/* 【定型】topics + tarm + h1のスタイル */
#info {
	width: 950px;
	display: block;
	font-size: 12px;
	margin-bottom:4px;
}
#cam {
	text-align: left;
	float:left;
}

.cam {
	width: 664px;
	display: block;
	font-size: 12px;
	
}
.cam p {
	display: block;
	height: 15px;
	margin-bottom: 3px;
}
.cam a {
	text-decoration: underline !important;
	display: block;
	height: 15px;
	background: url(/jalan/doc/theme/common/images/topics.gif) no-repeat;
	padding-left: 70px;
}
#page_info {
	float: right;
	width: 270px;
}
.index_h1 {
	font-size: 14px;
	color: #666666;
	text-align: right;
	width: 270px;
	font-weight: normal;
	display: block;
	font-size:10px;
}
.tarm_cam {
	font-size: 12px;
	color: #666666;
	display: block;
	width: 270px;
	text-align: right;
}

/* サーチパネル */
.searcharea {
	width: 180px;
	height: 360px;
	background-color: #f3f3f3;
	border: 1px solid #cccccc;
	float: left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	_margin-left: 5px;
}
.searchtitle {
	margin-top: 10px;
	margin-right: 1px;
	margin-bottom: 10px;
	/margin-bottom: 5px;
	margin-left: 5px;
}
element.style {
    display: block;
    left: 758px;
    top: 554px;
}
div#dyn-place-example {
	left:7px;
	/left:6px;
	margin:0;
	position:absolute;
	top:38px;
	z-index:500;
}
div#tagInnerBox {
	background:#FFFFDD none repeat scroll 0 50%;
	border:1px solid #CCCCCC;
	padding:10px 5px;
	width:310px;
}
p#tagBoxTtl{
	margin:0; 
	padding:0; 
	text-align: center;
}
div#tagInnerBox p{
	width:290px; 
	margin:0 0 10px; 
	text-align:center; 
	font-size:11px;
}
div#tagInnerBox p strong{
	color:#999;
}
#dyn-place-example .placeexample {
	margin:5px 0;
	text-align:left;
}

.s11_66 {
	color:#666666;
	font-size:70%;
	line-height:1.1em;
}
.dyn_cal {
	background:#FBF5E1;
	border:1px solid #D3C9B0;
	display:none;
	margin-top:3px;
	margin-left:-175px;
	padding:10px;
	position:absolute;
	z-index:500;
}
.dyn_cal .dyn_cal_arrow {
	font-size:12px;
	vertical-align:middle;
	width:20px;
}
.dyn_cal_tbl th {
	font-size:12px;
	font-weight:bold;
	padding-bottom:5px;
}
.dyn_cal_tbl td {
	font-size:12px;
	padding:0 3px;
	text-align:right;
}
.dyn_cal_tbl td.dyn_disable {
	color:#AAAAAA !important;
	text-decoration:line-through !important;
}
.dyn_cal_tbl td.dyn_sutarday a:link {
	text-decoration:none !important;
}
.dyn_cal_tbl td.dyn_sutarday a {
	color:#1B47FF;
	text-decoration:none !important;
}
.dyn_cal_tbl td.dyn_sunday a:link {
	text-decoration:none !important;
}
.dyn_cal_tbl td.dyn_sunday a {
	color:#FF0000;
	text-decoration:none !important;
}
.dyn_cal .dyn_cal_arrow a:link {
	color:#FF0000;
	text-decoration:none !important;
}
.dyn_cal .dyn_cal_close {
	font-size:12px;
	padding-top:5px;
	text-align:center;
}
.dyn_cal .dyn_cal_close a:link {
	color:#333333;
	text-decoration:none !important;
}
.mL3 {
	margin-left:3px !important;
}

div#roompanel-block {
	position:absolute;
	top:500px !important;
	left:200px !important;
}

/* 宿から探す_検索パネル */
.searchPanelarea #searchBox_date {
	margin:5px 0 0 5px;
	width:180px
	z-index: 1;
}
.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-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
.searchPanelarea #searchBox_date .item {
	float:left;
}
.searchPanelarea #searchBox_date .item input#dyn_y_txt {
	width:40px;
}
.searchPanelarea #searchBox_date .item input#dyn_m_txt {
	width:31px;
}
.searchPanelarea #searchBox_date .item input#dyn_d_txt {
	width:31px;
}
.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;
	width: 150px;
	margin-top: 0;
	margin-right: 6px;
	margin-bottom: 0;
	margin-left: 0;
}
.searchPanelarea #searchBox_date .number {
	position:relative;
}
.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;
	margin-bottom:20px;
	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 {
	width:170px;
	margin-top: 0;
	margin-right: 4px;
	margin-bottom: 3px;
	margin-left: 0;
	/margin:0;
}
.check .panel_read {
	font-size: 10px;
}

.searchPanelarea #searchBox_date #dateLine2 .check_kodawari .checkR {
	margin:0 0 3px 0;
	/margin:0;
	width:150px;
}
.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;
}
.check_kodawari .img_kodawari {
	margin-bottom: 5px;
}

/* コンテンツ */

#content {
	width: 950px;
}

/* タイトル */
#wrap #content #title {
	position:relative;
	left: 0px;
	top: 0px;
}

/* メイン */
#wrap #content #main {
	background-image: url(../images/usj_bg001.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 950px;
	font-size:12px;
	position: static;
	padding: 0px;
	margin-bottom: 20px;
}

#main #main_l {
	float: left;
	width: 726px;
}
#main_l #tab  {
	float: right;
	width: 530px;
	position: relative;
}
#main_l #usjmap  {
    position:absolute;
	top:0px;
	left:0px;
}
#main #main_r {
	float: right;
	width: 207px;
	margin-right:10px;
	_margin-right:5px;
	height: 359px;
}

/*　特集 */
#main_r #osusume {
	background-repeat: no-repeat;
	background-position: left bottom;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #003068;
	border-bottom-color: #003068;
	border-left-color: #003068;
	width: 207px;
	#width: 203px;
	height: 323px;
	#height: 308px;
	background-color: #ECF7FB;
	padding-top: 15px;
	text-align: left;
}

#main_r #osusume .osusume_li{
	width: 183px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
.osusume_li dt {
	float: right;
	width: 135px;
	font-weight: bold;
	margin-top: 5px;
}

/* ホテル説明 */
#hotel_explain {
	padding-left: 13px;
	margin-top: 20px;
	margin-bottom: 30px;
}

#hotel_explain .ex_official {
	background-image: url(../images/usj_bg003.png);
	background-repeat: repeat-y;
	background-position: left top;
	width: 303px;
	float: left;
	margin-right: 9px;
}
#hotel_explain .ex_alliance {
	background-image: url(../images/usj_bg005.png);
	background-repeat: repeat-y;
	background-position: left top;
	float: left;
	width: 303px;
	margin-right: 10px;
}
#hotel_explain .ex_associate {
	background-image: url(../images/usj_bg007.png);
	background-repeat: repeat-y;
	background-position: left top;
	float: left;
	width: 303px;
}
.ex_read {
	font-size: 12px;
	line-height: 1.6;
	margin-top: 10px;
	margin-right: 15px;
	margin-left: 10px;
	height: 95px;
}
.ex_official .ex_bottom {
	background-image: url(../images/usj_bg004.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 14px;
}
.ex_alliance .ex_bottom {
	background-image: url(../images/usj_bg006.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 14px;
}
.ex_associate .ex_bottom {
	background-image: url(../images/usj_bg008.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 14px;
}

/* ホテル一覧 */
#wrap #content #hotel_ichiran {
	width: 930px;
	margin-right: auto;
	margin-left: auto;
}
#hotel_ichiran h2 {
	margin-bottom: 10px;
}

#official_ichiran{
	margin-bottom: 10px;
}
#official_ichiran #official_cst_box {
	padding-top: 20px;
	padding-bottom: 10px;
	margin-left: 10px;
}
#official_cst_box .official_cst_btm {
	background-image: url(../images/usj_bg012.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 6px;
	width: 296px;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}
.official_cst {
	background-image: url(../images/usj_bg009.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 10px 10px 0 ;
}
#hotel_ichiran #alliance_ichiran{
	margin-bottom: 20px;
}
#alliance_ichiran #alliance_cst_box {
	padding-top: 20px;
	padding-bottom: 10px;
}
#alliance_cst_box .alliance_cst_btm {
	background-image: url(../images/usj_bg012.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 6px;
	width: 296px;
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
}
.alliance_cst {
	background-image: url(../images/usj_bg010.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 10px 10px 0;
}

#hotel_ichiran #associate_ichiran{
	margin-bottom: 20px;
}
#associate_ichiran #associate_cst_box {
	padding-top: 20px;
	padding-bottom: 10px;
}
#associate_cst_box .associate_cst_btm {
	background-image: url(../images/usj_bg012.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 6px;
	width: 296px;
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
}
.associate_cst {
	background-image: url(../images/usj_bg011.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 10px 10px 0;
}

.hotel_ichiran_name {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
}
.hotel_ph {
	float: left;
}
.hotel_info {
	margin-bottom: 10px;
}

.hotel_info_in {
	float: right;
	width: 155px;
}

.hotel_read {
	font-size: 12px;
	line-height: 1.4;
	color: #333;
	margin-bottom: 5px;
}
.ichiran_price {
	font-size: 16px;
	font-weight: bold;
	color: #F00;
}
dd .link-arrow {
	float: right;
	margin-left: 10px;
}
#content #park_info_box {
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
}

#park_info  {
	float: left;
	border: 1px solid #006a9d;
	width: 723px;
}
#park_info table {
	margin: 1px;
	width: 719px;
	#width: 721px;
}

#park_info th  {
	background-color: #006a9d;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-align: left;
	padding: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#park_info tr .info_title {
	font-size: 12px;
	color: #FFF;
	background-color: #69C;
	padding: 8px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
}
#park_info tr .info_title_noborder {
	font-size: 12px;
	color: #FFF;
	background-color: #69C;
	padding: 8px;
}
#park_info .info {
	font-size: 12px;
	color: #333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6699cc;
	padding: 8px;
}
#park_info .info_noborder {
	font-size: 12px;
	color: #333;
	padding: 8px;
}

#snt {
	width: 930px;
	margin-left: 10px;
	margin-bottom: 20px;
}


#snt .list{
	border: 2px solid #9A8A4A;
	border-top:0px;
	padding-top: 10px;
	padding-right: 10;
	padding-bottom: 10px;
	padding-left: 10px;
}
#snt .list a{
	text-decoration: underline;
}

#snt ul{
	list-style-type: none;
}
#snt li{
	list-style-type: none;
	font-size: 10px;
	line-height: 1.1em;
	list-style-position: outside;
	padding: 0 0 5px;
}
#snt p {
	font-size: 11px;
	text-align: right;
	margin-top: 10px;
}
#access {
	border: 1px solid #006A9D;
	float: right;
	width: 190px;
}
#park_info_box #access h3 {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #006A9D;
	padding: 8px;
	text-align: left;
	margin-top: 1px;
	margin-right: 1px;
	margin-left: 1px;
}

#access div {
	padding: 10px;
}
#access div dl dt {
	font-size: 12px;
	font-weight: bold;
	color: #333;
}
#access div dl dd {
	font-size: 10px;
	color: #333;
	margin-bottom: 10px;
}
#access div p a {
	font-size: 10px;
}
#content .legalline {
	font-size: 10px;
	text-align: left;
	margin-bottom: 20px;
	margin-right: 10px;
	margin-left: 10px;
}
.usjcaution {
	font-size: 10px;
	text-align: left;
	clear: both;
	margin-bottom: 20px;
	margin-right: 10px;
	margin-left: 10px;
}


/* dpリンク */
.dp_link{
	margin-top:10px;
	height:25px;
	}

.dp_link li {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}