@charset "shift_JIS";
/* ===================================================================
 style info : 印刷用
=================================================================== */
@media print {
body {
	zoom: 100%;
}

/*----------------------------------------------------
	#page（ページ全体）
----------------------------------------------------*/
#page {
/*	width: 1280px;  */
width: 1100px;
	margin: 0 auto;
	padding: 0;
	background: #fff;
	font-size: 100%;
}


/*----------------------------------------------------
	#contents（メインとサイド）
----------------------------------------------------*/
#contents {
	position: relative;
	z-index: 0;
	width: 100%;
	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: 15px 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: 380px;
	margin-left: -5px;
	margin-bottom: 10px;
}
#side .mics p{
	padding: 0 5px;
	margin-bottom: 10px;
	font-size: 93%;
	line-height:1.4;
}


/* 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: 1040px;
	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 {
	list-style: disc outside;
	margin-left: 2.5em;
}

#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:scroll;
	-webkit-overflow-scrolling:touch;
}
#main .iframeNewsTop iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* 新着情報 一覧

----------------------------------------------------*/
#main .iframeNews {
	position: relative;
	padding: 1000px 0 0 0;
	margin-bottom: 20px;
	margin-right: 10px;
	overflow:scroll;
	-webkit-overflow-scrolling:touch;
}
#main .iframeNews iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* 新着情報 フレーム内
----------------------------------------------------*/
#iframeContents .news {
	margin-bottom: 20px;
	font-size: 108%;
}

#iframeContents .news dl {  
 	margin: 0 20px 0 0;
}
 
#iframeContents .news dt {  
 	padding: 0 0 3px 0;   
 	font-weight:bold;  
}
 
#iframeContents .news dd {   
 	padding: 0 0 15px 0;
}

#iframeContents .news h3 { 
	margin-bottom:20px; 
}

#iframeContents .news p { 
	margin-bottom:10px; 
}

.pic_box{
	float : left;
	margin : 0px 10px 0px 10px;
}

/* 唐津海だより TOP
----------------------------------------------------*/
#main .iframeLetterTop {
	position: relative;
/*	padding: 1270px 0 0 0;  */
padding: 1270px 0 0 0;
	margin-bottom: 40px;
	margin-right: 10px;
/*	overflow:scroll;
	-webkit-overflow-scrolling:touch;  */
}

#main .iframeLetterTop iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* 唐津海だより フレーム内
----------------------------------------------------*/
#iframeContents .letter {
	margin-bottom: 20px;
	font-size: 108%;
}

#iframeContents .letter dl {  
 	margin: 0 20px 0 0;
}
 
#iframeContents .letter dt {  
 	padding: 0 0 3px 0;   
 	font-weight:bold;  
}
 
#iframeContents .letter dd {   
 	padding: 0 0 15px 0;
}

#iframeContents .letter p {   
 	padding: 0 0 15px 0;
}

/* バナー
----------------------------------------------------*/
#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:160px;
	height: auto;
}

/* コンテンツナビボタン
----------------------------------------------------*/
#main .navBtnBox {
	margin-bottom: 10px;
	margin-left: -20px;
}
#main .navBtn {
	float: left;
	margin: 0 0 10px 10px;
}
#main .navBtn a {
	display: block;
	background: #e5eaf1;
	color: #002e73;
	width: 124px;
	height: 30px;
	padding: 10px;
	font-size: 108%;
	font-weight: bold;
	text-decoration: none;
}
#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 {  
 padding: 3px 0 0 0;  
 clear:both;  
 font-weight:bold;  
}  
#main .table01 dd {  
 padding: 0 0 5px 0;
}

/* 一覧表2
----------------------------------------------------*/
#main .table02 {
	margin-bottom: 20px;
}
#main .table02 dl {  
 margin: 0 20px 0 0;
}  
#main .table02 dt {   
 padding: 3px 0 0 0;  
 clear:both;  
}  
#main .table02 dd {  
 padding: 0 0 5px 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: 88px;
	width: auto;
}

/* 所属船艇
----------------------------------------------------*/
#main .boatBox {
	margin-bottom: 10px;
	margin-left: -10px;
}
#main .boat {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
}
#main .boat img {
	height: 145px;
	width: auto;
}

/* 釣り
----------------------------------------------------*/
#main .tsuriBox {
	margin-bottom: 10px;
}
#main .tsuri {
	float: left;
	width: 30%;
	margin-bottom: 20px;
	margin-right: 20px;
}
#main .tsuri img {
	height: 240px;
	width: auto;
}

/*----------------------------------------------------
	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 {
}


}

