@charset "UTF-8";
/* CSS Document */

html{
	height:100%;
	overflow-y:scroll;
}
body {
	margin:0;
	padding:0;
	height:100%;
	background-color:#1D2A56;
	background-image:url(../img/backw.gif);
	background-repeat:repeat-y;
	background-position: center top;
	-webkit-text-size-adjust: none;
}


.fade-layer,
body:before{
	content: '';
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#1D2A56;
	z-index:99999;
}

body.fade-layer-off:before{
	content: none;
}

br {
	letter-spacing:normal;
}



#wrapper,#wrapper1,#wrapper2,#wrapper3,#wrapper4{
	width:960px;
	margin: 0 auto;
	border-left:1px #2F4F4F solid;
	border-right:1px #2F4F4F solid;
	background-color:#000;
	background-repeat: no-repeat;
	background-position: center top;
}

#wrapper1{
	background-image:url(../img/back_ac.jpg);
}

#wrapper2{
	background-image:url(../img/back_om.jpg);
}

#wrapper3{
	background-image:url(../img/back_lec.jpg);
}

#wrapper4{
	background-image:url(../img/back_bn.jpg);
}

/* ========header======== */

#header{
	float:left;
	width:960px;
	height:auto;
}

.c_tit{
	display:block;
	float:left;
	margin:0 0 0 50px;
	background-color:#000;
}

#h_box{
	float:right;
	width:730px;
}

#t_menu ul{
	float:left;
	width:730px;
	margin:10px 0;
	padding:0;
}

#t_menu li{
	float:left;
	font-size:0.85em;
	text-shadow:0 0 2px #FFF;
	text-align:center;
	font-weight:bold;
	padding:5px 10px;
	list-style-type:none;
	border-right:1px #030 solid;
}

#t_menu li a{
	color:#030;
}

#t_menu li a:hover{
	color:#960;
}

#t_menu li.right{
	border-right:none;
}

/* ========contents======== */

#contents {
	clear:both;
	margin:0px;
	padding:0px;
}


.c_read,.atten,.c_read_om,.allabout,.c_read_lec{
	clear:both;
	display:block;
	font-size:0.9em;
	line-height:1.4em;
	color:#FFF;
}

.c_read{
	margin:0 50px 20px;
}

.atten{
	float:left;
	margin:20px 80px 60px;
	text-align:center;
	font-size:0.95em;
	line-height:1.8em;
	background-color:#F00;
	color:#FFF;
	width:800px;
	border-radius:5px;        /* CSS3草案 */  
    -webkit-border-radius:5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:5px;   /* Firefox用 */  
}

#map1{
	float:left;
	clear:both;
	margin: 0 50px 10px;
}


.map1_l{
	display:block;
	float:left;
	margin:0 40px 0 0;
}

.map1_r{
	display:block;
	float:right;
	margin:0 0 0;
}


#footer {
	clear:both;
	margin:40px 0 0;
	color:#999;
}

.f_logo{
	display:block;
	margin:40px 410px 0;
}

#f_menu {
    float: left;
    margin: 5px 49px 15px;
    width: 870px;
}


#f_menu ul{
	margin:0;
	padding:0;
}

#f_menu li {
    border-right: 1px solid #ffffff;
    float: left;
    font-size: 0.8em;
    line-height: 0.8em;
    list-style-type: none;
    margin: 25px 0 10px;
    padding: 5px 9px;
    text-align: center;
    text-shadow: 2px 2px 2px #000;
	z-index:1;
}

#f_menu li a{
	color:#FFF;
}

#f_menu li a:hover{
	color:#FF9;
}

#f_menu li.right{
	border-right:none;
}


.address{
	clear:both;
	display:block;
	margin:10px 0;
	font-size:0.9em;
	line-height:1.4em;
	text-align:center;
}

.copyright{
	font-size:0.75em;
	text-align:center;
	width:100%;
	padding-bottom:15px;
}

/* slider
------------------------- */

.content {
	float:left;
	width:960px;
	height:320px;
	margin:10px 0;
	background-image:url(../img/map/content.png);
}

.content01{
	display:block;
	width:430px;
	background-color:#F00;
}


.slider {
   margin:0 50px;
}

#m_root{
	width:410px;
	padding:0;
	color:#FFF;
}

.m_roottxt{
	display:block;
	width:379px;
	margin:7px 0 0;
	padding:0;
	font-size:0.8em;
	line-height:1.3em;
}

/* beans
------------------------- */


.c_read_bn{
	clear:both;
	display:block;
	font-size:0.9em;
	line-height:1.4em;
	color:#000;
	margin:0 50px 30px;
    text-shadow: 1px 1px 1px #000;
}

.bn_box{
	clear:both;
	display:block;
	background-image:url(../img/bn/ks3.jpg);
	background-repeat:no-repeat;
	background-color:#FFF;
	margin:0 50px 20px;
	padding-bottom:30px;
	height:1200px;
	border:none;
	/* box-shadow */
box-shadow:rgb(255, 255, 255) 0px 0px 10px 10px;
-webkit-box-shadow:rgb(255, 255, 255) 0px 0px 10px 10px;
-moz-box-shadow:rgb(255, 255, 255) 0px 0px 10px 10px;
}

.bn_box a:hover img {
	opacity: 0.8; /* Opera・Safari */
	-moz-opacity:0.8; /* Firefox */
	filter: alpha(opacity=80); /* IE */
	zoom: 1; /* IE */
}


#bn ul {
  height: 1200px;
  margin: 0 auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  top: 0;
  width: 982px;
}


#bn li.c01,#bn li.c02,#bn li.c03,#bn li.c04,#bn li.c05,#bn li.c06,#bn li.c07,#bn li.c08,#bn li.c09,#bn li.c10,#bn li.c11,#bn li.c12,#bn li.c13,#bn li.c14,#bn li.c15,#bn li.c16,#bn li.c17,#bn li.c18,#bn li.c19{
	display:block;
	list-style-type:none;
	overflow: hidden;
	position: absolute;
	z-index: 1;
}

#bn li.c01 {
  left: 115px;
  top: 782px;
}

#bn li.c02 {
  left: 308px;
  top: 773px;
}

#bn li.c03 {
  left: 285px;
  top: 807px;
}

#bn li.c04 {
  left: 439px;
  top: 828px;
}

#bn li.c05 {
  left: 74px;
  top: 971px;
}

#bn li.c06 {
  left: 435px;
  top: 964px;
}

#bn li.c07 {
  left: 90px;
  top: 119px;
}

#bn li.c08 {
  left: 595px;
  top: 675px;
}

#bn li.c09 {
  left: 100px;
  top: 940px;
}

#bn li.c10 {
  left: 353px;
  top: 940px;
}

#bn li.c11 {
    left: 595px;
    top: 940px;
}

#bn li.c12 {
    left: 398px;
    top: 398px;
}

#bn li.c13 {
    left: 259px;
    top: 510px;
}

#bn li.c14 {
    left: 500px;
    top: 150px;
}


#bn li.c15 {
    left: 538px;
    top: 294px;
}


#bn li.c16 {
    left: 446px;
    top: 400px;
}


#bn li.c17 {
    left: 338px;
    top: 108px;
}


#bn li.c18 {
    left: 395px;
    top: 165px;
}


#bn li.c19 {
    left: 325px;
    top: 507px;
}

#bn li.s01,#bn li.s02,#bn li.s03,#bn li.s04,#bn li.s05,#bn li.s06,#bn li.s07,#bn li.s08,#bn li.s09,#bn li.s10,#bn li.s11,#bn li.s12,#bn li.s13,#bn li.s14,#bn li.s15,#bn li.s16,#bn li.s17{
	display:block;
	overflow: hidden;
	list-style-type:none;
	position: absolute;
	z-index: 1;
}

#bn li.s01 {
  left: 545px;
  top: 242px;
}

#bn li.s02 {
  left: 186px;
  top: 255px;
}

#bn li.s03 {
  left: 369px;
  top: 280px;
}

#bn li.s04 {
  left: 286px;
  top: 37px;
}

#bn li.s05 {
  left: 245px;
  top: 280px;
}

#bn li.s06 {
  left: 262px;
  top: 440px;
}

#bn li.s07 {
  left: 562px;
  top: 136px;
}

#bn li.s08 {
  left: 613px;
  top: 105px;
}

#bn li.s09 {
  left: 500px;
  top: 196px;
}

#bn li.s10 {
  left: 274px;
  top: 231px;
}

#bn li.s11 {
  left: 216px;
  top: 139px;
}

#bn li.s12 {
  left: 338px;
  top: 58px;
}

#bn li.s13 {
    left: 180px;
    top: 326px;
}

#bn li.s14 {
  left: 216px;
  top: 90px;
}

#bn li.s15 {
  left:673px;
  top: 133px;
}

#bn li.s16 {
  left: 495px;
  top: 242px;
}

#bn li.s17 {
  left: 378px;
  top: 325px;
}


.bb_menu,.bs_menu{
	display:block;
	margin-top:20px;
	width:390px;
}


.bb_menu{
	float:left;
	margin-left:30px;
}

.bs_menu{
	float:right;
	margin-right:30px;
}

h3.bb_menu,h3.bs_menu{
	margin: 0 0 10px;
	padding:0;
	border:none;
	border-bottom:#000 1px solid;
}

#detail,#detail2{
  float: left;
  height: 30px;
  width: 390px;
}

#detail {
  height: 40px;
  margin: 7px 0;
}

#detail2 {
  height: 30px;
  margin: 6px 0;
}

#detail a:hover,#detail2 a:hover{
	color:#F6C;
}



.i_bl,.i_sn,.i_bl_y,.i_bl_r,.i_bl_b,.i_bl_k,.i_sn_y,.i_sn_r,.i_sn_b,.i_sn_k{
  border-radius: 8px;
  display: block;
  float: left;
  font-size: 0.9em;
  height: 40px;
  line-height: 3.0em;
  margin: 0;
  padding: 0 0 0 8px;
  text-align: left;
  width: 191px;
  font-weight: bold;
  z-index: 1;
}

.i_bl,.i_bl_y,.i_bl_r,.i_bl_b,.i_bl_k{
  height: 40px;
  line-height: 3.0em;
}

.i_bl_y,.i_bl_y a{
	color:#030;
    text-shadow: 1px 1px 2px #FFF;
	background-color:#800;
	background-image:url(../img/bn/bt_y.png);
}

.i_bl_r,.i_bl_r a{
	color:#FC3;
	text-shadow: 1px 1px 2px #000;
	background-color:#800;
	background-image:url(../img/bn/bt_r.png);
}

.i_bl_b,.i_bl_b a{
	color:#FC3;
	text-shadow: 1px 1px 2px #000;
	background-color:#800;
	background-image:url(../img/bn/bt_b.png);
}

.i_bl_k,.i_bl_k a{
	color:#FFF;
	background-color:#000;
	background-image:url(../img/bn/bt_k.png);
}

.i_sn,.i_sn_y,.i_sn_r,.i_sn_b,.i_sn_k{
  height: 30px;
  line-height: 2.2em;
 }
 
.i_sn_y,.i_sn_y a{
	color:#030;
    text-shadow: 1px 1px 2px #FFF;
	background-color:#800;
	background-image:url(../img/bn/bt_y.png);
}

.i_sn_r,.i_sn_r a{
	color:#FC3;
	text-shadow: 1px 1px 2px #000;
	background-color:#800;
	background-image:url(../img/bn/bt_r.png);
}

.i_sn_b,.i_sn_b a{
	color:#FC3;
	text-shadow: 1px 1px 2px #000;
	background-color:#800;
	background-image:url(../img/bn/bt_b.png);
}

.i_sn_k,.i_sn_k a{
	color:#FFF;
	background-color:#000;
	background-image:url(../img/bn/bt_k.png);
}


.i_dat,.i_dat2{
  display: block;
  float: right;
  font-size: 0.8em;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 186px;
  z-index: 1;
}

.i_dat{
  height: 40px;
  line-height: 3em;
}

.i_dat2 {
  height: 30px;
  line-height: 2.2em;
}

.f_guide {
  display: block;
  text-align: center;
  width: 860px;
}


/* omar
------------------------- */

.c_read_om{
	margin:0 0 20px 50px;
	width:500px;
}

.allabout{
	float:right;
	margin-top:5px;
	margin-right:50px;
	font-size:0.85em;
	text-align:right;
}

.omar{
	float:left;
	margin:20px 50px 0;
	padding:20px;
	height:380px;
	border:#FFF 1px solid;
}


#tategaki{
	height:380px;
	color:#FFF;
	font-size:0.8em;
	line-height:1.4em;
}

/* lecture
------------------------- */

#lec{
	float:left;
	clear:both;
	margin:0 50px;
	width:860px;
}


.lec_l{
	display:block;
	float:left;
	margin:0;
	width:480px;
	height:auto;
}

.lec_r{
	display:block;
	float:right;
	margin:28px 0 0;
}


.c_read_lec{
	margin:0;
	width:480px;
}


/* aboutme
------------------------- */

table.about{
	width:860px;
	margin:0 50px;
	margin-bottom:30px;
	border-collapse: collapse;
	background-color:#FFF;
}

th{
	font-size:1.0em;
	font-weight:bold;
	border-bottom: #e3e3e3 1px solid;
	border-right: #e3e3e3 1px solid;
	text-align: left;
	padding:10px 20px;
}


td{
	font-size:0.85em;
	line-height:1.4em;
	border-bottom: #e3e3e3 1px solid;
	border-right: #e3e3e3 1px solid;
	text-align: left;
	padding:20px 20px;
}

td.right{
	width:580px;
	border-collapse:collapse;
}


/* field
------------------------- */

#field1,#field2,#field3,#field14,#field5{
	display:block;
	clear:both;
}
 
.scrEvent {
    height:auto;
    display: none;
}

#news {
  margin: 0 auto;
  position: relative;
  text-align: center;
  top: -25px;
  width: 261px;
}