@charset "shift_JIS";
/* ===================================================================
 style info : コンテンツエリア関係 他

fonts
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
=================================================================== */

/*----------------------------------------------------
	共通
----------------------------------------------------*/
/* スクロールバーの有無によるズレ対策 */
html {
/*	overflow-y: scroll;  2016_12_12無効化  */
}

body {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

input, textarea {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

/* for IE6 */
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
* html input, * html textarea {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

/* リンク
----------------------------------------------------*/
a {
	color: #002e73;
	text-decoration: underline;
}
a:link {
	color: #002e73;
	text-decoration: underline;
}
a:visited {
	color: #002e73;
	text-decoration: underline;
}
a:hover {
	color: #002e73;
	text-decoration: none;
}
a:active {
	color: #002e73;
	text-decoration: underline;
}

/* よく使いそうなCSS3
----------------------------------------------------*/
#selectors {
/* 角丸 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

/* 角丸個別 */
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;

/* ボックスに影 */
	-webkit-box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999;

/* テキストに影 */
	text-shadow: 1px 1px 0px #999;
}

/* 汎用
----------------------------------------------------*/
/* clerfix */
#contents:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
 
.clearfix {
  overflow: hidden;
  zoom: 1;
}

.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.tC,
.btn {
	text-align: center;
}

.tR,
.sign {
	text-align: right;
	margin-right: 10px;
}

/*===============================================
●画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){
/*----------------------------------------------------
	#page（ページ全体）
----------------------------------------------------*/
#page {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: #fff;
	font-size: 100%;
}


/*----------------------------------------------------
	#contents（メインとサイド）
----------------------------------------------------*/
#contents {
	position: relative;
	z-index: 0;
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

/*----------------------------------------------------
	#side（サイド）
----------------------------------------------------*/
#side {
	z-index: 30;
	float: left;
	width: 240px;
	margin-left: 10px;
	padding: 0; 
	position: relative;
}
#side h1 {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}
#side h2 {
	margin-bottom: 40px;
	text-align: center;
}

/* グローバルナビ
----------------------------------------------------*/
#side .global {
        margin-bottom: 30px;
	border-bottom: 1px solid #CCC;
}
#side .global li {
	padding: 0;
}
#side .global li a {
	display: block;
	padding: 10px 10px;
	border-top: 1px solid #CCC;
	color: #333;
	font-weight: bold;
	text-decoration: none;
}
#side .global a:hover {
	color: #FFF;
	background: #002e73;
}

/* MICS
----------------------------------------------------*/
#side .mics{
	margin-bottom: 20px;
}
#side .micsData {
	width: 100%;
/*	height: 480px;  */
	height: 380px;
	margin-left: -5px;
	margin-bottom: 10px;
}
#side .mics p{
	padding: 0 5px;
	margin-bottom: 10px;
	font-size: 93%;
	line-height:1.4;
}

/* ---- スマホ以外非表示(H30.6.21) ----- */
#side .micssp{
	display: none;
}
#side .micsDatasp {
	display: none;
}

/* Adress
----------------------------------------------------*/
#side .adress{
	margin-bottom: 20px;
	background: #ebf1ff;
	padding: 10px 10px 5px 10px;
}
#side .adress p{
	margin-bottom: 10px;
	font-size: 93%;
	line-height:1.4;
}

#main .addrSp{
	display: none;
}
#main .addrSp p{
	display: none;
}


/*----------------------------------------------------
	#mainWrap（メイン）
----------------------------------------------------*/
#mainWrap {
	z-index: 10;
	float: left;
	width: 100%;
	margin-left: -250px;
}

/*----------------------------------------------------
	#main（メインコンテンツ）
----------------------------------------------------*/
#main {
	z-index: 20;
	margin-left: 270px;
	margin-bottom: 20px;
	padding: 0;
	background: #fff;
}

#main table,
#main ol,
#main ul,
#main dl,
#main blockquote,
#main pre,
#main p {
	font-size: 108%;
	margin-bottom: 10px;
	line-height: 1.8;
}

#main ul.list01 {
	clear: both;
	margin-bottom: 10px;
}
#main ul.list01 li {
	list-style: disc outside;
	margin-left: 2.5em;
}
#main ul.list01-2 {
	clear: both;
	margin-bottom: 10px;
}
#main ul.list01-2 li {
	float: left;
	list-style: disc outside;
	margin-left: 2.5em;
	width: 360px;
}

#main ol.list02 li {
	list-style: decimal outside;
	margin-left: 2.5em;
}

#main .att {
	color: #c00000;
}

#main .ico a {
	text-decoration: none;
}

#main .mainInner {
	margin: 0 10px 0 0;
}

#main .mainMargin {
	height: 155px;
}

#main .cBox{
	margin-bottom: 15px;
}

#main .pageTop {
	clear: both;
	margin: 0 10px 0 0;
	text-align: right;
	font-size: 85%;
}
#main .pageTop a {
	padding: 0;
	color: #333;
	text-decoration: none;
}
#main .pageTop a:hover {
	color: #000;
}

#main h2 {
	font-size: 174%;
	color: #333;
	margin-top: 20px;
	margin-bottom: 10px;
}
#main h3 {
	font-size: 153.9%;
	color: #002e73;
	border-bottom: 2px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
#main h4 {
	font-size: 131%;
	color: #002e73;
	margin-bottom: 5px;
}
#main h5 {
	font-size: 108%;
	color: #333;
	margin-bottom: 3px;
}

/* 新着情報 TOP
----------------------------------------------------*/
#main .iframeNewsTop {
	position: relative;
	padding: 560px 0 0 0;
	margin-bottom: 40px;
	margin-right: 10px;
	overflow-y:auto;  /* 2016/12/14 修正 */
	-webkit-overflow-scrolling:touch;
}

#main .iframeNewsTop iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
/***  2016/12/14 追加　　***/
	border:none;
	display:block;
/***  追加ここまで       ***/
}

/* 新着情報 過去
----------------------------------------------------*/
#main .iframeNews {
	position: relative;
	padding: 1000px 0 0 0;
	margin-bottom: 20px;
	margin-right: 10px;
	overflow-y:auto;  /* 2016/12/14 修正 */
	-webkit-overflow-scrolling:touch;
}

#main .iframeNews iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
/***  2016/12/14 追加　　***/
	border:none;
	display:block;
/***  追加ここまで       ***/
}

/* 新着情報 フレーム内
----------------------------------------------------*/
#iframeContents .news {
	margin-bottom: 20px;
	font-size: 108%;
}

#iframeContents .news dl {  
 	margin: 0 20px 0 0;
}

#iframeContents .news dt {  
 	float:left;  
 	width:140px;  
 	padding:2px 0;  
 	clear:both;  
 	font-weight:bold;
}

#iframeContents .news dd {  
 	margin-left:140px;  
 	padding:2px 0;
}

#iframeContents .news h3 { 
	margin-bottom:20px; 
}

#iframeContents .news p { 
	margin-bottom:10px; 
}

/* 唐津海便り TOP
----------------------------------------------------*/
#main .iframeLetterTop {
        position: relative;
/*	padding: 560px 0 0 0;  */
	padding: 1270px 0 0 0; 
	margin-bottom: 40px;
	margin-right: 10px;
	overflow-y:auto; /* 2016/12/15 変更　*/
	-webkit-overflow-scrolling:touch;
}

#main .iframeLetterTop iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
/***  2016/12/14 追加　　***/
	border:none;
	display:block;
/***  追加ここまで       ***/
}

/* 唐津海便り フレーム内
----------------------------------------------------*/
#iframeContents .letter {
	margin-bottom: 20px;
	font-size: 108%;
}

#iframeContents .letter p {  
	margin: 10px 20px 10px 10px;
}  

/* バナー
----------------------------------------------------*/
#main .bnr{
	margin-bottom: 20px;
}

#main .bnr li {
	float: left;
	padding: 0;
	margin: 0 15px 15px 0;
}

#main .bnr li img {
	border: 1px solid #ccc;
	width: 200px;
}

/* コンテンツナビボタン
----------------------------------------------------*/
#main .navBtnBox {
	margin-bottom: 10px;
	margin-left: -20px;
}

#main .navBtn {
	float: left;
	margin: 0 0 20px 20px;
}

#main .navBtn a {
	display: block;
	background: #e5eaf1;
	color: #002e73;
	width: 146px;
	height: 25px;
	padding: 10px;
	font-size: 123.1%;
	font-weight: bold;
	text-decoration: none;
        text-align:center;
    
}

#main .navBtn a:hover {
	background: #002e73;
	color: #FFF;
}

/* 一覧表1
----------------------------------------------------*/
#main .table01 {
	margin-bottom: 20px;
	font-size: 108%;
}

#main .table01 dl {  
 margin: 0 20px 0 0;
}  

#main .table01 dt {  
 float:left;  
 width:220px;  
 padding: 3px 0;  
 clear:both;  
 font-weight:bold;  
}  

#main .table01 dd {  
 margin-left:220px;  
 padding: 3px 0;
}

/* 一覧表2
----------------------------------------------------*/
#main .table02 {
	margin-bottom: 20px;
}
#main .table02 dl {  
 margin: 0 20px 0 0;
}  
#main .table02 dt {  
 float:left;  
 width:480px;  
 padding: 3px 0;  
 clear:both;  
 border-bottom: 1px solid #ccc;
}  
#main .table02 dd {  
 margin-left:480px;  
 padding: 3px 0;
 border-bottom: 1px solid #ccc;
}

/* 画像配置
----------------------------------------------------*/
#main .imgBox01 {
	margin-bottom: 10px;
	margin-left: -10px;
}
#main .imgBox01 img {
	float: left;
	margin: 0 10px 10px 0;
	height: 140px;
	width: auto;
}

/* 所属船艇
----------------------------------------------------*/
#main .boatBox {
	margin-bottom: 10px;
	margin-left: -10px;
}
#main .boat {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
}
#main .boat img {
	height: 180px;
	width: auto;
}

/* 釣り
----------------------------------------------------*/
#main .tsuriBox {
	margin-bottom: 10px;
}
#main .tsuri {
	float: left;
	width: 280px;
	margin-bottom: 10px;
	margin-right: 20px;
}
#main .tsuri img {
	height: 200px;
	width: auto;
}

#main .tsuri p{
        font-size:130% ;
        margin-bottom:10px ;
        line-height: 1.5 ;
}
  
#main .kakushu {
        clear: both;
        font-size:130% ;   
}        

/*----------------------------------------------------
	footer#globalFooter
----------------------------------------------------*/
footer#globalFooter {
	clear: both;
	background: #002e73;
	padding: 20px 0;
}

footer#globalFooter ul {
	list-style: none;
	text-align: center;
	margin-bottom: 10px;
}

footer#globalFooter ul li {
	display: inline;
	margin-right: 10px;
	margin-left: 10px;
}

footer#globalFooter ul li a {
	color: #FFF;
}

/* copyright
----------------------------------------------------*/
footer#globalFooter p.copyright {
	text-align: center;
	color: #FFF;
}

footer#globalFooter p.copyright small {
}

.pic_box{
	float : left;
	margin : 0px 10px 0px 10px;
}

.pic_box01{
	float : right;
	margin : 0px 10px 0px 10px;
}

/*  Test */
.test{
	color : #f00;
}


/*画面の横幅が769px以上*/
}