@import "reset.css";

html{
	font-size:28px;
	font-family: 'Kosugi Maru', sans-serif;
}

.red{
	color:red;
}

.blue{
	color:blue;
}

.center{
	text-align:center;
}

.decimal_li{
	list-style-type:decimal;
	padding-left:50px;
}

.top_padding_15{
	padding-top:15px;
}

.top_padding_30{
	padding-top:30px;
}

.top_margin_30{
	margin-top:30px;
}

.top_margin_80{
	margin-top:80px;
}

.top_padding_80{
	padding-top:80px;
}

.left_padding_50{
	padding-left:50px;
}

.left_padding_25{
	padding-left:25px;
}

.t_b_padding_80{
	padding-top:40px;
	padding-bottom:40px;
}

.size_1rem{
	line-height:0.9rem;
	display:inline;
	font-size:1rem;
}

.ex_border{
	padding:15px;
	border:3px dotted #F5C149;
	border-radius:30px;
}

.ex-font{
	margin:0;
	padding:0;
	font-size:0.7em;
	color:#555;
}

.bottom_border{
	border-bottom:1px dotted #666;
}

.fivecog_link{
	margin-top:35px;
	display:block;
	text-align:center;
}

.color_red{
	color:#FF21B4;
}

.color_orange{
	color:#FF7917;
}

.displayblock{
	display:block;
}

header{
	padding:80px 0 0 0;
}

header h1{
	margin:0 auto;
	text-align:left;
}

header h1 img{
	width:100%;
}

header nav #sp-icon{
	margin:120px 0 0 0;
}

#top_msg{
	width:63%;
	padding:20px 20px 20px 300px;
	margin:90px auto 80px auto;
	border-radius:30px;
	border:8px double orange;
	font-size:1.6rem;
	line-height:2rem;
	background-image:url(simage/baa.png);
	background-repeat:no-repeat;
	background-position:center left;
	background-size:280px;
}

.toplink_area{
	margin:45px auto 33px auto;
	width:98%;
	height:540px;
}

.toplink{
	margin:12px 24px;
	float:left;
	width:45%;
}

.toplink a{
	display:block;
	text-align:center;
	text-decoration:none;
	margin:0 auto;
	padding:46px 0;
	background-color:#F9DCF4;
	border:8px double #FBAADE;
	border-radius:60px;
	color:#000;

}

.toplink a dt{
	font-size:1.8rem;
	text-shadow:2px 2px 0 #FFF, -1px -1px 0 #FFF,-1px 2px 0 #FFF, 2px -1px 0 #FFF,0px 2px 0 #FFF,  0-1px 0 #FFF,-1px 0 0 #FFF, 2px 0 0 #FFF;
}

#topbanarea{
	width:100%;
	margin:55px auto;
}

#topbanarea p{
	text-align:center;
	margin:0 25px;
}

#topbanarea p img{
	width:98%;
	margin:10px 0;
}

#eventreport{
	width:85%;
	margin:60px auto 0 auto;
	padding:50px;
	border:11px solid seagreen;
	border-radius:30px;
	font-size:1.4rem;
	line-height:1.6rem;
}

#eventreport h3{
	font-weight:900;
	font-size:1.8rem;
	color:#fff;
	text-align:center;
	background-color:seagreen;
	padding:14px 0;
}

#eventreport #eventreport_image{
	margin:40px auto 30px auto;
}

#eventreport #eventreport_image img{
	width:100%;
}

#eventreport #eventreport_title a{
	color:#000;
}

#eventcalendar{
	width:85%;
	margin:60px auto 0 auto;
	padding:50px;
	font-size:1.4rem;
	line-height:1.6rem;
	border:3px dotted navy;
	border-radius:30px;
}

#eventcalendar h3{
	padding:12px 0;
	font-weight:900;
	font-size:1.5rem;
	text-align:center;
	color:#fff;
	background-color:navy;
	border:1px double navy;
	border-radius:15px;
	backgroundcolor:blue;
}

#eventcalendar table{
	margin:55px auto 0px auto;
	width:95%;
	border:none
}

#eventcalendar table td{
	padding:5px 0;
	text-align:center;
	border:none;
}

#eventcalendar table .link_td{
	background-color:gold;
}

#eventcalendar table .link_td a{
	text-decoration:none;
	color:#000;
}

#admission{
	width:85%;
	margin:60px auto 0 auto;
	padding:50px;
	border:3px dotted #CA0368;
	border-radius:30px;
	font-size:1.4rem;
	line-height:1.6rem;
}

#admission h3{
	font-weight:900;
	font-size:1.8rem;
	color:#CA0368;
	border-bottom:4px double #CA0368;
}

#admission p{
	margin:40px 0 0 0;
}

#counter_txt{
	padding:15px;
	font-size:1.4rem;
	margin:50px auto;
	width:80%;
	text-align:center;
	border:1px dotted #666;
	border-radius:30px;
}

#counter_txt em{
	font-weight:900;
	color:#157E02;
}

#link_ban_area{
	width:90%;
	margin:0 auto;
	text-align:center;
}

#link_ban_area p img{
	width:400px;
}


h2{
	margin:100px auto 50px auto;
	padding:0 0 0 20px;
	color:#3B6D2D;
	font-size:2.2rem;
	font-weight:900;
	background-position:top left 10px;
	background-repeat:no-repeat;
	background-size:contain;
	border-bottom:4px double #47A92C;
}

.contentsbox{
	width:90%;
	padding:30px;
	margin:90px auto 80px auto;
	border:10px double pink;
	border-radius:30px;
}

.contentsbox h3{
	font-weight:900;
	font-size:1.8rem;
	color:#8A301E;
	border-bottom:4px double #8A301E;
}

.contentsbox h4{
	margin-top:92px;
	font-weight:900;
	font-size:1.6rem;
	color:#E83293;
	border-bottom:4px double #E83293;
}

.contentsbox dl{
	margin-top:80px;
	padding:30px;
	border:3px solid #5976C4;
	border-radius:30px;
}

.contentsbox dl dt{
	font-weight:900;
	font-size:1.2rem;
	color:#5976C4;
}

.contentsbox dl dt span{
	margin-top:10px;
	font-weight:400;
	font-size:0.9rem;
	display:block;
	color:#64B0B9;
}

.contentsbox dl dd{
	margin-top:30px;
	font-weight:400;
	font-size:1.1rem;
	color:#555;
}


.contentsbox dl dd ul li{
	padding:15px;
	margin-top:50px;
	color:#555;
	font-weight:900;
	font-size:1.0rem;
	border:3px dotted #81D582;
	border-radius:30px;
}

.contentsbox dl dd ul li span{
	margin-top:20px;
	margin-bottom:20px;
	display:block;
	font-size:0.8rem;
	font-weight:400;
}

.contentsbox .min120{
	width:100%;
	margin-top:10px;
	color:#57A9B6;
	text-align:right;
}

.contentsbox p{
	margin:30px 0;
	line-height:2.2rem;
}

.contentsbox table{
	border-collapse:collapse;
	border:solid 1px; #000;
}

.contentsbox table td{
	border:solid 1px; #000;
}

.block1{
}

.block2{
}

.block3{
}

.kansyu{
	width:98%;
	margin-top:-72px;
	text-align:right;
	font-size:0.6rem;
	color:#777;
}

.contentsbox .syutten{
	width:98%;
	margin:-5px 0 0 0;
	text-align:right;
	font-size:0.6rem;
	color:#777;
}


.contentsbox .demental_data_image{
	text-align:center;
	margin:0;
}

.contentsbox .demental_data_image img{
	width:99%;
}

.contentsbox .demental_data_text{
	width:98%;
	margin:0 auto 0 auto;
	font-size:0.7rem;
}

.contentsbox h5{
	margin-top:120px;
	text-align:center;
	color:#4AAC2E;
	font-size:1.2rem;
	font-weight:900;
}

.contentsbox .fivecog_rooteen{
	width:84%;
	margin:30px auto;
	text-align:center;
	border-radius:30px;
	border:1px solid #AA4C08;
	padding:10px;
	font-size:1.5rem;
	line-height:1.9rem;
}

.contentsbox .arrow{
	text-align:center;
}

.contentsbox .arrow img{
	width:40px;
}

.contentsbox .fivecog_rooteen span{
	font-size:1.1rem;
	line-height:0.8rem;
}

.contentsbox #daihyo{
	width:90%;
	max-width:850px;
	padding:25px;
	border:5px double orange;
	border-radius:30px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.contentsbox #daihyo .pho{
	width:400px;
}

.contentsbox #daihyo .pho img{
	width:400px;
	border-radius:30px;
}

.contentsbox #daihyo .txt{
	width:380px;
	text-align:center;
	font-size:1.2rem;
}

.contentsbox #daihyo .txt p{
	line-height:1.1rem;
}

.contentsbox #daihyo .txt .daihyo_name{
	font-size:1.5rem;
	font-weight:900;
}

.contentsbox #daihyo #data dl{
	border-color:#FF6DB7;
	border-style:dashed;
	margin:20px auto 5px auto;
	font-size:20px;
}

.contentsbox #daihyo #data dl dt{
	color:#FF6DB7;
}

.contentsbox #daihyo #data dl dd{
	line-height:1.9rem;
}

.contentsbox #daihyo #data ul{
	padding:30px;
	border-width:3px;
	border-color:#FF6DB7;
	border-style:dashed;
	margin:20px auto 5px auto;
	border-radius:30px;
}

.contentsbox #daihyo #data ul li{
	margin-top:22px;
	font-weight:400;
	color:#555;
}

.contentsbox #daihyo #data{
	width:100%;
}

.contentsbox #daihyo h5{
	color:#448ACA;
	font-size:1.6rem;
	margin-top:100px;
}

#msgimage{
	margin-top:180px;
	text-align:center;
}

#msgimage img{
	width:550px;
}

#profiletbl{
	margin:25px auto;
	border:3px dotted #6690B8;
	border-radius:30px;
	width:96%;
}

#profiletbl td{
	padding:10px;
	border-radius:30px;
	border:3px dotted #6690B8;
	font-size:25px;
}

.contentsbox .msg_box{
	width:80%;
	margin:30px auto;
	text-align:center;
	border-radius:30px;
	border:6px solid #FFB3DF;
	padding:20px;
	font-size:1.5rem;
	line-height:1.9rem;
	font-weight:900;
}

.contentsbox .msg_last_msg{
	padding-top:60px;
	color:#950056;
	font-size:1.2rem;
	text-align:center;
}

.houjin_data{
	width:90%;
	margin:80px auto 0 auto;
	padding:30px;
	border:3px solid #5976C4;
	border-radius:30px;
}

.houjin_data dl{
	margin:25px auto;
	padding:30px;
	border:3px dotted #6690B8;
	border-radius:30px;
}

.houjin_data dl dd{
	margin:10px 0 0 0;
	font-size:0.8rem;
	color:#777;
	line-height:2rem;
}

.houjin_data dl dd #gmap_link{
	display:block;
	text-align:right;
	font-size:0.7rem;
}

.article{
	width:88%;
	margin:50px auto;
	padding:20px 40px;
	border:6px dotted orange;
	border-radius:30px;
}

.article h3{
	padding-top:22px;
	font-size:1.4rem;
	color:#333;
	font-weight:900;
}

.article .date{
	color:#555;
	text-align:right;
	margin:0;
	font-size:0.8rem;
	padding:0 0 10px 0;
	border-bottom:1px dotted #999;
}

.article .str{
	color:#333;
	padding:60px 0;
	font-size:1.2rem;
}

#contact_form{
	width:90%;
	padding:50px 30px;
	margin:0 auto;
	border:2px dotted #555;
	border-radius:30px;
}

#contact_form dl{
	margin:20px 0 40px 0;
	padding:25px;
	border:3px solid green;
	border-radius:30px;
}

#contact_form  dl dt{
	font-size:1.5em;
	color:green;
}

#contact_form dl dd{
	margin:8px 0 0 0;
	text-align:center;
}

#contact_form dl dd input{
	width:96%;
	padding:10px;
	margin:0 auto;
	font-size:1.7rem;
	border:1px solid #76B144;
	border-radius:14px;
}

#contact_form dl dd textarea{
	width:96%;
	height:400px;
	padding:10px;
	margin:0 auto;
	font-size:1.7rem;
	border:1px solid #76B144;
	border-radius:14px;
}

#contact_form #bt_box{
	text-align:center;
}

#contact_form #bt_box input{
	font-size:1.4rem;
	padding:25px 50px;
	margin:10px 20px;
}

.warning_msg{
	width:90%;
	margin:30px auto;
	font-size:0.6rem;
	font-weight:400;
	line-height:1.8rem;
	text-align:center;
	color:#666;
	padding:30px 30px;
	border:2px dotted #B52975;
	border-radius:30px;
	background-color:#FEF4D7;
}

.last_msg{
	width:90%;
	margin:30px auto;
	font-size:0.6rem;
	font-weight:400;
	line-height:1.8rem;
	text-align:center;
	color:#666;
	padding:30px 30px;
	border:2px dotted #0090FB;
	border-radius:30px;
	background-color:#F3FEFA;
}

#baa{
	margin:0 auto;
	text-align:center;
	width:100%;
}

#baa img{
	height:200px;
	margin:100px 0 0 0;
}

footer{
	font-size:0.9rem;
	text-align:center;
	margin:0 0 0 0;
	padding:20px 0;
	background-color:#D6FF0C;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,-1px 1px 0 #FFF, 1px -1px 0 #FFF,0px 1px 0 #FFF,  0-1px 0 #FFF,-1px 0 0 #FFF, 1px 0 0 #FFF;
}

.top_news_box{
	width:89%;
	padding:30px;
	margin:90px auto 80px auto;
	border-radius:30px;
	font-size:1.4rem;
	border:3px dotted green;
	clear:both;
}

.top_news_item{
	margin:1.2rem 0.4rem;
}

.top_news_box h3{
	font-weight:900;
	font-size:1.8rem;
	color:green;
	border-bottom:4px double green;
}

.top_news_box p{
	padding:0 0 25px 0;
	border-bottom:1px dotted #aaa;
}

.top_news_item a{
	color:#000;
	text-decoration:none;
}

.other_news_box{
	width:92%;
	padding:30px;
	margin:90px auto 80px auto;
	border-radius:30px;
	font-size:0.9rem;
	border:3px dotted seagreen;
	clear:both;
}

.other_news_box h3{
	font-weight:900;
	font-size:1.2rem;
	margin-bottom:55px;
	color:seagreen;
	border:none
}

.other_news_box p{
	padding:0 0 15px 0;
	border-bottom:1px dotted #aaa;
}

.other_news_box a{
	color:#444;
	text-decoration:none;
}

#demae_msg_ti{
	padding-top:80px;
	text-align:center;
	color:forestgreen;
}

#demae_msg_tx{
	margin:0px auto 15px auto;
	padding:18px;
	width:95%;
	border-radius:15px;
	border:5px double forestgreen;
	font-size:0.8rem;
}

#fivecog_last_msg{
	padding-top:80px;
	text-align:center;
	color:crimson;
	text-decoration:underline;
}

#lectureroom_tbl{
	margin:-20px auto 0 auto;
}

#lectureroom_tbl td{
	padding:25px 10px;
	font-size:1.0rem;
}

.lectureroom_msg{
	margin:5px 0;
	font-size:0.5rem;
	border-bottom:1px dotted #999;
}

.koguni_sup{
	display:block;
	font-size:0.9rem;
	margin-top:78px;
}

.modalDialog {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
    font-size:1.2rem;
}
.modalDialog:target {
    opacity:1;
    pointer-events: auto;
}
.modalDialog > div {
    width: 800px;
    position: relative;
    margin: 10% auto;
    padding: 30px 20px;
    border-radius: 10px;
    border:5px solid blue;
    background: #fff;
}
.close {
    background: orange;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    padding:40px 50px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}
.close:hover {
    background: #00d9ff;
}

.caldate{
	font-size:1.7rem;
}

.caltext{
	margin-top:40px;
	font-size:1.4rem;
	line-height:2.8rem;
}

.staffpho{
	margin:0 auto 0 auro;
	text-align:center;
}

.staffpho img{
	width:98%;
	border-radius:20px;
}

#staffarea .staffdl{
	border-color:teal;

}

#staffarea dl dt{
	color:teal;
	text-align:center;
	padding:60px 0 0 0;

}

#staffarea dl dd{
	margin:25px auto;
	width:90%;
	text-align:center;
	padding:10px 0 15px 0;
	display:flex;
	justify-content: center;
	font-size:1.6rem;
	border-bottom:2px dotted #666;
}

#staffarea dl dd span{
	display:block;
	margin:0 6px;
}


#staffarea dl dd .record{
	width:25%;
}

#staffarea dl dd .name{
	width:35%;
}

#staffarea dl dd .link{
	width:25%;
}

.momory_ul{
	text-align:center;
	font-size:1.4rem;
	margin:50px 0;
}

.momory_ul li{
	margin:55px 0;
}