/*
Theme Name:静岡海岸
Theme URL:http://www.URL/
Description:サイト名ウェブサイト
*/

* {
	margin:0;
	padding:0;
}
.clearfix:after {
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
	zoom:1;
}

/****************************************

          General Setting

*****************************************/

*{margin: 0; padding: 0;}
html {
	font-family : verdana, sans-serif;
	line-height : 1.5;
	font-size: 100%;
	overflow-y: scroll;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	}
a {
	text-decoration: none;
	outline: none;
	}
ul, ol { list-style : none;}
img {
	vertical-align : middle;
	max-width: 100%;
	border: 0;
	}
@-o-viewport {
	width : 320px;
	zoom:1.0
	}

h1,h2,h3,h4,h5,h6 {margin: 0;}
h1 {
	font-size: 3em; 
	line-height: 1.1}
h2 {
	font-size : 2.250em;
	line-height : 1.3333}
h3{
	font-size : 1.5em;
	line-height : 1}
h2,h3,h4,h5,h6 {
	font-size : 1em;
	line-height : 1.5}
	
a:link,
a:visited {
	color: #0066CC;
	text-decoration: underline;
	}
a:hover {text-decoration: none;}



/****************************************

          汎用

*****************************************/
.clearfix {zoom:1;}
	.clearfix:after {
		content: ""; 
		display: block; 
		clear: both;}
		* html .clearfix { height: 1%; }
.clear {clear: both;}

.fc01 {color: #03B0EC;}
.fc02 {color: #CC0000;}

.tr {text-align: right;}
.tc {text-align: center;}

.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.pt0  {padding-top: 0 !important;}
.pt12 {padding-top: 12px;}
.pt24 {padding-top: 24px;}



/****************************************

          Layout

*****************************************/
body {
	background-color: #F8F8F8;
	background-image: url(img/topline.gif);
	background-repeat: repeat-x;
	background-position: left top;
	}
#page {
	background-image: url(img/page_bg.jpg);
	background-repeat: no-repeat;
	background-position: center 13px;
	overflow: hidden;
	/zoom: 1;
	}
.wrap {position: relative;}
p#home {
	position: absolute;
	top: -4px;
	right: 1%;
	z-index: 100;
	}
.shadow {
	background-image: url(img/shadow.png);
	background-repeat: repeat-y;
	background-position: center top;
	}
#header {
	margin-top: 13px;
	overflow: hidden;
	/zoom: 1;
	background-repeat: repeat-x;
	background-position: left top;
	}
	#header h1 {
		padding-left: 1%;
		float: left;
		}
	#header h2 {
		font-weight: normal;
		font-size: 0.750em;
		width: 440px;
		overflow: hidden;
		zoom: 1;
		margin-left: 365px;
		padding-top: 20px;
		}
/*
ヘッダー固定用
*/
#headerArea {
	width: 100%;
	margin: 0;
	}
.fixed p#home {
	top: 9px;
	}
.fixed {
	position: fixed;
	top: 0;
	z-index: 10000;
	margin: 13px 0 0 0;
	background-repeat: repeat-x;
	background-position: center bottom;
	}
/*
コンテンツ
*/
#contents p { 
	margin-bottom : 12px;
	text-align : left;
	}
/*
フッター
*/
#footer {
	clear: both;
	text-align : center;
	background-image: url(img/footerbg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #0000FF;/* #00AFEC */
	overflow: hidden;
	}
#copyright {
	background-image: url(img/copyright.gif);
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 150px;
	color: #FFF;
	}
footer .wrap p {
	position: relative;
	top: 76px;
	font-size: 0.813em;
	}



/****************************************

          index

*****************************************/
/*
トップ画像
*/
#topImage {
	text-align: center;
	margin-bottom: 20px;
	}

/*
静岡海岸Contents（メニュー）、最新トピックス
*/
#contentsNav,
#topics {
	margin-bottom: 24px;
	background-color: #FFF;
	border: solid 1px #CCCCCC;
	border-radius: 10px;
	zoom: 1;
	position:relative;
	}
#contentsNav h2,
#topics h2 {
	color: #FFF;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 110%;
	padding: 12px;
	border: solid 1px #FFFFFF;
	border-bottom: none;
	text-shadow: 2px 2px 1px rgba(0,0,0,0.5);
	border-radius: 10px 10px 0 0;
	zoom: 1;
	position:relative;
	}
#contentsNav h2 {background-image: url(img/contentsNav_title.png);}
#topics h2 {background-image: url(img/topics_title.png);}
#contentsNav ul,
#topics .inner {
	overflow : hidden;
	width : 91.79%;/* 940/1024*100 */
	margin : 0 auto;
	}
#topics a {
	color: #000;
	text-decoration: none;
	}
#topics a:hover {text-decoration: underline;}
#contentsNav ul li {
	border-bottom: solid 1px #E8E8E8;
	background-image: url(img/contentsNav_icon.png);
	background-repeat: no-repeat;
	background-position: left 16px;
	}
#contentsNav ul li:last-child {border-bottom: none;}
#contentsNav ul li a {
	display : block;
	padding : 12px 0 12px 24px;
	color: #333;
	text-decoration: none;
	}
#contentsNav ul li a:hover {
	color: #0000FF;/* #00AFEC */
	}


/*
TOP最新トピックス
*/
#topics .inner dl {
	background: #E3F7FD;
	padding: 12px;
	margin: 12px 0;
	display: block;
	}
#topics .inner dl dt {
	float: left;
	width: 30%;
	color: #0C66B9;
	background-image: url(img/topics_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 24px;
	}
#topics .inner dl dd {
	overflow: hidden;
	zoom: 1;
	display: block;
	}

p.logo {
	margin-top: 22px;
	text-align: center !important;
	}



/****************************************

          中ページ

*****************************************/
#contentsInner {
	background-color: #F8F8F8;
	}
#contentsInner,
.breadcrumbs {
	padding: 20px 20px 0 20px;
	position: relative;
	}

#contentsInner .return,
.innerwrap {padding: 0 5px 24px;}


/*
見出し装飾
*/
#contentsInner h2 {
	color: #FFF;
	background-color: #0882CD;
	margin: 11px 0 35px 0;
	background-image: url(img/h2_title.png);
	background-repeat: no-repeat;
	background-position: right top;
	line-height: 50px;
	padding-left: 72px;
	font-size : 24px;
	}
	#contentsInner #h2_title_img {
		position: absolute;
		z-index: 1;
		top: 20px;
		left: 10px;
		}
#contentsInner h3 {
	background-image: url(img/h3_title_bg.gif);
	background-repeat: repeat;
	border: solid 1px #B9C4CE;
	border-radius: 10px 10px 0 0;
	zoom: 1;
	position:relative;
	padding: 12px;
	color: #003399;
	margin-bottom: 14px;
	}
	#contentsInner h3 span {
		display: block;
		background-image: url(img/h3_title_img.png);
		background-repeat: no-repeat;
		background-position: left center;
		padding-left: 36px;
		line-height: 1.688em;
		}
#contentsInner h4 {
	background-image: url(img/h4_title_bg.gif);
	background-repeat: repeat;
	padding: 4px 0;
	}
	#contentsInner h4 span {
	display: block;
	background-color: #F8F8F8;
	padding: 8px 12px 8px 36px;
	background-image: url(img/topics_icon.png);
	background-repeat: no-repeat;
	background-position: 12px 12px;
		}
#contentsInner h5 {
	padding: 8px 12px 8px 36px;
	border-bottom: solid 1px #C3C3C3;
	background-image: url(img/h5_title_img.png);
	background-repeat: no-repeat;
	background-position: 12px center;
	}
#contentsInner h6 {
	padding: 8px 12px 8px 36px;
	background-image: url(img/h6_title_img.png);
	background-repeat: no-repeat;
	background-position: 12px center;
	}

/*
パンくずリスト
*/
.breadcrumbs {
	background-image: url(img/breadcrumbs_shadow.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #F8F8F8;
	}


/*
ホームに戻る・ページ上へ戻るボタン
*/
.button a {
	display: block;
	background: #FFFFFF;
	background: -moz-linear-gradient(top, #FFFFFF, #ECECEC);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#ECECEC));
	background: linear-gradient(top, #FFFFFF, #ECECEC);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#FFFFFF, EndColorStr=#ECECEC)";/* IE 8+ */
	background: linear-gradient(to bottom, #FFFFFF, #ECECEC);/* IE 10 */
	box-shadow: 0px 1px 0px 0px #D9D9D9;
	border: solid 1px #00AFEC;
	border-radius: 10px;
	zoom: 1;
	position:relative;
	padding: 12px;
	color: #000;
	text-decoration: none;
	}
	.button a i {padding: 0 12px;}
	.button a:hover {color: #03B0EC;}

/*
ページ内アンカーナビゲーション
*/
#contentsInner nav#contentsNav {
	margin-bottom: 48px;
	overflow: hidden;
	zoom: 1;
	}




/****************************************

          トピックス・お知らせ

*****************************************/
/*
一覧(archive)
*/
.archive article.post {
	margin-bottom: 24px;
	clear: both;
	}
.archive article.post time.post-date {
	color: #0C66B9;
	background-image: url(img/topics_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 24px;
	}
.archive article.post h3 {
	padding: 0 0 0 24px !important;
	overflow: hidden;
	zoom: 1;
	font-weight: normal;
	border: none !important;
	border-radius: none !important;
	background-image: none !important;
	}
	.archive article.post h3 a {color: #000;}

/*
記事詳細(single)
*/
.single article.post {
	position: relative;
	margin-bottom: 36px;
	}
.single article.post h3 {margin-bottom: 0 !important;}
.single article.post h3 span {
	width: 80%;
	font-weight: bold;
	font-size: 22px;
	}
.single article.post time.post-date {
	position: absolute;
	right: 24px;
	top: 16px;
	color: #0C66B9;
	}
.single article.post .post-inner {
	padding: 12px;
	border: solid 1px #B9C4CE;
	border-top: none;
	}
.single .return {text-align: center;}
#post-content h4{
	background-image:none;
	font-size:1.313em;
}
#post-content h5{
	background-image:none;
	font-size:1.250em;
	padding:0;
	margin:0 0 10px 0;
	border-bottom:none;
}
#post-content h6{
	background-image:none;
	font-size:1.125em;
	padding:0;
	margin:0 0 10px 0;
}
#post-content ul {
	padding:0 0 0 30px;
	list-style-type:disc;
}
#post-content ul li {
	margin:0 0 5px 0;
}
#post-content ol {
	padding:0 0 0 30px;
	list-style-type:decimal;
}


/****************************************

          静岡海岸Q&A

*****************************************/
.faq article {margin-bottom: 12px;}
	.faq article article {margin-bottom: 24px;}



/****************************************

          海岸整備事業

*****************************************/
.kaigan_seibi article article {padding-bottom: 12px !important;}
.txtArea {padding: 10px;}
	h3+.txtArea {margin-top: -14px;}
.txtArea ul li {
	display: inline-table;
	margin: 0 1% 2% 0;
	vertical-align: top;
	}
.txtArea h5 {
	margin-top: 10px;
	margin-left: -10px;
	}
.txtArea ol {
	list-style-type: decimal;
	margin-left: 2.6em;
	padding: 12px 0;
	}
	.txtArea ol li {margin-bottom: 5px;}



/****************************************

          静岡海岸の昔と今
		  （海岸アニメーション）

*****************************************/
.work article {margin-bottom: 12px;}
	.work article article {margin-bottom: 24px;}

article.typhoon {
	padding-top: 12px;
	}

article.typhoon .bx-wrapper {
	width: 640px;
	margin: 0 auto;
	position: relative;
	padding-top: 10px;
	}
article.rigantei .bx-wrapper .bx-controls-direction a,
article.typhoon .bx-wrapper .bx-controls-direction a {
	position: absolute;
	z-index: 9999;
	}
article.rigantei .bx-wrapper .bx-pager,
article.typhoon .bx-wrapper .bx-pager {
	text-align: center;
	padding-top: 12px;
	}
article.rigantei .bx-pager a,
article.typhoon .bx-pager a {
	background: #9BE0F7;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
article.rigantei .bx-pager a:hover,
article.rigantei .bx-pager a.active,
article.typhoon .bx-pager a:hover,
article.typhoon .bx-pager a.active {
	background: #03B0EC;
	}
article.rigantei .bx-pager-item,
article.typhoon .bx-pager-item {
	display:inline-block;
	*zoom: 1;
	*display: inline;
	}

article.rigantei .bx-controls-direction a,
article.typhoon .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
	}
article.rigantei .bx-prev,
article.typhoon .bx-prev {
	left: 10px;
	background: url(img/prev.png) no-repeat;
	}
article.rigantei .bx-next,
article.typhoon .bx-next {
	right: 10px;
	background: url(img/next.png) no-repeat;
	}
article.rigantei .bx-prev,
article.rigantei .bx-next,
article.typhoon .bx-prev,
article.typhoon .bx-next {
	opacity: 0.6;
	filter: alpha(opacity=60);
	}
article.rigantei .bx-prev:hover,
article.rigantei .bx-next:hover,
article.typhoon .bx-prev:hover,
article.typhoon .bx-next:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	}

article.rigantei .bx-wrapper .bx-pager .bx-pager-item,
article.rigantei .bx-wrapper .bx-controls-auto .bx-controls-auto-item,
article.typhoon .bx-wrapper .bx-pager .bx-pager-item,
article.typhoon .bx-wrapper .bx-controls-auto .bx-controls-auto-item,
#photo .bx-wrapper .bx-pager .bx-pager-item,
#photo .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	}
article.rigantei .bx-wrapper .bx-controls-auto,
article.typhoon .bx-wrapper .bx-controls-auto {
	padding-top: 12px;
	}
#photo .bx-wrapper .bx-controls-auto {
	padding-top: 12px;
	}
article.rigantei .bx-wrapper .bx-controls-auto .bx-start,
article.typhoon .bx-wrapper .bx-controls-auto .bx-start,
#photo .bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 21px;
	height: 26px;
	outline: 0;
	background: url(img/start.png) left top no-repeat;
	margin: 0 10px;
	}

article.rigantei .bx-wrapper .bx-controls-auto .bx-start:hover,
article.rigantei .bx-wrapper .bx-controls-auto .bx-start.active,
article.typhoon .bx-wrapper .bx-controls-auto .bx-start:hover,
article.typhoon .bx-wrapper .bx-controls-auto .bx-start.active,
#photo .bx-wrapper .bx-controls-auto .bx-start:hover,
#photo .bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: 0 -26px;
	}

article.rigantei .bx-wrapper .bx-controls-auto .bx-stop,
article.typhoon .bx-wrapper .bx-controls-auto .bx-stop,
#photo .bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 19px;
	height: 25px;
	outline: 0;
	background: url(img/stop.png) left top no-repeat;
	margin: 0 10px;
	}

article.rigantei .bx-wrapper .bx-controls-auto .bx-stop:hover,
article.rigantei .bx-wrapper .bx-controls-auto .bx-stop.active,
article.typhoon .bx-wrapper .bx-controls-auto .bx-stop:hover,
article.typhoon .bx-wrapper .bx-controls-auto .bx-stop.active,
#photo .bx-wrapper .bx-controls-auto .bx-stop:hover,
#photo .bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: 0 -25px;
	}

#pager {padding: 10px 0;}



/****************************************

         静岡海岸カメラ
		 空から見た海岸

*****************************************/
#camera ol,
#photo ol.photobox {
	border: solid 1px #BCC6D0;
	padding-left: 2.6em;
	list-style-type: decimal;
	overflow: hidden;
	zoom: 1;
	margin: 12px 0;
	}
#photo ol.photobox,
#photo ul.photobox {margin-bottom: 12px;}
	#camera ol li,
	#photo ol.photobox li {
		float: left;
		margin-right: 3em;
		}
		#camera ol li a,
		#photo ol.photobox li a,
		#photo ul.photobox li a {padding: 12px;}

#photo ul.photobox {
	border: solid 1px #BCC6D0;
	overflow: hidden;
	zoom: 1;
	margin: 12px 0;
	}
#photo ul.photobox li {
	float: left;
	padding: 0 12px;
	}

/*
ページ内タブメニュー
*/
nav.tabNav ul {
	overflow: hidden;
	zoom: 1;
	background-image: url(photo/img/line.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	}
nav.tabNav ul li {
	text-align: center;
	font-weight: bold;
	border-left: solid 1px #B9C4CE;
	line-height: 50px;
	}
nav.tabNav ul li.active a {
	color: #9C3F00;/* #FF6600 */
	background-color: #F8F8F8;
	text-decoration: none;
	}
nav.tabNav ul li a {
	display: block;
	background-color: #ECEFF2;
	}

#photo article {
	border: solid 1px #B9C4CE;
	border-top: none;
	padding: 10px;
	}
img[usemap] {
	border: none;
	height: auto;
	max-width: 100%;
	width: auto;
	}

#photo .return {
	padding-top: 24px;
	padding-bottom: 0 !important;
	text-align: center;
	}
#photo ul.photolist {margin-bottom: 36px;}
#photo ul.photolist li {display: inline;}
	#photo ul.photolist li img {margin: 0 10px 15px 0;}





/*
SmartPhone and Tablet
*/
@media screen and (max-width: 979px) {
header h2 {display: none;}
}


/*
SmartPhone
(iPhone5 縦向き)
*/
@media screen and (max-width: 320px) {
p#home {margin-right: -8%;}
p#home img {width: 80%;}
}
/*
SmartPhone
(iPhone5 横向き・width:568px)
*/
@media screen and (max-width: 568px){
#page {background-image: none;}
p#home {
	position: absolute;
	right: 1%;
	}
#header {
	background-image: url(img/headerbg-sp.png);
	height: 40px;
	}
#header h1 {margin-top: -10px;}
#header h1 img {width: 60%;}

.fixed {
	background-image: url(img/headerbg_fixed-sp.png);
	height: 62px;
	}

#topImage img {border-radius: 0 0 10px 10px;}
#topics .inner dl dt {
	float: none;
	width: 100%;
	padding-bottom: 1%;
	}
#contentsInner {
	padding: 20px 2% 0 2%;
	position: relative;
	background-image: url(img/breadcrumbs_shadow.gif);
	background-repeat: repeat-x;
	background-position: left top;
	}
.breadcrumbs {display: none;}
#contentsInner h2 {
	margin-left: 24px;
	padding-left: 60px;
	background-image: url(img/h2_title_sp.png);
	font-size: inherit;
	}
#contentsInner #h2_title_img {
	top: 20px;
	left: 0;
	}

.single article.post h3 span {width: 95%;}
.single article.post time.post-date {display: none;}

.txtArea img {width: 100%;}
.txtArea ol {margin-left: 2em;}

/*#camera img {width: 100%;}*/
#camera ol,
#photo ol.photobox,
#photo ul.photobox {
	padding: 0 auto;
	}
	#camera ol li,
	#photo ol.photobox li {
		margin: 0 0 0 -2.6em;
		list-style-position: inside;
		float: inherit;
		border-bottom: dotted 1px #BCC6D0;
		}
	#photo ul.photobox li {
		float: inherit;
		border-bottom: dotted 1px #BCC6D0;
		}
		#camera ol li:last-child,
		#photo ol.photobox li:last-child,
		#photo ul.photobox li:last-child  {border-bottom: none;}
		#camera ol li a,
		#photo ol.photobox li a,
		#photo ul.photobox li a {display: block;}

nav.tabNav ul li {
	border-top: solid 1px #B9C4CE;
	border-right: solid 1px #B9C4CE;
	}
nav.tabNav ul li:last-child {border-bottom: solid 1px #B9C4CE;}

/*
ページ内アンカー ヘッダー固定位置調整
*/
/*海岸整備事業*/
.kaigan_seibi #anchor {
	padding-top: 58px;
	margin-top: -58px;
	}
/*静岡海岸の昔と今*/
.work #anchor {
	padding-top: 56px;
	margin-top: -56px;
	}
/*静岡海岸Q＆A*/
.faq #anchor1, .faq #anchor2 {
	padding-top: 54px;
	margin-top: -54px;
	}
}
#cam_camera2 {
	margin:0 0 20px 0;
}

/*
Tablet
*/
@media screen and (min-width: 569px) and (max-width: 979px) {
#header {
	height: 85px;
	background-image: url(img/headerbg.png);
	}
	#header h1 {padding-top: 20px;}

.fixed {
	background-image: url(img/headerbg_fixed.png);
	height: 107px;
	}
nav#contentsNav ul li {
	width: 30.33%;
	float: left;
	margin-right: 3%;
	display: block;
	}
#contentsInner h2 {background-image: url(img/h2_title_tb.png);}
#contentsInner h3 {margin-bottom: 24px;}
#contentsInner .return,
.innerwrap {padding: 0 15px 24px;}

#contentsInner nav#contentsNav ul li {
	width: 47%;
	float: left;
	margin-right: 3%;
	display: block;
	}

.archive article.post time.post-date {
	float: left;
	width: 120px;
	}
.single article.post h3 span {
	background-position: 12px center !important;
	padding-left: 48px !important;
	}
.single article.post time.post-date {display: none;}
.single article.post .post-inner {padding: 24px;}

.kaigan_seibi article article {padding-bottom: 24px !important;}

.txtArea {padding: 10px 20px;}

#camera ol,
#photo ol.photobox,
#photo ul.photobox {
	margin: 24px 0;
	}
#camera ol li,
#photo ol.photobox li {
	float: left;
	padding-top: 12px;
	padding-bottom: 12px;
	}
#photo ul.photobox li {
	float: left;
	margin-top: 12px;
	margin-bottom: 12px;
	}
	#photo ul.photobox li+li {border-left: solid 1px #000000;}

nav.tabNav ul li {
	float: left;
	width: 30%;
	}
nav.tabNav ul li.active a {
	color: #9C3F00;/* #FF6600 */
	background-color: #F8F8F8;
	background-image: url(photo/img/dogear_active.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	}
nav.tabNav ul li a {
	display: block;
	background-color: #ECEFF2;
	background-image: url(photo/img/dogear.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	}
#photo article {padding: 20px;}
#photo .return {
	padding-top: 36px;
	}

/*
ページ内アンカー ヘッダー固定位置調整
*/
/*海岸整備事業*/
.kaigan_seibi #anchor {
	padding-top: 150px;
	margin-top: -150px;
	}
/*静岡海岸の昔と今*/
.work #anchor {
	padding-top: 148px;
	margin-top: -148px;
	}
/*静岡海岸Q＆A*/
.faq #anchor1, .faq #anchor2 {
	padding-top: 100px;
	margin-top: -100px;
	}
}


/*
PC
*/
@media screen and (min-width: 980px) {
html {
	font-family : verdana, sans-serif;
	font-size : 100%;
	line-height : 1.5;
	}
.wrap {
	margin: 0 auto;
	width: 950px;
	}
.shadow {width: 950px;}

#header {
	height: 85px;
	background-image: url(img/headerbg.png);
	margin-left: 5px;
	margin-right: 5px;
	}
#header h1 {
	float: left;
	margin-right: 12px;
	padding-top: 20px;
	}

#headerArea {
	width: 950px;
	margin: 0 auto;
	}
.fixed {
	margin: 13px 5px 0 5px;
	background-image: url(img/headerbg_fixed.png);
	height: 107px;
	}

#menu {
	width: 234px;
	float: left;
	}

#contents {
	overflow: hidden;
	width: 940px;
	margin: 0 auto;
	}
#contents #main {
	float: right;
	width: 676px;
	}
	#topics .inner {
		width: 652px;
		margin: 0;
		padding: 0 12px;
		}

p.logo {
	width: 940px;
	margin: 0 auto 20px;
	text-align: left !important;
	padding-left: 60px;
	}

#contentsInner h2 {margin: 11px 0 35px 24px;}
#contentsInner #h2_title_img {left: 20px;}
#contentsInner h3 {margin-bottom: 36px;}

#contentsInner .return, 
.innerwrap {padding: 0 20px 36px;}

#contentsInner nav#contentsNav ul li {
	width: 47%;
	float: left;
	margin-right: 3%;
	display: block;
	}

.archive article.post time.post-date {
	float: left;
	width: 120px;
	}
.single article.post h3 span {
	background-position: 12px center !important;
	padding-left: 48px !important;
	}
.single article.post .post-inner {padding: 24px;}
.single .return {display: none;}

.kaigan_seibi article article {padding-bottom: 24px !important;}

.txtArea {padding: 10px 30px;}

#camera .wrap {
	margin: 0 auto;
	width: 800px;
	}
#camera ol,
#photo ol.photobox,
#photo ul.photobox {
	margin: 24px 0;
	}
#camera ol li,
#photo ol.photobox li {
	float: left;
	padding-top: 12px;
	padding-bottom: 12px;
	}
#photo ul.photobox li {
	float: left;
	margin-top: 12px;
	margin-bottom: 12px;
	}
	#photo ul.photobox li+li {border-left: solid 1px #000000;}

#photo article {padding: 30px;}
nav.tabNav ul li {
	float: left;
	width: 30%;
	}
nav.tabNav ul li.active a {
	color: #9C3F00;/* #FF6600 */
	background-color: #F8F8F8;
	background-image: url(photo/img/dogear_active.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	}
nav.tabNav ul li a {
	display: block;
	background-color: #ECEFF2;
	background-image: url(photo/img/dogear.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	}

p.view {width: 800px;}
#photo .return {display: none;}

/*
ページ内アンカー ヘッダー固定位置調整
*/
/*海岸整備事業*/
.kaigan_seibi #anchor {
	padding-top: 150px; 
	margin-top: -150px;
	}
/*静岡海岸の昔と今*/
.work #anchor {
	padding-top: 148px;
	margin-top: -148px;
	}
/*静岡海岸Q＆A*/
.faq #anchor1, .faq #anchor2 {
	padding-top: 100px;
	margin-top: -100px;
	}
/*根古屋カメラ*/
#video {
	width:640px;
	margin:0 auto;
}
}