@charset "UTF-8";

/* ブラウザスタイルのクリア
-----------------------------------------------------------*/
body,
h1,h2,h3,h4,h5,h6,
ul,ol,li,dl,dt,dd,
p,blockquote,
form,fieldset,
table,th,td,
img {
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
	font-size: 100%;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}
img {
	vertical-align: top;
}
hr {
	display: none;
}
a:hover {
	cursor: pointer;
}

a.alpha:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

div,ul,li,ol,dl,dt,dd,table,th,td,p,a {
	zoom: 1; /* for WinIE6,7 */
}

/* 共通部分（ヘッダー、フッター、マナビスナビ） */

/* サイト基本設定
---------------------------------------------------*/

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "MS Pゴシック", sans-serif;
	line-height: 1.7;
	font-size: 75%; /* IE */
	letter-spacing:0.07em;
	background: url(../image/BarHeader.gif) repeat-x center top;
}

img {
	border: none;
}

html>/**/body {
  font-size: 12px; /* Except IE */
}


/* フォーム系の設定 */
input	           { font-size:9pt; margin-top:0px;/* background-color:#F8F8F8; border-style:solid; border-width:1px; border-color:#B0B0C0; */}
textarea           { font-size:9pt;/* background-color:#F8F8F8; border-style:solid; border-width:1px; border-color:#B0B0C0; */}
input, textarea { color:black; }
.button	           {
  font-size:9pt;
  background-color:#fff;
  border-style:solid;
  border-width:1px;
  padding: 0 5px 0 5px;
  border-color:lightslategray;
}

input[type="text"],
textarea {
	border: solid 1px #999;
	background-color:#fff;
}
input[type="text"]:focus,
textarea:focus {
	border: solid 1px #999;
	background-color:#e8e8ff;
}

a:link {
	color: #0066CC;
	/*text-decoration: none;*/
}
a:visited {
	color: #0066CC;
	/*text-decoration: none;*/
}
a:hover {
	color: #BD2B5C;
	text-decoration: none;
}
a:active {
	color: #BD2B5C;
	text-decoration: none;
}

a.nodec {
	text-decoration: none;
	color: #333;
}

a.nodec:active,
a.nodec:visited,
a.nodec:hover {
	cursor : default;
	text-decoration: none;
	color: #333;
}

a.banner_m {
	width: 210px;
	height: 30px;
	display: block;
	background: url(../image/logo_manavis.gif) left top no-repeat;
	text-indent: -9999px;
	font-size: 0px;
	overflow: hidden;
	margin-top: 5px;
	margin-bottom: 5px;
}

a.banner_s {
	width: 210px;
	height: 30px;
	display: block;
	background: url(../image/logo_shozemi.gif) left top no-repeat;
	text-indent: -9999px;
	font-size: 0px;
	overflow: hidden;
	margin-top: 5px;
	margin-bottom: 5px;
}

a.banner_m:hover,
a.banner_s:hover {
	background-position: bottom;
}

h2.hid {
	top: -9999px;
	text-indent: -9999px;
	font-size: 0px;
}

h2 img {
	margin-top: 10px;
	margin-bottom: 5px;
}

h3 {
	font-weight: bold;
	font-size: 14px;
	color: #000;
	line-height: 200%;
}

h3.red {
	background: url(../image/h3_red.gif) no-repeat left center;
	font-weight: bold;
	line-height: 1.1;
	font-size: 14px;
	padding: 5px 22px;
	margin: 5px 0 5px 0;
	color: #00346D;
/*	clear: both;	*/
}

#po3{
	margin-left: 62px;
	position: absolute;
}

#po4{
	margin-left: 50px;
	position: absolute;
}

#po5{
	margin-left: 38px;
	position: absolute;
}

#po6{
	margin-left: 27px;
	position: absolute;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
	min-height:1%;	/*: for IE7 */
}

/*全体のラップ
----------------------------------------------------------------------------*/
#wrapper {
	margin: 0px auto;
	width: 900px;
	/*padding: 0px 10px;
	background: url(../image/bg/backShadow.jpg) repeat-y left top;*/
	position: relative;
}

/*ヘッダー
----------------------------------------------------------------------------*/

#header {
	height: 120px;
	width: 900px;
	position: relative;
	top: 0px;
}

#header div.ci {
	top: 15px;
	left: 0;
	width: 712;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	position: absolute;
}

#header div.ci2 {
	top: 30px;
	left: 740px;
	/left:715px;
	_left:715px;
	position: absolute;
}

/* IE8向け */
head~/* */body #header div.ci2 {
	top: 30px;
	left: 720px;
	position: absolute;
}

#header div.ci3 {
	top: 55px;
	left: 720px;
	/left:715px;
	_left:715px;
	position: absolute;
}

#header div.ci3 li {
	float: left;
}

#header div.ci3 li a {
	height: 18px;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	display: inline;
	list-style-type: none;
}

#header div.ci3 li.contact a {
	width: 80px;
	background: url(../image/top_contact.gif) no-repeat left top;
}

#header div.ci3 li.sitemap a {
	width: 95px;
	margin-left: 0px;
	/margin-left: 7px;
	_margin-left: 7px;
	background: url(../image/top_sitemap.gif) no-repeat left top;
}

#header div.ci3 li.contact a:hover,
#header div.ci3 li.sitemap a:hover {
	background-position: 0px -16px;
}

#header .tagline {
	height: 14px;
	position: absolute;
	width: 900px;
	background: #BC2B5C /*url(../image/bg/head_tagline.jpg) repeat-y left top*/;
	border-bottom: 1px solid #BC2B5C;
	line-height: 1;
	color: #FFFFFF;
	padding-top: 3px;
	padding-left: 15px;
	font-size: 11px;
	top: 0px;
	right: 0px;
	padding-right: 15px;
}

#gNavi {
	position: absolute;
	top: 83px;
	width: 900px;
	/*background: #e8e8e8 url(../image/bg/gNavi_back.jpg) repeat-x left bottom;
	padding-left: 10px;
	padding-top: 3px;
	padding-right: 10px;*/
}

#gNavi li {
	float: left;
}

#gNavi li a {
	width: 100px;
	height: 37px;
	text-indent: -9999px;
	display: block;
	list-style-type: none;
}

/*
#gNavi li.feature a {
	background: url(../image/gNavi_feature_o.gif) no-repeat left top;
	visibility: visible;
}

IE6対策
#gNavi li.feature a:hover {
	border: 0px;
}

#gNavi li.feature a:hover img {
	visibility: hidden;
}
*/
#gNavi li.home a {
	background: url(../image/gNavi_home_a.gif) no-repeat;
}

#gNavi li.home a:hover {
	background: url(../image/gNavi_home_o.gif) no-repeat;
}

#gNavi li.feature a {
	background: url(../image/gNavi_feature_a.gif) no-repeat;
}

#gNavi li.feature a:hover {
	background: url(../image/gNavi_feature_o.gif) no-repeat;
}

#gNavi li.course a {
	
	background: url(../image/gNavi_course_a.gif) no-repeat;
}
#gNavi li.course a:hover {
	background: url(../image/gNavi_course_o.gif) no-repeat;
}

#gNavi li.staff a {
	
	background: url(../image/gNavi_staff_a.gif) no-repeat;
}
#gNavi li.staff a:hover {
	background: url(../image/gNavi_staff_o.gif) no-repeat;
}

#gNavi li.event a {
	
	background: url(../image/gNavi_event_a.gif) no-repeat;
}
#gNavi li.event a:hover {
	background: url(../image/gNavi_event_o.gif) no-repeat;
}

#gNavi li.library a {
	
	background: url(../image/gNavi_library_a.gif) no-repeat;
}
#gNavi li.library a:hover {
	background: url(../image/gNavi_library_o.gif) no-repeat;
}

#gNavi li.results a {
	
	background: url(../image/gNavi_results_a.gif) no-repeat;
}
#gNavi li.results a:hover {
	background: url(../image/gNavi_results_o.gif) no-repeat;
}

#gNavi li.branch a {
	
	background: url(../image/gNavi_branch_a.gif) no-repeat;
}
#gNavi li.branch a:hover {
	background: url(../image/gNavi_branch_o.gif) no-repeat;
}

#gNavi li.entry a {
	
	background: url(../image/gNavi_entry_a.gif) no-repeat;
}
#gNavi li.entry a:hover {
	background: url(../image/gNavi_entry_o.gif) no-repeat;
}

#gNavi li.manavis a {
	
	background: url(../image/gNavi_manavis_a.gif) no-repeat;
}
#gNavi li.manavis a:hover {
	background: url(../image/gNavi_manavis_o.gif) no-repeat;
}

#gNavi li.home a {
	
	background: url(../image/gNavi_home_a.gif) no-repeat;
}
#gNavi li.home a:hover {
	background: url(../image/gNavi_home_o.gif) no-repeat;
}

/* 左カラム */
#L {
	margin: 20px 0 0 0;
	padding: 0px;
	float: left;
	display: inline;
}

#L-Content {
	margin: 0 0 15px 0;
	padding: 0;
}

#L-Main {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 420px;
	float: left;
	display: inline;
}

#L-margin{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 15px;
	float: left;
	display: inline;
	text-align: center;
}

#L-Sub {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 235px;
	float: left;
	display: inline;
}

#L-Sub li.sub01 {
	width: 235px;
	height: 113px;
	background: url(../image/MainSub01.jpg) no-repeat left top;
	display: block;
	position: relative;
	top: 0;
	left: 0;
}

/*
#L-Sub li.sub01 a:hover {
	background-position: bottom;
}
*/

#L-Sub li.dot {
	width: 235px;
	height: 34px;
	display: block;
	top: 14px;
	left: 0px;
	position: relative;
	vertical-align: middle;
}

#L-Sub li.sub02 {
	width: 235px;
	height: 113px;
	background: url(../image/MainSub02.jpg) no-repeat left top;
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
}

#L-Sub li:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}

#L-Sub p.sub {
	width: 150px;
	height: 68px;
	position: relative;
	top: 48px;
	left: 5px;
	line-height: 120%;
}

#Contact {
	width: 215px;
	float: left;
	display: inline;
	margin-right: 15px;
	_margin-right: 0px;
	margin-bottom: 15px;
	clear: left;
}

#L-Pickup {
	width: 215px;
	float: left;
	display: inline;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	clear: left;
}

#Contact a {
	display: block;
	width: 215px;
	height: 59px;
	margin: 10px 0 10px 0;
	background: url(../image/contact_web_o.gif) no-repeat left top;
	visibility: visible;
}

/* IE6対策 */
#Contact a:hover {
	border: 0px;
}

#Contact a:hover img {
	visibility: hidden;
}

#L-News {
	width: 440px;
	float: left;
	display: inline;
	line-height: 120%;
	margin-top: 15px;
	margin-left: 0px;
}

#L-News .date {
	color: #be2c5d;
	font-weight: bold;
}

html* #L-News p.news {
	position: relative;
	margin-left: 50px;
	margin-top: -25px;
	height: 35px;
	display: block;
}

#L-News a.next {
	display: block;
	width: 19px;
	height: 19px;
	background: url(../image/icon_next_o.gif) no-repeat left top;
	margin-left: 206px;
	visibility: visible;
}

/* IE6対策 */
#L-News a.next:hover {
	border: 0px;
}

#L-News a.next:hover img {
	visibility: hidden;
}

#R {
	margin: 20px 0px 0 15px;
	padding: 0px;
	width: 215px;
	float: right;
	display: inline;
}

div.r_menu {
	text-align: left; 
	font-size: 16px; 
	font-weight: bold;
	margin-left: 15px;
	margin-bottom: 15px;
	line-height: 180%;
}

div.contents {
	width: 670px;
	display: block;
	line-height: 150%;
	margin: 0 0 0 0;
}

p.column {
	width:215;
	margin-top: 5px;
	padding: 0px 5px 5px 5px;
	margin-bottom: 10px;
	display: block;
	line-height: 150%;
	border: solid 1px #333;
	background:#fff url(../image/triangle.gif) right bottom no-repeat;
}

p.link {
	width:215;
	margin-top: 5px;
	padding: 0 0 0 0;
	margin-bottom: 10px;
	display: block;
}

div.section00 {
	width: 655px;
	background-color: #eee;
	padding: 0 5px 15px 10px;
	margin: 10px 0 15px 0;
}

div.section01 {
	width: 655px;
	background-color: #eee;
	padding: 0 5px 15px 10px;
	margin: 5px 0 10px 0;
}

#section02 {
	margin-left: 25px;
}

#section02 table {
	margin-top: 10px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	position: relative;
}
#section02 th {
	background: #e8e8e8;
	font-weight: bold;
}
#section02 th,
#section02 td {
	text-align: center;
	padding: 2px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#section02 td.left {
	text-align: left;
	padding-left: 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

p.floatimg_r {
	float: right;
	margin: 10px 0 0 15px;
}

p.floatimg_l {
	float: left;
	margin: 0 15px 0 0;
}

p.float_r {
	text-align: right;
	margin: 5px 0 5px 0;
}

.subject {
	font-weight: bold;
	font-size: 14px;
	color: #000;
	line-height: 200%;
	margin-top: 10px;
}

.subject_l {
	font-weight: bold;
	font-size: 20px;
	color: #000;
	line-height: 200%;
}

/*フッター
---------------------------------------------------------------*/
#footer {
	text-align: left;
	line-height: 1.3;
	width: 900px;
	clear: both;
}

#footer p.comment {
	font-size: 10px;
	text-align: center;
	margin: 10px 0 10px 0;
	line-height: 200%;
}

#footer #fNavi {
	margin: 30px 0;
}

#footer #fNavi li {
	display: inline;
	padding: 0 10px;
	background: url(../image/bg/fnav_li.gif) no-repeat right center;
}
#footer #fNavi li.lastChild {
	background: none;
}
#footer #fNavi li a {
	color: #4c4c4c;
	text-decoration: none;
}
#footer #fNavi li a:hover {
	color: #BD2B5C;
}

#footer #link ul {
	padding-bottom: 10px;
}
#footer #link li {
	display: inline;
	padding: 0 2px;
}

#footer #copy {
	background: url(../image/bg/copy_bak.jpg) no-repeat left top;
	text-align: right;
	padding-bottom: 50px;
}
#footer #copy p {
	font-size:10px;
	padding: 7px 12px;
}
