@charset "utf-8";
/*
 * CSS pageParts.css
 */

/*
 * index
 */
/* mainv */
#index #mainv {
	width: 100%;
	padding-top: 20px;
}
#index #mainv #slide { position: relative; margin-bottom: 24px;}
#index #mainv #slide li{ position: relative; height: 251px; cursor: pointer;}
#index #mainv #slide .mv_btn{ position: absolute; right: 15px; bottom: 20px;}


#index #mainv #slide>ul>li:first-child{ display: block;}

#index #banner .bnr4{margin-bottom: 10px;}
#index #banner{margin-bottom: 20px;}
@media screen and (max-width: 750px) {
	#index #mainv { padding-top: 60px; }
	#index #mainv #slide { height: auto;}
	#index #mainv #slide li{ position: relative; height: auto;}
	#index #mainv #slide img { width: 100%; }
	#index #mainv .incnt { width: 100%; margin: 0; }
}

@media screen and (max-width: 750px) {
	#index #content .incnt { padding-top: 20px; width: 92%; margin: 0 4%; }
}
/* common */
.imgstyle1 { margin-bottom: 20px; }
.txtstyle1 { margin-bottom: 15px; }
/* s1 */
#index #sec_1 { margin-bottom: 30px; }
#index #sec_1 .inbox { background: url(../img/index/s1_bnr1_bg.png) no-repeat; width: 660px; height: 151px; margin-bottom: 10px; }
#index #sec_1 .inbox ul { padding-top: 95px; padding-left: 20px; }
#index #sec_1 .inbox ul li { float: left; padding-right: 3px; }
#index #sec_1 .bnr2 { margin-bottom: 4px; }
@media screen and (max-width: 750px) {
	#index #sec_1 .inbox { background: none; width: 100%; height: auto; margin: 0px; position: relative; margin-bottom: 10px; }
	#index #sec_1 .inbox ul { padding: 0px; top: 45%; position: absolute; width: 100%; }
	#index #sec_1 .inbox ul li { float: none; padding: 0px; width: 90%; margin: 0 auto; padding-bottom: 1.5%; }
	#index #sec_1 .bnr4 { margin-bottom: 10px; }
}
/* s2 */
#index #sec_2 .txt1 { background: #e29223; padding: 10px 20px; border: 1px solid #e29223; }
#index #sec_2 .txt1 span { color: #fff; font-weight: bold; }
/* s4 */
#index #sec_4 .inbox .cnt_left { float: left; width: 400px; }
#index #sec_4 .inbox .cnt_right { float: right; width: 240px; text-align: center; }
@media screen and (max-width: 750px) {
	#index #sec_4 .cnt_right { margin-bottom: 15px; }
	#index #sec_4 .cnt_right img { width: 80%; }
}
/* s6 */
#index #sec_6 .inbox { margin-top: 20px; }
#index #sec_6 .inbox .btn { margin-bottom: 10px; }
@media screen and (max-width: 750px) {
	#index #sec_6 .cnt_right p { text-align: center; padding-bottom: 15px; }
}
/* s7 */
#index #sec_7 .inbox { border: 1px solid #adadad; margin-bottom: 20px; padding: 20px; }
#index #sec_7 .inbox .title { margin-bottom: 5px; color: #00387d; font-weight: bold; font-size: 1.08em; }
#index #sec_7 .inbox .txt1 { font-weight: bold; font-size: 0.93em; line-height: 1.2; }
#index #sec_7 .inbox .txt2 { color: #901d22; font-weight: bold; font-size: 1.08em; padding-bottom: 10px; }
#index #sec_7 .inbox table td { font-size: 0.93em; border-top: 1px dotted #adadad; padding: 5px 0;}
@media screen and (max-width: 750px) {
	#index #sec_7 .inbox { border: 1px solid #adadad; margin-bottom: 10px; padding: 20px; }
}
/* s9 */
#index #sec_9 .inbox .cnt_left { float: left; width: 400px; }
#index #sec_9 .inbox .cnt_right { float: right; width: 240px; text-align: center; }
#index #sec_9 .btn { margin-top: 20px; }
@media screen and (max-width: 750px) {
	#index #sec_9 .cnt_right p { text-align: center; padding-bottom: 15px; }
	#index #sec_9 .btn { margin-top: 10px; }
}
/* sec_news */
#index #sec_news { position: relative; }
#index #sec_news .sectitle { background: #e8f0f8; border-left: none; padding: 7px 0 5px 10px;}
#index #sec_news .btn { position: absolute; top: 10px; right: 10px; }
#index #sec_news .btn:before { content: url(../img/common/icon_ab_2.png); padding-right: 7px; }
#index #sec_news span { color: #fff; font-size: 0.79em; padding: 2px 5px; margin-right: 10px; }
#index #sec_news .student { background: #cc474d; color: #fff; }
#index #sec_news .kokushi { background: #a3ce6e; color: #fff; }
#index #sec_news .school { background: #1565bc; color: #fff; }
#index #sec_news dt { width: 130px; float: left; }
#index #sec_news dd { padding-left: 130px; border-bottom: 1px dotted #ccc; padding-bottom: 7px; margin-bottom: 7px; }
@media screen and (max-width: 750px) {
	#index #sec_news dt { width: auto; float: none; padding-bottom: 3px; }
	#index #sec_news dd { padding-left: 0; padding-bottom: 10px; margin-bottom: 10px; }
}

/* sec_news2 */
#index #sec_news2 { position: relative; }
#index #sec_news2 .sectitle { background: #e8f0f8; border-left: none; padding: 7px 0 5px 10px;}
#index #sec_news2 .btn { position: absolute; top: 10px; right: 10px; }
#index #sec_news2 .btn:before { content: url(../img/common/icon_ab_2.png); padding-right: 7px; }
#index #sec_news2 ul.entrybox{height: 240px; overflow-y: auto;}
#index #sec_news2 li{padding:10px 0; border-bottom:1px dotted #666;
overflow: hidden;}
#index #sec_news2 li .date{
	float: left;
    width: 20%;
}
#index #sec_news2 li a{
	float: left;
    width: 80%;
}
#index #sec_news2 li .newicon{color:#ff0000; padding-left:8px;}

@media screen and (max-width: 750px) {
#index #sec_news2 li .date{
    width: 25%;
}
#index #sec_news2 li a{
    width: 75%;
}
}

@media screen and (max-width: 480px) {
#index #sec_news2 li .date{
    width: 30%;
}
#index #sec_news2 li a{
    width: 70%;
}
}

.breaknews{ display: inline-block; margin-right: 15px; padding:3px 10px 0px 10px; background: #ff0000; color:#fff; font-weight: bold; }
@media screen and (max-width: 750px) {
	.breaknews{ margin-right: 0; margin-bottom: 5px }
}

/* table */
table.t_style_01 { border: 1px solid #adadad; }
html:not([lang*=""]) table { _border-collapse: separate; }
table.t_style_01 th { font-weight: bold; text-align: center; border: 1px solid #adadad; padding: 5px; }
table.t_style_01 th.th1 { background: #f3f7fb; }
table.t_style_01 th.th2 { background: #f9f4f4; }
table.t_style_01 td { border-right: 1px dotted #adadad; border-bottom: 1px dotted #adadad; padding: 5px; }
table.t_style_01 tr.last{ border-bottom: 1px solid #adadad;}
table.t_style_01 td.td1 { border-right: 1px solid #adadad; width: 400px; text-align: center; }
table.t_style_01 td ul.ul1 { width: 400px; }
table.t_style_01 td ul.ul1 li { float: left; padding-left: 5px; width: 125px; text-align: right; }

@media screen and (max-width: 750px) {
	table.t_style_01 td.td1 { width: 30%; }
	table.t_style_01 td ul.ul1 { width: auto; }
	table.t_style_01 td ul.ul1 li { float: none; text-align: center; }
}