@charset "UTF-8";
/*   
Theme Name: Public21
Theme URI: http://www.acty21.com/public21/
Description: ホテルパブリック21用テーマ
Author: ADGRAPHY
Author URI: http://adgraphy.jp/
Version: 0.1.9
*/

/*------------------------------------------------
reset
--------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address , abbr, acronym, aress, article, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, section,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, nav,
dl, dt, dd , ol, ul, li,
fieldset, form, label, legend, hr,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: none;
	outline: 0;
	font-size:inherit;
	background: transparent;
	font-weight:normal;  
	text-decoration:none;
	font-family:inherit;
	color:inherit;
	box-sizing:border-box;
	font-style:normal;
	line-height:1;
	text-align:left;
	list-style: none;
}
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
}
img{ vertical-align:bottom;}
section,
div,
article,
nav,
ul{
	overflow:hidden;
    position: relative;
    zoom:1;
}
p,td,address,li{ line-height:18px;}
a:hover{ opacity:0.8;}

/*------------------------------------------------
general
--------------------------------------------------*/
.container{
	width:950px;
	margin:0 auto;
    overflow: hidden;
    position: relative;
    zoom:1;
}
.left{ float:left;}
.right{ float:right;}
.totop01{
	height: 140px;
}
.totop01 a{
	background:url(lib/images/common/totop01.png);
	width: 174px;
	height: 37px;
	display: block;
	text-indent: -9999px;
	position:absolute;
	top:50px;
	left:50%;
	margin-left: 340px;
}
.headline01{
	text-indent: -9999px;
	height: 120px;
	background-position:center top;
	background-repeat:no-repeat;
}
.box01{
	width: 925px;
	margin: 20px auto;
	padding:20px 25px;
	border-bottom:1px dotted #42210b;
	border-top:1px dotted #42210b;
}
.box01_right01{
	float: left;
	width: 275px;
}
.box01_right01_p01{ padding-left: 35px;}
.p01{ padding:0 75px;}
.em01{ color:#A90018;}
.table01{
	border-collapse:separate;
	border-spacing:5px;
	margin: 20px auto 0;
}
.table01 caption{
	color:#062441;
	margin-left: 15px;
}
.table01 th,
.table01 td{
	padding:15px;
	vertical-align:top;
}
.table01 th{
	background-color:#6A6C71;
	color:#FFFFFF;
	width: 220px;
}
.table01 td{
	background-color:#F4F4F5;
	width: 575px;
}
.em02{ color:#c1272d;}
.hr01{
	border-bottom:1px solid #d0c7c2;
	margin: 20px auto;
	width: 925px;
}
.hr02{
	border-bottom:1px dotted #8291A0;
	margin:0 auto;
	width: 920px;
}
.doubleparenthesis:before{ content:"《 ";}
.doubleparenthesis:after{ content:" 》";}
.headline02{
	background:url(lib/images/common/headline02.png) no-repeat center center;
	color:#062441;
	font-size: 19px;
	text-align:center;
	margin: 40px 0 20px;
	font-weight:bold;
}
.em03{
	font-size: 15px;
	line-height: 1.2;
	display:inline-block;
	margin-bottom: 8px;
	font-weight:bold;
}
.box02{
	width: 855px;
	height: 322px;
	margin: 0 auto;
	color:#062441;
	padding-top: 155px;
	padding-left: 35px;
}
.box02 h3{
	font-size: 18px;
	font-weight:bold;
}
.box02 p{ margin-top: 10px;}
.box01_img01{
	display: block;
	margin: 0 auto;
}
.gmap{
	background:url(lib/images/common/gmap.png) no-repeat;
	width: 296px;
	height: 37px;
	text-indent: -9999px;
	display: block;
	margin: 35px auto;
}
.gmap02{ background:url(lib/images/common/gmap02.png) no-repeat !important;}
.flexSpace{
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	-ms-flex-wrap:wrap;/*IE10*/
	-webkit-flex-wrap:wrap;/*PC-Safari,iOS8.4*/
	flex-wrap:wrap;
	-webkit-box-pack: justify; /*Android4.3*/
	-moz-box-pack: justify;    /*Firefox21*/
	-ms-flex-pack: justify;    /*IE10*/
	-webkit-justify-content: space-between; /*PC-Safari,iOS8.4*/
	justify-content: space-between;
}
.flexStart{
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	-ms-flex-wrap:wrap;/*IE10*/
	-webkit-flex-wrap:wrap;/*PC-Safari,iOS8.4*/
	flex-wrap:wrap;
}
.flexCenter{
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	-ms-flex-wrap:wrap;/*IE10*/
	-webkit-flex-wrap:wrap;/*PC-Safari,iOS8.4*/
	flex-wrap:wrap;
	-webkit-box-pack: center; /*Android4.3*/
	-moz-box-pack: center;    /*Firefox21*/
	-ms-flex-pack: center;    /*IE10*/
	-webkit-justify-content: center; /*PC-Safari,iOS8.4*/
	justify-content: center;
}
.clearfloat{
	overflow:hidden;
	position:relative;
}
/*------------------------------------------------
header
--------------------------------------------------*/
#header{
	background:url(lib/images/common/header_bg.png) no-repeat center top;
	height: 70px;
}
.header_logo a{
	display:block;
	text-indent: -9999px;
	width: 220px;
	height: 70px;
	float:left;
	background:url(lib/images/common/header_logo.png) no-repeat;
}
#gnav{
	width: 702px;
	margin-left: 20px;
	padding-top: 5px;
}
#gnav .menu li a{
	float:left;
	display: block;
	text-indent: -9999px; 
}
#sub-menu{ margin-left: 354px;}
#sub-menu li a{ height: 22px;}
.submenu01 a{
	background:url(lib/images/common/submenu01.png) no-repeat;
	width: 116px;
}
.submenu02 a{
	background:url(lib/images/common/submenu02.png) no-repeat;
	width: 116px;
}
.submenu03 a{
	background:url(lib/images/common/submenu03.png) no-repeat;
	width: 102px;
}
.submenu04 a{
	background:url(lib/images/common/submenu04.png) no-repeat;
	width: 76px;
}
#main-menu li a{
	width: 117px;
	height: 43px;
}
.mainmenu01 a{ background:url(lib/images/common/mainmenu01.png) no-repeat;}
.mainmenu02 a{ background:url(lib/images/common/mainmenu02.png) no-repeat;}
.mainmenu03 a{ background:url(lib/images/common/mainmenu03.png) no-repeat;}
.mainmenu04 a{ background:url(lib/images/common/mainmenu04.png) no-repeat;}
.mainmenu05 a{ background:url(lib/images/common/mainmenu05.png) no-repeat;}
.mainmenu06 a{ background:url(lib/images/common/mainmenu06.png) no-repeat;}


/*------------------------------------------------
header02
--------------------------------------------------*/
#header02{
	min-height:476px;
	background-color:#EEF0F2;
}
.page_h1{
	height: 250px;
	text-indent: -9999px;
	background-position:center top;
	background-repeat:no-repeat;
}
.header02_catch{
	height: 226px;
	background-position:center top;
	background-repeat:no-repeat;
}
.header02_catch01{
	text-indent: -9999px;
	height: 100px;
}
.header02_catch02{
	font-size: 15.5px;
	color:#062441;
	padding-left: 425px;
	height: 40px;
	font-weight:bold;
}
.header02_catch03{ padding-left: 245px;}


/*------------------------------------------------
yoyakukensaku
--------------------------------------------------*/
#yoyakukensaku{
	background:url(lib/images/common/yoyakukensaku_bg.png) no-repeat;
	width: 217px;
	height: 473px;
	position:absolute;
	top:3px;
	left:50%;
	margin-left: -472px;
	display:block;
	z-index:99;
	padding: 10px;
	color:#004C73;
}
#yoyakukensaku h2{
	background:url(lib/images/common/yoyakukensaku_h2.png) no-repeat center top;
	height: 40px;
	text-indent: -9999px;
}
.yoyakukensaku_tel{
	background:url(lib/images/common/yoyakukensaku_tel.png) no-repeat center top;
	height: 39px;
	text-indent: -9999px;
	margin: 10px 0;
}
#yoyakukensaku hr{
	width: 100%;
	border-bottom:1px solid #B2C9D5;
	margin: 8px 0;
}
.yoyakukensaku_btn{
	background:url(lib/images/common/yoyakukensaku_btn.png) no-repeat center top;
	width: 184px;
	height: 33px;
	display: block;
	margin: 0 auto;
	cursor:pointer;
	text-indent: -9999px;
	border:none;
}
.yoyakukensaku_btn:hover{ opacity:0.8;}
.yoyakukensaku_link li a{
	display: block;
	text-indent: -9999px;
	width: 184px;
	height: 33px;
	margin: 0 auto 10px;
}
.yoyakukensaku_link01{ background:url(lib/images/common/yoyakukensaku_a01.png);}
.yoyakukensaku_link02{ background:url(lib/images/common/yoyakukensaku_a02.png);}
.yoyakukensaku_link03{
	background:url(lib/images/common/yoyakukensaku_a03.png);
	height: 16px !important;
}
#yoyakukensaku dt{
	font-weight:bold;
	width: 55%;
	float: left;
	padding-left: 5px;
}
.yoyakukensaku_dt01{
	width: 100% !important;
	margin-bottom: 5px;
}
.yoyakukensaku_dd01{
	width: 100% !important;
	padding-left: 5px;
}

/*------------------------------------------------
footer
--------------------------------------------------*/
.footer_totop{
	height: 35px;
	margin-top: -35px;
}
.footer_totop a{
	background:url(lib/images/common/footer_totop.png);
	display: block;
	width: 174px;
	height: 35px;
	text-indent: -9999px;
	position:absolute;
	top:0;
	left:50%;
	margin-left: 333px;
}

#footer{
	background:url(lib/images/common/footer_bg.png) no-repeat center top;
	color:#FFF;
}
.footer_address{
	background:url(lib/images/common/footer_address.png) no-repeat;
	min-height:50px;
	padding-left: 290px;
	padding-top: 10px;
	margin:40px 0 40px 55px;
}
#footer_nav{
	padding-left: 25px;
	float: left;
}
#footer_nav .menu{
	float: left;
	padding-left: 30px;
}
#footer_nav li{ line-height: 2.2em;}
.footer_yoyaku{
	border:1px solid #EEF0F2;
	width: 472px;
	float: right;
	margin-right: 50px;
	padding-bottom: 20px;
}
.footer_yoyaku h2{
	color:#2A2D34;
	font-size: 16px;
	font-weight:bold;
	text-align:center;
	background-color:#EEF0F2;
	padding:10px;
}
.footer_yoyaku_tel{
	display: block;
	background:url(lib/images/common/footer_yoyaku_tel.png);
	width: 184px;
	height: 39px;
	float: left;
	text-indent: -9999px;
	margin-top: 30px;
	margin-left: 20px;
	margin-bottom: 30px;
}
.footer_yoyaku_plan{
	background:url(lib/images/common/footer_yoyaku_plan.png);
	display: block;
	text-indent: -9999px;
	width: 215px;
	height: 33px;
	float: right;
	margin-right: 20px;
	margin-top: 33px;
}
.footer_yoyaku_a{
	background:url(lib/images/common/footer_yoyaku_a.png) no-repeat left center;
	min-height:13px;
	padding-left: 18px;
	margin-left: 20px;
}
.footer_hr{
	border-bottom:1px solid #EEF0F2;
	margin-top: 30px;
}
.footer_acty21{
	background-color:#FFFFFF;
	padding:12px;
	text-align:center;
	margin-top: 20px;
}
.copyright{
	color:#EEF0F2;
	padding:20px 55px;
	text-align:center;
}

/*------------------------------------------------
recommend
--------------------------------------------------*/
#yoyaku01{
	background:url(lib/images/common/yoyaku01_bg.png) no-repeat;
	width: 928px;
	height: 97px;
	margin: 0 auto 75px;
}
#yoyaku01 h2{
	display: block;
	text-indent: -9999px;
	float: left;
	width: 247px;
}
.yoyaku01_plan{
	background:url(lib/images/common/yoyaku01_plan.png) no-repeat;
	width: 215px;
	height: 33px;
	display: block;
	float: left;
	text-indent: -9999px;
	margin-top: 32px;
}
.yoyaku01_tel{
	display: block;
	text-indent: -9999px;
	width: 213px;
	float: left;
}
.yoyaku01_ul01{
	float: left;
	padding-top: 28px;
}
.yoyaku01_ul01 li a{
	display: block;
	text-indent: -9999px;
	height: 14px;
	margin-bottom: 8px;
}
.yoyaku01_li01 a{
	background:url(lib/images/common/yoyaku01_li01.png) no-repeat center top;
	width: 230px;
}
.yoyaku01_li02 a{
	background:url(lib/images/common/yoyaku01_li02.png) no-repeat center top;
	width: 167px;
}
#recommend{ padding-bottom: 35px;}
#recommend h2{
	text-indent: -9999px;
	margin-bottom: 20px;
}
.recommend_h201{
	background:url(lib/images/common/recommend_h201.png) no-repeat center top;
	height: 20px;
}
.recommend_h202{
	background:url(lib/images/common/recommend_h202.png) no-repeat center top;
	height: 27px;
}
.recommend_ul01{
	display: -webkit-flex; /* Safari */
	display: flex;
	margin: 0 auto;
	width: 711px;
}
.recommend_ul01 li{
	background-color:#FFF;
	width: 227px;
	border:1px solid #CCC;
	float: left;
	margin: 0 5px 65px;
	padding:13px;
}
.recommend_ul01 p{
	height: 125px;
	padding-top: 20px;
}
.recommend_plan{
	background:url(lib/images/common/recommend_plan.png);
	width: 184px;
	height: 33px;
	display: block;
	text-indent: -9999px;
	margin:0 auto;
}
.recommend_page{
	background:url(lib/images/common/recommend_page_bg.png) no-repeat center top;
	padding-top: 50px;
}

/*------------------------------------------------
slider
--------------------------------------------------*/
.thumbslider div{ overflow:visible !important;}
.thumbslider .n2-ss-thumb-image{ border-radius:53px;}
.thumbslider .nextend-thumbnail-inner{
	height: 106px;
	background:url(lib/images/common/photo.png) no-repeat left center;
	padding-left: 76px;
	margin-top: 15px;
}