/*******************************
*  第三管区海上保安本部*       *
*  マリンレジャー安全推進室    *
*  CSS Style Sheet for         *
*   マリンレジャートピックス   *
*  Author:Yoshiaki-Ogawa       *
*  2007-Jul-09                 *
********************************/
   
body {
	margin:0;
	background:#ffffff;
	}

img {
    border-style:none;
	}

a img {
    border-style:none;
	}

.img_center {
	text-align:center;
	margin: 15px;
	}

#pagecontainer{
	margin:0px;
	padding:0;
	}

.header {
	margin-top:5px;
	text-align:left;
	font-size:0.8em;
	}

.headerright {
	margin: -20px 0 5px 0;
	text-align:right;
	font-size:0.9em;
	}

.header a {
	color: #0000ff;
	font-weight: bold;
	text-decoration: underline;
	margin: -15px 0 30px 0;
	text-align:right;
	font-size:1em;
	}

.header a:hover {
	color: #ff0000;
	text-decoration: none;
	background: #ffffcc; 
	}

.titlebar{
	margin: 0;
	border-bottom: 2px solid orange;
	padding-bottom:6px
	;}

.title{
	margin-top:0;
	margin-bottom: 0;
	width:743px;
	margin-left:auto;
	margin-right:auto;
	background : url(images/headimg.gif) repeat-x right 0%;
	height: 110px;
	text-align:center;
	letter-spacing:1px;
	font-size:100%;
	padding:0 0 0.5em 0px;
	font-family: verdana, "ＭＳ ゴシック"
	;}

.title h1 {
	color: #0000cc; 
	font-size: 2.4em;
	font-weight: bold;
	margin: 0px 0 0 0;
	letter-spacing: -1px;
	}

.title h2 {
	color: #b3b3b3;
	font-size: 1.05em;
	font-weight: bold;
	text-align:center;
	margin: 0px 0 0 0;
	letter-spacing: 0px;
	}

.spacer{font-size:10px;}

.maincontainer{
	width:700px;
	margin-left:auto;
	margin-right:auto;
	border : solid 1px #cccccc;
	margin-top:5px;
	margin-bottom:25px;
	padding:20px;
/*	position:relative */
	}

.contentcontainer{
	padding-left:0.5em;
	margin-top:15px;
	margin-bottom:25px;
	z-index:99;
	position:relative;
	}

.contentbox {
	border:1px solid orange;
	border-right:15px solid orange;
	background-color:white;
	padding: 5px 10px 5px 15px; 
	margin-bottom:25px;
	}

.archivesbox2007 {
	font-size:0.9em;
	line-height:1.15em;
	border: 3px dotted orange;
	background-color: #fff9db;
	padding: 10px 10px 5px 15px;
	margin-bottom:25px;
	}

.archivesbox {
	border: 3px dotted orange;
	background-color: #fff9db;
	padding: 15px 10px 5px 15px; 
	margin-bottom:25px;
	}

h1 {
	color:#0066cc;
	font-size: 1.5em;
	font-weight: bold;
	margin: 0 0 0.2em 0;
	}

h2 {
	color:#333333;
	font-size: 1em;
	text-align:right;
	margin: 0 25px 0 0;
	}

h3 {
	color:#000099;
	font-size: 1.2em;
	text-align:left;
	border-left: solid 18px #000099;
	padding-left: 0.5em;
	margin: 0.5em 0px 10px 1em;
	}

h4 {
	color:#000099;
	font-size: 1em;
	text-align:left;
	border-left: solid 10px #dc6000;
	padding-left: 1em;
	margin: 1em 0px 10px 1em;
	}

h4 a {
	color:#0000ff;
	}
/*
h4 a:visited {
	color: #0066cc;
	}
*/
	
h4 a:hover {
	color: #ff0000;
	}

.contentbox h3 {
	margin: 0 0px 0 1em;
	}

.contenttitle{
	border-top: 1px solid gray;
	border-left: 20px solid gray;
	margin-top : 1em;
	font-family:verdana;
	font-weight:bold;
	font-size:110%;
	padding: 0.3em 0 0.3em 0.5em;
	}

.contenttext{
	color:#444444;
	line-height:150%;
	font-family:verdana;
	font-size:1em;
	padding-bottom:10px;
	padding-top:10px
	;}


.con {
	letter-spacing: -0.255px;
	border : solid 2px #ec9800;
	background-color: #fff7ba;
	margin : 15px 20px 15px 20px;
	padding: 5px 15px 5px 15px;
	line-height:1.32em;
	}

.con2 {
	letter-spacing: -0.255px;
	border : solid 1px #666666;
	background-color: #f4ffe2;
	margin : 15px 20px 15px 20px;
	padding: 5px 15px 5px 15px;
	line-height:1.32em;
	}

.con3 {
	letter-spacing: -0.255px;
	border : solid 1px #666666;
	background-color: #bcddff;
	margin : 15px 20px 15px 20px;
	padding: 5px 15px 5px 15px;
	line-height:1.32em;
	}

.con4 {
	letter-spacing: -0.255px;
	border : solid 1px #cc0033;
	background-color: #fff;
	margin : 15px 20px 15px 20px;
	padding: 5px 15px 5px 15px;
	line-height:1.32em;
	}

.con5 {
	letter-spacing: -0.1px;
	border-style: solid;
	border-width: 2px;
	border-color: #e6e6e6 #006633 #006633 #e6e6e6;
	padding: 1em;
/*	border : solid 2px #008740; */
	background-color: #f4ffe2; 
	margin : 10px 20px 15px 20px;
	padding: 15px 15px 15px 15px;
	line-height:1.5em;
	}

.con5 p {
	font-size:1.1em;
	line-height:1.5em;	
	}

.img_center {
	text-align:center;
	}

.totop {
	font-size: 0.85em;
	text-align: right;
	margin: 10px 15px 10px 0;
	}

.totop a {
	color: #ff9900;
	}

.totop a:hover {
	color: #ff0000;
	}

ul li {
	line-height: 1.7em;
	}


.menucontainer{
	border : solid 5px #008740;
	background-color:white;
	border:1px solid orange;
	width:9em;
	padding:10px;
	z-index:100;
	float:left;
	position:absolute
	;}

.menutitle{
	border : solid 5px #008740;
	background-color:orange;
	padding:4px;
	font-family:verdana;
	font-size:80%
	;}

.menuitem{
	border : solid 2px #c40026;
	padding-bottom:25px;
	}

a.menuitemlink:link{
	position:absolute;
	padding:3px;
	width:10.5em;
	color:black;
	text-decoration:none;
	font-family:verdana;
	font-size:80%;
	border:1px solid white;
	}

a.menuitemlink:active{
	position:absolute;
	padding:3px;
	width:10.5em;
	color:black;
	text-decoration:none;
	font-family:verdana;
	font-size:80%;
	border:1px solid white;
	}

a.menuitemlink:visited{
	position:absolute;
	padding:3px; width:10.5em;
	color:black;
	text-decoration:none;
	font-family:verdana;
	font-size:80%;
	border:1px solid white;
	}
	
a.menuitemlink:hover{
	position:absolute;
	padding:3px; width:10.5em;
	color:black;
	border:1px solid gray;
	text-decoration:none;
	font-family:verdana;
	font-size:80%
	;} 


#address {
	color:#666666;
	border-top: 1px solid #b7c8da;
	border-bottom: 0px solid #b7c8da;
	font-size: 0.875em;
	padding: 1.4em 0 1.4em 0;
	margin-bottom: 1.4em;
	text-align: center;
	}

#poricy {
	border-top: 0px solid #b7c8da;
	line-height:1.4em;
	margin-bottom:10px;
	font-size: 0.9em;
	text-align: center;
	}

#poricy a {
	line-height:1em;
	color:#cc6600;
	margin-top:10px;
	margin-bottom:10px;
	font-size: 0.9em;
	text-align: center;
	}


#copyright {
	border-top: 0px solid #b7c8da;
	line-height:1.4em;
	margin-bottom:10px;
	font-size: 0.9em;
	text-align: center;
	}

#copyright a {
	line-height:1.2em;
	color:#cc6600;
	margin-top:10px;
	margin-bottom:10px;
	font-size: 0.9em;
	text-align: center;
	}

#valid {
	text-align:center;
	}