@charset "utf-8" ;
/*みなと研究会スタイルシート*/

body {
	background:#E5E9F1;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	margin-top:0;
	font-size:16px;
	}

a {
	color:#224E90;
	text-decoration:none;
	}
img {
	max-width:100%;
	}
a:hover {
	color:#6686E9;
	text-decoration:none;
	}

div {
	font-size:16px;
	line-height:170%;
	}

header {
	background:#003366;
	padding:8px;
	display:block;
	margin:0;
	}
.header_left {
	float:left;
	}
.header_right {
	float:right;
	}
menu {
	margin-top:-10px;
	padding-top:0;
	background:#FFFFFF;
	padding:5px;
	text-align:center;
	}

article {
	width:1000px;
	text-align:center;
	margin:0 auto;
	}
#article-left {
	width:70%;
	margin:8px;
	float:left;
}
#article-right {
	width:25%;
	margin:8px;
	float:left;
	
}
#article-right img {
	max-width:99%;
	padding:5px;
}
#newsblocktitle {
	text-align:left;
	text-indent:8px;
	margin-top:10px;
	font-size:130%;
}	
#newsblock {
	text-align:left;
	padding:8px;
	background:#FCFDFD;
	border-radius: 10px;
	}
#newsblock ul {
	padding:8px;
	}
#newsblock li {
	padding:3px;
	border-bottom:1px #7C7C7C dotted;
	list-style-type:none;
	text-indent:10px;
	}
footer {
	margin-top:30px;
	border-top:#CACAD9 5px solid;
	padding:10px;
	text-align:right;
	}

#footertext {
	width:1000px;
	text-align:left;
	margin:0 auto;
	line-height:160%;
	}
/*bluemenu*/
ul.bluemenu {
   
    margin:0;
    padding:0;
    list-style:none;

    display:block;
}
ul.bluemenu li.level-0 {
    position:relative;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    vertical-align: top;
    zoom: 1;
    min-height: 49px;
    line-height: 49px;
    height: 49px;
    _height: 49px;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
    padding: 0 10px;
}
ul.bluemenu li.level-0.first {
    border-radius: 5px 0px 0 0;
    -moz-border-radius: 5px 0px 0 0;
    -webkit-border-radius: 5px 0px 0 0;
}
ul.bluemenu li.level-0.hover {
    box-shadow: inset 0 0 3px #000000;
    -moz-box-shadow: inset 0 0 3px #000000;
    -webkit-box-shadow: inset 0 0 3px #000000;
    background: #070707;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%; 
    background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
    background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
    background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
    background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
    background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
}
ul.bluemenu li.level-0 ul {
    position:absolute;
    display: none;
    margin:0;
    padding:0;
    background: #0fa1e0;
    width:15em;
}
ul.bluemenu li.level-0 li {
    position:relative;
    filter: none;
    font-size: 14px;
    display: block;
    line-height: 120%;
    padding: 10px;
    border-bottom: 1px dotted #6fc7ec;
}
ul.bluemenu li.level-0 li.last {
    border-bottom:none;
}
ul.bluemenu li.level-0 li.hover{
    background: #0c7fb0;
}
ul.bluemenu li.level-0 span.arrow{
    display:none;
}
ul.bluemenu li.level-0 span.arrow.hover{
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #0fa1e0;
    margin-left: -10px;
}
ul.bluemenu li.level-0 li span.arrow,
ul.bluemenu li.level-0 li span.arrow.hover {
    position:absolute;
    display:block;
    font-size:110%;
    top:10px;
    right:7px;
    left:auto;
    bottom:auto;
    margin:0;
    width:auto;
    border:none;
}

ul.bluemenu li a {
	color:#FFFFFF;
	}
ul.bluemenu li a:hover {
	color:#FFFFFF;
	}