@charset "utf-8";

/* Contents
 * ****************************
 *
 * 1: general style
 * 2: body
 * 3: container
 * 4: header
 * 5: contents
 * 6: side
 * 7: footer
 *
 * ****************************
 */


/*======= 1: general style ===============================================*/


/*======= 2: body ========================================================*/
body {
	color: #333;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ ゴシック',Osaka,sans-serif;
	font-size: 88%;
	line-height: 1.8;
	color: #313131;
}


/*======= 3: container ===================================================*/
#container {
	width: 960px;
	margin: 0 auto 35px;
}


/*======= 4: header ======================================================*/
#header {
	border-top: 4px solid #7dcdf4;
	border-bottom:4px solid #f2f2f2;
}
#headerInner {
	width: 960px;
	margin: 0 auto;
	padding: 14px 0 17px;
}

#header #logo {
	float: left;
}
#header #login_box {
	float: right;
	padding: 11px 12px 11px 23px;
	border: 2px solid #fad573;
	background: #fefedf;

	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    /*IE7 hack*/
    behavior: url(/member/common/css/PIE.htc);
}
#header #login_box span {
	display: inline-block;
	*display: inline;
    *zoom: 1;
	margin-right: 10px;
	padding-bottom: 4px;
	*padding-top: 6px;
}
.icon_human {
	padding-left: 19px;
	background: url(../../img/gakushu/common/icon_human.gif) no-repeat 0 4px;
	*background-position: 0 9px;
}
#home.kenkou .icon_human {
	padding-left: 19px;
	background: url(../../img/kenkou/common/icon_human.gif) no-repeat 0 4px;
	*background-position: 0 9px;
}
.icon_admin {
	padding-left: 22px;
	background: url(../../img/admin/common/icon_admin.gif) no-repeat 0 3px;
	*background-position: 0 8px;
}
.icon_mypage {
	padding-left: 24px;
	background: url(../../img/mypage/common/icon_mypage.gif) no-repeat 0 6px;
	*background-position: 0 11px;
}
/* topicPath */
#topicpath {
	margin-bottom: 35px;
	padding-top: 10px;
}
#topicpath li {
	display: inline;
	font-size: 86%;
	color: #b2b2b2;
}
/*----*/
#topicpath a {
	margin-right: 4px;
	text-decoration: none;
}
#topicpath a:hover {
	text-decoration: underline;
}
#topicpath span {
	color: #313131;
}

/*======= 5: contents ====================================================*/
#notfound #contents_area {
	width: 670px;
	margin: 140px auto 230px;
}
#contents {
	float: right;
	width: 672px;
}


/*======= 6: side ========================================================*/
#side {
	float: left;
	width: 248px;
}

/*======= 7: footer ======================================================*/
#footer {
	margin-top: 60px;
	padding: 19px 0 45px;
	border-top:4px solid #f2f2f2;
}
#footerInner {
	width: 960px;
	margin: 0 auto;
}
#footer .left_box {
    float: left;
}
#footer #f_nav {
    padding-top: 10px;
    text-align: right;
}
#footer #f_nav li {
    display: inline;
    color: #b2b2b2;
    margin-right: 10px;
}
#footer #f_nav li a {
	font-size: 13px;
    color: #404040;
    text-decoration: none;
}
.u-clearfix {
	line-height: 12px;
}
.u-clearfix::after {
    content: " ";
    display: block;
    clear: both;
}
.p-fNav {
    float: left;
    letter-spacing: -0.5em;
    font-size: 1.3rem;
    padding-left: 0;
}
.p-fNav li {
    display: inline-block;
    letter-spacing: normal;
}
.p-fNav li:not(:last-child), #f_nav li:not(:last-child) {
    border-right: 1px solid #d9d9d9;
    padding-right: 13px;
    margin-right: 13px;
}
.p-fNav a {
    color: #4a4a4a;
    text-decoration: none;
    font-size: 13px;
}
.p-copyright {
    float: right;
    font-size: 1.2rem;
}
/* copyright */
#copyright {
	color: #8b8b8b;
	font-size: 9.6px;
}
