@charset "UTF-8";
/* CSS Document */

#navi li.n4 a { background-position:-570px -45px; }

#fem {
	width:190px;
	float:left;
}

#fnavi {
	width:190px;
	margin-bottom:20px;
}

#fnavi li.main {
	width:190px;
	height:49px;
	line-height:1em;
	vertical-align:bottom;
	font-size:90%;
}

#fnavi li#p1 {
	width:175px;
	height:13px;
	line-height:1em;
	vertical-align:bottom;
	font-size:90%;
	padding:18px 0 18px 15px; 
	background:url(../../images/subnav.png) no-repeat left top;
	color:#ccc;
}

#fnavi li.main a {
	display:block;
	width:175px;
	height:13px;
	background:url(../../images/subnav.png) no-repeat left top;
	padding:18px 0 18px 15px; 
	color:#999;
	text-decoration:none;
}

#fnavi li.main a:hover,
#fnavi li.main a.on {
	background:url(../../images/subnav.png) no-repeat -190px top;
	color:#000;
}

#fnavi li.sub {
	border-right:1px solid #d7d7d7;
	width:179px;
	padding:3px 0 3px 10px;
	background:url(../images/checker.png) repeat-y left top #fafafa;
}

#fnavi li.sub a {
	padding-left:8px;
	font-size:80%;
	background:url(../images/arrow2.png) no-repeat left center #fafafa;
	width:170px;
	color:#999;
	text-decoration:none;
}

#fnavi li.sub a.on,
#fnavi li.sub a:hover { 
	color:#000;
	background:url(../images/arrow2.png) no-repeat left center #fafafa;
}

#sp {
	width:160px;
	margin:0 15px;

}
#sp a:link,
#sp a:visited,
#sp a:hover,
#sp a:active {
	margin:0;
	padding:0 0 0 6px;
	color:#333;
	background:url(../images/arrow.png) no-repeat left center;
	font-size:80%;
	text-decoration:none;
	line-height:1em;
}
#sp a:hover { color:#c80000; }
#sp a.book:link,
#sp a.book:visited,
#sp a.book:hover,
#sp a.book:active {
	background-image:none;
	padding:0;
	font-size:1px;
	line-height:0
}

#sp li {
	margin:0;
	padding:0;
}

p {
	font-size:100%;
	line-height:1.4em;
	margin-top:15px;
}

ul.hoshin { margin:10px 10px; }

#prof {
	widows:528px;
	border:1px solid #ccc;
	background:#Fff;
	margin:20px 0 0 0;
	padding:10px;
}

#prof div.right {
	width:400px;
	float:right;
}

#prof div.left {
	width:120px;
	float:left;
	margin-right:5px;
}

#prof p {
	margin:0 0 15px 0;
	line-height:1.5em;
}

#prof h5,
#prof li {
	font-size:80%;
	line-height:1.4em;
}

ol {
	margin:15px 0 0 30px;
	width:500px;
}

ol#app li {
	list-style:decimal;
	margin-bottom:15px;
}

h4.fem {
	color:#335f96;
	background:#f2f2f4;
	padding:5px 5px 3px 5px;
	border-bottom:2px solid #d9d9dc;
	margin:15px 0 10px 0;
	font-size:110%;
	font-weight:bold;
}

h4.fem2 {
	color:#335f96;
	font-size:110%;
	font-weight:bold;
	margin-bottom:15px;
}

.pager {
	text-align:center;
	margin:20px auto;
}

.pager li {
	margin:0 2px;
	padding:5px 0;
	background:#fff;
	float:left;
}

.pager li a {
	border:1px solid #ccc;
	padding:5px;
	font-size:90%;
	background:#fafafa;
	text-decoration:none;
	color:#333;
}

.pager li a:hover,
.pager li a.on {
	color:#fff;
	background:#ff6400;
	border:1px solid #ff6400;
}

/* clearfix */
#prof:after,
.pager:after {
	content: "."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
#prof,
.pager{ display: inline-block; }