@charset "shift_jis";


/*	#noscript
------------------------------------------------------------ */ 
#noscript {

}

/*	diaplay
------------------------------------------------------------ */ 
.none, .nodisp {
	display: none;
}
.block {
	display: block;
}
.inline {
	display: inline;
}

.accessibility{
	overflow: hidden;
	width: 1px;
	height: 1px;
}







/*margin, padding
------------------------------------------------------------ */ 
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mt55 { margin-top: 55px; }
.mt60 { margin-top: 60px; }
.mt65 { margin-top: 65px; }
.mt70 { margin-top: 70px; }
.mt75 { margin-top: 75px; }
.mt80 { margin-top: 80px; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr35 { margin-right: 35px; }
.mr40 { margin-right: 40px; }
.mr45 { margin-right: 45px; }
.mr50 { margin-right: 50px; }
.mr55 { margin-right: 55px; }
.mr60 { margin-right: 60px; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb10b { margin-bottom: 10px; margin-left: 45px; text-indent: -45px;}
.mb10b3 { margin-bottom: 10px; margin-left: 35px; text-indent: -25px;}
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb20b { margin-bottom: 20px; margin-left: 35px; text-indent: -25px;}
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.mb55 { margin-bottom: 55px; }
.mb60 { margin-bottom: 60px; }.mb70 { margin-bottom: 70px; }.mb80 { margin-bottom: 80px; }

.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml15b { margin-left: 25px; text-indent: -10px;}
.ml15i { margin-left: 25px; text-indent: 10px;}
.ml20 { margin-left: 20px; }
.ml20b { margin-left: 30px; text-indent: -25px;}
.ml25 { margin-left: 25px; }
.ml25i { margin-left: 35px; text-indent: 15px;}
.ml25b { margin-left: 35px; text-indent: -15px;}
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }
.ml40b { margin-left: 50px; text-indent: -15px;}
.ml45 { margin-left: 45px; }
.ml50 { margin-left: 50px; }
.ml55 { margin-left: 55px; }
.ml60 { margin-left: 60px; }

.ml70 { margin-left: 70px; }
.ml80 { margin-left: 80px; }.ml110 { margin-left: 110px; }




.p5 { padding: 5px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }
.p25 { padding: 25px; }
.p30 { padding: 30px; }
.p35 { padding: 35px; }
.p40 { padding: 40px; }
.p45 { padding: 45px; }
.p50 { padding: 50px; }
.p55 { padding: 55px; }
.p60 { padding: 60px; }


.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 35px; }
.pt40 { padding-top: 40px; }
.pt45 { padding-top: 45px; }
.pt50 { padding-top: 50px; }
.pt55 { padding-top: 55px; }
.pt60 { padding-top: 60px; }

.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
.pr35 { padding-right: 35px; }
.pr40 { padding-right: 40px; }
.pr45 { padding-right: 45px; }
.pr50 { padding-right: 50px; }
.pr55 { padding-right: 55px; }
.pr60 { padding-right: 60px; }
.pr65 { padding-right: 65px; }
.pr70 { padding-right: 70px; }

.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb35 { padding-bottom: 35px; }
.pb40 { padding-bottom: 40px; }
.pb45 { padding-bottom: 45px; }
.pb50 { padding-bottom: 50px; }
.pb55 { padding-bottom: 55px; }
.pb60 { padding-bottom: 60px; }

.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl35 { padding-left: 35px; }
.pl40 { padding-left: 40px; }
.pl45 { padding-left: 45px; }
.pl50 { padding-left: 50px; }
.pl55 { padding-left: 55px; }
.pl60 { padding-left: 60px; }



/* width, height
------------------------------------------------------------ */ 
.w5 { width:5%; }
.w10 { width:10%; }
.w15 { width:15%; }
.w20 { width:20%; }
.w25 { width:25%; }
.w30 { width:30%; }
.w35 { width:35%; }
.w40 { width:40%; }
.w45 { width:45%; }
.w50 { width:50%; }
.w55 { width:55%; }
.w60 { width:60%; }
.w65 { width:65%; }
.w70 { width:70%; }
.w75 { width:75%; }
.w80 { width:80%; }
.w85 { width:85%; }
.w90 { width:90%; }
.w95 { width:95%; }
.w100 { width:100%; }

.w5px { width:5px; }
.w10px { width:10px; }
.w15px { width:15px; }
.w20px { width:20px; }
.w25px { width:25px; }
.w30px { width:30px; }
.w35px { width:35px; }
.w40px { width:40px; }
.w45px { width:45px; }
.w50px { width:50px; }
.w55px { width:55px; }
.w60px { width:60px; }
.w65px { width:65px; }
.w70px { width:70px; }
.w75px { width:75px; }
.w80px { width:80px; }
.w85px { width:85px; }
.w90px { width:90px; }
.w95px { width:95px; }
.w100px { width:100px; }
.w120px { width:120px; }
.w130px { width:130px; }
.w200px { width:200px; }
.w300px { width:300px; }
.w400px { width:400px; }
.w500px { width:500px; }



.h50 {
	height:50%;
	}
.h100 {
	height:100%;
	}

.h10px { height:10px; }
.h20px { height:20px; }
.h30px { height:30px; }
.h40px { height:40px; }
.h50px { height:50px; }
.h60px { height:60px; }
.h70px { height:70px; }
.h80px { height:80px; }
.h90px { height:90px; }
.h100px { height:100px; }
.h200px { height:200px; }
.h250px { height:250px; }
.h300px { height:300px; }
.h400px { height:400px; }
.h500px { height:500px; }





/* border
------------------------------------------------------------ */ 

/*1px*/
.b_gray {
	border:1px solid #c8c8c8;
	}

.b_navy {
	border:1px solid #002670;
	}

.b_blue {
	border:1px solid #003296;
	}


.bt_gray {
	border-top:1px solid #c8c8c8;
	}

.bt_navy {
	border-top:1px solid #002670;
	}

.bt_blue {
	border-top:1px solid #003296;
	}


.br_gray {
	border-right:1px solid #c8c8c8;
	}

.br_navy {
	border-right:1px solid #002670;
	}

.br_blue {
	border-right:1px solid #003296;
	}


.bb_gray {
	border-bottom:1px solid #c8c8c8;
	}

.bb_navy {
	border-bottom:1px solid #002670;
	}

.bb_blue {
	border-bottom:1px solid #003296;
	}


.bl_gray {
	border-left:1px solid #c8c8c8;
	}

.bl_navy {
	border-left:1px solid #002670;
	}

.bl_blue {
	border-left:1px solid #003296;
	}



/*2px*/
.b2_gray {
	border:2px solid #c8c8c8;
	}

.b2_navy {
	border:2px solid #002670;
	}

.b2_blue {
	border:2px solid #003296;
	}


.bt2_gray {
	border-top:2px solid #c8c8c8;
	}

.bt2_navy {
	border-top:2px solid #002670;
	}

.bt2_blue {
	border-top:2px solid #003296;
	}


.br2_gray {
	border-right:2px solid #c8c8c8;
	}

.br2_navy {
	border-right:2px solid #002670;
	}

.br2_blue {
	border-right:2px solid #003296;
	}


.bb2_gray {
	border-bottom:2px solid #c8c8c8;
	}

.bb2_navy {
	border-bottom:2px solid #002670;
	}

.bb2_blue {
	border-bottom:2px solid #003296;
	}


.bl2_gray {
	border-left:2px solid #c8c8c8;
	}

.bl2_navy {
	border-left:2px solid #002670;
	}

.bl2_blue {
	border-left:2px solid #003296;
	}

/*original*/
.bl5_pink {
	border-left:5px solid #d26965;
	}
	
.bl5_skyblue {
	border-left:5px solid #5fb8e8;
	}

.bl5_clouded {
	border-left:5px solid #738baf;
	}
	
.bl5_yellow {
	border-left:5px solid #f1d872;
	}
	
.bl5_violet {
	border-left:5px solid #a091aa;
	}
	
.bl5_green {
	border-left:5px solid #8ec475;
	}
	
	





/*	Font
------------------------------------------------------------ */ 
.normal { font-weight:normal; }
.bold { font-weight: bold; }
.italic {font-style:italic; }

.x-small { font-size: x-small; }
.small { font-size: small; }
.medium { font-size: medium; }
.large { font-size: large; }
.x-large { font-size: x-large; }


.font65 { font-size:65%; }
.font70 { font-size:70%; }
.font75 { font-size:75%; }
.font80 { font-size:80%; }
.font85 { font-size:85%; }
.font90 { font-size:90%; }
.font95 { font-size:95%; }
.font100 { font-size:100%; }
.font105 { font-size:105%; }
.font110 { font-size:110%; }
.font115 { font-size:115%; }
.font120 { font-size:120%; }
.font125 { font-size:125%; }
.font130 { font-size:130%; }
.font135 { font-size:135%; }
.font140 { font-size:140%; }
.font145 { font-size:145%; }
.font150 { font-size:150%; }



.navy {
	color:#002670;
	}
.blue {
	color:#003296;
	}
.gray {
	color:#666;
	}
.white {
	color:#FFF;
	}
.red {
	color:#990000;
	}
.pink {
	color:#d26965;
	}
	
.skyblue {
	color:#5fb8e8;
	}
	
.yellow {
	color:#f1d872;
	}
	
.violet {
	color:#a091aa;
	}

.green {
	color:#8ec475;
	}
	
.clouded {
	color:#374b5f;
	}
	
/*	Link
------------------------------------------------------------ */ 

a.navy {
	color:#002670 !important;
	text-decoration:underline;
	}
a.blue {
	color:#0d257f !important;
	text-decoration:underline;
	}
a.gray {
	color:#666 !important;
	text-decoration:underline;
	}

	


/*	Text
------------------------------------------------------------ */ 
.text-align-left, .tal { text-align: left; }
.text-align-right, .tar { text-align: right; }
.text-align-center, .tac { text-align: center; }

.v-align-top { vertical-align:top };
.v-align-middle { vertical-align:middle };
.v-align-bottom { vertical-align:bottom };

.text-deco-none {
	text-decoration:none;
	}

.text-deco-under {
	text-decoration:underline;
	}

.text-deco-over {
	text-decoration:overline;
	}




.hidetxt, .hide {
	text-indent: -9999px;
}
.hidetxt a {
	display: block;
	text-indent: -9999px;
	/*\*/overflow: hidden;/**/
}


.nowrap {
	white-space:nowrap;
	}



.arrow1 {
	padding-left:15px;
	background:transparent url(../images/arrow1.jpg) left center no-repeat;
	}
.arrow2 {
	padding-right:15px;
	background:transparent url(../images/arrow2.jpg) right center no-repeat;
	}
.arrow3 {
	padding-right:15px;
	background:transparent url(../images/arrow3.jpg) right center no-repeat;
	}

.lh22 {
	line-height:22px;
	}


/*	title
------------------------------------------------------------ */ 
h1.title,
h2.title,
h3.title,
h4.title,
h5.title {
	height:27px;
	background:transparent url(../images/v_bar_large.jpg) 0 0 no-repeat;
	color:#0d257f;
	padding-left:20px;
	line-height:27px;
	font-size: 110%;
	}

h1.title2,
h2.title2,
h3.title2,
h4.title2,
h5.title2 {
	color:#0d257f;
	font-size:140%;
	margin-bottom:30px;
	}

h1.title3,
h2.title3,
h3.title3,
h4.title3,
h5.title3 {
	color:#333;
	line-height:1.2;
	padding-bottom:5px;
	border-bottom:1px solid #c8c8c8;
	margin-bottom:10px;
	}

h1.title4,
h2.title4,
h3.title4,
h4.title4,
h5.title4 {
	height:43px;
	background:transparent url(../images/v_bar_large2.jpg) 0 0 no-repeat;
	color:#0d257f;
	padding-left:20px;
	line-height:43px;
	font-size: 110%;
	}



/*	layout
------------------------------------------------------------ */ 
.wrapper {
	margin-left:10px;
	margin-right:30px;
	}

.wrapper_inner {
	margin-left:10px;
	}


/*	burasage　　2018.11.21
------------------------------------------------------------ */ 

.burasage {
margin-left:10px;
text-indent: -0px;
}




/*	ul
------------------------------------------------------------ */ 

ul.normal {
	list-style:none;
	}
ul.normal li {
	}

ul.arrow {
	}
ul.arrow li {
	padding: 0 0 0 12px;
	line-height: 1.5;
	background: url(../images/arw_g.gif) no-repeat left 6px;
	}

ul.disc {
	margin-left:20px;
	}
ul.disc li {
	list-style-type:disc;
	}


ul.square {
	margin-left:20px;
	}
ul.square li {
	list-style-type:square;
	}


ul.decimal,
ol.decimal {
	margin-left:40px;
	}
ul.decimal li,
ol.decimal li {
	list-style-type:decimal;
	}



ul li.Q,
ul li.A {
	padding-top:3px;
	padding-left:30px;
	padding-bottom:10px;
	}
ul li.Q {
	background:transparent url(../images/icon_Q.jpg) left top no-repeat;
	}
ul li.A {
	background:transparent url(../images/icon_A.jpg) left top no-repeat;
	}


/*	table
------------------------------------------------------------ */ 


table {
	}
table tr th,
table tr td {
	padding:5px;
	}




table.A {
	border-top:1px solid #c8c8c8;
	border-left:1px solid #c8c8c8;
	}
table.A tr th,
table.A tr td {
	border-right:1px solid #c8c8c8;
	border-bottom:1px solid #c8c8c8;
	padding:3px;
	}


table.B {
	border-top:1px solid #c8c8c8;
	border-left:1px solid #c8c8c8;
	}
table.B tr th,
table.B tr td {
	border-right:1px solid #c8c8c8;
	border-bottom:1px solid #c8c8c8;
	padding:5px;
	}


table.C {
	border-top:1px solid #c8c8c8;
	border-left:1px solid #c8c8c8;
	}
table.C tr th,
table.C tr td {
	border-right:1px solid #c8c8c8;
	border-bottom:1px solid #c8c8c8;
	padding:8px;
	}




/*	background
------------------------------------------------------------ */ 



.bg_blue {
	background:#b0c1f9;
	}

.bg_navy {
	background:#738cad;
	}
table tr th.bg_navy,
table tr td.bg_navy {
	border-right:1px solid #fff !important;
	border-bottom:1px solid #fff !important;
	}

.bg_gray {
	background:#eeeeee;
	}

.bg_red {
	background:#f8ece6;
	}
	
.bg_yellow {
	background:#fff994;
	}

.bg_brown {
	background:#ffe1bb;
	}
	
.bg_green {
	background:#b8fecd;
	}
	
.bg_mosgreen {
	background:#bee6a0;
	}
	
	
.bg_lightblue {
	background:#d6e3ea;
	}

.bg_lightbrown {
	background:#eae5d6;
	}

	
.bg_pink {
	background:#ffe7fb;
	}
	
.bg_springpink {
	background:#efdeec;
	}
	
.bg_close {
	background:#d7d7d7;
	}
	
.bg_bk {
	background:#000000;
	}
	
	
.bg_lightgreen {
	background:#e0f3c2;
	}

/*	Floating
------------------------------------------------------------ */ 

.fl, .left { float: left; }
.fr, .right { float: right; }

.clear {
	clear:both;
	}


/* Floating Clear
/* floating box clear */
.clr:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clr { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 ?*/
* html .clr { height: 1%; }
.clr { display: block; }
/* End Hide from mac IE5 */









/*	news box
------------------------------------------------------------ */


div.news_box {
	border:1px solid #c8c8c8;
	margin-bottom:20px;
}

div.news_box div.news_box_title {
	background:#f5f5f5;
	margin:1px 1px 15px 1px;
	padding:4px 0 4px 20px;
	line-height:16px;
}


div.news_box div.news_box_title h2 {
	font-size:100%;
	font-weight:normal;
	float:left;
}
div.news_box div.news_box_title ul {
	background:transparent url(../images/separator_v.gif) left center no-repeat;
	float:right;
}
div.news_box div.news_box_title ul li {
	float:left;
	padding:0 5px;
	background:transparent url(../images/separator_v.gif) right center no-repeat;
}
div.news_box div.news_box_title ul li.news_box_rss {
	text-indent:-9999px;
	font-size:1px;
	line-height:1em;
	background:none;
}
div.news_box div.news_box_title ul li.news_box_rss a {
	display:block;
	width:38px;
	height:16px;
	background:transparent url(../images/rss.jpg) 0 0 no-repeat;
}

div.news_box ul.news_text {
	clear:both;
	margin:0 0 20px 20px;
	line-height:1em;
}
div.news_box ul.news_text li {
	margin-bottom:12px;
	background:transparent url(../images/arw_g.gif) left center no-repeat;
	padding-left:12px;
}
div.news_box ul.news_text li span {
	padding-right:10px;
}





/*	gray box
------------------------------------------------------------ */

div.gray_box {
	border:1px solid #c8c8c8;
	background:#ebebeb;
	padding:10px;
	margin-bottom:10px;
	line-height:1.4;
	font-size:90%;
	}
div.gray_box h4,
div.gray_box p,
div.gray_box table {
	margin-bottom:8px;
	}
div.gray_box table th,
div.gray_box table td {
	margin:0;
	padding:0;
	}
div.gray_box table th {
	padding-right:8px;
	}
div.gray_box table th {
	font-weight:normal;
	}



/*	icon
------------------------------------------------------------ */
a.pdf,
a.word,
a.excel {
	padding:2px 20px 2px 0;
	}

a.pdf {
	background:transparent url(../images/icon_pdf.gif) right top no-repeat;
	}

a.word {
	background:transparent url(../images/icon_word.gif) right top no-repeat;
	}

a.excel {
	background:transparent url(../images/icon_excel.gif) right top no-repeat;
	}




/*	背景が紙のパターン
------------------------------------------------------------ */

div.bg_paper {
	width:217px;
	height:322px;
	background:transparent url(../images/bg_paper.jpg) 0 0 no-repeat;
	}



/*	lightboxのサムネイルパターン　(/opencollege/oc01_03_j.html など)
------------------------------------------------------------ */
div.pop {
	float:left;
	padding:0 10px 10px 0;
	}