@charset "UTF-8";

/*							*
	Hosei-U style.css
	2011.02.16
 *  updated --- 2014.11.27 汎用スタイル追加
*							*/


/* ----------
全般
----------*/
body,
h1,
h2,
h3,
p,
div,
table,
form,
blockquote,
pre,
address {
	margin: 0px;
}

body {
font-size:62.5%; /* 10px程度の大きさに調整 */
}

*+html body { /* for IE7 */
/*overflow: hidden;*/
}

* html body { /* for IE6 */
/*overflow: hidden;*/
}

img {
border: 0px;
}

th,
td,
/*form,*//* 2011.02.17 edited by koba */
fieldset {
vertical-align: top;
}

html,
body {
height: auto;
}

ul {
}

ol li {
}

table,
tr,
th,
td {
/*table-layout: fixed;*/
padding: 0;
margin: 0;
}

i {
	font-style:italic;
}

/* --------------------
▼ サイトの設定 ▼
サイト固有の設定
-------------------- */

@media print {

/*
IEでのズーム指定
649(印刷での表示幅) ÷ (スクリーンでの表示幅) x 100 = zoom値（端数切り捨て）
*/
body {
zoom:68%; /*WinIE only *//* 2011.03.22 edited by koba */
}

/*
背景を非表示にしたいコンテンツ
*/
body,
{
}
}

/*
ロールオーバー用画像先読み
*/
.pre {
visibility:hidden;
height:0px;/* 以下に先読みする画像を指定。 */
}

/* ----------
全般
----------*/
body {
	margin: 0px;
	padding: 0px;
font-family: 'Quicksand', sans-serif,'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック';
}


/*globalmenu*/

#globalmenu {
	margin: 0;
	padding: 0;
	height: auto;
	min-height: 34px;
	position: relative;
	overflow: hidden;
	font-size: 1.5em;
/*	background-image: url(img/bg_globalmenu.gif);*/
	background-color: #541b86;
	background-repeat: repeat-x;
	background-position: 34px 0;
	text-shadow:1px 1px 2px #333;
}

#globalmenu .div-align-right {
	position: absolute;
	right: 25px;
	top: 5px;
	color: #FFF;
	font-size: 0.8em;
}

#globalmenu p {
	color: #FFF;
}

#globalmenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#globalmenu li {
	float: left;
	margin: 0;
	padding: 0;
}

#globalmenu a {
	display:block;
/*	background: url(img/globalmenu_bg.gif) no-repeat 0px 0;*/
	padding: 8px 10px 8px 20px;
	font-weight: bold;
	color: #FFF;
	width:100%;
	height:17px;
	text-align: left;
	text-decoration: none;
	cursor:pointer;
}

#globalmenu a:hover {
/*	background: url(img/globalmenu_bg_o.gif) no-repeat 0px 0;*/
	text-decoration: underline;
}


/*header */

body.header_high {
	background-color: #eae9e5;
}

#header {
	background-color: #FFF;
	height: 105px;
	font-weight: bold;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #541b86;
	position:  relative;
}

#header form {
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.header-syllabus {
	position: absolute;
	top: 32px;
	right: 22px;
	color: #666;
	font-size: 1.2em;
}

#header p {
	position: absolute;
	right: 10px;
	font-weight:normal;
	top: 0px;
}
#header p.gakubu {
	margin-left:285px;
	top: 19px;
	left: 20px;
	font-size: 2.0em;
	font-weight:bold;
	width:40%;
}
#header p.langswitch {
	top: 49px;
	right: 15px;
	z-index:2;
	text-align: right;
	font-size: 1.15em;
	line-height: 2;
}

#header p.langswitch span.btn {
	background: #795548;
	padding: 5px;
	border-radius: 5px;
	color:#FFF;
	cursor:pointer;
	text-decoration: none;
	border:1px solid #795548;
}
#header p.langswitch span.btn:hover {
	background: #FFF;
	color:#795548;
	border:1px solid #795548;
}

#header a {
	color: #17337C;
	text-decoration: underline;
}
#header a:hover {
	text-decoration: none;
}
#home {
	float: left;
	width:280px;
	min-height: 25px;
	font-size: 1.5em;
	padding: 6px 0px 3px 20px;
	background-color:#000;
}
#home a{
	color:#fff;
	text-decoration:none;
	display:inline-block;
	width:100%;
}
#header h1 {
	font-size: 1.3em;
	color: #555;
	float:left;
	text-align:center;
	margin-top: 13px;
	margin-left:15px;
	padding-right: 25px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #787A83;
}


/*sidebar */

#sidebar p,
#sidebar ul,
#sidebar ol,
#sidebar dl,
#sidebar table {
font-size:1.4em;
line-height: 1.5;
}
#sidebar dl dl {
font-size:1.0em;
}


#sidebar {
/*	width: 290px;*/
/*	background-color: #f2f1ee;*/
	margin: 0px;
	padding-top: 15px;
}
#sidebar p {
	margin: 0px;
	padding: 0px;
}

#sidebar .contentslist,#sidebar .globallist,#sidebar .sublist  {
	width:253px;
	margin-left: 17px;
}


/*sidebar 科目リスト*/

#sidebar .sublist p,
#sidebar .globallist p,
#sidebar .contentslist p {
	color: #FFF;
	font-weight:bold;
	background-color: #17337c;
	margin: 10px 0px 0px 0px;
	padding: 2px 10px;
}

#sidebar .sublist p {
	margin: 0px 0px 15px 0px ;
}

#sidebar .globallist p a,
#sidebar .sublist p a {
	color: #FFF;
	background-image: none;
	background-color: #17337c;
	padding:0;
	text-decoration:none;
}
#sidebar .contentslist p a {
	color: #FFF;
	padding:0;
	text-decoration:none;
}
#sidebar .sublist p a:hover ,
#sidebar .globallist p a:hover ,
#sidebar .contentslist p a:hover {
	background-image: none;
	text-decoration:underline;
}
#sidebar .sublist a {
	color: #17337c;
	display:block;
	height:100%;
	text-align: left;
	background-image: url(img/arrow03.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: none;
	padding-left: 27px;
}
#sidebar .contentslist a {
	color: #17337c;
	display:block;
	height:100%;
	text-align: left;
	padding-left: 27px;
}
#sidebar .sublist a:hover {
	color: #FFF;
	background-image: url(img/arrow04.gif);
	background-color: #17337C;
}
#sidebar .contentslist a:hover {
/*	color: #FFF;
	background-image: url(img/arrow04.gif);
	background-color: #4f5952;*/
}
#sidebar .sublist dl {
	margin-top: 0;
	margin-bottom: 0;
}
#sidebar .sublist dl dt {
	font-weight:bold;
	text-align:left;
	color: #FFF;
	background-color: #6E7FB0;
	background-image: url(img/icon_sublist_p.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0 0 2px 0;
	padding: 5px 5px 5px 30px;
}
#sidebar .contentslist dl dt {
	font-weight:bold;
	text-align:left;
	color: #FFF;
	background-color: #595757;
	background-image: url(img/icon_contentslist.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 30px;
}
#sidebar .sublist dl dt a,
#sidebar .contentslist dl dt a {
	color: #FFF;
	background-image: none;
	text-decoration:none;
	padding: 0;
	margin: 0;
}
#sidebar .sublist dl dt a:hover {
	background-color: #6E7FB0;
	background-image: none;
	text-decoration:underline;
}
#sidebar .contentslist dl dt a:hover {
	background-image: none;
	text-decoration:underline;
}

#sidebar .sublist dl dd {
	background-color: #FFF;
	margin: 0 0 2px 0;
	display: block;
	padding: 3px;
}
#sidebar .sublist dl dd dl dd {
	background-color: #FFF;
	margin: 3px 0 2px 26px;
	padding: 0 ;
	display: block;
}
#sidebar .sublist dl dd dl dd a {
	background-image: none;
	margin: 0;
	padding: 0 0 0 6px;
}
#sidebar .sublist dl dd dl dd a:hover {
	background-image: none;
	background-color: #6E7FB0;
}
#sidebar .sublist dl dd span a {
	background-image: url(img/arrow03.gif);
}
#sidebar .sublist dl dd span a:hover {
	background-image: url(img/arrow04.gif);
}

/*sidebar下部 履修登録アイコン*/
details.side_ri_icon {
	margin: 0.5rem 1em;
}
details.side_ri_icon p{
	margin-top: 0.5em;
	padding-left: 3em;
	text-indent: -2.6em;
}
details.side_ri_icon p span.icon_bunrui{
	vertical-align: bottom;
}

/*maincontents*/

#maincontents {
	padding: 20px;
	display: none;/*切り替え*/

}

#maincontents p,
#maincontents ul,
#maincontents ol,
#maincontents table {
font-size:1.4em;
line-height: 1.8;
}
#maincontents dl {
font-size:1.4em;
}
#maincontents table {
}

#maincontents td,
#maincontents th {
padding:0 0.5em;
    vertical-align: middle;
/*word-break: break-all;*/
}

#maincontents a {
	color: #17337c;
	text-decoration: none;
}

#maincontents #classListLink p {
	font-size:1.7em;
	font-weight:bold;
}

#maincontents #classListLink a {
	color: #17337c;
	text-decoration: underline;
}


#maincontents a:hover {
	text-decoration: underline;
	background-color: #6E7FB0;
	color: #FFF;
}
#maincontents #classListLink a:hover {
	color: #17337c;
	text-decoration: none;
	background-color: #FFF;
}


#maincontents table {
	background-color: #CCCCCC;
}
#maincontents table.searchShow {
	width: 100%;
}
#maincontents th {
	background-image: url(img/bg_th.gif);
	background-repeat: repeat-x;
	background-color: #e1e1e1;
	background-position: left top;
	color: #666666;
	line-height:1.3;
	padding:0.5em 0.15em;
/*	white-space:nowrap;
	max-width:200px;
	min-width:50px !important*/
	font-size:0.8em;
}
#maincontents tr {
	background-color: #FFFFFF;
}
#maincontents .clickable_tr {
	cursor: pointer;
}
#maincontents table ul {
	line-height: 180%;
	margin-left:3em;
}


.cross-highlight {
  border-spacing: 0;
  border-collapse: collapse;
  border: solid 1px #666;
  overflow: hidden;
}
.cross-highlight tr:hover {
  background-color: #f0f0f0;
}

/* web検索結果テーブルなどの行TRリンク */
#maincontents table.trhover tr {
  background-color: #f0f0f0;
}
#maincontents table.trhover tr[data-href]{
  cursor: pointer;
  background-color: #FFF;
}
#maincontents table.trhover tr[data-href]:hover {
  background-color: #1e42a2;
  color:#FFF;
}
#maincontents ul.pdf li {
	line-height: 180%;
	list-style-type: none;
	padding-left: 25px;
	background-image: url(img/pdf_icon.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
h1 {
	margin: 0px;
	padding: 0px;
	text-align: left;
/*	height: 50px;*/
	overflow: hidden;
	color: #666;
}
h2 {
	font-size: 1.8em;
	color: #333;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #7746a2;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	margin-top: 10px;
	padding-top: 0px;
	padding-left: 0.5em;
}
#maincontents h3 {
	margin-left: 1em;
	font-size: 1.4em;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-bottom: 5px;
	margin-right: 2px;
	padding-left: 0.5ex;
}
#maincontents div.about {
	margin-right: 20px;
	margin-left: 20px;
	border: 1px solid #999999;
	margin-bottom: 10px;
	line-height: 140%;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
	min-height:60px;
	height:auto !important;
	height:60px;
}

/*footer */

#footer {
	font-size: 11px;
	color: #666666;
/*	border-top-width: 1px;*/
/*	border-top-style: solid;*/
/*	border-top-color: #CCCCCC;*/
	padding: 5px 10px 0px;
	margin: 0;
}
#footer img{
	float: right;
	margin: 0px 15px 0px 0px;
}
#footer .nendo{
	float: right;
	margin: 0px 30px 0px 0px;
}
#footer .pagetop {
	background:#c0c0c0;
	float:right;
	margin-right:15px;
	padding:8px 20px;
	color:#FFF;
	text-decoration:none;
	border-radius:6px 6px 0 0;
}
#footer .pagetop:hover{
	background:#541b86;
	text-decoration:underline;
}

/*pagenav*/

#maincontents .pagenav_area {
clear: both;
margin: 10px auto 15px;
overflow: hidden;
width: 60em;
}
#maincontents .pagenav_area + p,
#maincontents .pagenav_area + table {
clear: both;
}

#maincontents .pagenav li{ 
border:0; 
margin:0; 
padding:0; 
font-size:14px; 
list-style:none; /* savers */ 
float:left; }

#maincontents .pagenav a{
border:solid 1px #DDDDDD;
margin-right:4px;
}
#maincontents .pagenav .previous-off,
#maincontents .pagenav .next-off {
color:#666666;
display:block;
float:left;
font-weight:bold;
padding:3px 3px;
}
#maincontents .pagenav .next a,
#maincontents .pagenav .previous a {
font-weight:bold;
border:solid 1px #FFFFFF;
}
#maincontents .pagenav .active{
color:#bf2900;/*custom*/
font-weight:bold;
display:block;
float:left;
padding:4px 7px 4px 2px;
}
#maincontents .pagenav a:link,
#maincontents .pagenav a:visited {
	color:#666;
	display:block;
	float:left;
	padding:3px 6px;
	text-decoration:none;
}
#maincontents .pagenav a:hover{
	border:solid 1px #17337C;/*custom*/
	color: #FFF;
	background-color: #17337C;/*custom*/
}


/*- - - - - - - - - - 
トップリスト
- - - - - - - - - - */
#maincontents #sectionL ul li,
#maincontents #sectionM ul li,
#maincontents #sectionR ul li {
	list-style-image: url(img/blue-folder-open-document-text.png);
	list-style-type: disc;
}

/*- - - - - - - - - - 
お知らせ
- - - - - - - - - - */
#info_contents {
	margin-left: 1em;
}

#info_contents dl {
	clear:both;
	/*margin-bottom: 5px;*/
}

#info_contents dt {
	float: left;
	/*width: 80px;*/
	/*background: none repeat #0C2577;*/
	color: #0C2577;
	/*text-align: center;*/
	width: 8em;	/*20140924 koba 日付を1行に表示させる対応*/
	white-space: nowrap;	/*20140924 koba 日付を1行に表示させる対応*/
}

#info_contents dd {
	margin-left: 8em;
}
/* 汎用スタイル */
.dispIB{/* 20141127 h */
display: inline-block;
}
#sidebar #allmenu .searchBtn,
#header .searchBtn,
#maincontents .searchBtn {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bfd255+0,8eb92a+50,72aa00+51,9ecb2d+100;Green+Gloss */
background: #541b86; /* Old browsers */
	background: -moz-linear-gradient(top,  #7e44ae 0%, #602b8f 50%, #461375 51%, #6d3b97 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #7e44ae 0%,#602b8f 50%,#461375 51%,#6d3b97 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #7e44ae 0%,#602b8f 50%,#461375 51%,#6d3b97 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	font-size:1.4em;
	font-weight:bold;
	margin-top: 45px;
	margin-right: 300px;
	border:1px solid #541b86; /* Old browsers */
	border-radius:5px;
}
#sidebar #allmenu .searchBtn:hover,
#header .searchBtn:hover,
#maincontents .searchBtn:hover {
	border:1px solid #541b86; /* Old browsers */
	background:#FFF;
	color:#541b86;
}

#maincontents .searchBtn {
	margin: 0 auto 1em auto;
	width:50%;
}
#header .mykamokuBtn,
#myPage .mykamokuBtn {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fc8d3+0,00b7c4+49,0098a0+50,3dbac5+100 */
background: #0098a0; /* Old browsers */
background: -moz-linear-gradient(top, #5fc8d3 0%, #00b7c4 49%, #0098a0 50%, #3dbac5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #5fc8d3 0%,#00b7c4 49%,#0098a0 50%,#3dbac5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #5fc8d3 0%,#00b7c4 49%,#0098a0 50%,#3dbac5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	font-weight:bold;
	margin-top: 45px;
	margin-right: 300px;
	border:1px solid #0098a0;
	border-radius:5px;
}
#header .mykamokuBtn:hover,
#myPage .mykamokuBtn:hover {
	border:1px solid #541b86; /* Old browsers */
	background:#FFF;
	border:1px solid #0098a0;
}

#header p.mykamokuBtn {
	margin: 0;
	right: 250px;
    top: 50px;
}
#header p.searchBtn {
	margin: 0;
	right: 110px;
    top: 50px;
}
#header p.searchBtn a,
#maincontents p.searchBtn a,
#header p.mykamokuBtn a {
	display:block;
	padding: 12px 12px 12px 0px;
	text-decoration:none;
	text-align:center;
}

#header p.searchBtn a:hover,
#maincontents p.searchBtn a:hover {
	text-decoration:none;
	color:#541b86;
}
#header p.mykamokuBtn a:hover {
	text-decoration:none;
	color:#0098a0;
}

#header .searchBtn a,
#maincontents .searchBtn a,
#header .mykamokuBtn a {
	color:#fff;
}
#sidebar #allmenu .searchBtn a:hover,
#maincontents .searchBtn a:hover,
#header .searchBtn a:hover{
	text-decoration:underline;
	background: none;
}

#header p.logoutBtn {
	margin: 0;
	right: 380px;
	top: 50px;
	padding: 0;
	background: #783f52;
	border-radius: 5px;
	border: 1px solid #783f52;
}
#header p.logoutBtn a{
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 12px;
}
#header p.logoutBtn:hover {
    background: #FFF;
    color: #783f52;
    border: 1px solid #783f52;
}
#header p.logoutBtn a:hover {
    color: #783f52;
}

#header .yearswitch {
	padding: 0px;
	margin-top: 0px;
	text-align: right;
	font-size: 1.1em;
}

#sidebar p {
	margin: 10px;
}
body p {
	font-size: 1.3em;
	margin: 12px;
	padding-left: 12px;
}
#header .yearswitch span a{
	font-size: 1.1em;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #541b86;
	border-bottom-color: #541b86;
	border-left-color: #541b86;
	padding: 8px 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	display: inline-block;
	margin-left: 0px;
	font-weight:bold;
	color: #541b86;
	border-radius: 0 0 5px 5px;
}
#header .yearswitch span a:hover {
	background-color: #541b86;
	color: #FFF;
}
#header .yearswitch span.active{
	font-size: 1.5em;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #541b86;
	border-bottom-color: #541b86;
	border-left-color: #541b86;
	padding: 8px 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	display: inline-block;
	margin-left: 0px;
	color:#FFF;
	font-weight:bold;
	background-color: #541b86;
}
#header .description{
	margin-top:5px;
	right: 270px;
	color: #541b86;
	font-size:90%;
}

#gotoSp .spBtn01 {
display: block;
width: auto;
height: 75px;
margin: 5px 20px;
text-decoration: none;
text-align: center;
font-weight: bold;
font-size: 50px;
color: #000000;
padding: 22px 20px 18px;
background:-moz-linear-gradient(top, #0b308e, #1a0646 60%);
background:-webkit-gradient(linear, left top, left bottom,color-stop(0, #0b308e),  color-stop(90%, #1a0646));
background: linear-gradient(to bottom,#0b308e 0%,#1a0646);
border-right: 1px solid #5f73a5;
color: #FFFFFF;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
border-radius: 14px;
-moz-box-shadow:0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1);
-webkit-box-shadow:0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1);
box-shadow:0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1);
text-shadow:0px -1px 0px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,0.4);


}
#gotoSp .spBtn01 > img {
padding-right: 20px;
vertical-align: -8px;
}
/* myPage */
#mainContents .myPageBtnCover {
/*position: absolute;*/
right: 20px;
top: 6px;
z-index: 10;
}
#mainContents #subjectDetailHeader .myPageBtnCover{
right: 10px;
}
#mainContents .myPageBtnCover input{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
cursor: pointer;
border: none;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: #ffffff;
font-size: 13px;
font-weight:bold;
height: 36px;
width: 65px;
/*position: absolute;*/
right: 0;
text-decoration: none;
}
#mainContents .myPageBtnCover input[class^="addstrg"]{
background: #3dbac5 url("../img.sp/ico_mypage_add02.png") no-repeat scroll 6px center;
background-size:52px auto;
margin: 0.3em 0;
padding: 0 2% 0 0;
}
#mainContents .myPageBtnCover input[class^="delstrg"]{
background: #b2b2b2 url("../img.sp/ico_mypage_del02.png") no-repeat scroll 6px center;
background-size:52px auto;
margin: 0.3em 0;
padding: 0 2% 0 0;
}
#mainContents .myPageBtnCover input[disabled]{
cursor: default;
display: none !important;
margin: 0.3em 0;
padding: 0 2% 0 0;
}
#mainContents .myPageBtnCover input[readonly]{
cursor: default;
display: none !important;
margin: 0.3em 0;
padding: 0 2% 0 0;
}
#myPage #mainContents .myPageBtnCover input[disabled]{/* my_page_list */
display: block !important;
opacity:0.4;
}
#myPage #mainContents .myPageBtnCover input[readonly]{/* my_page_list */
display: block !important;
opacity:0.4;
}
/* myPage */
#mainContents .myPageBtnCover input[id^="addstrg"]{
background: #3dbac5 url("../img.sp/ico_mypage_add02.png") no-repeat scroll 6px center;
background-size:52px auto;
}
#mainContents .myPageBtnCover input[id^="delstrg"]{
background: #b2b2b2 url("../img.sp/ico_mypage_del02.png") no-repeat scroll 6px center;
background-size:52px auto;
}
#mainContents .myPageBtnCover input[disabled]{
cursor: default;
display: none !important;
}
#mainContents .myPageBtnCover input[readonly]{
cursor: default;
display: none !important;
}
#myPage #mainContents .myPageBtnCover input[disabled]{/* my_page_list */
display: block !important;
opacity:0.4;
}
#myPage #mainContents .myPageBtnCover input[readonly]{/* my_page_list */
display: block !important;
opacity:0.4;
}
#myPage td.youbi {
font-weight:bold;
}

.myPageListNavi01{
font-size:1.4em;
padding:0 10px 10px 10px;
}
.myPageListNavi01 .mailBtn,
.myPageListNavi01 .myPageDelAllBtn{
margin-right:5px;
padding-right: 2.2em;
position: relative;
}
.myPageListNavi01 .mailBtn::before{
color: #bbbbbb;
	font-family: "Font Awesome 6 Pro";
	content: "\f0e0";
	font-weight: 900;
display: inline-block;
font-size: 1.4em;
font-style: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-top:-0.5em;
position: absolute;
right: 7px;
top:50%;
}
.myPageListNavi01 .myPageDelAllBtn::before{
color: #bbbbbb;
	font-family: "Font Awesome 6 Pro";
	content: "\f1f8";
	font-weight: 900;
display: inline-block;
font-size: 1.4em;
font-style: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-top:-0.5em;
position: absolute;
right: 7px;
top:50%;
}
#myPageMailContents {
padding: 20px 10px;
}
#mainContents #myPageMailContents table{
margin:30px 0;
}
#mainContents #myPageMailContents .sendMailBtn{
width:100px;
}
#mainContents #myPageMailContents input[type="email"]{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border:2px solid #555555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
box-sizing: border-box;
max-width: 100%;
padding: 6px 10px;
-webkit-transition: border-color 0.15s ease-in-out 0s;
transition: border-color 0.15s ease-in-out 0s;
width: 100%;
}


/* btn
---------------------------------------------------------- */
.btnPt01 {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background: #ffffff;
border: 1px solid #cccccc;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: #333333 !important;
cursor: pointer;
display: inline-block;
padding:7px 12px;
text-decoration: none;
-webkit-transition: background-color 0.3s ease 0s;
transition: background-color 0.3s ease 0s;
}
.btnPt01:hover{
background-color:#eeeeee;
}
.btnPt02 {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background: -webkit-gradient(linear,left top,left bottom,from(#FFF),to(#F2F2F2));
background:-webkit-linear-gradient(top, #FFF 0%, #F2F2F2 100%);
background:linear-gradient(to bottom, #FFF 0%, #F2F2F2 100%);
border: 1px solid #cccccc;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: #333333 !important;
cursor: pointer;
display: inline-block;
padding:7px 12px;
text-decoration: none;
-webkit-transition: background-color 0.3s ease 0s;
transition: background-color 0.3s ease 0s;
position: relative;
}
#mainContents .btnArea01,
.btn_area {
background: rgba(55, 138, 124, 0.1) none repeat scroll 0 0;
box-sizing: border-box;
margin-top: 10px;
padding: 20px 10px;
text-align: center;
}
#mainContents .h2Cover .btnArea02{
float: right;
max-width: 25%;
}
#mainContents .btnArea03 {
text-align: right;
}
#mainContents .btnArea04 {
padding:10px 0;
text-align: right;
}
.backSearchBtn{
padding-right: 2.2em;
position: relative;
}
.backSearchBtn::before{
color: #bbbbbb;
content: "\f002";
display: inline-block;
font-family: "Font Awesome 6 Pro";
font-size: 1.4em;
font-style: normal;
font-weight: 900;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-top:-0.5em;
position: absolute;
right: 7px;
top:50%;
}
.printBtn,
.closeBtn{
display: inline-block;
min-width: 100px;
}
.printBtn i,
.closeBtn i{
color: #bbbbbb;
margin-left: 5px;
}
.btnPt01+.closeBtn{
margin-left:20px;
}
.submitBtn{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border-style: none none solid;
border-width: medium medium 4px;
font-size: 1.5em;
font-weight: bold;
line-height: 1;
padding: 12px 15px 12px;
}
.resetBtn{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background: none;
border: none;
cursor: pointer;
font-size: 1em;
line-height: 1;
margin-top: 15px;
text-decoration: underline;
}
.resetBtn:hover{
text-decoration: none;
}

/* 時間割 */
summary {
    font-size: 1.4em;
    background: url(../img.sp/bg_h_01.png) repeat left top #783f52;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: normal;
    padding: 5px 10px;
    margin-bottom:1rem;
    border-radius:5px;
    }
    
#timetable .active{
background-image: none !important;
background-color: #6E7FB0;
}

#timetable .active a{
color: #FFF;
}

#timetable #form hr {
	height: 3px;
	background-color: #783f52;
	border: none;
	text-align:left;
	margin-right:10rem;
}

#timetable #form .timtableBtn {
/*argin-right: 32px;*/
  padding-right: 2.2em;
        position: relative;
}

#timetable #form .timtableBtn::before{
color: #bbbbbb;
content: "\f058";
display: inline-block;
font-family: "Font Awesome 6 Pro";
font-size: 1.4em;
font-style: normal;
font-weight: 900;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-top:-0.5em;
position: absolute;
right: 7px;
top:50%;
}

#timetable input[type="checkbox"] {
	vertical-align:middle;
margin-left: 15px;
margin-right: 5px;
border-radius: 10px;
border: 1px solid #4c4c4c;
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
width: 25px;
height: 25px;
}

#timetable table {
background: #ffffff none repeat scroll 0 0;
border: medium none;
border-collapse: collapse;
margin:0 12px;
width: 50%;
}
#timetable > h3,
#timetable #form h3 {
/*background: #dddddd none repeat scroll 0 0;
color: #333333;
font-size: 1.1em;
font-weight: normal;
padding: 3px 10px;*/
float:right;
border:none;
}
#timetable table a{
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
display: block;
height: 100%;
padding: 6px 0;
text-decoration: none;
width: 100%;
}
#timetable td a:hover {
    text-decoration: none;
}
#timetableth th a {
    text-decoration: none;
}
#timetable table th{
background-color: #e3e4fc;
font-weight: normal;
line-height: 1.1;
padding-bottom: 3px;
padding-top: 3px;
text-align: center;
}
#timetable table tr:nth-child(1) th:last-child{
/*width:5em;*/
}
#timetable table th span{
font-size:0.8em;
}
#timetable table td {
text-align: center;
width:14%;
}
#timetable table td:first-child{
}
#timetable table .timetableNoLink{
background-color: #efefef;
}

#maincontents #timetable td, 
#maincontents #timetable th {
border: 1px solid #c9caca;
    padding: 0;
}


/* ライトボタンスタイルを他にも適用　190301　hasumi*/
.addBtnstyle {
	webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-style: none none solid;
    border-width: medium medium 4px;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1;
    padding: 15px 30px 8px;
    background-color: #FFFFFF;
    border-bottom-color: #cccccc;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    cursor: pointer;
    -webkit-transition: background-color 0.3s ease 0s;
    transition: background-color 0.3s ease 0s;
}
.addBtnstyle:hover{
	background-color: #eeeeee;
}

/* 教室閲覧用ログインテキスト　hasumi*/
p.add_login_text {
    margin: 0 0 1em;
    line-height: 1.5 !important;
}