@charset "utf-8";

/******************** index ********************/
nav.top_nav {
    margin: 30px 10px;
}
nav.top_nav ul {
    margin: 0 auto;
}
nav.top_nav li {
    text-align: left;
    margin-bottom: 15px;
}
nav.top_nav li a {
    display: flex;
    border: 1px solid #84bfcf;
    padding: 1px 0 0 13px;
    line-height: 50px;
    font-size: 18px;
    color: #005268;
    text-decoration: none;
}
.triangle {
    width: 0;
    height: 0;
    border-left: 8px solid #005268;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    position: relative;
    top: 18px;
    padding-right: 8px;
}



/* よく使いそうなCSS3
----------------------------------------------------*/
#selectors {
/* 角丸 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

/* 角丸個別 */
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;

/* ボックスに影 */
	-webkit-box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999;

/* テキストに影 */
	text-shadow: 1px 1px 0px #999;

/* グラデーション */
    background: -moz-linear-gradient(top, #f5f5f5, #fff);　/* Firefox用 */  
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#066));　/* Safari,Google Chrome用 */  
}
/********************
* html  IE6
*:first-child+html  IE7
head~/* */body  IE8/*
html>body  Firefox
body:last-child  Opera
html:not([lang*=""])  Firefox
html:not(:only-child:only-child)  Safari
********************/