@charset "UTF-8";
/* CSS Document */

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:block;
    overflow:hidden;
}
 
.clearfix:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}




.cArea a{
	text-decoration:none;
	color:#333 ;
	}

.cArea a:hover,
.cArea a:active{
	text-decoration:underline;
	}

/* ----------- 共通レイアウト -----------  */

.cArea{
	width:950px;
	test-aligh:center;
	font-size:14px;
	line-height:1.5;
}

.cArea .main{
	width:950px;
	overflow:hidden;
	}

/* ----------- 汎用Class -----------  */
.cArea .m0{margin:0 !important;}
.cArea .mt15{margin-top:15px !important;}
.cArea .mt20{margin-top:20px !important;}
.cArea .mt30{margin-top:30px !important;}
.cArea .mt40{margin-top:40px !important;}
.cArea .mb50{margin-bottom: 50px !important;}
.cArea .mb100{margin-bottom: 100px !important;}
.cArea .mr25{margin-right: 25px !important;}
.cArea .fleft{float:left;}
.cArea .fright{float:right;}
.cArea .right{text-align:right;}
.cArea .center{text-align: center;}
.cArea .w130{width:130px;}
.cArea .w170{width:170px;}
.cArea .w220{width:220px;}
.cArea .w300{width:300px;}
.cArea .text08{font-size: 0.8em;}
.cArea .bold{font-weight: bold;}
.cArea hr{
	border: 0;
    height: 0;
    border-top: 1px solid #ddd;}
	
.cArea banner{
	background: #CCC;
	margin-top: 30px;
	padding-top: 20px;
}
.cArea .sttl{
	box-shadow: inset 0px 1px #ffffff;
	background-image: -moz-linear-gradient(top, #eaeaea, #ffffff);
	background-image: -ms-linear-gradient(top, #eaeaea, #ffffff);
	background-image: -o-linear-gradient(top, #eaeaea, #ffffff);
	background-image: -webkit-linear-gradient(top, #eaeaea, #ffffff);
	background-image: linear-gradient(top, #eaeaea, #ffffff);
	border-top:1px solid #dddddd;
	border-bottom:3px solid #b6a557;
}

.cArea .arrow a{
	display:block;
	min-height:18px;
	background:url(https://www.viewhotels.co.jp/asakusa/rakuten/img/common/arrow.png) no-repeat 0 3px;
	padding-left:20px;
}

.cArea .arrow_right{
	display:block;
	min-height:18px;
	background:url(https://www.viewhotels.co.jp/asakusa/rakuten/img/common/arrow.png) no-repeat right 7px #eaeaea ;
	padding:5px 20px 5px 5px;
	border-right:5px solid #eaeaea;
	margin:0 5px;
	text-align:right;
}


.cArea .arrow_right a{
	color:#333;
	}	
.cArea a:hover .arrow_right,
.cArea  a.arrow_right:hover {
	background:url(https://www.viewhotels.co.jp/asakusa/rakuten/img/common/arrow.png) no-repeat right 7px #f5f5ef ;
	border-right:5px solid #f5f5ef;
	text-decoration:none;
}


/* ----------- planList -----------  */

.cArea .planList {
	margin-right:-25px;
	overflow:hidden;
	zoom: 1;
	margin-bottom:20px;
	}
.cArea .planList li{
	float:left;
	width:300px;
	margin-right:25px;
	background:url(https://www.viewhotels.co.jp/asakusa/rakuten/img/common/shadow300.png) no-repeat bottom;
	padding-bottom:17px;
	display: inline;
	}

.cArea .planList h3{
	margin-bottom:10px;}

.cArea .planList a{
	display:block;
	border:1px solid #dddddd;
	color:#333;
	}

.cArea .planList a span{
	display:block;
	}

.cArea .planList a:hover{
	text-decoration:none;
	background:#e9e9d4;
}
.cArea .planList a img{
	margin:10px 10px 12px;
}
.cArea .planList .pttl{
	display: block;
	margin: 0 10px 12px;
		height: 60px;
	font-weight: bold;
	color: #113586;

	}
.cArea .planList .price{
	display:block;
	margin:0 10px 10px;
	text-align:right;
	background:#eaeaea;
	padding:5px;
	}

.cArea .planList a:hover .price{
	background: #f5f5ef;
}

.cArea .pickup li a{
	padding-bottom:7px;
	}


/* ----------- header -----------  */
.cArea h1{
	float:left;
	width:290px;
	}

.cArea #rak_header{
	height:70px;
	
	background-color:#1e2121;
	background-image: -moz-linear-gradient(top, #1e2121, #1e2121);
	background-image: -ms-linear-gradient(top, #1e2121, #1e2121);
	background-image: -o-linear-gradient(top, #1e2121, #1e2121);
	background-image: -webkit-linear-gradient(top, #1e2121, #1e2121);
	background-image: linear-gradient(top, #1e2121, #1e2121);
	border-bottom:5px solid #9c9c68;
	}

.cArea #hNav{
	float:right;
	width:180px;
}

.cArea #hNav p{
	float:left;
}

.cArea #hNav .tel{
	width:220px;
}

.cArea #hNav .btn_reservation{
	width:164px;
}

.cArea #hNav .btn_reservation a{
	display:block;
	width:164px;
	height:65px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(https://www.viewhotels.co.jp/asakusa/rakuten/img/common/btn_head_reservation.png) no-repeat;
	background-position:0 0;
}

.cArea #hNav .btn_reservation a:hover{
	background-position:0 -65px;
}

/* ----------- gNav -----------  */

.cArea #gNav{
	height:50px;
	border-bottom:1px solid #bcbcbc;
}

.cArea #gNav li{
	float:left;
	width:158px;
	height:50px;
	}

.cArea #gNav li a{
	display:block;
	background-color:#fafafa;
	background-image: -moz-linear-gradient(top, #fafafa, #dfdfdf);
	background-image: -ms-linear-gradient(top, #fafafa, #dfdfdf);
	background-image: -o-linear-gradient(top, #fafafa, #dfdfdf);
	background-image: -webkit-linear-gradient(top, #fafafa, #dfdfdf);
	background-image: linear-gradient(top, #fafafa, #dfdfdf);
	h
	}


.cArea #gNav li a:hover{
	display:block;
	background:#bcbc9c;
	}

.cArea #gNav li.gL{
	width:159px;
	}

/* ----------- footCol -----------  */

.cArea #footCol{
	width:950px;
	margin:50px auto;
	border-top:1px solid #ddd;
	padding-top:50px;
	}

.cArea #footCol h2{
	text-align:left;
	}
.cArea #footCol .resBox {
	padding-bottom:15px;
	}
.cArea #footCol .resBox .resBtnBox{
	width:300px;
	margin:15px auto 0;
	}

.cArea #footCol .resBox p{
	float:left;
	}

.cArea #footCol .resBox p.btn_search01,
.cArea #footCol .resBox p.btn_search02
{
	margin-right:15px;
	}

.cArea .infoText{
	margin:15px 0 0 10px;
	padding-bottom:15px;}

.cArea .infoText p,
.cArea .infoText dl
{
	float: left;
	margin-right: 10px;
}

.cArea .infoText p{
	width:200px;
	}

.cArea .infoText dl{
	width:700px;
	}



/*------reserveation----*/
.resBox{
	border:1px solid #1e2121;
	background:url(https://www.viewhotels.co.jp/asakusa/rakuten/img/common/bg_w.png) repeat;
	text-align:center;
}

.resBtnBox{
	margin:10px;
	}


.cArea .btn_search a{
	display:block;
	width:350px;
	height:62px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(https://www.viewhotels.co.jp/asakusa/rakuten/img/common/btn_search.png) no-repeat;
	background-position:0 0;
}

.cArea .btn_search a:hover{
	background-position:0 -62px;
}

/*------hotelInfo----*/
.cArea .infoBox{
	width:948px;
	float:left;
	background:#eaeaea;
	background-image: -moz-linear-gradient(top, #eaeaea, #ffffff);
	background-image: -ms-linear-gradient(top, #eaeaea, #ffffff);
	background-image: -o-linear-gradient(top, #eaeaea, #ffffff);
	background-image: -webkit-linear-gradient(top, #eaeaea, #ffffff);
	background-image: linear-gradient(top, #eaeaea, #ffffff);
	border:1px solid #ddd;

}

.cArea .infoBox h2{
	padding-bottom:10px;
	border-bottom:1px solid #ffffff;}

.cArea .infoBox dl{
	text-align:left;
	font-size:13px;
	}

.cArea .infoBox dl dt{
	color:#1e2121;
	padding:5px 10px 0;
	}

.cArea .infoBox dl dd{
	border-bottom:1px solid #ffffff;
	padding:5px 10px;
	}

.cArea .infoBox dl dd:last-child{
	border-bottom:none;
	}

/*------definition----*/

.cArea .defBox dl{
	text-align:left;
	font-size:13px;
	}

.cArea .defBox dl dt{
	color:#1e2121;
	}



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

　　　TOPページ

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



/* ----------- photo -----------  */

.cArea .viewer {
	margin: 0 auto;
	width: 950px;
	height: 400px;
	text-align: left;
	overflow: hidden;
}

.cArea .viewer ul {
	width: 950px;
	height: 400px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

.cArea .viewer ul li {
	top: 0;
	left: 0;
	width: 950px;
	height: 400px;
	display: none;
	position: absolute;
}

/* ----------- 浅草ビューホテルの魅力List -----------  */

.cArea .picupList {
	margin-right:-25px;
	overflow:hidden;
	zoom: 1;
	margin-bottom:30px;
	}
.cArea .picupList li{
   float:left;
	width:298px;
	margin-right:25px;
	display: inline;
	border: 1px solid #dddddd;
	color: #333;
	}

.cArea .picupList  img{
	margin: 10px 10px 0px;
}


/* ----------- ピックアップ -----------  */

.cArea .pickText{
	display:block;
	margin:0 10px 12px;
}

/* ----------- topics -----------  */
.cArea .topicsText{
	width:780px;
	float:left;
}

.cArea .topicsText p{
	}
	
.cArea .topicsText p a{
	color:blue !important;
	}

.cArea .topicsText .date{
	font-size:11px;
	color:#666;
	}

.cArea .topicsText h3{
	font-weight:bold;
	font-size:16px;
	margin-bottom:10px;}
	
.cArea .topicsText2{
	width:950px;
	float:left;
}

.cArea .topicsText2 p{
	}

.cArea .topicsText2 .date{
	font-size:11px;
	color:#666;
	}

.cArea .topicsText2 h3{
	font-weight:bold;
	font-size:16px;
	margin-bottom:10px;}

.cArea .row{display: none;} 

.cArea .head{
	min-height:20px;
	/height:15px;
	background:url(https://www.viewhotels.co.jp/asakusa/rakuten/img/common/arrow_down.png) no-repeat right 8px #eaeaea ;
	padding:5px 20px 2px 5px;
	margin:0 0 7px;
	text-align:right;
	cursor:pointer;
	border-right:5px solid #eaeaea;
}

.cArea .head:hover{
	background:url(https://www.viewhotels.co.jp/asakusa/rakuten/img/common/arrow_down.png) no-repeat right 8px #e9e9d4 ;
	border-right:5px solid #e9e9d4;
}
.cArea .open{
	background:url(https://www.viewhotels.co.jp/asakusa/rakuten/img/common/arrow_up.png) no-repeat right 8px #eaeaea !important;
}
.cArea .open:hover{
	background:url(https://www.viewhotels.co.jp/asakusa/rakuten/img/common/arrow_up.png) no-repeat right 8px #e9e9d4 !important;
}
.cArea .head .off{
	display:block;
	}
.cArea .open .off{
	display:none;
	}
.cArea .head .on{
	display:none;
	}
.cArea .open .on{
	display:block;
	}

.cArea .topicsList li{
	border-bottom:1px dotted #808080;
	padding:20px 0;
	}

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

　　　下層ページ

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

/* ----------- おすすめポイント -----------  */
.cArea .pointBox{
	padding:15px;
	border:1px solid #bcbcbc;
	color:#666666;
	}


.cArea .rText{
	width:453px;
	}


.cArea .rText h4{
	margin-bottom:25px;
	}


.cArea .rPic{
	width:440px;
	}

.cArea .pointBox .staff{
	background:url(https://www.viewhotels.co.jp/asakusa/rakuten/img/common/bg_p.gif) repeat;
}

.cArea .pointBox .staffText{
	width:680px;
	padding:25px 220px 20px 20px;
	}

.cArea .pointBox .staffText p{
	margin-top:20px;
	line-height:1.6;
	text-shadow:0 1px 1px #fff;
	}

.cAreaB .sttl{
	margin-top:30px;
	}

/* ----------- ページ内リンク -----------  */

.cArea .linkBox{
	margin-top:20px;
	background:url(https://www.viewhotels.co.jp/asakusa/rakuten/img/common/bg_w.png) repeat;
	padding:10px 0;
}

.cArea .linkBox .thumbnailLink {
	margin-left:25px;
	}

.cArea .linkBox .thumbnailLink li{
	float:left;
	width:210px;
	border:1px solid #bcbcbc;
	margin-right:18px;
	}

.cArea .linkBox .thumbnailLink li a{
	display:block;
	background:#fff;
}

.cArea .linkBox .thumbnailLink li a:hover{
	text-decoration:none;
	background:#e9e9d4;
}

.cArea .linkBox .thumbnailLink li img{
	margin:5px;
}

.cArea .linkBox .thumbnailLink li span{
	display:block;
	font-size:12px;
	padding:5px;
}

.cArea .linkBox .thumbnailLink li span strong{
	font-size:15px;}

	
/* ----------- 客室 -----------  */
	
.room .pointBox .staffText{
	background: url(https://www.viewhotels.co.jp/asakusa/rakuten/img/room/bg_staff.png) no-repeat 495px 0px;
	width: 920px;
	}
	


.cArea .roomList{
	overflow:hidden;
	margin-right:-30px;
	zoom:1;
	}

.cArea .roomList li{
	margin-top:20px;
	float:left;
	width:460px;
	margin-right:30px;
	}

.cArea .roomList p{
	margin:15px 0;
	}

.cArea .roomList table{
	border-collapse:collapse;
	min-width:260px;
	font-size:13px;
	}

.cArea .roomList th,
.cArea .roomList td
{
	padding:5px;
	border:1px solid #ddd;
	}

.cArea .roomList th{
	background:#eaeaea;
	width:50px;
	}

/* ----------- レストラン -----------  */


.cArea .restrantList {
	margin-top:30px;}

.cArea .restrantList li{
	width:440px;
	}

.cArea .pic{
	width:440px;
	height:300px;
	overflow:hidden;
	}
	
.cArea .pic img{position:absolute;}

.restrantList .change{
	margin-top:10px;
	margin-right:-10px;
	overflow:hidden;
	zoom:1;
	}

.restrantList .change li{
	width:140px;
	float:left;
	margin-right:10px;
	}
.restrantList p{
	margin-top:10px;
	}

.cArea .restrantList table caption{
	text-align:left;
	font-weight:bold;
	}
.cArea .restrantList table{
	border-collapse:collapse;
	width:100%;
	font-size:13px;
	margin-top:20px;
	}

.cArea .restrantList th,
.cArea .restrantList td
{
	padding:5px;
	border:1px solid #ddd;
	}

.cArea .restrantList th{
	background:#eaeaea;
	width:80px;
	}



	

/* ----------- 観光 -----------  */
.sightseeing .pointBox .staffText{
	background:url(https://www.viewhotels.co.jp/asakusa/rakuten/img/sightseeing/bg_staff.png) no-repeat top left;
	padding:25px 20px 20px 180px;
	width:710px;
	}	


.cArea .sightseeing {
	font-size: 13px;
	overflow: hidden;
	zoom: 1;
	margin: 20px -10px 0px 0;
	}
.cArea .sightseeing li{
	float:left;
	width:218px;
	margin-right:20px;
	margin-bottom:20px;
	padding:5px 0;
	display: inline;
	border:1px solid #dddddd;
	}
.cArea .sightseeing p{
	margin:0 5px 0;
}
.cArea .sightseeing .txt{
	margin:0 10px 0;
}

.cArea .sightseeing h4{
	font-weight:bold;
	margin:10px 10px 0;
	}

.cArea .sightseeing .route{
	background:#eaeaea;
	padding:2px 5px;
	margin:5px 5px 10px;
	}
	
/* ----------- よくある質問 -----------  */
	
	
.cArea .question dt {
	font-size: 16px;
	font-weight: bold;
	background: url(https://www.viewhotels.co.jp/asakusa/rakuten/img/question/bg_q.png) no-repeat left  top;
	padding-left: 40px;
	padding-bottom: 15px;
	margin-top: 25px;
	}

.cArea .question dd {
	background: url(https://www.viewhotels.co.jp/asakusa/rakuten/img/question/bg_a.png) no-repeat;
	padding-left: 40px;
	padding-bottom: 15px;
	}
.cArea .question dd span{
	font-weight: bold;
	}

/* ----------- アクセス -----------  */

.cArea .accessList {
	padding:10px !important;}
	
.cArea .accessList ul{
	float:left;
	width:640px;
	}
.cArea .accessList ul li{
	float:left;
	width:198px;
	margin-right:10px;
	border:1px solid #bcbcbc;
	}

.cArea .accessList p{
	float:right;
	width:288px;
	border:1px solid #bcbcbc;
	}

.cArea .accessList a{
	display:block;
	height:40px;
	}

.cArea .accessList a:hover{
	text-decoration:none;
}

.cArea .accessList li a{
	padding: 10px 0 0 55px;
	height: 52px;
	}
	
.cArea .accessList li a.train{
	background:url(https://www.viewhotels.co.jp/asakusa/rakuten/img/common/bg_train.png) no-repeat top left #fff ;
	}
	
.cArea .accessList li a.car{
	background:url(https://www.viewhotels.co.jp/asakusa/rakuten/img/common/bg_car.png) no-repeat top left #fff ;
	}
	
.cArea .accessList li a.air{
	background:url(https://www.viewhotels.co.jp/asakusa/rakuten/img/common/bg_air.png) no-repeat top left #fff ;
	}
	
.cArea .accessList li a.train:hover{
	background:url(https://www.viewhotels.co.jp/asakusa/rakuten/img/common/bg_train.png) no-repeat top left #f5f5ef ;
	}
	
.cArea .accessList li a.car:hover{
	background:url(https://www.viewhotels.co.jp/asakusa/rakuten/img/common/bg_car.png) no-repeat top left #f5f5ef ;
	}
	
.cArea .accessList li a.air:hover{
	background:url(https://www.viewhotels.co.jp/asakusa/rakuten/img/common/bg_air.png) no-repeat top left #f5f5ef ;
	}

.cArea .accessList p a{
	padding:22px 35px 0 0;
	background:url(https://www.viewhotels.co.jp/asakusa/rakuten/img/common/arrow.png) no-repeat right 23px #eaeaea ;
	border-right:15px solid #eaeaea;
	text-align:right;
}

.cArea .accessList p a:hover{
	background:url(https://www.viewhotels.co.jp/asakusa/rakuten/img/common/arrow.png) no-repeat right 23px #f5f5ef ;
	border-right:15px solid #f5f5ef;
}


.cArea .accessText{
	float:right;
	width:390px;
	}

.cArea .accessText table caption{
	text-align:left;
	font-weight:bold;
	color:#1e2121;
	}
.cArea .accessText table{
	border-collapse:collapse;
	width:100%;
	font-size:13px;
	margin-top:20px;
	}

.cArea .accessText th,
.cArea .accessText td
{
	padding:5px;
	border:1px solid #bcbcbc;
	}

.cArea .accessText th{
	background:#eaeaea;
	width:150px;
	}


/*------お知らせ----*/

.cArea .imporBox{
border:solid 1px #b8092a;
padding:0.5em;
}

.cArea h6.importext a{
font-size:16px;
 color:#b8092a !important;
font-weight:bold;
}

.cArea .importext a:hover{
text-decoration:underline;
color:#b8092a !important;

}