@charset "utf-8";

/*トップページ専用*/
/*------------------------------*/

/*globalNavi*/
/*------------------------------*/
#globalNavi a#gnTop{
	background-position: bottom;
	
	}

/*Flash部分*/
/*------------------------------*/
#mainFlash {
	margin: 0px;
	padding: 0px;
}

/*緊急告知用*/
/*------------------------------*/
.attention {
	margin: 0.5em 0 1em;
	clear:both;
	padding: 10px;
	width: 640px;
	font-size: 10px;
	border-top: 1px solid #C60000;
	border-right: 1px none #C60000;
	border-bottom: 1px solid #C60000;
	border-left: 1px none #C60000;
}


/*ピックアップ項目*/
/*------------------------------*/
#pickup li {
	background-image: url(img/pickup_shade.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 15px;
		height: 132px;
	float: left;
	margin-right: 0px;
	margin-bottom:0px;
	margin-top: 0px;
	margin-left: 0px;
}
#pickup a {
	display: block;
	height: 132px;
	width: 145px;
	background-repeat: no-repeat;
	/*text-indent: -9999px;*/
	overflow: hidden;
}
#pickup p {
	
	text-indent: -9999px;

}

#pickup a:link, #pickup a:visited {
	background-position: top;
}
#pickup a:hover {
	background-position: bottom;
}
#pickup #event a {
	background-image: url(img/pickup_event.jpg);
}
#pickup #education a {
	background-image: url(img/pickup_education.jpg);
}
#pickup #course a {
	background-image: url(img/pickup_course.jpg);
}
#pickup #highschool a {
	background-image: url(img/pickup_high.jpg);
}
#pickup #support a {
	background-image: url(img/pickup_support.jpg);
}
#pickup #info a {
	background-image: url(img/pickup_info.jpg);
	margin: 0px;
}
#pickup li#info {
	margin: 0px;
}



/*バナーたち*/
/*------------------------------*/
#banners {
	width: 168px;
	float:right;
	
		/*アテンションコメント用*/
	/*margin-top:-225px;*/
	
	/*normal
margin-top:-135px;*/
	/*kokuti20090330*/

}
#banners #access {
	background-image: url(img/banner_access.gif);
	background-repeat: no-repeat;
	display: block;
	height: 62px;
	overflow: hidden;
	margin-bottom:3px;
}
#banners p{
text-indent: -9999px;
}
#banners #telmail {
	background-image: url(img/banner_telmail.gif);
	background-repeat: no-repeat;
	/*text-indent: -9999px;*/
	display: block;
	height: 36px;
	overflow: hidden;
	margin-bottom: 3px;
}
#banners #shokugyo {
	background-image: url(img/banner_shoku.gif);
	background-repeat: no-repeat;
	/*text-indent: -9999px;*/
	display: block;
	height: 43px;
	overflow: hidden;
}
#banners #jikeiMa {
	background-image: url(img/banner_jikei_maosm.gif);
	background-repeat: no-repeat;
	/*text-indent: -9999px;*/
	display: block;
	height: 43px;
	overflow: hidden;
}

#banners #maimateOsm {
	background-image: url(img/banner-marilosm.gif);
	background-repeat: no-repeat;
	/*text-indent: -9999px;*/
	display: block;
	height: 30px;
	overflow: hidden;
	margin-bottom: 3px;
}

#banners #maimateDa {
	background-image: url(img/banner-marilda.gif);
	background-repeat: no-repeat;
	/*text-indent: -9999px;*/
	display: block;
	height: 30px;
	overflow: hidden;
	margin-bottom: 3px;
}

#banners #trustE {
	float:left;
	width:88px;
}


#banners #trustE a {
	background-image: url(img/banner_trust-e.gif);
	background-repeat: no-repeat;
	/*text-indent: -9999px;*/
	display: block;
	width:88px;
	height: 26px;
	overflow: hidden;
	margin-top:10px;
}

#banners #mailmate {
	float:left;
	width:88px;
}

#banners #mailmate a {
	background-image: url(img/banner_maimate.gif);
	background-repeat: no-repeat;
	/*text-indent: -9999px;*/
	display: block;
	width:88px;
	height: 26px;
	overflow: hidden;
	margin-top:5px;
}


#banners #QR {
	float:right;
	
}
#banners #QR a {
	width: 58px;
	margin-top: 9px;
	display: block;
}

/*blog_list.html 専用*/
/*------------------------------*/
body#blogList {
	background-color: #FFFFFF;
	background-image: none;
	margin: 0px;
	padding: 0px;
/*	width:295px*/;
}






#pickupBox {
	width: 870px;
	padding-bottom: 5px;
	padding-top: 1px;
	padding-right: 0px;
	padding-left: 0px;
}
#pickup {
	margin: 0px;
	padding: 0px;
}
.newsInbanner {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 0px;
}
#page .lists h3 a {
	display: block;
	height: 20px;
	width: 200px;
}
/*願書提出日*/
/*------------------------------*/
#gansyo{
	height: 100px;
	width: 660px;
	margin: 0px;
	padding: 0px;
	background: url(img/banner_gansyo2.jpg) no-repeat left top;
}



#gansyo a.text {
	height: 50px;
	width: 510px;
	display: block;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	position: absolute;
	z-index: 1;
	padding-left: 150px;
	text-decoration: none;
	padding-top: 50px;
}
#gansyo a.text:hover {
	background: url(img/banner_gansyo2.jpg) no-repeat left bottom;
}
#gansyo a .bday {
	font-size: 16px;
}
#gansyo a .bweek {
	font-size: 10px;
}
#gansyo a.img {
	height: 79px;
	width: 660px;
	margin: 0px;
	padding: 0px;
	display: block;
	text-indent: -9999px;
}
#ganshoComment {
	width: 660px;
	margin: 0px;
	padding: 2px 0px;
	text-align: center;
	font-size: 10px;
	color: #780000;
	background-color: #F2F2F2;
}
.colorred2 {
color:#AE1619;
}
/*200906*/
#blogList {
	margin-right: 0px;
	margin-bottom: 30px;
	height:160px;
}
#topNewsInfo {
	float: right;
	width: 665px;
}

/*------------------------------
  2010                         
------------------------------*/
body#toppage #container{
	
	
/* 通常時

	background-image: url(img/top_flashbg.gif);
*/	

/*　願書の時　*/
	/*background-image: url(img/top_flashbg2.gif);*/

/*　//願書　*/

	
	background-repeat: repeat-x;
	background-position: left 110px;
}
body#toppage #pageHead {
	margin-bottom: 1px;
}
#shutugan {
	margin-bottom:15px;
}
#topflashBox {
	/*通常時
	margin-bottom: 40px;*/

/*　願書の時　*/
margin-bottom: 10px;
	height: 310px;
	width: 900px;
/*　//願書　*/
}
#topSideColums {
float:right;
width:200px;
}
.topsideSchoolInfo {
	background-color: #F2F2F2;
	border: 1px solid #CCCCCC;
	padding: 8px;
	margin-bottom: 5px;
	font-size: 10px;
}
.topsideSchoolInfoIn {
	background-image: url(img/topside_g_dotbg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 8px;
	margin-bottom: 5px;
}
#siteSearch {
	margin: 0px 0px 15px;
	padding: 0px;
}
/*情報リスト*/
/*------------------------------*/
.lists {
	width: 410px;
	
}

#ifnoList {
	height: 180px;
	overflow: auto;
}

#page .lists ul {
	/*	height: 280px;*/
	overflow: auto;
	margin-right: 15px;
}
#page .lists iframe {
	height: 155px;
	margin:0;
	padding:0;
	width: 410px;
	font-size: 12px !important;
}

.lists li, #blogList li {
	margin-bottom: 0.8em;
	background-position:left bottom;
	background-repeat:repeat-x;
	padding-bottom:10px;
	background-image:url(img/liebg_dot.gif);font-size: 12px !important;
}
.lists li a:link, .lists li a:visited,
#blogList li a:link, #blogList li a:visited {

	background-image: url(common/img/arrow1.gif);
	background-repeat: no-repeat;
	background-position: 7px 0.3em;
	padding-left: 20px;
	font-size: 12px !important;
	line-height: 150%;
	color:#AE1619;
	text-decoration: none;
	
}
.lists li a:hover,
#blogList li a:hover {
	color:#052054;
	text-decoration: underline;
}
.sideBanersUnd li {
	margin-bottom: 3px;
	padding-bottom:0;

}
/**/
/*blog_list.html 専用*/
/*------------------------------*/
body#osm-daosaka_blog,
body#osm-daosaka_international_blog {
	background-color: #FFFFFF;
	background-image: none;
	margin: 0px;
	padding: 0px;
}
#osm-daosaka_blog li,
#osm-daosaka_international_blog li{
	margin-bottom: 0.8em;
	background-position:left bottom;
	background-repeat:repeat-x;
	padding-bottom:10px;
	background-image:url(img/liebg_dot.gif);font-size: 12px !important;
}
#osm-daosaka_blog li a:link, #osm-daosaka_blog li a:visited,
#osm-daosaka_international_blog li a:link,#osm-daosaka_international_blog li a:visited {

	background-image: url(common/img/arrow1.gif);
	background-repeat: no-repeat;
	background-position: 7px 0.3em;
	padding-left: 20px;
	font-size: 12px !important;
	line-height: 150%;
	color:#AE1619;
	text-decoration: none;
	
}

#osm-daosaka_blog li a:hover,
#osm-daosaka_international_blog  li a:hover,{
	color:#052054;
	text-decoration: underline;
}
.topEmMes {
	padding: 10px 30px;
	border-top: 1px solid #900;
	border-right: 1px none #900;
	border-bottom: 1px solid #900;
	border-left: 1px none #900;
}
/*twitter*/
/**/
/*#twitterColum {
	background-image: url(img/bg_tweet.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 27px;
	width: 900px;
	position: relative;
	margin-bottom:10px;
}
#twitterColum #twTicker {
	margin-left: 185px;
	padding-top:5px;
	width:530px;
}
#twitterColum #btnTweetFl {
	position: absolute;
	top: 0px;
	right: 0px;
}
#twitterColum a,
#twitterColum a:visited {
	text-decoration:underline;
	color:#000;
}
#twitterColum a:hover {
color:#F00;
cursor:pointer;
}*/

#twitterColum {
	background-image: url(img/2011/bg_tweet.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 27px;
	width: 580px;
	position: relative;
	margin-bottom:10px;
}
#twitterColum #twTicker {
	/*	padding-top:5px;*/
	width:473px;
	position: absolute;
	top: -3px;
	height: 30px;
	font-size:12px;
	padding:0;
	margin:0 0 0 185px;
	left: -86px;
	
}
#twitterColum p.loading {
top:10px;
}

#twitterColum #btnTweetFl {
	position: absolute;
	top: 0px;
	right: 0px;
}
#twitterColum a,
#twitterColum a:visited {
	text-decoration:underline;
	color:#000;
}
#twitterColum a:hover {
color:#F00;
cursor:pointer;
}
/*------------------------------
  2011                         
------------------------------*/
body#toppage #pageContents{
	width:100%;
	
}

/*topMainVisual*/
/*------------------------------*/
#topMainVisual {
	

}

#output li{
	display:none;/* for fade in IE6 + others*/

}



div#feature_list {
	
	/*height: 206px;*/
			/*overflow: hidden;*/
			position: relative;
	margin: 0;
	width: 100%;
	
		}

		div#feature_list ul {
	/*position: absolute;*/
			top: 0;
	list-style: none;
	padding: 0;
	margin: 0 0 0px;
		}

			div#feature_list ul#tabs {
	/*
			z-index: 2;
			
			top:206px;
			left:0;*/
			
		
	text-align:center;
	margin:0 auto 10px;
	width: 289px;
	height: 153px;
	position: absolute;
	background-image: url(img/2011/topmv_mbnt.png);
	background-repeat: no-repeat;
	top: 30px;
	right: -10px;
	padding:18px;


				/*width: 960px;
				height: 428px;*/
		}

		ul#tabs li {
	/*font-size: 10px;
	display :inline;
	text-align:right;
	zoom:1;
	letter-spacing: 0.2em;*/
	
	margin-bottom:5px;
	
		}
		ul#tabs li#tabs00 {
			display:none;
			}
		
		ul#tabs li img {
	/*		padding: 5px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;*/
		}

		ul#tabs li a {
	color: #6788A0;
	text-decoration: none;
	/*height: 60px;*/
	outline: none;
	display: block;
	height: 36px;
	width: 289px;
	padding: 0px;
	text-indent: -9999px;
	


		}


/*courseBTNs*/	
ul#tabs li#tabs04 a,
ul#tabs li#tabs05 a,
ul#tabs li#tabs06 a{
		width:304px;
	height:122px;
}
#tabs04 {
	width:304px;
	height:122px;
	position:absolute;
	right:660px;
	top:260px;
	
}
#tabs05 {
	width:304px;
	height:122px;
	position:absolute;
	right:335px;
	top:260px;
}
#tabs06 {
	width:304px;
	height:122px;
	position:absolute;
	right:10px;
	top:260px;
}

ul#tabs li#tabsDA1 a,
ul#tabs li#tabsDA2 a{
		width:459px;
	height:111px;
}
#tabsDA1 {
		width:459px;
	height:111px;
	position:absolute;
	right:510px;
	top:260px;
}
#tabsDA2 {
		width:459px;
	height:111px;
	position:absolute;
	right:10px;
	top:260px;
}

/**/	
ul#tabs li#tabs01 a  {
		background-image:url(img/2011/mvb1.gif);
		cursor: pointer;
	}
	ul#tabs li#tabs01 a:hover,
	ul#tabs li#tabs01 a.current{
		background-image:url(img/2011/mvb1_over.gif);
	}
		ul#tabs li#tabs02 a  {
		background-image:url(img/2011/mvb2.gif);
		cursor: pointer;
	}
	ul#tabs li#tabs02 a:hover,
		ul#tabs li#tabs02 a.current{
		background-image:url(img/2011/mvb2_over.gif);
	}
	ul#tabs li#tabs03 a  {
		background-image:url(img/2011/mvb3.gif);
		cursor: pointer;
	}
	ul#tabs li#tabs03 a:hover,
		ul#tabs li#tabs03 a.current{
		background-image:url(img/2011/mvb3_over.gif);
	}
		ul#tabs li#tabs04 a  {
		background-image:url(img/2011/course_btn1.gif);
		cursor: pointer;
	}
	ul#tabs li#tabs04 a:hover,
		ul#tabs li#tabs04 a.current{
		background-image:url(img/2011/course_btn1_over.gif);
	}
	ul#tabs li#tabs05 a  {
		background-image:url(img/2011/course_btn2.gif);
		cursor: pointer;
	}
	ul#tabs li#tabs05 a:hover,
		ul#tabs li#tabs05 a.current{
		background-image:url(img/2011/course_btn2_over.gif);
	}

	ul#tabs li#tabs06 a  {
		background-image:url(img/2011/course_btn3.gif);
		cursor: pointer;
	}
	ul#tabs li#tabs06 a:hover,
		ul#tabs li#tabs06 a.current{
		background-image:url(img/2011/course_btn3_over.gif);
	}
	
	ul#tabs li#tabsDA1 a  {
		background-image:url(img/2011/course_btn_da1.gif);
		cursor: pointer;
	}
	ul#tabs li#tabsDA1 a:hover,
		ul#tabs li#tabsDA1 a.current{
		background-image:url(img/2011/course_btn_da1_over.gif);
	}
	ul#tabs li#tabsDA2 a  {
		background-image:url(img/2011/course_btn_da2.gif);
		cursor: pointer;
	}
	ul#tabs li#tabsDA2 a:hover,
		ul#tabs li#tabsDA2 a.current{
		background-image:url(img/2011/course_btn_da2_over.gif);
	}
	

		ul#tabs li a.current {
/*	background-image: url(common/img/2011/icon_ma_on.gif);
*/			color: #000000;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}
		ul#output {
	right: 0;
	width: 100%;
	height: 428px;
	position: relative;
		}

		ul#output li {
	position: absolute;
	width: 100%;
	height: 428px;
		}

	/*	ul#output li a {
			position: absolute;
			bottom: 10px;
			right: 10px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: #000;
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover {
	
		}
		*/
/**/
ul#output li a {
/*	display:block;
	width:100%;
	height:267px;
	text-indent: -9999px;*/
	
	}
	ul#output li a:hover {
	/*display:block;
	width:100%;
	height:428px;
	background-color:#FFF;
	 filter: alpha(opacity=20);
    -moz-opacity:0.20;
    opacity:0.20;*/
	
	}
	
	

#output #mV00 {
	background-image: url(img/2011/toppage_mainvisual_bg.gif);
	background-position: center top;
}
#output #mV01 {
	background-image: url(img/2011/toppage_mainvisual_bg1.gif);
	background-position: center top;
}

#output #mV02 {
	background-image: url(img/2011/toppage_mainvisual_bg2.gif);
	background-position: center top;
}
#output #mV03 {
	background-image: url(img/2011/toppage_mainvisual_bg3.gif);
	background-position: center top;
}
#output #mV04 {
	background-image: url(img/2011/toppage_mainvisual-cource1.gif);
	background-position: center top;
}
#output #mV05 {
/*	background-image: url(img/2011/toppage_mainvisual_da_tp.gif);*/
		background-image: url(img/2011/toppage_mainvisual_da_tp2.gif);
	background-position: center top;
}
#output #mV06 {
	background-image: url(img/2011/toppage_mainvisual-cource3.gif);
	background-position: center top;
}
#topPgaeWrap {
	width: 960px;
	margin: 0px auto;
}
#topMainVisualSub {
	background-color: #000;
	text-align: center;
	padding: 13px 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	margin-bottom: 30px;
}
#topMainVisualCom {
	margin: 0px auto;
	width: 960px;
	position: relative;
	z-index: 30;
}
.tMV_set {
	margin: 0px auto;
	width: 960px;
	position: relative;
}

#toppageCourseSet {
	position: absolute;
	height: 200px;
	width: 965px;
	left: 10px;
	top: 250px;
}

#corMtitCa {
	text-align:center;
	position:absolute;
	width:960px;
	top:240px;
}
dl.topCourseList{
	margin-top:60px;
	margin-left:10px;
	width:200px;
	float:left;
	color:#FFF;
	
}
dl.topCourseList a,
dl.topCourseList a:visited{
	text-decoration:none;
	color:FFF;

}
dl.topCourseList a:hover{
		text-decoration:underline;
	color:#FFF;
}
dl.topCourseList dt{
	font-size:12px;
	padding:10px 0 5px 0;
}
dl.topCourseList dd{
	font-size:12px;
		background-image: url(img/2011/link_sl_d_f.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:15px;
}


#mV04 dl.topCourseList a,
#mV04 dl.topCourseList a:visited{
	color:#F09;
}
#mV05 dl.topCourseList a,
#mV05 dl.topCourseList a:visited{
	color:#0C3;
}
#mV06 dl.topCourseList a,
#mV06 dl.topCourseList a:visited{
	color:#09C;
}

#toppageCourseSet h2 {
	text-align:center;
	margin-bottom:5px;
}
#toppageCourseSet h3 {
	float: left;
	margin-right: 15px;
}
.tMV_set .btnMv {
	position: absolute;
	left: 18px;
	top: 176px;
}
#topBigbanners {
	float: left;
	width: 282px;
}
#topInfoColum {
	background-image: url(img/2011/parts_top_centerbg.gif);
	background-repeat: no-repeat;
	width: 960px;
	background-position: 0px 34px;
	height: 525px;
}
#topBigbanners div {
	margin-left: 15px;
	padding-top: 15px;
}
#topBigbanners div h2 img {
	
}
#topBigbanners div h2 {
background-color:#FFF;
width:249px;
	margin-bottom: 10px;

}
#topNewsInfoIn {
	margin: 15px 20px 0px;
}
#topNewsInfo h3 {
	margin-bottom: 15px;
}
#topInfoside {
	float: right;
}
#groupSc {
	background-color: #F0F0F0;
	padding: 15px;
}
.topEmMes2 {

	margin:0 auto;
	padding: 0;
	border-top: 2px solid #F00;
	border-right: 2px none #F00;
	border-bottom: 2px solid #F00;
	border-left: 2px none #F00;
	color:#000;
	background-color: #FFC;
}
.topEmMes2 h2 {
	color: #FFF;
	text-align: center;
	font-size: 14px;
	margin-bottom: 5px;
	background-color: #F00;
	padding: 5px;
}
.topEmMes2 p {
	padding:10px;
}