@charset "utf-8";

/* ++++ CSS file for Ariake ++++
	1.Ariake Top
	2.RoomRate
	3.RoomType
	4.Service
  ++++++++++++++++++++ */

/*----------------------------------------------------------------------------------------
	1.Ariake Top
---------------------------------------------------------------------------------------- */
/* Left */
#content #toppage #left #pick_up {
	width:710px;
	margin:0 0 25px 20px;
	padding:0;
}
#content #toppage #left #pick_up ul {
	width:225px;
	margin:0 15px 0 0;
	float:left;
}
#content #toppage #left #pick_up ul.last {
	margin:0;
}
#content #toppage #left #pick_up ul li h3 {
	margin:0 0 5px 0;
}
#content #toppage #left #pick_up ul li p.top_ph {
	width:224px;
	margin:0 0 10px 0;
}
#content #toppage #left #pick_up ul li p {
	width:224px;
	margin:0;
}
/* RightNavi*/
#content #toppage #right {
	background:url(../img/asakusa_top_ph2.jpg) no-repeat top left;
}
#content #toppage #right p.text_area {
	padding:20px 30px 0 20px;
	color:#000000;
	font-size:1.2em;
}
.seo_text_area {
	width:705px;
	margin:30px 0 0 20px;
	padding:0;
}
/*----------------------------------------------------------------------------------------
	2.RoomRate
---------------------------------------------------------------------------------------- */
/* Left */
.ue {
	vertical-align:super;
	font-size:50%;
}
.small {
	font-size:80%;
}
#roomrateBlock {
	width:705px;
	padding:0 20px;
}
#content #roomrate #left #roomrateLeftBlock {
	float:left;
	width:345px;
	margin:0;
	line-height:3em;
}
#content #roomrate #left #roomrateLeftBlock ul li a.select {
	color:#3b0221;
	display:block;
	width:320px;
	font-size:1.4em;
	border:#999999;
	border-width:1px 0;
	background:url(../img/arrow_red.gif) no-repeat left center #f5f5f5;
	padding:10px 0 10px 25px;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#999999;
	line-height:1.5em;
}
a:hover .ue,
a:hover .small {
	color:#fff;
}
#content #roomrate #left #roomrateLeftBlock ul li a.select:hover {
	color:#fff;
	font-size:1.4em;
	background:url(../img/arrow_white.jpg) no-repeat left center #3b0221;
	line-height:1.5em;
	text-decoration:none;
}
#content #roomrate #left #roomrateLeftBlock ul li.last a.select {
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#999999;
}
#content #roomrate #left #roomrateLeftBlock ul li.studio_suite {
	font-size:1.8em;
	font-weight:bold;
	background:#ccc;
	padding:0 0 0 8px;
	margin:10px 0 0 0;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#999999;
}
#content #roomrate #left #roomrateRightBlock {
	float:right;
	width:303px;
	padding:20px;
	margin:30px 0 0 0;
	background:#f5f5f5;
	border:#999 solid 1px;
}
#content #roomrate #left #roomrateRightBlock ul li {
	list-style:disc;
	margin:0 0 0 20px;
	font-size:1.2em;
}


/* RightNavi*/
#content #roomrate #right {
	background:url(../img/ariake_roomrate_ph2.jpg) no-repeat top left;
}
#content #roomrate #right {
	background:url(../img/asakusa_roomrate_ph2.jpg) no-repeat top left;
}
/*----------------------------------------------------------------------------------------
	3.RoomType
---------------------------------------------------------------------------------------- */
#roomtype h3 {
	margin:0 0 5px 0;
}

#content #roomtype #left #roomrateBlock,
#content #roomtype #left #rayoutBlock {
	width:705px;
	padding:0 20px;
	margin:0 0 30px 0;
}
#content #roomtype #left #roomrateBlock_2 {
	width:705px;
	padding:0 20px;
	margin:0;
}
#content #roomtype #left #roomrateBlock #rate_info {
	float:right;
	width:238px;
	font-size:1.2em;
	line-height:1.4em;
}
.white {
	color:#FFFFFF;
}
#content #roomtype #left #rayoutBlock #rayout_ill {
	float:left;
	width:221px;
	margin:0 20px 0 0;
}
#content #roomtype #left #rayoutBlock #rayout_ill p {
	margin:3px 0 0 0;
	text-align:center;
}
#content #roomtype #left #rayoutBlock #rayout_ph {
	float:right;
	width:464px;
	margin:0;
}
#content #roomtype #left #rayoutBlock #rayout_ph ul li {
	float:left;
	margin:0 0 20px 0;
	line-height:0;
	font-size:0.1em;
}
#content #roomtype #left #rayoutBlock #rayout_ph ul li.phl {
	margin:0 20px 0 0;
	padding:0;
}
#content #roomtype #left #rayoutBlock #rayout_btm {
	float:right;
	width:464px;
}
#content #roomtype #left #rayoutBlock #rayout_btm ul li {
	float:left;
	line-height:0;
	font-size:0.1em;
}
#content #roomtype #left #rayoutBlock #rayout_btm ul li.rayout_reserve {
	width:146px;
	height:26px;
	margin-right:13px;
	background:transparent url(../img/btn_reservation_2_on.gif) no-repeat;
}
#content #roomtype #left #rayoutBlock #rayout_btm ul li.rayout_reserve a {
	width:146px;
	height:26px;
	display:block;
	text-indent:-9999px;
	background:transparent url(../img/btn_reservation_2_off.gif) no-repeat;
}
#content #roomtype #left #rayoutBlock #rayout_btm ul li.rayout_reserve a:hover {
	background:none;
}
#content #roomtype #left #rayoutBlock #rayout_btm ul li.rayout_access {
	width:146px;
	height:26px;
	margin-right:13px;
	background:transparent url(../img/btn_access_map_2_on.gif) no-repeat;
}
#content #roomtype #left #rayoutBlock #rayout_btm ul li.rayout_access a {
	width:146px;
	height:26px;
	display:block;
	text-indent:-9999px;
	background:transparent url(../img/btn_access_map_2_off.gif) no-repeat;
}
#content #roomtype #left #rayoutBlock #rayout_btm ul li.rayout_access a:hover {
	background:none;
}
#content #roomtype #left #rayoutBlock #rayout_btm ul li.rayout_contact {
	width:146px;
	height:26px;
	background:transparent url(../img/btn_inquiries_2_on.gif) no-repeat;
}
#content #roomtype #left #rayoutBlock #rayout_btm ul li.rayout_contact a {
	width:146px;
	height:26px;
	display:block;
	text-indent:-9999px;
	background:transparent url(../img/btn_inquiries_2_off.gif) no-repeat;
}
#content #roomtype #left #rayoutBlock #rayout_btm ul li.rayout_contact a:hover {
	background:none;
}
#content #roomtype #left #roomrateBlock #rate_table {
	float:left;
	margin:0 20px 0 0;
	width:447px;
}
#content #roomtype #left #roomrateBlock #rate_table_2 {
	margin:0;
	width:705px;
}
#content #roomtype #left #roomrateBlock #rate_table table,
#content #roomtype #left #roomrateBlock_2 #rate_table_2 table {
	border:1px solid #333;
	border-collapse:collapse;
	text-align:center;
	line-height:1.5em;
	font-size:1.2em;
}
.ue2 {
	vertical-align:super;
	font-size:50%;
}
#content #roomtype #left #roomrateBlock #rate_table table td,
#content #roomtype #left #roomrateBlock #rate_table table th {
	border-bottom:1px solid;
	padding:10px 3px;
}
#content #roomtype #left #roomrateBlock_2 #rate_table_2 table td,
#content #roomtype #left #roomrateBlock_2 #rate_table_2 table th {
	border-bottom:1px solid;
	width:110px;
	padding:5px 3px;
}
#content #roomtype #left #roomrateBlock_2 #rate_table_2 table th.y {
	border-bottom:1px solid;
	width:148px;
	border-right:1px solid;
	font-weight:bold;
}

#content #roomtype #left #roomrateBlock #rate_table table th,
#content #roomtype #left #roomrateBlock_2 #rate_table_2 table th {
	background:#f2f2f2;
	border-bottom:1px solid;
	font-weight:bold;
}
.solid {
	border-right:1px solid;
}
.dotted {
	border-right:1px dotted;
}
.bold_dotted {
	border-right:1px dotted;
	font-weight:bold;
	width:22%;
}
a.bold_link {
	color:#1576c1;
	outline:0;
	font-weight:bold;
	text-decoration:none;
}
a.bold_link:hover {
	color:#1576c1;
	outline:0;
}

/*----------------------------------------------------------------------------------------
	4.Service
---------------------------------------------------------------------------------------- */
/* TabNavi */
ul#tabNavi {
	width:705px;
	padding:10px 20px 0;
}

ul#tabNavi li {
	float:left;
	width: 235px;
	height: 36px;
}

ul#tabNavi li.service {
	background:transparent url(../img/tab_service_over.gif) no-repeat;
}

ul#tabNavi li.service a {
	display:block;
	width:235px;
	height:36px;
	text-indent:-9999px;
	background:transparent url(../img/tab_service_off.gif) no-repeat;
}

ul#tabNavi li.inroom {
	background:transparent url(../img/tab_In_Room_Facilities_over.gif) no-repeat;
}
ul#tabNavi li.inroom_asakusa {
	background:transparent url(../img/tab_In_Room_asakusa_over.gif) no-repeat;
}
ul#tabNavi li.inroom a {
	display:block;
	width:235px;
	height:36px;
	text-indent:-9999px;
	background:transparent url(../img/tab_In_Room_Facilities_off.gif) no-repeat;
}
ul#tabNavi li.inroom_asakusa a {
	display:block;
	width:235px;
	height:36px;
	text-indent:-9999px;
	background:transparent url(../img/tab_In_Room_asakusa_off.gif) no-repeat;
}
ul#tabNavi li.facility {
	background:transparent url(../img/tab_facility_over.gif) no-repeat;
}
ul#tabNavi li.nothing {
	background:transparent url(../img/tab_nothing.gif) no-repeat;
}
ul#tabNavi li.facility a {
	display:block;
	width:235px;
	height:36px;
	text-indent:-9999px;
	background:transparent url(../img/tab_facility_off.gif) no-repeat;
}

ul#tabNavi li.service a:hover,
ul#tabNavi li.inroom a:hover,
ul#tabNavi li.inroom_asakusa a:hover,
ul#tabNavi li.facility a:hover {
	background:none;
}

/* TabNavi On Ver. */
ul#tabNavi li.service_on {
	background:transparent url(../img/tab_service_on.gif) no-repeat;
}

ul#tabNavi li.service_on a {
	display:block;
	width:235px;
	height:36px;
	text-indent:-9999px;
	background:transparent url(../img/tab_service_on.gif) no-repeat;
}

ul#tabNavi li.inroom_on {
	background:transparent url(../img/tab_In_Room_Facilities_on.gif) no-repeat;
}
ul#tabNavi li.inroom_asakusa_on {
	background:transparent url(../img/tab_In_Room_asakusa_on.gif) no-repeat;
}
ul#tabNavi li.inroom_on a {
	display:block;
	width:235px;
	height:36px;
	text-indent:-9999px;
	background:transparent url(../img/tab_In_Room_Facilities_on.gif) no-repeat;
}
ul#tabNavi li.inroom_asakusa_on a {
	display:block;
	width:235px;
	height:36px;
	text-indent:-9999px;
	background:transparent url(../img/tab_In_Room_asakusa_on.gif) no-repeat;
}

ul#tabNavi li.facility_on {
	background:transparent url(../img/tab_facility_on.gif) no-repeat;
}

ul#tabNavi li.facility_on a {
	display:block;
	width:235px;
	height:36px;
	text-indent:-9999px;
	background:transparent url(../img/tab_facility_on.gif) no-repeat;
}

/* service */
#service {
	width:703px;
	margin:0 20px;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	padding: 15px 0 19px;
}

#service .insideTab {
	width:665px;
	padding:0 19px 10px;
	color: #000;
}

#service .insideTab h3 {
	font-size:1.6em; /* 16px */
	font-weight:bold;
}
#service .insideTab ul.serviceList li {
	width:665px;
	margin:0 0 20px;
}
#service .insideTab ul.serviceList li .listRight {
	float:right;
	width:525px;
}
#service .insideTab ul.serviceList li .listRight p {
	margin:0;
}
#service .insideTab ul.serviceList li .listRight ul {
	margin:5px 0 0;
}
#service .insideTab ul.serviceList li .listRight ul li {
	width:515px;
	padding:0 0 0 10px;
	background:transparent url(../img/dot.gif) no-repeat left 6px;
	margin:0;
}
#service .insideTab ul.facilityList li {
	float:left;
	width:322px;
	margin:0 20px 20px 0;
}
#service .insideTab ul.facilityList li.rightFacility {
	float:right;
	width:323px;
	margin:0 0 20px;
}
#service .insideTab ul.facilityList li .listRight {
	float:right;
	width:182px;
}
#service .insideTab ul.facilityList li .listRight p {
	margin:0;
}
#service .insideTab ul.facilityList li .listRight ul {
	margin:5px 0 0;
}
#service .insideTab ul.facilityList li .listRight ul li {
	width:172px;
	padding:0 0 0 10px;
	background:transparent url(../img/dot.gif) no-repeat left 6px;
	margin:0;
}
#service .insideTab ul.facilityList li h4,
#service .insideTab ul.serviceList li h4 {
	margin:0 0 5px;
}
#service .insideTab ul.facilityList li p.listPhoto,
#service .insideTab ul.serviceList li p.listPhoto {
	width:130px;
	height:130px;
	background:#000;
	margin:0;
}

/*----------------------------------------------------------------------------------------
	5.Flow
---------------------------------------------------------------------------------------- */
#flow .flowBlock {
	width:705px;
	margin:20px 0 0 20px;
	font-size:1.2em;
	line-height:1.8;
}
#flow h3 {
	margin:0 0 15px;
}
#flow h4 {
	background:#DDD;
	padding:5px;
	line-height:1;
	font-weight:bold;
	margin:30px 0 15px 5px;
}
#flow #left p {
	margin:0 0 10px;
}
#flow p.illust {
	text-align:center;
	margin:0;
}
#flow ul.flowList {
	margin:0 0 45px 10px;
}
#flow ul.flowListTop {
	margin:0 0 20px 10px;
}
#flow ul.flowListTop li,
#flow ul.flowList li {
	padding:0 0 0 10px;
	background:transparent url(../img/dot.gif) no-repeat left 6px;
	margin:0 0 5px;
}
#flow ul.flowList li.bgNone {
	padding:0;
	background:none;
}
#flow table {
	border-collapse:collapse;
	margin:5px 0 10px;
}
#flow table th {
	background:#F5F5F5;
	padding:8px 12px;
	border:1px solid #424242;
	text-align:center;
}
#flow table td {
	padding:8px 12px;
	border:1px solid #424242;
	text-align:center;
}

/*----------------------------------------------------------------------------------------
	6.Access
---------------------------------------------------------------------------------------- */
/* TabNavi */
ul#tabNavi {
	width:705px;
	padding:10px 20px 0;
}

ul#tabNavi li {
	float:left;
	width: 235px;
	height: 36px;
}

ul#tabNavi li.vicinity {
	background:transparent url(../img/tab_map_over.gif) no-repeat;
}

ul#tabNavi li.vicinity a {
	display:block;
	width:235px;
	height:36px;
	text-indent:-9999px;
	background:transparent url(../img/tab_map_off.gif) no-repeat;
}

ul#tabNavi li.areainfo {
	background:transparent url(../img/tab_area_information_over.gif) no-repeat;
}

ul#tabNavi li.areainfo a {
	display:block;
	width:235px;
	height:36px;
	text-indent:-9999px;
	background:transparent url(../img/tab_area_information_off.gif) no-repeat;
}

ul#tabNavi li.train {
	background:transparent url(../img/tab_subway_train_over.gif) no-repeat;
}

ul#tabNavi li.train a {
	display:block;
	width:235px;
	height:36px;
	text-indent:-9999px;
	background:transparent url(../img/tab_subway_train_off.gif) no-repeat;
}

ul#tabNavi li.vicinity a:hover,
ul#tabNavi li.areainfo a:hover,
ul#tabNavi li.train a:hover {
	background:none;
}

/* TabNavi On Ver. */
ul#tabNavi li.vicinity_on {
	background:transparent url(../img/tab_map_on.gif) no-repeat;
}

ul#tabNavi li.vicinity_on a {
	display:block;
	width:235px;
	height:36px;
	text-indent:-9999px;
	background:transparent url(../img/tab_map_on.gif) no-repeat;
}

ul#tabNavi li.areainfo_on {
	background:transparent url(../img/tab_area_information_on.gif) no-repeat;
}

ul#tabNavi li.areainfo_on a {
	display:block;
	width:235px;
	height:36px;
	text-indent:-9999px;
	background:transparent url(../img/tab_area_information_on.gif) no-repeat;
}

ul#tabNavi li.train_on {
	background:transparent url(../img/tab_subway_train_on.gif) no-repeat;
}

ul#tabNavi li.train_on a {
	display:block;
	width:235px;
	height:36px;
	text-indent:-9999px;
	background:transparent url(../img/tab_subway_train_on.gif) no-repeat;
}

/* map */
#map {
	width:703px;
	margin:0 20px;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	padding: 15px 0 19px;
}

/* tab tilte */
#map .tabTitle {
	width:665px;
	padding:0 19px 10px;
	color: #000;
}

#map .tabTitle h3 {
	float:left;
	font-size:1.6em; /* 16px */
	font-weight:bold;
	line-height: 25px;
	vertical-align: middle;
}

#map .tabTitle .tomap {
	float:right;
	font-size: 1.2em; /* 12px */
	font-weight: bold;
}

#map .tabTitle .tomap a {
	background:transparent url(../img/map_arrow_off.gif) right 8px no-repeat;
	padding:0 10px 0 0;
	display:block;
	line-height: 25px;
	vertical-align: middle;
	color:#000;
	text-decoration:none;
}

#map .tabTitle .tomap a:hover {
	background:transparent url(../img/map_arrow_on.gif) right 8px no-repeat;
	color:#008BCE;
	text-decoration:none;
}

/* index page */
#map .htel_ph {
	float:right;
	width:290px;
	padding:0 0 0 20px;
}
#map .htel_ph .outside {
	margin:0 0 20px 0;
}
#map .htel_ph p {
	margin:5px 0 0 0;
	text-align:center;
}
#map dl.vicinity_info {
	padding:0 19px;
}

#map dl.vicinity_info dt {
	font-size:1.4em; /* 14px */
	background:transparent url(../img/map_square.gif) left 5px no-repeat;
	padding:0 0 0 16px;
	font-weight:bold;
}

#map dl.vicinity_info dd {
	font-size:1.2em; /* 12px */
	padding:0 0 45px 16px;
}

/* areainfo page */
#map .area_info {
	width:703px;
	margin: 0 auto;
	padding: 0 0 15px;
}

#map .area_info dl.column {
	width:234px;
	float:left;
}

#map .area_info dl.column dt {
	font-size:1.4em; /* 14px */
	background:transparent url(../img/map_square.gif) 20px 5px no-repeat;
	padding:0 0 0 36px;
	font-weight:bold;
}

#map .area_info dl.column dd {
	font-size:1.2em; /* 12px */
	padding:0 0 15px 36px;
}

/* train page */
#map dl.train_info {
	width:665px;
	padding:0 19px;
}

#map dl.train_info dt {
	font-size:1.4em; /* 14px */
	background:transparent url(../img/map_square.gif) left 5px no-repeat;
	padding:0 0 0 16px;
	font-weight:bold;
}

#map dl.train_info dd {
	font-size:1.2em; /* 12px */
	padding:0 0 45px 16px;
}

/* illust map */
#map .illMap {
	width:665px;
	line-height:0;
	vertical-align:bottom;
	padding:0 19px;
}

/*----------------------------------------------------------------------------------------
	7.Corporate
---------------------------------------------------------------------------------------- */
#corporate h3 {
	padding:10px 0 30px 0;
}
#corporate h4 {
	padding:0 0 30px;
}
#corporate #left p {
	margin:0 0 30px;
}
#corporate p.illust {
	text-align:center;
	margin:0;
}
#corporate .topBlock {
	width:705px;
	margin:0 0 30px 20px;
}
#corporate .topBlock .block_4f {
	width:457px;
	float:left;
}
#corporate .topBlock .block_needs {
	width:225px;
	float:right;
}
#corporate .topBlock .block_needs ul {
	width:225px;
	border-top:1px solid #D4D4D4;
}
#corporate .topBlock .block_needs ul li {
	margin:0;
	padding:12px 0 12px 25px;
	border-bottom:1px solid #D4D4D4;
	background:transparent url(../img/arrow_corporate.gif) no-repeat 6px center;
}
#corporate .bottomBlock {
	width:705px;
	margin:0 0 30px 20px;
}



/*----------------------------------------------------------------------------------------
	8.Opening Campaign rate
---------------------------------------------------------------------------------------- */

#campaign {
	width:707px;
	padding:20px;
	margin:auto;
	text-align:center;
}
#campaign h1 {
	text-align:center;
	margin-bottom:10px;
}
#campaign table {
	border:1px solid #333;
	border-collapse:collapse;
	text-align:center;
	line-height:1.5em;
	font-size:1.2em;
}
#campaign table td,
#campaign table th {
	border-bottom:1px solid;
	width:110px;
	padding:5px 3px;
}
#campaign table th.y {
	border-bottom:1px solid;
	width:148px;
	border-right:1px solid;
	font-weight:bold;
}

#campaign table th {
	background:#f2f2f2;
	border-bottom:1px solid;
	font-weight:bold;
}
#campaign address {
	color:#666666;
	font-size:0.9em;
	font-style:normal;
	margin:10px 0;
	padding:10px 0 0;
	border-top:1px solid #DDD;
}
#campaign p {
	margin:0 0 20px;
}

/*----------------------------------------------------------------------------------------
	9.Regulation
---------------------------------------------------------------------------------------- */
#regulation {
	margin:20px;
	font-size:1.2em;
}
#regulation table tr th {
	background:#DDD;
	text-align:center;
}
#regulation table tr td {
	text-align:left;
}
#regulation table tr td.center {
	text-align:center;
}
#regulation p {
	margin:0 0 30px !important;
}
#regulation p.table {
	margin:0 0 10px !important;
}

/*----------------------------------------------------------------------------------------
	10.Reserve
---------------------------------------------------------------------------------------- */
#reserve .reserveSelectBlock {
	width:705px;
	margin:20px 0 0 20px;
	background:url(../img/bg_reserveSelect.gif) no-repeat bottom;
}
#reserve .reserveSelectBlock .left {
	width:340px;
	float:left;
	margin:0;
	padding:0;
	background:url(../img/bg_reserveSelectTop.gif) no-repeat top;
}
#reserve .reserveSelectBlock .right {
	width:340px;
	float:right;
	margin:0;
	padding:0;
	background:url(../img/bg_reserveSelectTop.gif) no-repeat top;
}
#reserve .reserveSelectBlock .left h3,
#reserve .reserveSelectBlock .right h3 {
	margin:20px;
}
#reserve .reserveSelectBlock .left p,
#reserve .reserveSelectBlock .right p {
	margin:0 20px 20px;
	font-size:1.2em;
	line-height:1.6;
}
#reserve .reserveSelectBlock .left p.btnToReserve,
#reserve .reserveSelectBlock .right p.btnToReserve {
	margin:0 20px 20px;
}