/*----------------------------------*/
/*全ページ共通----------------------*/
/*----------------------------------*/

body {
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	background: url(../img/main_bg.jpg);
}
img {
	vertical-align: top;
	font-size:0;
	line-height: 0;
}
hr {
	height: 1px;
	border: none;
	border-top: 1px #666 dashed;
	margin-top: 20px;
	margin-bottom: 20px;
}
a {
	color: #0066ff;
}
a:hover {
	color: #ff3300;
}
p {
	background-image:url(../img/spcer.gif);/*Android用*/
}
table td {
	background-image:url(../img/spcer.gif);/*Android用*/
}

a.hover_img:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

/*イベントお知らせ------------*/

#event_news {
	margin-top:5px;
	margin-bottom: 20px;
}
#event_news #event_title {
	
}
#event_news #event_body {
	padding:0px 12px;
	background: url(../img/top/event_body.jpg);
}
#event_news #event_footer {
	
}




/*芭蕉ライン観光ニュース------------*/
#contents .news {
	border-top: 1px #CCC dotted;
	border-left: 1px #CCC solid;
	border-right: 1px #CCC solid;
	border-bottom: 1px #CCC solid;
	/* padding: 5px 0 8px 14px; */
	padding: 5px 12px 8px;
	margin-bottom: 20px;
	background: #FFF;
	overflow:hidden;
	/* height:100%; */
	height:166px;
}
#contents .news #feed {
	font-size: 96%
}
#contents .news #feed li {
	/* width: 190px; */
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom:solid 1px #EEE;
	line-height: 1.4em
}
#contents .news #feed li span {
	font-weight: bold;
	display:block;
}
#contents .news ul.news_other {
	float:right;
	font-size: 90%;
}
#contents .news ul.news_other li {
	background: url(../img/arrow_01.png) 0 4px no-repeat;
	padding-left: 16px;
	margin-right: 14px;
}
#contents .news ul.news_other:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
*:first-child+html #contents .news ul.news_other { zoom: 1; } /* IE7 */

/*リンク---------------------*/
#contents .other_link {
	background: #FFF;
	margin-bottom: 20px;
}
#contents .other_link ul {
	border:solid 1px #cccccc;
}
#contents .other_link ul li {
	border-bottom:dotted 1px #cccccc;	
}
#contents .other_link ul li:last-child {
	border-bottom:none;	
}
#contents .other_link ul li a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

/*You Tube---------------------*/
#contents .youtube {
	margin-bottom: 20px;
	background: #FFF;
}
#contents .baggage {
	margin-top: 5px;
	margin-bottom: 20px;
	background: #FFF;
}
#contents .youtube a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

/*トップ下部 バナー写真---------------------*/
#contents .img_photo a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

/*船頭よりご案内---------------------*/
#contents .twitter {
	width: 208px;
	background: #FFF;
	padding: 0 0 5px 10px;
	margin-bottom: 20px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

/*女船頭りょうこの日記---------------------*/
#contents .facebook {
	width: 218px;
	background: #FFF;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}


/* 枠 */
div.waku {
	clear: both;
	background: #FFEFDF;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #999; /* Firefox用 */
	-webkit-box-shadow: 1px 1px 3px #999; /* Safari,Google Chrome用 */
	color: #373769;
	padding: 10px;
	margin-bottom: 15px;
	overflow:hidden;
}



/*フッター---------------------------------------*/
#footer {
	background: url(../img/footer_bg.gif);
	margin-bottom: 10px;
	overflow: hidden;
}
#footer:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
*:first-child+html #footer { zoom: 1; } /* IE7 */
#footer .footer_inner {
	width: 960px;
	margin: 0 auto;
	padding: 20px 0 0 30px;
}
#footer .ninka {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #f4f9f8;
	padding: 5px;
	margin-bottm: 10px;
	font-size: 90%
}
#footer .tel {
	float:left;
	width: 220px;
	margin-right: 20px;
}
#footer .tel p {
	margin-bottom: 10px;
}
#footer .tel p a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
#footer .add {
	float:left;
	width: 240px;
	background: url(../img/footer_border.gif) top right repeat-y;
	margin-right: 20px;
}
#footer .add p {
	margin-bottom: 1em;
}
#footer .link {
	float:left;
	width: 460px;
}
#footer .link ul{
	float:left;
	margin-right: 40px;
	margin-bottom: 10px;
}
#footer .link ul li {
	background: url(../img/arrow_01.png) 0 7px no-repeat;
	padding-left: 16px;
	line-height: 23px;
}
#footer .link ul li a {
	color: #000;
	text-decoration: none;
}
#footer .link ul li a:hover {
	color: #ff3300;
}
#copy {
	clear: both;
	text-align: center;
	margin-bottom: 10px;
	font-size: 86%
}

/*レイアウト-------------------------*/
.c {text-align: center}
.l {text-align: left}
.r {text-align: right}

.fl {float: left}
.fr {float: right}
.cb {clear: both}

.vat {vertical-align:top !important;}
.vab {vertical-align:bottom !important;}

/*テーブル---------------------------*/
table.t01 {
	border-left:1px solid #C8C0A8;
	border-top:1px solid #C8C0A8;
}
table.t01 td {
	vertical-align: middle;
	border-right:1px solid #C8C0A8;
	border-bottom:1px solid #C8C0A8;
}
table.t01 th {
	vertical-align: middle;
	border-right:1px solid #C8C0A8;
	border-bottom:1px solid #C8C0A8;
	font-weight:normal;
	background: #E3E3EC;
}
table.t02 {
	border-left:1px solid #c4d79b;
	border-top:1px solid #c4d79b;
}
table.t02 td {
	vertical-align: middle;
	border-right:1px solid #c4d79b;
	border-bottom:1px solid #c4d79b;
}
table.t02 th {
	vertical-align: middle;
	border-right:1px solid #c4d79b;
	border-bottom:1px solid #c4d79b;
	font-weight:normal;
	background: #ebf1de;
}

table.t01_2 tr {
	border-left:1px solid #C8C0A8;
}
table.t01_2 td {
	vertical-align: middle;
	border-right:1px solid #C8C0A8;
	border-bottom:1px solid #C8C0A8;
}
table.t01_2 td:first-child {
	border-top:1px solid #C8C0A8;
}

/*  */

.tbl_lo_fix {
	table-layout: fixed;
}

.bdc_orange {border-bottom-color:#FFEEE6;}


/*バックグラウンドカラー*/
.back_dorange {background: #FF9966 !important}
.back_lorange {background: #FFEEE6 !important}
.back_dblue {background: #373769 !important; color: #FFF}
.back_mblue {background: #c3c3d2 !important;}
.back_lblue {background: #f3f3f6 !important;}
.back_dgreen {background: #37693b !important; color: #FFF}
.back_mgreen {background: #c3d2c4 !important;}
.back_mgreen2 {background: #c4d79b !important;}
.back_lgreen {background: #f3f6f3 !important;}
.back_red {background: #ff0000 !important;}		/* 2020.03.08追加 */

.back_lpink {background: #FFEFDF !important;}

.back_fregray {background:#B2DED1 !important;}

.back_clear {border-bottom:0px !important;}
.back_clear_all {border-top:0px !important;border-right:0px !important;border-left:0px !important;border-bottom:0px !important;text-align:left !important;vertical-align:top !important;padding-top:10px !important;}


/*幅---------------------------*/
.w01 {width:10px;}			/* 2020.04.01追加 */
.w02 {width:20px;}			/* 2020.04.01追加 */
.w03 {width:30px;}
.w05 {width:50px;}
.w07 {width:75px;}
.w15 {width:150px;}
.w30 {width:300px;}
.w66 {width:660px;}

.w01, .w02, .w03, .w05, .w07, .w15, .w30, .w66 {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}			/* 2020.04.01追記 */

/*マージン---------------------------*/
.mt0 {margin-top:0}
.mt10 {margin-top:10px}
.mt20 {margin-top:20px}
.mt30 {margin-top:30px}
.mt40 {margin-top:40px}
.mt50 {margin-top:50px}

.mb0 {margin-bottom:0}
.mb5 {margin-bottom:5px}
.mb10 {margin-bottom:10px}
.mb20 {margin-bottom:20px}
.mb30 {margin-bottom:30px}
.mb40 {margin-bottom:40px}
.ml50 {margin-bottom:50px}

.ml0 {margin-left:0}
.ml10 {margin-left:10px}
.ml20 {margin-left:20px}
.ml30 {margin-left:30px}
.ml40 {margin-left:40px}
.ml50 {margin-left:50px}

.mr0 {margin-right:0}
.mr5 {margin-right:5px}
.mr10 {margin-right:10px}
.mr20 {margin-right:20px}
.mr30 {margin-right:30px}
.mr40 {margin-right:40px}
.mr50 {margin-right:50px}

/*フォントサイズ--------------------*/
.fs_10 {font-size: 77%}
.fs_11 {font-size: 85%}
.fs_12 {font-size: 93%}
.fs_13 {font-size: 100%}
.fs_14 {font-size: 108%}
.fs_15 {font-size: 116%}
.fs_16 {font-size: 124%}
.fs_17 {font-size: 131%}
.fs_18 {font-size: 139%}
.fs_19 {font-size: 147%}
.fs_20 {font-size: 154%}
.fs_21 {font-size: 162%}
.fs_22 {font-size: 170%}
.fs_23 {font-size: 177%}
.fs_24 {font-size: 185%}
.fs_25 {font-size: 193%}
.fs_26 {font-size: 200%}

/*フォントカラー--------------------*/
.fc_dBlue {color: #373769;}
.fc_orange {color: #fb7802;}
.fc_red {color: #cc0000;}
.fc_white {color: #ffffff;}			/* 2020.03.08追加 */



/*カレンダー*/
.calendar {
	clear: both;
	background: url(/img/sub_beige_bg.gif);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #999; /* Firefox用 */
	-webkit-box-shadow: 1px 1px 3px #999; /* Safari,Google Chrome用 */
	color: #373769;
	padding: 15px;
	margin-bottom: 30px;
	overflow:hidden;
}			/* 2020.04.01追加 */