@charset "utf-8";

body{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
font-size: 100%;
color: #222;
background:#EFEFEF;
}

/*container*/
.container{
width:900px;
margin:0 auto;
background:white;
}
.container-webadmin{
width:681px;
}

/*header*/
.header{
}
.header img.img_header{
	display:block;
}

/*文字サイズ*/
.main p,
.main table
{
font-size:75%;
line-height:1.5em;
margin-bottom:16px;
letter-spacing:1px;
}

/*リンク*/
 a{
color:#5991AE;
text-decoration:none;
font-weight:bold;
}
a:hover{
text-decoration:underline;
}
table{
border-collapse:collapse;
}
/*罫線*/
.hr{
background:url(../images/bg_hr.gif) repeat-x;
height:2px;
margin-bottom:24px;
}

/*見出し*/
h1{
	background: url(../images/img_header.gif) no-repeat;
	width: 900px;
	height: 120px;
}

h1 div.heder_link{
	position: relative;
	float: right;
	top: 82px;
	right: 25px;
}

h1 div.heder_link p{
	float: left;
}

h1 div.heder_link p.english a{
	background: url(../images/btn_english.png) no-repeat;
	width:90px;
	height:21px;
	display:block;
}

h1 div.heder_link p.english a:hover{
	background: url(../images/btn_english_on.png) no-repeat;
	width:90px;
	height:21px;
	display:block;
}

h1 div.heder_link p.chinese a{
	background: url(../images/btn_chinese.png) no-repeat;
	width:90px;
	height:21px;
	display:block;
	margin-left:8px;
}

h1 div.heder_link p.chinese a:hover{
	background: url(../images/btn_chinese_on.png) no-repeat;
	width:90px;
	height:21px;
	display:block;
	margin-left:8px;
}


h3{
background:url(../images/bg_h3.gif) top left no-repeat;
padding-left:17px;
height:25px;
line-height:25px;
margin-bottom:32px;
font-size:130%;
font-weight:bold;
}
h4{
font-size:100%;
margin-bottom:16px;
color:#706CA9;
}



/*-----------------カラムレイアウト-------------------------*/
/*TOP*/
.wrap-contents-top{
padding:16px 20px 20px 20px
}
.contents-top-left{
width:593px;
float:left;
}
.contents-top-right{
margin-left:17px;
width:243px;
float:left;
}

/*中面*/
.contents-left{
width:219px;
float:left;
background:url(../images/bg_contents-left.jpg) top center no-repeat;
min-height:550px;
}
.contents-right{
padding:16px 20px 20px 20px;
width:641px;
float:left;
}


/*-----------------TOPページ-------------------------*/
/*メインメニュー*/
div.title_menu{
background:url(../images/bg_title_menu.gif) top left no-repeat;
color:white;
height:43px;
line-height:43px;
font-size:110%;
font-weight:bold;
padding-left:0.8em;
width:579px;
margin-bottom:16px;
}

ul.main_menu{
margin-left:5px;
width:593px;
}
ul.main_menu li{
float:left;
}
ul.main_menu li a{
width:295px;
height:145px;
display:block;
margin-bottom:30px;
}
ul.main_menu li a:hover img{
visibility:hidden;
}

a.main_menu_btn{
background-repeat:no-repeat;
background-position:top left;
}
a.btn_gakuen{background-image:url(../images/btn_gakuen_on.jpg);}
a.btn_daigaku{background-image:url(../images/btn_daigaku_on.jpg);}
a.btn_tandai{background-image:url(../images/btn_tandai_on.jpg);}
a.btn_yugaku{background-image:url(../images/btn_yugaku_on.jpg);}
a.btn_kkg{background-image:url(../images/btn_kkg_on.jpg);}
a.btn_seinan{background-image:url(../images/btn_seinan_on.jpg);}
a.btn_museum{background-image:url(../images/btn_museum_on.jpg);}

/*サイドメニュー*/
a.side_menu_btn{
	display:block;
	padding-left:27px;
	width:223px;
	height:70px;
	line-height:70px;
	background:url(../images/btn_side_menu.gif) top left no-repeat;
	margin-bottom:16px;
	color:#222;
	text-decoration:none;
	font-weight:bold;
}
a:hover.side_menu_btn{
	background:url(../images/btn_side_menu_on.gif) top left no-repeat;
}

a.side_menu_btn_twoline{
	line-height:20px;
	padding-top:15px;
	height:55px
}


a.side_menu_btn_dayori{
	display:block;
	width:250px;
	height:60px;
	background:url(../images/bnr_side_menu_gakuendayori.gif) top left no-repeat;
	color:#222;
	text-decoration:none;
	font-weight:bold;
}

a:hover.side_menu_btn_dayori{
	background:url(../images/bnr_side_menu_gakuendayori_on.gif) top left no-repeat;
}


a.side_menu_btn_110{
	display:block;
	padding-left:27px;
	width:223px;
	height:70px;
	line-height:70px;
	background:url(../images/btn_side_menu110.gif) top left no-repeat;
	margin-bottom:16px;
	color:#222;
	text-decoration:none;
	font-weight:bold;
}

a:hover.side_menu_btn_110{
	background:url(../images/btn_side_menu110_on.gif) top left no-repeat;
}


a.side_menu_btn_sub{
	display:block;
	padding-left:27px;
	width:200px;
	height:50px;
	line-height:50px;
	background:url(../images/btn_side_menu_sub.gif) top left no-repeat;
	margin-bottom:16px;
	color:#222;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
}

a.side_menu_btn_sub_2line{
	display:block;
	padding-top: 8px;
	padding-left:27px;
	width:200px;
	height:50px;
	line-height:18px;
	background:url(../images/btn_side_menu_sub.gif) top left no-repeat;
	margin-bottom:8px;
	color:#222;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
}


a.side_menu_btn_sub:hover,
a.side_menu_btn_sub_2line:hover{
	background:url(../images/btn_side_menu_sub_on.gif) top left no-repeat;
}

a.side_menu_btn_sub.2line{
}










/*-----------------中面ページ-------------------------*/
/*ヘッダー*/
.header_inner{
width:900px;
height:110px;
position:relative;
}
.header_inner .btn_top{
position:absolute;
left:740px;
top:70px;
}
.header_inner h2{
visibility:hidden;
}
.header_gakuen{
background:url(../images/bg_header_gakuen.jpg) top center no-repeat;
}
.header_netcenter{
background:url(../images/bg_header_netcenter.jpg) top center no-repeat;
}
.header_common{
background:url(../images/bg_header_common.jpg) top center no-repeat;
}
.header_form{
background:url(../images/bg_header_form.jpg) top center no-repeat;
}
.header_parttime{
background:url(../images/bg_header_parttime.jpg) top center no-repeat;
}

/*ローカルメニュー*/
ul.local_menu{
width:192px;
margin:0 auto;
margin-top:16px;
}
ul.local_menu li{
}
a.local_menu_btn{
display:block;
padding-left:27px;
width:165px;
height:46px;
line-height:46px;
background:url(../images/btn_local_menu.gif) top left no-repeat;
margin-bottom:16px;
color:#222;
font-size:88%;
text-decoration:none;
font-weight:bold;
}
a.local_menu_btn_on, a:hover.local_menu_btn{
background:url(../images/btn_local_menu_on.gif) top left no-repeat;
color:white;
}
a.local_menu_btn_twoline{
display:block;
padding-left:27px;
width:165px;
height:53px;
padding-top:13px;
line-height:20px;
background:url(../images/btn_local_menu_twoline.gif) top left no-repeat;
margin-bottom:16px;
color:#222;
font-size:88%;
text-decoration:none;
font-weight:bold;
}
a.local_menu_btn_twoline_on, a:hover.local_menu_btn_twoline{
background:url(../images/btn_local_menu_twoline_on.gif) top left no-repeat;
color:white;
}

 /*201404公開講座用に追加*/
.local_submenu{
	background: url(../common/pub_lec/images/bg_submenu.png) no-repeat;
	width: 192px;
	height: 51px;
	font-size: 14px;
	color: #000;
	margin-bottom: 10px;
	display: block;
}

.local_submenu_selected{
	background: url(../common/pub_lec/images/bg_submenu_on.png) no-repeat;
	width: 192px;
	height: 51px;
	font-size: 14px;
	color: #000;
	margin-bottom: 10px;
	display: block;
}

.local_submenu a{
	color: #000;
	display: block;
	height: 51px;
	padding-left: 27px;
	padding-top: 20px;
}

.local_submenu_selected a{
	color: #000;
	display: block;
	height: 51px;
	padding-left: 27px;
	padding-top: 20px;
}


.local_submenu a:hover{
	background: url(../common/pub_lec/images/bg_submenu_on.png) no-repeat;
	text-decoration: none;
}

.local_submenu_selected a:hover{
	text-decoration: none;
}

.local_submenu_twoline{
	background: url(../common/pub_lec/images/bg_submenu.png) no-repeat;
	width: 192px;
	height: 51px;
	font-size: 14px;
	color: #000;
	margin-bottom: 10px;
	display: block;
}

.local_submenu_twoline a{
	color: #000;
	display: block;
	height: 51px;
	padding-left: 27px;
	padding-top: 12px;
}

.local_submenu_twoline a:hover{
	background: url(../common/pub_lec/images/bg_submenu_on.png) no-repeat;
	text-decoration: none;
}

.local_submenu_twoline_selected{
	background: url(../common/pub_lec/images/bg_submenu_on.png) no-repeat;
	width: 192px;
	height: 51px;
	font-size: 14px;
	color: #000;
	margin-bottom: 10px;
	display: block;
}

.local_submenu_twoline_selected a{
	color: #000;
	display: block;
	height: 51px;
	padding-left: 27px;
	padding-top: 12px;
}

.local_submenu_twoline_selected a:hover{
	text-decoration: none;
}

table.kouza{
	border-collapse:collapse;
}

table.kouza th{
	background-color: #f6f5fb;
	width: 100px;
	vertical-align: middle;
	border-bottom: 2px solid #FFF;
}

table.kouza td{
	padding: 10px 0 10px 15px;
}

table.kouza_list td{
	border:1px solid #f0eee5;
	border-collapse:collapse;
	padding: 5px;
}

table.kouza_list td.head{
	background-color: #8380b4;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
}

.font11{
	font-size:11px;
}

.font14{
	font-size:14px;
}

.bg_violet{
	background-color: #f6f5fb;
}

.space{
	height:4px;
	padding:0!important;
	margin:0;
	border: none!important;
}

.contact{
	background-color: #f6f5fb;
	padding: 15px 20px;
	margin: 0 auto;
	width: 400px;
	line-height: 24px!important;
}

.contact span{
	font-size: 18px;
	font-weight: bold;
}

ul.linkList {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size: 75%;
	line-height: 1.5em;
	margin-bottom: 16px;
	letter-spacing: 1px;
	margin-left: 0.5em
}

ul.commonListIcon {
	list-style: disc;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size: 75%;
	line-height: 1.5em;
	margin-bottom: 16px;
	letter-spacing: 1px;
	margin-left: 1.75em
}
ul.commonListIcon {
	list-style: disc;
}


/*理事長のメッセージ*/
div.message_img{
width:180px; float:left;
}
div.message_txt{
width:461px; float:left;
}
div.message_txt p.message_name{
text-align:right;
}
/*沿革*/
table.tbl_enkaku{
}
td.date{
width:170px;
}
table.tbl_enkaku td{
padding-top:1em;
padding-bottom:1em;
}
/*情報公開*/
div.jyouhou_list_wrap{
}
.jyouhou_list{
width:213px;
float:left;
}
.jyouhou_list_title{
background:url(../images/ico_jyouhou_list_title.gif) center left no-repeat;
padding-left:15px;
font-size:95%;
margin-bottom:12px;
font-weight:bold;
}
.link{
background:url(../images/ico_link.gif) center left no-repeat;
font-size:90%;
padding-left:12px;
line-height:1.5em;
margin-bottom:10px;
margin-left:5px;
}


/*お問い合わせフォーム*/

table.tbl_form *{
vertical-align:top !important;
}
table.tbl_form td{
padding-bottom:5px !important;
}
input:focus, select:focus, textarea:focus {
background-color: #F6F5FB;
}

div.midashi_form{
font-size:120%;
font-weight:bold;
margin-bottom:12px;
}

td.form_komoku{
width:210px !important;
}

td.form_naiyou textarea{
width:400px;
}

.submit_button{
padding:7px;
}

/*公開講座 通信欄のコメント*/
.comment{
font-size: 11px!important;
margin-bottom: 5px!important;
}

/*結果報告*/

ul.koe li{
	font-size: 75%;
	line-height: 1.5em;
	letter-spacing: 1px;
	padding-left: 1em;
	text-indent: -1em;
}

div.photo_area{
	margin-bottom:20px;
}

div.photo_area img{
	float:left
}


/*ページ内のお問い合わせ欄 アルバイト求人ページで使用*/

div.inquiry{
	font-size:120%;
}

div.inquiry span{
	font-weight:bold;
}

/*110周年事業*/

.main_aisatsu{
	margin: 0;
	padding: 0 60px;
	border: 0;
	outline: 0;
	font-size: 13px;
	line-height: 22px;
	vertical-align: baseline;
	background: url(../110/images/bg_110aisatsu.png) top no-repeat;
}

h3.aisatsu110{
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	padding-top: 75px;
	margin-bottom: 35px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	background:none;
}

.aisatsu110_name{
	text-align: right;
	margin-bottom: 35px!important;
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 16px!important;
}

.midashi110{
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	text-align: center;
	font-size:16px;
}

ul.list{
	list-style: none;
	font-size: 13px;
	line-height: 22px;
}

ul.list li.title{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
}

ul.list li.title span{
	font-size: 13px;
}

ul.list li.honbun{
	padding-left: 2.5em;
	margin-bottom: 20px;
}

ul.list li.honbun span{
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 1em;
	display: block;
}

ul.list li.normal{
	padding-left: 3em;
	text-indent: -3em;
	margin-bottom:1em;
}


.kousyo{
	display: block;
	padding: 10px;
	border: solid 1px #b1b1b1;
	font-size: 11px;
	-webkit-border-radius: 10px;
}

.kousyo .fontL{
	font-size:16px;
	font-weight:bold;
}

a.btn_download{
display:inline-block;
width:220px;
height:60px;
line-height:70px;
background:url(../110/images/btn_download.gif) top left no-repeat;
margin-bottom:16px;
text-decoration:none;
font-weight:bold;
}


a:hover.btn_download{
	background:url(../110/images/btn_download_on.gif) top left no-repeat;
}


.prize{
	padding: 25px;
	margin: 0 auto;
	width: 500px;
	border: solid 2px #917347;
	border-radius: 15px;
	background-color: #f6f5f3;
	line-height: 2.5em;
}


/*結果報告*/
.btn_result{
	vertical-align:middle;
	text-align: center;
}



/*共通*/

.text_center{
	text-align: center;
}

.p10{
	padding:10px;
}

.ml20{
	margin-left:20px;
}

.mr10{
	margin-right:10px;
}

.mr20{
	margin-right:20px;
}

.mb10{
	margin-bottom:10px;
}

.mb20{
	margin-bottom:20px;
}

.mb30{
	margin-bottom:30px;
}

.flot_left{
	float:left;
}

.flot_right{
	float:right;
}

.float_left{
	float:left;
}

.float_right{
	float:right;
}

.fontL{
	font-size:16px;
}

.fontM{
	font-size:14px;
}

.fontS{
	font-size:11px;
}

.fontB{
	font-weight:bold;
}

table.standard{
	border-collapse:collapse;
	margin-bottom:20px;
}

table.standard th{
	border:1px solid #000;
	background-color: #8380b4;
	color: #FFF;
	vertical-align: middle;
	border-bottom: 2px solid #FFF;
}

table.standard td{
	border:1px solid #000;
	border-collapse:collapse;
	padding: 5px;
}


/* btn_more */
.btn_more a{
	padding: 17px;
	border: 1px #706CA9 solid;
	border-radius: 5px;
	width: 500px;
	margin: 0 auto;
	display: block;
	text-align: center;
	position: relative;
	color: #706CA9;
	text-decoration: none;
	font-size: 14px;
}
.btn_more a::before,
.btn_more a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	/*right: 15px;*/
	margin: auto;
	content: "";
	vertical-align: middle;
}
.btn_more a::before{
	right: 15px;
	width: 8px;
	height: 8px;
	border-top: 3px solid #706CA9;
	border-right: 3px solid #706CA9;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.btn_more a:hover {
	opacity: 0.7;
}


/*------------------------------div.section----------------------------*/
div.section {
	margin: 0 50px;
}
div.section h2 {
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 22px;
	text-align: center;
}
div.section h3 {
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 16px;
}
div.section h4 {
	font-size: 100%;
	margin-top: 20px;
  margin-bottom: 10px;
  color: #706CA9;
}
div.section ul {
	font-size: 75%;
}
div.section ul li > ul {
	font-size: 100%;
}

div.section ul.indent_list {
	text-indent: -3em;
	padding-left: 3em;
}


/*------------------------------accordion----------------------------*/
/* title */
.accordion_list p.accordion_title {
	position: relative;
	cursor: pointer;
	font-weight: 600;
	border: 1px #ccc solid;
	padding: 0.5rem 1rem 0.5rem 0.5rem;
	margin-bottom: 0;
	color: #5991AE;
	font-size: 100%;
}
.jyouhou_list_title.accordion_item {
    background: url(../images/ico_jyouhou_list_title.gif) top 10px left no-repeat!important;
}


/* text */
.accordion_list ul {
   /* margin-left: 1em;*/
}
.accordion_list ul li.accordion_item {
    font-size: 75%;
    line-height: 1.5em;
}

/* icon */
.accordion_list .accordion_title::before,
.accordion_list .accordion_title::after{
	position: absolute;
	content:'';
	width: 10px;
	height: 2px;
	background-color: #333;
}
.accordion_title::before{
	top:50%;
	right: 15px;
	transform: rotate(0deg);
}
.accordion_title::after{
	top:50%;
	right: 15px;
	transform: rotate(90deg);
}

/*　close　*/
.accordion_title.close::before{
	transform: rotate(45deg);
}
.accordion_title.close::after{
	transform: rotate(-45deg);
}

/* accordion_box */
.accordion_box {
	display: none;/*はじめは非表示*/
	padding: 1rem 1em 0;
	border-right: 1px #ccc solid;
	border-left: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	font-weight: 400!important;
} 

/* accordion-btn */
/*
.accordion-btn_wrapp {
	width: 200px;
	margin-left: auto;
	margin-right: auto;
}
.accordion-btn_wrapp .accordion-btn {
	text-decoration: none!important;
	text-decoration: none!important;
	display: inline-block;
	text-align: center;
	padding: 22px 0px 22px 0px;
	position: relative;
	width: 100%;
	border: 1px #ccc solid;
	color: #333!important;
}
*/

.box-open:before {
	display: block;
	content: "";
	position: absolute;
	top: 42%;
	right: 11px;
	width: 10px;
	height: 10px;
	border-left: solid 2px #333;
}
.box-open:after {
	display: block;
	content: "";
	position: absolute;
	top:48%;
	right: 15px;
	width: 10px;
	height: 10px;
	border-top: solid 2px #333;
}
.box-close:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 10px;
	height: 10px;
	border-top: solid 2px #333;
}



/*------------------------------footer----------------------------*/
.pageTop{
position relative;
height:30px;
}
.pageTop a{
position: relative;
display:block;
line-height:0;
width:100px;
height:30px;
left:780px;
}
#footer-inner{
text-align:center;
font-size:69%;
line-height:1.5em;
background:#E3E2EE;
padding-top:12px;
}
.copyright{
display:block;
line-height:2.0em;
color:#251A71 ;
}

/*-----------------------------回り込み解除--------------------------------*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/*印刷指定*/
@media print{
 body {
    -webkit-print-color-adjust: exact;
  }
}