@charset "UTF-8";

/* ***********************************************************
 * 　　　　　　                COMMON
 * ***********************************************************
 */
/* font-size===========================================

10px -> 83.4%
11px -> 91.7%
12px -> 100%
13px -> 108.4%
14px -> 116.7%
15px -> 125%
16px -> 133.4%
17px -> 141.7%
18px -> 150%
19px -> 158.4%
20px -> 166.7%
21px -> 175%
22px -> 183.4%
23px -> 191.7%
24px -> 200%
25px -> 208.4%
26px -> 217%

===================================================== */

/* ======================================================

ヘッダーのリンク

===================================================== */

#header #hnavi li a{
	border:2px solid #cccccc;
	background:#eeeeee;
	padding:5px 10px 5px 10px;
	color:#333333;
}

	#header #hnavi li a:hover{
		background:#cccccc;
	}

/* ======================================================

グローバルメニュー

===================================================== */

#navi_frame{
	border-top:5px solid #4898B9;
}

#gnavi ul li a:hover{
	background:#4898B9;
	color:#ffffff;
}


/* ======================================================

サブメニュー

===================================================== */

#subnavi{
    background-color:#4898B9;
}

#subnavi2{
    background-color:#4898B9;
}

	#subnavi ul,
	#subnavi2 ul{
		background: #FFFFFF;
	}

		/*#subnavi ul li a,
		#subnavi2 ul li a{*/
        #subnavi ul li a{
			color:#333;
			background:#E2F0F5;
			border-bottom:1px dotted #4898B9;
			border-top:2px solid #4898B9;
		}
        #subnavi2 ul li a{
            color:#333;
            border-top:2px solid #4898B9;
        }
        #subnavi2 ul li a.now{
            color:#333;
            background:#E2F0F5;
            border-top:2px solid #4898B9;
            border-bottom:1px dotted #4898B9;
        }

			#subnavi ul li a:before,
			#subnavi2 ul li a:before{
				content:"→";
				color:#4898B9;
				font-weight:bold;
				padding:0px 5px 0px 0px;
			}

		/*#subnavi ul ul li a,
		#subnavi2 ul ul li a{*/
        #subnavi ul ul li a{
			background:#ffffff;
		}
        #subnavi2 ul ul li a{
            background:#ffffff;
            border-bottom:1px dotted #4898B9;
        }

			#subnavi ul ul li a:hover,
			#subnavi2 ul ul li a:hover{
				color:#ffffff;
			}

			#subnavi ul ul li:last-child a,
			#subnavi2 ul ul li:last-child a{
				border-bottom:none;
			}

			#subnavi ul ul li a:before,
			#subnavi2 ul ul li a:before{
				content:"∟";
				color:#4898B9;
				font-weight:bold;
				padding:0px 5px 0px 0px;
			}


/* サブメニュー：マウスオーバーの色
---------------------------------------------------------- */
#subnavi ul li a:hover,
#subnavi2 ul li a:hover{
	text-decoration: none;
	color:#ffffff;
	background:#8AC1D7;
}



/* サブメニュー：矢印や∟の色
---------------------------------------------------------- */

#subnavi ul li a span,
#subnavi2 ul li a span{
	color:#4898B9;
	padding:0px 5px 0px 0px;
}

#subnavi ul li a:hover span,
#subnavi2 ul li a:hover span{
	color:#ffffff;
}


/* ======================================================

ページのタイトル

===================================================== */

#contents h3{
	background:#4898B9;
	color:#FFF;
	border-top:3px solid #8AC1D7;
	border-bottom:3px solid #8AC1D7;
}


#contents2 h3{
	color:#FFF;
	background:#F4798F;
	border-top:3px solid #8AC1D7;
	border-bottom:3px solid #8AC1D7;
}

/* ======================================================

copyright

===================================================== */

#copyright{
	background:#E2F0F5;
	border-top:2px solid #4898B9;
}



/* **********************************************************************************************************************
 * ログイン画面
 * **********************************************************************************************************************
 */

/* ======================================================

.loginBtn

===================================================== */

#loginBtn{
	background:#4898B9;
	color:#FFFFFF;
	border:#3A7C98 2px solid;
}

	#loginBtn:hover{
		background:#3A7C98;
	}

/* ======================================================

ログイン画面

===================================================== */

#login-inner,
#login-inner2{
	background:#E2F0F5;
}

	#login-inner h2,
	#login-inner2 h2{
		color:#4898B9;
	}