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

/*
Theme Name: osanbashi_custom
Template: osanbashi
*/

@import url('../osanbashi/style_pc.css');

a{
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
	transition: 0.4s;
}

/*------ 共通 -----*/

.sp_area{
	display:none;
}

.eventSpanSP{
	display: none!important;
}

#main_ph{
	width: 1180px;
	height: 430px !important;
	padding: 10px;
	background: #ddd;
	margin: 0 auto;
	height: auto;
}

#wrapper {
	border-top: solid 5px #093757;
}

.sp_br{
	display: none;
}

.w800_colum2 .right_colum2 .tit,
.w800_colum2 .right_colum2_notes .tit{
	margin-bottom: 25px;
}

.w800_colum2 .right_colum2 .tit,
.w800_colum2 .right_colum2_notes .tit{
	font-size: 230%;
}

.main_title{
	margin: 70px 0;
}

/*------ #header ------*/

#header .header-area{
	width:1200px;
	margin:0 auto;
	position:relative;
}

#header #logo-area{
	width: 309px;
}

#header #logo-area,
#logo-area h1{
	width: 309px;
}

#header .right-area{
	width: 412px;
	height: 30px;
	float:right;
	position: absolute;
	margin:auto;
	top: 0%;
	right: 0%;
}

#header .right-area .english-area{
	width: 87px;
	float:right;
}

#header .right-area .search-area{
	width: 233px;
	float:right;
	margin-top: 10px;
}

.page #header {
    margin-bottom: 20px;
}

#global_menu li a{
	font-size: 14px;
}

.banner_area{
	width: 786px;
	margin-top: 40px;
}

.banner_area img{
	display: block;
	width: 100%;
}

.gsc-input-box {
	height:30px;
	height:28px\9;
	/*width:220px;*/
	padding-right:0px;
	border:2px solid #676869 !important;
	-webkit-border-radius:3px;    /* Safari,Google Chrome用 */
	-moz-border-radius:3px;   /* Firefox用 */
	background: -moz-linear-gradient(top center, #f1f1f1 0%, #fff 100%);/* Firefox */
	background: -webkit-gradient(linear, center top, center bottom, from(#f1f1f1), to(#fff));/* Chrom と Safari */
	background: linear-gradient(top center, #f1f1f1 0%, #fff 100%);/* 共通 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#f1f1f1, endcolorstr=#ffffff))";/* IE8 IE9 */
	background: linear-gradient(to bottom, #f1f1f1, #fff) !important;/* IE10+, W3C */
}

.gsc-input{
	background: none !important;/* IE10+, W3C */

}
.gsc-input-box-hover{
	height: 25px;
	box-shadow: none;
}

.gsc-input-box-focus,
.gsc-input-box-hover{
     box-shadow: none !important;
}

.gsc-control-cse{
	padding: 0em !important;
}

.gsc-search-box .gsc-input {
	padding-right: 5px !important;
}

input[type="text"]:focus {
  outline: 0;
  border-color: orange;
}

.gsc-search-box input[type="image"],
.gsc-search-box input[type="image"]:hover,
.gsc-search-box input[type="image"]:focus{
	height:25px;
	width:25px;
	padding: 0px;
	border:2px solid #676869;
	background: url("/images/search_btn.png") no-repeat 50% 50%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	-webkit-border-radius:3px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 3px;   /* Firefox用 */
	cursor: pointer;
}

.gsst_a .gscb_a{
	padding-top: 5px;
	color: #676869 !important;
}

.gsc-search-box input[type="image"]::-webkit-search-decoration{
  display: none;
}

.gsc-search-box input[type="image"]::focus{
  outline-offset: -2px;
}

.info_area{
	margin-top:60px;
	border:3px solid #debbcb;
	text-align:center;
	padding:20px;
	background: #f9f3f6;
}

#mainColumn{
	margin-top:27px !important;
}

#sideColumn{
	margin-top:27px !important;
}

/*------ TOP -----*/

.info_tit{
	font-size: 17px;
}

.main_txt{
	top: 60px;
	right: g;
}

.main_txt img{
	width: 470px;
}

.index-recommend-box{
	height: auto;
	padding-bottom: 15px !important;
}

.news_txt a{
	text-decoration: underline!important;
}

/*20180403*/

#questionnaire{
	width:790px;
}

#questionnaire h2{
	font-size: 20px;
	margin:8px 0 -5px 0;
}


#questionnaire a{
	text-decoration:none;
}

#questionnaire .cos{
	margin-bottom: 3px;
}




/*------ カレンダー -----*/

.calendar_tit{
	font-size:20px;
}

.tribe-mini-calendar td a {
	cursor: default!important;
}

.tribe-events-duration {
	font-size: 110%;
	margin-top: 5px;
}

#wp-calendar td a{
	font-size: 15px;
}

#tribe-events-footer, #tribe-events-header{
	min-height: 40px;
}

#calendar_detail .tribe-events-meta-group-details dl{
	content: ".";
	display: block;
	height: 0;
	clear: both;
}

.tribe-events-sub-nav{
	position: relative;
}

.tribe-events-page-title{
	position: absolute !important;
    right: 0;
    left: 0;
    margin: auto;
    top: 0;
}

#tribe-events-content{
	margin-top: 20px;
}

.tribe-events-meta-group-details dt,
.tribe-events-meta-group-details dd{
	float: left !important;
}

.tribe-events-meta-group-details dt,
.tribe-events-event-categories{
	padding-top: 4px;
}

#tribe-events-content .tribe-events-abbr{
	font-size: 130%;
}

.tribe-events-meta-group-details dd{
	margin-left: 10px;
}

dd.tribe-events-event-categories{
	margin-left: 0px;
	font-weight: 700;
}

.single-tribe_events .tribe-events-event-meta {
	width: 760px !important;
}


/*------ #index-news-ul -----*/

#index-news-ul .news_left{
	float:left;
	width:568px;
}

#index-news-ul .news_right{
	float:right;
	width:200px;
	height: 150px;
	overflow: hidden;
}

#index-news-ul .news_tit h3 a {
    color: #3f8ecd;
}

#index-news-ul .news_right img{
	width:100%;
}

#index-news-ul .news_tit,
#index-news-ul .news_day,
#index-news-ul .newstag{
	float:left;
}

#index-news-ul .newstag{
	margin-right:10px;
	padding:1px 3px;
	text-align:center;
	font-size:12px;
	color:#fff;
	width:84px;
}

#index-news-ul .news_left dl{
	float:left;
	width:220px;
}

#index-news-ul .news_day{
	margin-right:10px;
	font-weight:bold;
	font-size:13px;
	padding:2px 0;
	width:110px;
}

#index-news-ul .news_tit {
	width:340px;
}

#index-news-ul .news_tit h3{
	margin:0;
	color:#3f8ecd;
	font-size:14px;
}

#index-news-ul .news_lead{
	font-weight:bold;
	font-size:13px;
	margin-top:10px;
	margin-bottom:0;
	line-height:18px;
}

#index-news-ul .news_txt{
	margin-top:10px;
	margin-bottom:0px;
	line-height:22px;
}

#index-news-ul li{
	margin-top:18px;
	padding-bottom: 12px;
}

.other_area{
	margin-top:15px;
	text-align:right;
	font-weight:bold;
}

.other_area a{
	background: url("/images/other_arrow.png") no-repeat center left;
	padding-left:15px;
	text-decoration: none;
}

/*20180604追加*/
#index-news-ul .news_tit_new {
	width:550px;
	margin-top:-20px;
	margin-bottom:-15px;
}

#index-news-ul .news_tit_new h3 a{
	margin:0;
	font-size:25px;
	color:#ea180e;
}



/*------ #sideColumn -----*/

#sideColumn .calendar_txt{
	margin:0 0 10px 0!important;
}

#sideColumn .calendar_img_area .month{
	margin-bottom:0;
	text-align:center;
	font-weight:bold;
	color:#3b6079;
}

#sideColumn .calendar_img_area>div>a>img{
	width: 380px;
}

#sideColumn .facebook_area{
	margin-top:40px;
}

#sideColumn .twitter_area{
	margin-top:20px;
}

#sideColumn .web_camera_area{
	margin-top:20px;
	padding:5px;
	background: #dfbbcc;
}

#sideColumn .web_camera_area>div>a>img{
	width: 370px;
}

#sideColumn .web_camera_area #wrap_all{
	margin-top:3px;
}

#sideColumn .harbor_area,
#sideColumn .region_area{
	margin-top:20px;
}

#sideColumn .region_tit{
	border:2px solid #6f4e33;
	position:relative;
	height:35px;
	padding:0 15px;
	background: -moz-linear-gradient(top center, #5d3819 0%, #81644c 100%);/* Firefox */
	background: -webkit-gradient(linear, center top, center bottom, from(#5d3819), to(#81644c));/* Chrom と Safari */
	background: linear-gradient(top center, #5d3819 0%, #81644c 100%);/* 共通 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#5d3819, endcolorstr=#81644c))";/* IE8 IE9 */
	background: linear-gradient(to bottom, #5d3819, #81644c);/* IE10+, W3C */
}

#sideColumn .harbor_tit{
	border:2px solid #3b6079;
	position:relative;
	height:35px;
	padding:0 15px;
	background: -moz-linear-gradient(top center, #3f8ecd 0%, #65a5d7 100%);/* Firefox */
	background: -webkit-gradient(linear, center top, center bottom, from(#3f8ecd), to(#65a5d7));/* Chrom と Safari */
	background: linear-gradient(top center, #3f8ecd 0%, #65a5d7 100%);/* 共通 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#3f8ecd, endcolorstr=#65a5d7))";/* IE8 IE9 */
	background: linear-gradient(to bottom, #3f8ecd, #65a5d7);/* IE10+, W3C */
}

#sideColumn .region_tit h3{
	margin:0;
	width:100%;
	height:21px;
	position: absolute;
	margin:auto;
	top: 0%;
	bottom: 0%;
	left: 15px;
	background: url("/images/brank_icon.png") no-repeat 90% 50%;
}

#sideColumn .harbor_tit h3{
	margin:0;
	width:100%;
	height:21px;
	position: absolute;
	margin:auto;
	top: 0%;
	bottom: 0%;
	left: 15px;
	background: url("/images/brank_icon.png") no-repeat 90% 50%;
}

#sideColumn .harbor_area .harbor_txt .harbor_list,
#sideColumn .region_area .region_txt .region_list{
	padding:5px 15px 0;
	font-size:13px;
}

#sideColumn .harbor_area .harbor_txt .harbor_list li,
#sideColumn .region_area .region_txt .region_list li{
	padding-left:22px;
	line-height:22px;
	background: url("/images/sidearea_dot.png") no-repeat 0% 50%;
}

#sideColumn .harbor_area .harbor_txt .harbor_list li a,
#sideColumn .region_area .region_txt .region_list li a{
	text-decoration: none;
}

#sideColumn .wca{
	/* text-align:center; */
	margin-top:10px;
	color:#3e8dcc;
}

/*------ #contents -----*/

.contents_w800{
	width:800px;
	margin:30px auto 70px auto;
}

#outline .wrap{
	margin-bottom: 70px;
}

.contents_w1010{
	width:1010px;
	margin:30px auto 0 auto;
}

#contents{
	margin-bottom: 0;
}

#contents a:hover{
	text-decoration: underline;
}

/*------ #main_area -----*/

#main_area{
	border-bottom:1px solid #e5e5e5;
}

#main_area .main_img{
	width:1180px;
	margin:0 auto;
	padding:10px;
	background: #e5e5e5;
}

#main_area .main_tit{
	text-align:center;
}

.main_tit{
	font-size:18px;
}

.main_tit h2{
	padding: 30px 0 23px 0;
	margin: 0;
	line-height: 100%;
}

/*------ #table_area -----*/

#table_area {
	width:800px;
	margin:0 auto;
}

.tribe-events-calendar td:hover{
	-webkit-box-shadow: #ccc 2px 3px 20px;
	-moz-box-shadow: #ccc 2px 3px 20px;
	box-shadow: #ccc 2px 3px 20px;
	behavior: url(/PIE/PIE.htc);
	z-index: 999;
}

.tribe-events-calendar td:hover{
	behavior: url(/PIE/PIE.htc);
	-webkit-box-shadow: #ccc 2px 3px 20px;
	-moz-box-shadow: #ccc 2px 3px 20px;
	box-shadow: #ccc 2px 3px 20px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}


#table_area .table01{
	border:2px solid #9fc6e6;
	margin-top:30px;
}

#table_area .table01 th{
	border-right: 1px solid #9fc6e6;
	border-bottom:1px solid #9fc6e6;
	background: #ecf4fa;
	font-weight:normal;
	padding:10px;
	width:120px;
	text-align:left;
}

#table_area .table01 th.line01{
	width:240px;
}

#use #table_area .table01 th{
	width: auto;
}

#table_area .table01 td{
	border-bottom:1px solid #9fc6e6;
	padding:10px;
}

/*------ .w800_colum3 -----*/

.w800_colum3 ul{
	margin-right:-20px;
}

.w800_colum3 ul li{
	float:left;
	width:253px;
	margin-right:20px;
}

.w800_colum3 ul li .txt_area{
	line-height:24px;
	margin: 10px 0 0;
}


/*------ .w800_colum2 -----*/

.w800_colum2 .left_colum2{
	width: 235px;
	float: left;
}

.w800_colum2 .left_colum2_notes{
	width: 235px;
	float: right;
}

.w800_colum2 .right_colum2{
	width: 525px;
	float: right;
}

.w800_colum2 .right_colum2_notes{
	width: 525px;
	float: left;
}

.bule_colum2_w{
	width: 388px;
	float: left;
	margin-right: 20px;
}

.bule_colum2_w .mt10{
	font-size: 90%;
}

/*------ .cont_img_area -----*/

.cont_img_area {
	margin-top:30px;
}

#index-news-ul li {
    border-bottom: solid 1px #e5e5e5;
}

#index-news {
    border-bottom: solid 1px #e5e5e5;
}

/*------ リンク -----*/

.left_area{
	width: 390px;
	float: left;
}

.right_area{
	width: 390px;
	float: right;
}

.right_area li,
.left_area li{
	line-height: 230%;
}

#footer .left_area{
	float:left;
	width:300px;
}

#footer .right_area{
	float:right;
	width:756px;
	margin-right:-20px;
}

#footer .right_area .fot_list {
	width:232px;
	margin-right:20px;
}

#sitemap .fot_list,
#footer .right_area .fot_list {
	float:left;
}

#sitemap .sns_area,
#footer .right_area .sns_area{
	margin-top:30px;
	padding-left:20px;
}

#sitemap .sns_area li,
 .right_area .sns_area li{
	float:left;
	margin-right:15px;
}

#footer .right_area .fot_list li a,
#footer .right_area .fot_list .list01{
	margin-top: 10px;
}

/*------ 個人情報保護基本方針 -----*/

#information h3{
	margin-top: 40px;
	padding-left: 35px;
}

#information p{
	line-height: 180%;
}


.bottom{
	margin-top: 30px;
}

/*------ リストアイコン -----*/
#information .tit01,
#information .tit02,
#information .tit03,
#information .tit04,
#information .tit05,
#information .tit06,
#information .tit07{
	background-size: 25px;
	min-height: 25px;
}

/*------ 交通アクセス -----*/
#access .contents_w800 img{
	width: 100%;
}

/*------ お問い合わせフォーム -----*/
ul.formList li div.form_left {
    float: left;
    width: 130px;
}

.form_txt{
    margin-bottom: 40px !important;
}

ul.formList li div.form_right {
    float: right;
    width: 500px;
}

/*------ 大さん橋から皆さまへ -----*/
#notes .tit{
	background-size: 39px;
	padding-left: 50px;
}

/*------ カレンダー ------*/
#event td,
#event td a{
	font-size: 20px !important;
	padding: 0;
}

#event #wp-calendar caption{
	font-size: 24px;
}

/*------ 駐車場 -----*/
#parking .lead .tit{
	font-size: 220%;
	line-height: 160%;
}

/*------ カレンダー -----*/
.tribe-events-sub-nav li{
	font-size: 150%;
	font-weight: bold;
	padding:5px 0;
	color: #3e8dcc;
}

.tribe-events-sub-nav li a{
	text-decoration: none;
}

.tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a{
	background: #5299d1;
}

#event .contents_w800{
	margin-bottom: 0;
}

/*------ parking -----*/
.sp_br{
	display: none;
}
.page_link_area ul{
	margin-right: -13px;
}


.page_link_area li{
	float: left;
	width: 31.6%;
	margin-right: 13px;
}


.parking_tit01{
    margin-top: 50px;
}


#parking .table01 .t_wd01,
#fee .table01 .t_wd01,
#outline .table01 .t_wd01 {
    width: 25%;
}


#parking .table01 .t_wd02,
#fee .table01 .t_wd02,
#outline .table01 .t_wd02 {
		width: 150px;
}

#parking .table01 .t_wd03,
#fee .table01 .t_wd03,
#outline .table01 .t_wd03 {
		width: 40px;
}

#parking .table01 .t_wd04,
#fee .table01 .t_wd04,
#outline .table01 .t_wd04{
		width: 31%;
}
#fee .table01 .t_wd06{
	width: 10%;
}
#fee .table01 .t_wd07{
	width: 95px;
}

#parking .table01 th,
#fee .table01 th,
#outline .table01 th {
		border: 1px solid #9fc6e6;
}

#parking .table01 td,
#fee .table01 td,
#outline .table01 td {
		border: 1px solid #9fc6e6;
}

.page_link_area li a{
	display: block;
	padding: 11px 11px 11px 31px;
	color: #fff!important;
	text-decoration: none !important;
	background:#093757 url("/images/arrow_01.png") no-repeat 5% 48%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	min-height: 38px;
}

#use .page_link_area li a{
	background:#093757 url("/images/arrow_02.png") no-repeat 5% 48%;
}

.page_link_area li a span{
	display: block;
	padding-top: 9px;
	display: block;
}

/*-------- カレンダー -------- */
#my-calendar{
	position: relative;
}

.my-calendar-month{
	position: absolute;
	top: 0;
	right: 10px;
}

.mc-main .my-calendar-header, .mc-main .mc_bottomnav {
    padding: 10px;
}

.event-title p{
	line-height: 140% !important;
	font-size:12px;
}

#calendar_index .mc-main.calendar .details.no-image{
	width: 60%;
}

.tribe-events-calendar .tribe-events-tooltip{
	bottom: 60px !important;
}

.mc-main.mini .event-title{
	font-size: 120%;
	padding-bottom: 0;
}

#global_menu ul ul li {
	width: 150px;
}

#global_menu ul li {
    margin: 0 40px;
}


#MENU_EN #global_menu ul li {
    margin: 0 70px;
}

/*-- faq --*/

#faq .lead {
	text-align: center;
	margin-bottom: 50px;
}

#faq .main_title {
	margin: 70px 0 30px;
}

#faq .faq .main_title {
	margin: 150px 0 50px;
}

.faq_left_area {
	float: left;
	min-width: 52px;
}

.faq_right_area {
	float: left;
	margin-left: 15px;
	width: 690px;
}


.faq_area .q_area {
	padding-bottom:10px;
	margin-bottom: 15px;
}

.faq_area .left_area {
	float: left;
	width: 35px;
}

.faq_area .right_area {
	float: left;
	margin-left: 15px;
	width: 690px;
}

.faq_area .faq_bottom {
	margin-bottom: 35px;
}

#footer-inner {
    padding-bottom: 20px !important;
}

/*-- use --*/
.map_img{
	padding-top: 30px;
}

.pcmt0{
	margin-top:0;
}
.pcmt10{
	margin-top:10px;
}
.pcmt15{
	margin-top:15px;
}
.pcmt20{
	margin-top:20px;
}
.pcmt25{
	margin-top:25px;
}
.pcmt30{
	margin-top:30px;
}
.pcmt35{
	margin-top:35px;
}
.pcmt40{
	margin-top:40px;
}
.pcmt45{
	margin-top:45px;
}
.pcmt50{
	margin-top:50px;
}
.pcmt55{
	margin-top:55px;
}
.pcmt60{
	margin-top:60px;
}
.pcmt65{
	margin-top:65px;
}
.pcmt70{
	margin-top:70px;
}
.pcmt75{
	margin-top:75px;
}
.pcmt80{
	margin-top:80px;
}
.pcmt85{
	margin-top:85px;
}
.pcmt90{
	margin-top:90px;
}
.pcmt100{
	margin-top:100px;
}
.pcmt110{
	margin-top:110px;
}
.pcmt120{
	margin-top:120px;
}



/*-------- top -------- */

.index-recommend-box {
	padding: 0 ;
}

.index-recommend-box img{
	width: 100% ;
}


/* ------- side ------- */

#side-banner {
	width: 380px;
	height: auto;
	margin-bottom: 30px;
}

/*-------- overview -------- */

#overview .lead{
	text-align: center;
}

#overview table .table_col_area,
#use table .table_col_area{
	border-right: 1px solid #9fc6e6;
}

#overview table .table_col_area{
	width:40px;
}


#overview .designer_area{
	margin-top: 80px;
}

.red_colum2_w,
.green_colum2_w {
	width: 388px;
	float: left;
	margin-right: 20px;
}

#overview .book_area{
	margin-top:80px;
}

/*-------- cafe -------- */

#cafe .txt_area .add_tit{
	bottom: 5%;
}


/*-------- 大さん橋の歩み -------- */
#history .lead {
    text-align: center;
}



#history .w800_colum3 ul li {
  float: left;
  width: 253px;
  margin-right: 20px;
	margin-top: 20px;
}


/*-------- カレンダー -------- */

.heading{
	position: absolute;
	left: 0;
	right: 0;
}
.my-calendar-next{
	position: absolute;
	right: 10px;
}


/*-------- TOP スライダー -------- */
.flexslider {
	margin-bottom: 30px!important;
}


/*-------- 右ナビ -------- */


#sideColumn{
    margin-bottom: 100px;
	}

/*-------- 160310 サイトマップ -------- */
#sitemap .fot_list{
		width: 225px;
}


#sitemap .fot_list.wd03{
	width: 195px;
}

#sitemap .wd732{
	width: 732px;
}

#sitemap .fot_list {
    margin-right: 43px;
}





/*--------  overview　-------- */
#overview .bule_colum2_w{
	width: 525px;
	float: right;
	margin-right: 0;
	height: inherit!important;
}


/*.cont_img_area p{
	line-height: 1.8em;
}*/

#overview .w800_colum3_sp_w{
	float: left;
	margin-right: 20px;
}


/*-------- 大さん橋ホール160318 -------- */

#lobby .map_img,
#use .map_img{
	text-align: center;
	margin:50px 0 30px;
}

#outline .page_link_area li a,
#lobby .page_link_area li a,
#use .page_link_area li a {
	position: relative;
	font-size: 120%;
	line-height: 120%;
	display: block;
	min-height: 120px;
	padding: 11px;
	color: #fff !important;
	text-decoration: none !important;
	background: none;
}

#outline .page_link_area li,
#lobby .page_link_area li,
#use .page_link_area li{
	width: 30.99%;
	background: -moz-linear-gradient(top center, #62a57c 0%, #019966 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#62a57c), to(#019966));
	background: linear-gradient(top center, #62a57c 0%, #019966 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#62a57c, endcolorstr=#019966))";
	background: linear-gradient(to bottom, #62a57c, #019966);
	-webkit-border-radius: 12px 12px 12px 12px;
	-moz-border-radius: 12px 12px 12px 12px;
	border-radius: 12px 12px 12px 12px;
	text-align: center;
	border: 3px #cbddcd solid ;
}

#outline .page_link_area li a span,
#lobby .page_link_area li a span,
#use .page_link_area li a span {
	display: block;
	padding-top: 0px;
	height: 48px;
	display: block;
	position: absolute;
	margin: auto;
	top: 26%;
	left: 0%;
	right: 0%;
}


#lobby .page_link_area li a.reservation_btn ,
#use .page_link_area li a.reservation_btn {
	background: url("/images/use/icon_01.png") no-repeat 50% 76%;
}

#lobby .page_link_area li a.faq_btn,
#use .page_link_area li a.faq_btn {
	background: url("/images/use/icon_02.png") no-repeat 50% 76%;
}

#outline .page_link_area li a.application_btn,
#lobby .page_link_area li a.application_btn,
#use .page_link_area li a.application_btn {
	background: url("/images/use/icon_03.png") no-repeat 50% 76%;
}

#outline .page_link_area li a.fee_btn {
	background: url("/images/use/icon_04.png") no-repeat 50% 76%;
}

#outline .page_link_area li a.faq_btn02 {
	background: url("/images/use/icon_05.png") no-repeat 50% 76%;
}


/*-------- CIQ 上部のボタン -------- */


#use #main_area .main_img{
	position: relative;
}

.link_area_top {
	margin: 0px !important;
}

.page_link_area.link_area_top li {
    float: none;
    width: 350px !important;
    margin-right: 13px;
    margin-bottom: 5px;
}

.link_area_top  ul {
    width: 350px;
	position: absolute;
	right: 38px;
	top: 20px;
}

.link_area_top  li a {
	display: block;
	padding: 7px 7px 7px 65px !important;
	color: #fff!important;
	text-decoration: none !important;
	font-size: 80%;
	min-height: 40px !important;
	margin-bottom: 3px;
	font-size: 110%;
	vertical-align: middle;
	line-height: 48px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	text-align: left;
	vertical-align: middle;
}

 .page_link_area.link_area_top li a span {
	display: block;
	padding-top: 0px;
	height: 87px !important;
	display: block;
	background:url("/images/arrow_03.png") no-repeat 98% 48%;
	position: static !important;
	line-height: 87px !important;
}

.link_area_top li a.reservation_btn {
	background: url("/images/use/icon_01.png") no-repeat 5% 50% !important;
}

.link_area_top li a.faq_btn {
	background: url("/images/use/icon_02.png") no-repeat 5% 50% !important;
}

.link_area_top li a.application_btn {
	background: url("/images/use/icon_03.png") no-repeat 5% 50% !important;
}


/*-------- カフェ・レストラン・ショップ160318 -------- */

.w800_colum2.cafe_02 .right_colum2_notes {
	width: 410px;
}

.w800_colum2.cafe_02 .left_colum2_notes {
	width: 340px;
	float: right;
}

/*-------- CIQホール　160322 -------- */

.ciq .w800_colum2 .right_colum2_notes {
	width: 466px;
	float: left;
}

.ciq .w800_colum2 .left_colum2_notes {
	width: 300px;
	margin: 55px 0 0 0;
}

/*-------- top_adobe -------- */

#header .adobe_area{
	margin-top: 16px;
}

/*#header .adobe_img{
	float: left;
	width: 158px;
	margin-right: 10px;
}*/

#header .adobe_txt{
	text-align: right;
	float: right;
}

#header .adobe_txt a{
	color: #fff;
	border: 2px solid #9fc6e6;
	padding: 5px 14px 5px 30px ;
	width: 185px;
	display: block;
	text-decoration: none;
	background: url("/images/i_pdf.gif") no-repeat 11px 7px  #4893cf;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

#header .adobe_txt a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}

/*-------- 予約状況 -------- */

#outline .left_text {
	float: left;
	width: 60%;
	margin-bottom: 0px;
}

#outline .right_text {
	float: right;
	text-align: right;
	width: 40%;
	margin-bottom: 0px;
}

#outline .calendar_area {
	margin-top: 30px;
}

#outline .calendar_area .left_area{
	width: 388px;
	float: left;
	margin-right: 20px;
}

#outline .calendar_area .right_area{
	width: 388px;
	float: left;
}

/*-------- ご利用料金一覧 -------- */

#fee02 .btn_list li{
	float: left;
	display: block;
	width: 199px;
	border-left: 1px solid #333;
}

#fee02 .btn_list li.last{
	width: 198px;
	border-right: 1px solid #333;
}


/*-------- CIQプラザ コピーライト -------- */

.main_copy{
	margin: 0 auto;
	width: 1200px;

}

/*-------- CIQプラザ コピーライト -------- */

#global_menu li a{
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

#global_menu li:hover{
	background-image: url(./images/anchor.png) ;
	background-repeat: no-repeat;
	background-position: center top;
}

.navihover{
	color: #00a2d9 !important;
}

/*-------- 大さん橋WEBカメラ -------- */

.camera_area{
	margin: 0 auto;
	width: 960px;
	padding-bottom: 40px;
}

/*バナー部分*/
.cruise{width: 490px;margin: 30px 10px 0 80px;}

.cruise img{
	width:450px;

}

/*------ #contents1200 -----*/

.contents_w1200{
	width:1200px;
	margin:30px auto 70px auto;
}

.cont_img_area_en {
	margin-top:50px;
}

/*------ .w1200_colum3 -----*/

.w1200_colum4 ul{
	margin-right:-16px;
}

.w1200_colum4 ul li{
	float:left;
	width:288px;
	margin-right:16px;
}

.w1200_colum4 ul li .txt_area{
	line-height:24px;
	margin: 10px 0 0;
}

/*------ INFO_AREA_EN -----*/

#INFO_AREA_EN .open_hours {
	float: left;
	font-size: 15px;
	font-weight: bold;
}

#INFO_AREA_EN .open_hours p.icon{
	width: 123px;
	float: left;
	margin-right: 15px;
}

#INFO_AREA_EN .open_hours p.icon img {
	width: 100%;
}

#INFO_AREA_EN .open_hours p.txt {
	color: #3e8dcc;
	float: left;
}

#INFO_AREA_EN .info_box_en {
	float: right;
}

#INFO_AREA_EN .info_box_en a{
	text-decoration: none;
}

/*------ MENU -----*/
#global_menu ul ul li {
	width: 150px;
}

/*------ SEARCH -----*/

#SEARCH .gsc-input-box {
	height:30px;
	height:28px\9;
	width:320px;
	padding-right:0px;
	border:2px solid #676869 !important;
	-webkit-border-radius:3px;    /* Safari,Google Chrome用 */
	-moz-border-radius:3px;   /* Firefox用 */
	background: -moz-linear-gradient(top center, #f1f1f1 0%, #fff 100%);/* Firefox */
	background: -webkit-gradient(linear, center top, center bottom, from(#f1f1f1), to(#fff));/* Chrom と Safari */
	background: linear-gradient(top center, #f1f1f1 0%, #fff 100%);/* 共通 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#f1f1f1, endcolorstr=#ffffff))";/* IE8 IE9 */
	background: linear-gradient(to bottom, #f1f1f1, #fff) !important;/* IE10+, W3C */
}

#PDF_EN .adobe_txt a{
	color: #fff;
	border: 2px solid #9fc6e6;
	padding: 5px 14px 5px 30px ;
	width: 175px;
	display: block;
	text-decoration: none;
	background: url("/images/i_pdf.gif") no-repeat 11px 7px  #4893cf;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

#PDF_EN .adobe_txt{
	text-align: center;
	float: right;
}

#PDF_EN .btn_jpn img {
	width: 80px;
	float: right;
	margin-left: 10px;
}

#PDF_EN .right-area .search-area{
	width: 262px!important;
	float:right;
	margin-top: 10px;
}


.cont_img_area_en .w1200_colum4_sp_w a:hover{
	opacity:0.3;
	display: block;
	width: 100%;
}

.cont_img_area_en .w1200_colum4_sp_w{
	background: #0a3858;
	display: block;
	width: 100%;
}


/* 英語グロナビ */
#MENU_EN #global_menu ul ul {
    left: -71px!important;
}


#header #PDF_EN.right-area .search-area {
    width: 313px;
}


.englishPage #logo-area h1{
	margin-top: 30px;
}


/* 英語サイトマップ */
.englishPage #sitemap .fot_list,
#sitemap .fot_list.wd03{
	width: 180px;
}

.englishPage #sitemap .wd732 {
    width: 626px;
}


/* 160615 日本語　ヘッダー */
.btn_en img{
	float: right;
	margin-left: 10px;
}

#header .right-area .search-area {
    width: 335px;
}
.w950px{
	width: 900px;
	margin: 0 auto;
}

.w950px h2 {
    border-left: solid 5px #36F;
    padding-left: 10px;
	color:#666;
}

.w950pxs {
    width: 900px;
    padding: 30px;
    background: #EBF3F9;
    margin: 0 auto;
}
.w950pxs p {
    margin-left: 50px;
}

.sh_btn {
    display: inline;
    margin-left: 50px!important;
}

.w950pxs h2{
	margin-bottom: 0!important;
    margin-top: 50px!important;
}
.w950pxs h3{
	margin-bottom: 0!important;
    margin-top: 20px!important;
}

.sh_btn a {
    width: 100%;
    height: 100%;
    background:#F15A24;
    padding: 10px;
    text-decoration: none;
    color: #FFF;
    /* display: block; */
}
.sh_btn a:hover {
    background: blue;
    color: #FFF!important;
}

.sh_p1{
	width: 450px;
	vertical-align: top;
	/* margin-left: 250px; */
}

.sh_p2{
	width: 370px;
}

.sh_p3{
	width: 100%;
}

.shui{
	font-size:14px;
	text-align:center;
	width:90%;
	margin:20px auto;
}

.tabe{
	border-collapse:collapse;
}

.tabe td{
	border:solid 1px #333;
	padding:10px;
	width:inherit;
}

.ksieh{
	margin-left:200px;
}

.heio{
    display: block;
	text-align: center;
	margin-bottom:50px;
}
.fs16px{
	font-size:16px;
}

.irhi{
	border:solid 1px #666;
	margin:10px 0 ;
}

.vbeu {
    font-size: 40px;
    line-height: 150%!important;
}

.kijse {
    font-size: 30px;
	
}

.cac_se {
    display: block;
    margin: 0 auto;
    position: relative;
    top: -10px;
}

.kite_table{
	margin:30px 0;
	
}

.kite_table td{
	border:solid 1px;
	padding:10px
	

}

.mb_dw{
	margin-bottom:20px!important;
}

.s_h3{
	font-size:28px;
	border-bottom:solid #ECF4FA;

	padding:0!important;
	margin-top:0;
	
	font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}


p.s_info_shoulder {
    margin: 0;
    padding: 0;
}


.s_info_left{
	float:left;
}

.s_info_left .sho1{
	width:430px;
	height:270px;
}
.s_info_left .sho2{
	width:250px;
	height:150px;
	margin-top:20px;
}

.s_info_right{
	float:right;
	width:330px;
}


.s_info_table{
	border-collapse:collapse;
	text-align:left;
	margin:20px 0 60px 0;
	
}

.s_info_table th, .s_info_table td{
	padding:10px;
	border:solid 1px #FFF;

}

.s_info_table tr{
	width:20%;
	background:#EEEEEE;

}
.s_info_table td{
	width:80%;
	background:#F5F5F5;

}
.txt_cen{
	text-align:center;
	display:block;
	margin:0 auto;
}

.emaj1{
	 float: right;
	 margin-left: 20px;
}

/*english access*/
.ac{
	width:800px;
    margin:0 auto;
}

.ac h2{
	border-bottom: 3px solid #CFE1EF;
}

.ac p{
	width:800px;
	margin:0 auto;
}

.ac_tit{
	width:800px;
	margin:0 auto;
	color:white;
	background:#3e8dcc;
}

.ac_tit a{
	text-decoration:none;
	color:white;
}

.ac_tit p{
	font-size:30px;
	padding-left:10px
}

.ac_by{
	margin-top:-30px;
	line-height: 140%;
	color: #000;
	font-size:30px;
	font-weight: normal;
	padding: 1px 8px 4px;
	/*border-left: 5px solid #3a5f8f;*/
	border-bottom:5px solid #3a5f8f;
}

.to_go{
	width:800px;
	margin:0 auto;
}

.to_go img{
	margin-top: -30px;
	margin-bottom: 20px;
}


.ac_by_2{
	line-height: 140%;
	color: #000;
	font-size: 30px;
	font-weight: normal;
	padding: 1px 8px 4px;
	/* border-left: 5px solid #3a5f8f; */
	border-bottom:5px solid #3a5f8f;
}

.custom{
	font-size:20px;
	border-left: solid 5px #36F;
	padding-left: 10px;
	color: #666;
	margin-bottom: 0;
}


.custom_a{
	margin-bottom:10px;
}

.wca{
	text-align:center;
	margin-top:20px;
	color:#3e8dcc;
}

.mainmap{
	text-align:center;
}


.discount{
  width: 378px;
  font-weight:bold;
  border:dashed;
  border-radius:10px;
  padding-top:5px;
  padding-left:15px;
}



/*花火*/
#fireworks p,#fireworks h2,#fireworks h3{
	text-align:center;
}

#fireworks .vbeu span{
	font-size:25px;
}

#fireworks .fw_date{
	font-size:2.5em;
	border:none;
	color:#000;
}
#fireworks table{
  border:1px solid;
  margin-bottom:30px;
}

#fireworks table th{
	background-color:#9fc6e6;
}

#fireworks table caption{
	font-size:1.3em;
	padding-bottom:10px;
}

#fireworks table tr td,#fireworks table th{
	text-align:center;
	vertical-align:middle;
	font-size:12px;
	border:1px solid;
	width: 16%;
	padding:5px;
	
}

#fireworks table span{
	color:#ff0000;
}

#fireworks .search{
	font-size:1.6em;
}

#fireworks strong{
	font-size:1.5em;
}

#fireworks .ac_s{
	color:#ff0000;
}

#fireworks .fire_img{
	width:100%;
	display:block;
	margin:0 auto;
	margin-bottom:30px;
}

/*-----------------------------
マルシェ
-------------------------------*/
.mar_img{
	margin:20px 0;
}
.video{
	text-align:center;
}

/*-----------------------------
イルミネーション
-------------------------------*/

#illumi .main_tit p{
	color:#000;
	margin-bottom:-20px;
}

#illumi h2 span{
	font-size:30px;
}

#illumi .sche{
	font-weight:bold;
}

#illumi .anvs,#illumi .retro,#illumi .welcome{
	margin-bottom:30px;
}

#illumi .anvs img,#illumi .retro img,#illumi .welcome img{
	display:block;
	margin:0 auto;
}