@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 #F4798F;
}

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


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

サブメニュー

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

#subnavi{
    background-color:#F4798F;
}

#subnavi2{
    background-color:#F4798F;
}

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

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

			#subnavi ul li a:before,
			#subnavi2 ul li a:before{
				content:"→";
				color:#F4798F;
				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 #F4798F;
        }

			#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:#F4798F;
				font-weight:bold;
				padding:0px 5px 0px 0px;
			}

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


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

ページのタイトル

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

#contents h3{
	background:#F4798F;
	color:#FFF;
	border-top:3px solid #F9BBC5;
	border-bottom:3px solid #F9BBC5;
}


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

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

copyright

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

#copyright{
	background:#FEEFF1;
	border-top:2px solid #F4798F;
}


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


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

.loginBtn

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

#loginBtn{
	background:#F4798F;
	color:#FFFFFF;
	border:#EE3152 2px solid;
}

	#loginBtn:hover{
		background:#EE3152;
	}

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

ログイン画面

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

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

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