/*  
Theme Name: yokosuka-mitakai
Theme URI: http://www.yokosuka-mitakai.com/
Description: yokosuka-mitakai WEB SITE
Version: 1.0
Author: nahcok
*/

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

body,td,th {
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #EEEEEE;
}

a:link {
	color: #6666FF;
}
a:hover {
	color: #FF99CC;
}
a:active {
	color: #FF0033;
}

/* for Safari */
p{text-shadow:#000 0 0 0; } 
/* for Firefox */
p{-moz-opacity: 0.99;}

#container {
	height: auto;
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(img/bg.gif);
	background-repeat: repeat-y;
}

/*ヘッダ*/
#header {
	width: 880px;
	height: auto;
}
.header-top {
	background-image: url(img/header-top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 210px;
}
.header-p01 {
	background-image: url(img/header-p01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 165px;
}
.header-p02 {
	background-image: url(img/header-p02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 165px;
}
.header-p03 {
	background-image: url(img/header-p03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 165px;
}
.header-p04 {
	background-image: url(img/header-p04.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 165px;
}
.header-p05 {
	background-image: url(img/header-p05.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 165px;
}
.header-p06 {
	background-image: url(img/header-p06.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 165px;
}
.header-p07 {
	background-image: url(img/header-p07.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 165px;
}
.header-p08 {
	background-image: url(img/header-p08.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 165px;
}
.header-p09 {
	background-image: url(img/header-p09.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 165px;
}
#header #comenav {
	height: 27px;
	padding-top: 18px;
	padding-left: 207px;
	font-size: 12px;
}


#header h1 {
	text-indent: -9999px;
}

/*コンテンツ*/
#contents {
	height: auto;
	width: 844px;
	padding-right: 18px;
	padding-left: 18px;
	margin-bottom: 18px;
	margin-top: 9px;
}
/*コンテンツ左側*/
#contents #left {
	float: left;
	height: auto;
	width: 162px;
}/*コンテンツ・ナビ*/
#contents #left li {
	display: block;
	height: 36px;
}
#contents #left .nav1 {
	background-image: url(img/nav-home.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}
#contents #left .nav1 a {
	background-image: url(img/nav-home.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 27px;
	width: 162px;
}
#contents #left .nav1 a:hover {
	background-image: url(img/nav-home_f2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 27px;
	width: 162px;
}
#contents #left .nav2 {
	background-image: url(img/nav-outline.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}
#contents #left .nav2 a {
	background-image: url(img/nav-outline.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 27px;
	width: 162px;
}
#contents #left .nav2 a:hover {
	background-image: url(img/nav-outline_f2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 27px;
	width: 162px;
}
#contents #left .nav3 {
	background-image: url(img/nav-event.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}
#contents #left .nav3 a {
	background-image: url(img/nav-event.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 27px;
	width: 162px;
}
#contents #left .nav3 a:hover {
	background-image: url(img/nav-event_f2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 27px;
	width: 162px;
}
#contents #left .nav4 {
	background-image: url(img/nav-guidance.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}
#contents #left .nav4 a {
	background-image: url(img/nav-guidance.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 27px;
	width: 162px;
}
#contents #left .nav4 a:hover {
	background-image: url(img/nav-guidance_f2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 27px;
	width: 162px;
}
#contents #left .nav5 {
	background-image: url(img/nav-info.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}
#contents #left .nav5 a {
	background-image: url(img/nav-info.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 27px;
	width: 162px;
}
#contents #left .nav5 a:hover {
	background-image: url(img/nav-info_f2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 27px;
	width: 162px;
}
#contents #left .nav6 {
	background-image: url(img/nav-link.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}
#contents #left .nav6 a {
	background-image: url(img/nav-link.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 27px;
	width: 162px;
}
#contents #left .nav6 a:hover {
	background-image: url(img/nav-link_f2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 27px;
	width: 162px;
}
#contents #left .nav7 {
	background-image: url(img/nav-inq.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}
#contents #left .nav7 a {
	background-image: url(img/nav-inq.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 27px;
	width: 162px;
}
#contents #left .nav7 a:hover {
	background-image: url(img/nav-inq_f2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 27px;
	width: 162px;
}
#contents #left #bn-area {
	padding-left: 18px;
	margin-top: 9px;
}
#contents #left #bn-area p {
	margin-bottom: 9px;

}


#contents #main {
	float: left;
	height: auto;
	width: 637px;
	padding-right: 27px;
	padding-left: 18px;
}
#contents #main h2 {
	background-image: url(img/pen.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 36px;
	padding-top: 3px;
	font-size: 1.3em;
	padding-bottom: 9px;
	font-weight: bold;
	color: #031663;
	margin-top: 9px;
}
#contents #main h3 {
	font-size: 1.2em;
	font-weight: bold;
	color: #000066;
}


#contents #main #top-info {
	width: 637px;
}
#contents #main #top-info h3 {
	background-image: url(img/pen.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 36px;
	padding-top: 3px;
	font-size: 1.1em;
	padding-bottom: 9px;
	font-weight: bold;
	color: #CF001A;
}
#contents #main #top-info h4 {
	font-size: 1.1em;
	margin-bottom: 9px;
}
#contents #main #top-info h4 span {
	font-size: 10px;
}

#contents #main p {
	line-height: 150%;
	margin-bottom: 9px;
}
#contents #main #postdate {

}
#contents #main #postdate .dotline {
	clear: both;
}
#contents #main .bd table {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #000773;
	border-left-color: #061664;
	margin-top: 18px;
}
#contents #main .bd th {
	font-size: 1em;
	padding: 9px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #031663;
	border-bottom-color: #051465;
}
#contents #main .bd td {
	font-size: 1em;
	padding: 9px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #031663;
	border-bottom-color: #051465;
}
#container #contents #main .plofile  {
	width: 500px;
	margin-top: 9px;
}
#container #contents #main .plofile th {
	width: 99px;
	font-size: 100%;
	color: #006;
	background-color: #CCF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 9px;
}
#container #contents #main .plofile td {
	font-size: 100%;
	padding: 6px;
}

#contents #main ul {
	padding-left: 18px;
	margin-bottom: 18px;
	margin-top: 9px;
}
#contents #main li {
	list-style-type: disc;
}


#container #footer {
	clear: left;
	height: auto;
	width: 880px;
}
#container #footer ul {
	text-align: right;
	padding-right: 45px;
	padding-bottom: 6px;
}
#container #footer li {
	display: inline;
}
#container #footer #copyright {
	background-image: url(img/footer.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 18px;
	padding-bottom: 36px;
	text-align: right;
	padding-right: 36px;
	font-weight: bold;
	color: #031663;
}

/**/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* WinIE7 only */
*:first-child+html .clearfix{
  height:1%;
}

/* WinIE6 and below */
/*\*/
* html .clearfix{
  height:1%;
}
/**/

/* MacIE only */
/*\*//*/
.clearfix{
  display:inline-table;
}
/**/

div{
    zoom:1;/*for IE 5.5-7*/
}
div:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0; 
    visibility:hidden;
}