#kotsu {
}
	#kotsu p {
		margin: 0;
	}
	#kotsu p strong {
	color:#014dea;
	font-size: 117%;
	}

#OC2014 .article {
	margin-bottom: 30px;
}


.red {
	color: #C00;
	font-weight: bold;
}

/* clearfix 
-----------------------------------------------------------------------*/
/* clearfix */
.clearfix:after,
#open_bus #foot_area:after,
#open_bus .c_fix:after,
#each_program .main_space:after,
#each_program .detail_space:after,
#each_program .detail_space dl:after,
#each_program:after{
content: url(http://www.oit.ac.jp/japanese/common/img/pixel.gif);
display: block;
clear: both;
height: 0;
}


.clearfix,
#open_bus #foot_area,
#open_bus .c_fix,
#each_program .main_space,
#each_program .detail_space,
#each_program .detail_space dl,
#each_program{
display: inline-block;
}


/* Hides from IE-mac \*/
* html .clearfix,
* html #open_bus #foot_area,
* html #open_bus .c_fix,
* html #each_program .main_space,
* html #each_program .detail_space,
* html #each_program .detail_space dl,
* html #each_program{
height: 1%;
} 


.clearfix,
#open_bus #foot_area,
#open_bus .c_fix,
#each_program .main_space,
#each_program .detail_space,
#each_program .detail_space dl,
#each_program{
display: block;
} 


/* PC */
@media screen and (min-width:481px), print {

	/* End hide from IE-mac */
#open_bus{
	background:url(http://www.oit.ac.jp/japanese/juken/open/img/bk_middle.gif) left top repeat-y;
	width:640px;
	margin:10px auto 0;
    font-size: small;
    font-family: '繝｡繧､繝ｪ繧ｪ','Meiryo','�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け','Hiragino Kaku Gothic Pro','繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3','Osaka',sans-serif;
    font-weight: normal;
    line-height: 1.4;
}

#bus_inline{
	padding:10px 0 0 20px;
}

#open_bus p{
	margin:0 0 10px;
}

#open_bus #foot_area{
	background:url(http://www.oit.ac.jp/japanese/juken/open/img/bk_bottom.gif) left bottom no-repeat;
	padding:10px 20px 10px;
}

#open_bus #foot_area p.last{
	float:left;
	display:inline;
}

#open_bus h2{
	color:#309c00;
	font-size:1.2em;
	background:url(http://www.oit.ac.jp/japanese/juken/open/img/img_icon03.gif) no-repeat left 0.3em;
	padding:0 0 0 0.8em;
}

#open_bus table{
	border-spacing:0;
	border-collapse:collapse;
	width:290px;
}

#open_bus table caption{
	text-align:left;
}

#open_bus table caption span{
	font-weight:bold;
}

#open_bus table th,
#open_bus table td{
	vertical-align:top;
	text-align:left;
}

#open_bus table th{
	color:#FFFFFF;
	background:#309c00;
	border:1px solid #C7C7C9;
	padding:5px;
}

#open_bus table td{
	border:1px solid #C7C7C9;
	padding:5px;
}

#open_bus tr.last td{
	color:#309c00;
	border:0;
	text-align:right;
}
.c_fix table{
	float:left;
	margin:0 20px 0 0;
}
#open_bus #foot_area p{
	float:right;
	display:inline;
}
#open_bus #foot_area p a img{
	border:0;
}
#open_bus #foot_area p a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}




/* OPEN CAMPUS 2014 */
.cbox { 
}
* html .cbox {
	zoom: 100%;
}
*:first-child+html .cbox {
	display: inline-block;
}

.cbox:after {
	content: "."; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}

#OC2014 {
}




#OC2014 p {
	margin-bottom: 0;
}

#OC2014 ul.linkBtn li {
	float:left;
	margin-right: 5px;
}
#OC2014 ul.linkBtn li.last {
	float:left;
	margin-right: 0;
}

#OC2014 .box {
	background: #eaf5fc;
	margin-bottom: 15px;
}
* html #OC2014 .box {
	zoom: 100%;
}
*:first-child+html #OC2014 .box {
	display: inline-block;
}
#OC2014 .box:after {
	content: "."; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}


#OC2014 .other {
	padding:0 35px;
}
#OC2014 .other p {
	margin-left: 35px;
}
#OC2014 .other .wbox {
	width: 550px;
	margin: 0 auto;
	background: #fff;
	padding: 15px;
}
#OC2014 .other .wbox ul#program {
	margin-bottom: 20px;
}	
#OC2014 .other .wbox ul#program li {
	background:url(../img/2014_icon_01.gif) no-repeat left 0.4em;
	padding-left: 12px;
	float: left;
	margin-right: 10px;
}	
#OC2014 .other .wbox ul#program li.long {
	width: 180px;
	margin-right: 15px;
}	
#OC2014 .other .wbox ul#program li.mNone {
	margin-right: 0;
}
#OC2014 .box {
	padding: 10px 0 35px 0;
}

#OC2014 .other .wbox dl {
	width: 270px;
	float: left;
}
#OC2014 .other .wbox dl.last {
	width: 270px;
	float: right;
}
#OC2014 .other .wbox dl dt {
	margin-bottom: 2px;
}
#OC2014 .other .wbox dl dd {
	background: #dee6f4;
	padding: 10px;
}
#OC2014 .other .wbox dl.last dd {
	background: #e8f2eb;
	padding: 10px 0px 10px 10px;
}
#OC2014 .other .wbox dl dd ul li {
	background:url(../img/2014_icon_blue.gif) no-repeat left 0.4em;
	padding-left: 10px;
	font-size: 11px;
}
#OC2014 .other .wbox dl.last dd ul li {
	background:url(../img/2014_icon_green.gif) no-repeat left 0.4em;
}

#OC2014 .other .text {
	text-align: right;
	margin-top: 5px;
	margin-right: 30px;
}

/* 蜈･隧ｦ驛ｨ繧ｹ繧ｿ繝�ヵ縺ｮ貅門ｙ繝ｬ繝昴�繝� */
#OC2014 .onePage {
	background:url(../img/bg_top.gif) no-repeat left top;
	padding-top:10px;
	margin-bottom:10px;
}
	#OC2014 .onePage .pBt {
		background:url(../img/bg_bottom.gif) no-repeat left bottom;
		padding-bottom:10px;
	}
		#OC2014 .onePage .pBt .inner {
			background:url(../img/bg_middle.gif) repeat-y left top;
			padding:0 14px;
		}
			#OC2014 .onePage .inner h4 {
				background-color:#004583;
				font-size:140%;
				letter-spacing:0.1em;
				color:#FFF;
				line-height:1.2;
				padding:10px 0 9px 7px;
			}
				#OC2014 .onePage .inner h4 span {
					border-left:3px solid #FFF;
					padding-left:8px;
					display:block;
				}
			
			#OC2014 .onePage .date {
				border-bottom:1px solid #d9d9d9;
				padding:0 10px 5px 0;
				margin-bottom:10px;
			}
			
			#OC2014 .onePage .txt {
				float:left;
				width:350px;
				margin-left:10px;
				padding-bottom:10px;
			}
			#OC2014 .onePage .pNone .txt {
				width:auto;
				margin:0 10px;
				padding-bottom:10px;
			}
			#OC2014 .onePage .photo {
				float:right;
				width:235px;
				margin-right:10px;
				padding-bottom:10px;
			}
			
			#OC2014 #kotsu {
			}
			#OC2014 #kotsu dl {
			}
			#OC2014 #kotsu dl dt {
				float: right;
				width: 167px;
			}
			#OC2014 #kotsu dl dd {
				float: left;
				width: 510px;
			}



#MainTitle {
	position: relative;
}
	#MainTitle .BtnOmiya{
	position: absolute;
	top: 145px;
	left: 36px;
	}
	#MainTitle .BtnHirakata{
	position: absolute;
	top: 145px;
	right: 36px;
	}




}




/* 繧ｹ繝槭� */
@media only screen and (max-width: 480px) {

.article {
}
	
.article img {
	width: 100%;
}

/* OPEN CAMPUS 2014 */
.cbox { 
}
* html .cbox {
	zoom: 100%;
}
*:first-child+html .cbox {
	display: inline-block;
}

.cbox:after {
	content: "."; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}

#OC2014 .mainimage img {
	width: 100%;
}

#OC2014 p {
	margin-bottom: 0;
}

#OC2014 ul.linkBtn li {
	float:left;
	width: 49%;
	margin-right: 2%;
	margin-bottom: 2%;
}
#OC2014 ul.linkBtn li.Center {
	float:left;
	margin-right: 0;
}
#OC2014 ul.linkBtn li.last {
	float:left;
	margin-right: 0;
}
#OC2014 ul.linkBtn li img {
	width: 100%;
}

#OC2014 .box {
	background: #eaf5fc;
	margin-bottom: 15px;
	width: 100%;
}
* html #OC2014 .box {
	zoom: 100%;
}
*:first-child+html #OC2014 .box {
	display: inline-block;
}
#OC2014 .box:after {
	content: "."; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}


#OC2014 .other {
}
#OC2014 .other p {
	margin-left: 6%;
}
#OC2014 .other p.Tit img {
	width: 40%;
}
#OC2014 .other .wbox {
	width: 80%;
	margin: 0 auto;
	background: #fff;
	padding: 15px;
}
#OC2014 .other .wbox ul#program {
	margin-bottom: 20px;
}	
#OC2014 .other .wbox ul#program li {
	background:url(../img/2014_icon_01.gif) no-repeat left 0.4em;
	padding-left: 12px;
	float: left;
	margin-right: 10px;
}	
#OC2014 .other .wbox ul#program li.long {
	width: 180px;
	margin-right: 15px;
}	
#OC2014 .other .wbox ul#program li.mNone {
	margin-right: 0;
}
#OC2014 .box {
	padding: 10px 0 15px 0;
}

#OC2014 .other .wbox dl {
	width: 100%;
	margin-bottom: 5%;
}
#OC2014 .other .wbox dl.last {
	width: 100%;
	margin-bottom: 0;
}
#OC2014 .other .wbox dl dt {
	margin-bottom: 2px;
}
#OC2014 .other .wbox dl dt img {
	width: 60%;
}
#OC2014 .other .wbox dl dd {
	background: #dee6f4;
	padding: 10px;
}
#OC2014 .other .wbox dl.last dd {
	background: #e8f2eb;
	padding: 10px 0px 10px 10px;
}
#OC2014 .other .wbox dl dd ul li {
	background:url(../img/2014_icon_blue.gif) no-repeat left 0.4em;
	padding-left: 10px;
	font-size: 11px;
}
#OC2014 .other .wbox dl.last dd ul li {
	background:url(../img/2014_icon_green.gif) no-repeat left 0.4em;
}

#OC2014 .other .text {
	text-align: center;
	margin-top: 5px;
}


			#OC2014 #kotsu {
			}
			#OC2014 #kotsu dl {
			}
			#OC2014 #kotsu dl dt {
				width:  100%;
				text-align: center;
				margin-bottom: 15px;
			}
			#OC2014 #kotsu dl dt img {
				width: 50%;
			}
			#OC2014 #kotsu dl dd {
				width: 100%;
			}



#MainTitle {
	position: relative;
}
	#MainTitle img {
		width: 100%;
	}
	#MainTitle .BtnOmiya{
		position: absolute;
		top: 75px;
		left: 20px;
		width: 40%;
	}
	
	#MainTitle .BtnHirakata{
		position: absolute;
		top: 75px;
		right: 20px;
		width: 40%;
	}


}