@charset "utf-8";
/* f-t */

/* basic elements */

html
{
   margin: 0;
   /* setting border: 0 hoses ie6 win window inner well border */
   padding: 0;
}

body
{
   margin: 0;
   /* setting border: 0 hoses ie5 win window inner well border */
   padding: 0;
   font-family: "MS UI Gothic", Verdana, Arial, sans-serif;
}

form, input { margin: 0; padding: 0; }
a { text-decoration: none; }
a img { border: 0; }

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	clear: both;
}
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote
{
   margin: 0px;
}
address{ font-style:normal; }


/* standard helper classes */

.clr
{
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
}
.r_text {color: #F00;}
.b_text {color: #00F;}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after
{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */


/* page layout */

body {
	text-align: center;
	background: #dddddd;
} /* center on ie */

#container
{
   position: relative;
   margin: 0 auto; /* center on everything else */
   text-align: left;
}
#container-inner { position: static; width: auto; }

#banner { position: relative; }
#banner-inner { position: static; }

/* Begin Headers */

#ke-tai{
	text-align: right;
	font-size: x-small;
	margin-right: 30px;
}

#header {
	padding: 0;
	margin: 0;
	width: 780px;
	background-color: #dddddd;
}
#header_logo {
	background: url(images/header.jpg) no-repeat;
	height: 92px;
	width: 780px;
	margin: 0px;
	padding: 0px;
	position: relative;
}
#header_logo h1{
	color:#CC0066;
	font-size:24px;
	text-align: left;
	padding: 10px 10px 10px 20px;
	margin: 0px;
	font-weight: normal;
}
#header_logo h1 a, h1 a:hover, h1 a:visited{
	text-decoration: none;
	color: #CC0066;
}
#header_logo .description a {
	text-decoration: none;
	color:#CC0066;
}
#header_logo .description a:hover {
	text-decoration: underline;
}
#header_menu {
	margin:10px 0 0px;
	padding: 0px;
}
#header_menu a, #header_menu a:hover, #header_menu a:visited {
	font-size: 14px;
	color: #666666;
}
#header_menu td {
	text-align: center;
	padding:3px;
	margin: 0px;
}

#header_menu td.d {
	padding:3px;
	border: 2px double #ccc;
}
td#menu_top, td#menu_top_off, td#menu_sub ,td#menu_sub_off {
	height: 27px;
	width: 127px;
	margin: 0px;
	padding: 0px;
}
td#menu_top {
	background: url(images/tab_top.gif) no-repeat left bottom;
}
td#menu_top_off {
	background: url(images/tab_top_off.gif) no-repeat left bottom;
}
td#menu_sub {
	background: url(images/tab_on.gif) no-repeat left bottom;
}
td#menu_sub_off {
	background: url(images/tab_off.gif) no-repeat left bottom;
}
td#menu_s {
	background: url(images/tab_space.gif) no-repeat right bottom;
	height: 27px;
}
td.top {
	background: url(images/table_top.gif) no-repeat left bottom;
	margin: 0px;
	padding: 0px;
	height: 22px;
	width: 780px;
}
td.middle {
	background: url(images/table_middle.gif) repeat-y;
}
td.bottom {
	background: url(images/table_bottom.gif) no-repeat left top;
	margin: 0px;
	padding: 0px;
	height: 22px;
	width: 780px;
}
.description {
	text-align: left;
	color: 666;
	font-size:12px;
	padding: 0px;
	margin: 0px 150px 0px 20px;
	}
/* End Headers */

/* Begin Structure */
#page {
	margin: 30px auto;
	padding: 0;
	width: 780px;
	background-color: ddd;
}
#container{
	text-align:left;
	width: 780px;
	border:0px solid #ddd;
}
div #top {
	text-align: left;
	margin-left: 30px;
}
#content{
	padding: 0px;
	text-align:left;
	margin: 0px;
}
#content h2 {
	font-size: 18px;
	color: #669999;
	font-weight: bold;
}
#content h3 {
	font-size: 16px;
	color: #FF0066;
	text-align: left;
	border-left: 5px solid #FF0066;
	padding-top: 5px;
	padding-left: 5px;
	margin-top: 5px;
}
#content p {
	font-size: 14px;
	text-align: left;
	margin: 0px;
	line-height: 1.4em;
	padding: 10px;
}
#content_full{
	margin: 7px 0 0 18px;
	padding: 0px;
	text-align:left;
	width:750px;
}
#sidebar{
	float:left;
	padding: 0px;
	margin: 0px 0px 0px 5px;
	width:180px;
	border:0px solid #ddd;
}

#sidebar td {
	padding:3px;
	border: 2px double #c1c3fe;
}
#sidebar  td.b {
	padding:3px;
	background-color: #efefef;
}
#sidebar ul{
	list-style: none;
	padding-left: 1.0em;
	text-indent: 0.1em;
	font-size: 80%;
}

#footer {
	font-size:small;
	clear: both;
	}
#footer address {
	line-height:120%;
	text-align: left;
	margin: 0px;
	padding: 0 0 0 20px;
}
#footer a {
	text-decoration: none;
	color:#CC0066;
}
#footer a:hover {
	text-decoration: underline;
}
/* End Structure */

/* Begin Forms */
.submit{
	margin:7px auto 3px auto;

}
/* End Forms */

/* Begin Navigation */
ul#navlist
{
	font: normal 90% verdana, arial, sans-serif;
	list-style-type: none;
	padding-bottom: 24px;
	border-bottom: 1px solid #c1c3fe;
	margin: 0px 0px 0px 0px;
}

ul#navlist li
{
	float: left;
	height: 21px;
	background-color: #eee;
	margin: 2px 2px 0px 2px;
	border: 1px solid #c1c3fe;
	border-bottom: 0px solid #ccc;
}

li#active a
{
	border-bottom: 0px solid #fff;
	background-color: #fff;
	font: bold 90% verdana, arial, sans-serif;
}

.nav {
	text-decoration: none;
}

#navlist a
{
	float: left;
	display: block;
	font: normal 90% verdana, arial, sans-serif;
	text-decoration: none;
	padding: 4px;
}

#navlist a:hover {
	background-color: #fff;
	font: bold 90% verdana, arial, sans-serif;
	}

/* End Navigation */

/* Begin Tables */

table.main_table{
	font-size:small;
	border:1px solid #c1c3fe;
	border-spacing: 3px;
}
.main_table td,th{
	border-width:1px;
/*	border:1px solid #c1c3fe;*/
}
table.detail_table{
	font-size:small;
	border-width:1px;
	border:1px solid #c1c3fe;
}
table.detail_table td,th{
	border-width:1px;
	border:1px solid #c1c3fe;
}
table.none_border_table{
	border-width:0;
}
table.none_border_table td,th{
	border-width:0;
}

th.list {
	background-color:#eee;
	font-weight:bold;
	text-align:center;
}
tr.required,td.required{
	background-color:#ff8040;
	font-weight:bold;
	text-align:center;
}
th.title {
	color:blue;
	background-color:#eee;
	border: 1px solid #c1c3fe;
	text-align:center;
}
th.title h3 {
	color:blue;
	background-color:#eee;
	margin:0 auto 0 auto;
	padding:4px;
}
th.items {
	background-color:#efd;
	text-align:right;
}
td.items {
	background-color:#eff;
	text-align:center;
}
tr.items {
	background-color:#efd;
}
#top_search td{text-align:left}

/* End Tables */

/* Begin Informations */

.information {
	background-color: lightgreen;
	font-weight: bold;
	padding:3px;
	border:2px solid green;
	margin-top: 5px;
	margin-bottom: 5px; 
}

.warning {
	background-color: pink;
	font-weight: bold;
	padding:3px;
	border:2px solid red;
	margin-top: 5px;
	margin-bottom: 5px; 
}

/* End Informations */

/* Begin Misc */

.rss{
	float: right;
	background-color:orange;
	margin-top:4px;
	color:white;
	border:outset orange 2px;
	/*background-color: #cfc; border: 1px solid #6c6;*/
}

.photo {
	text-align:center;
	border: inset 1px #ccc;
	background-color:#ddd;
}

hr {
	display: none;
	}

/* End Misc */
#map {
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#content caption {
	font-size: small;
	letter-spacing: 0.2em;
	padding-top: 3px;
	padding-bottom: 3px;
}
.link h3 {
	font-size: 14px;
	color: #CC0066;
	padding: 5px;
	border-left: 5px solid #CC0066;
	margin: 0px;
}
.link ul {
	font-size: 12px;
	line-height: 120%;
	margin-left: 20px;
	list-style-image: url(images/list_red.gif);
}
.link li a, .link li a:hover, .link li a:visited {
	color: #333333;
}
.link li a:hover {
	text-decoration:underline;
}
#center {
	margin-right: 30px;
	margin-left: 30px;
	text-align: left;
}
#center p {
	padding-right: 20px;
	padding-left: 20px;
}
#center ul {
	font-size: 12px;
	margin-left: 20px;
	padding-left: 20px;
}
#center ul a, #center ul a:visited {
	font-size: 12px;
	color: #0066FF;
}
#center a:hover {
	color: #0066FF;
	text-decoration:underline;
}
#center a, #center a:visited {
	color: #0066FF;
}
#center a:hover {
	color: #0066FF;
	text-decoration:underline;
}
#center h4 {
	clear: both;
	color: #FF3366;
}
#center .attention {
	padding: 5px;
	border: 1px solid #FF3366;
	margin: 5px;
	clear:both;
}
div.qrcode img {
	float: left;
}
div.qrcode {
	padding: 5px;
}
.back {
	font-size: 12px;
	color: #0066FF;
	text-align: right;
	margin-left: 30px;
	margin-right: 30px;
	padding-top: 5px;
}
.back a, .back a:hover, .back a:visited {
	color: #0066FF;
}
.back a:hover {
	text-decoration:underline;
}
img.left_float {
	float: left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
}
img.right_float {
	float: right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

/* floating pictures */
#center .leftbox {float:left; background: url(shadowAlpha.png) no-repeat bottom right; margin: 15px 15px 10px 0px;line-height:0px;}
#center .leftbox img  {display: block;position: relative;background-color: #fff;border: 1px solid #a9a9a9;margin: -5px 5px 5px -5px;padding: 4px;line-height:0px;}
#center .rightbox {float:right;background: url(images/shadowAlpha.png) no-repeat right bottom;margin: 15px 0px 10px 15px;line-height:0px;}
#center .rightbox img {display: block;position: relative;background-color: #fff;border: 1px solid #a9a9a9;margin: -5px 5px 5px -5px;padding: 4px;line-height:0px;}

#top p {
	font-size: 12px;
	padding: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-left: 0px;
}
#top a, #top a:visited, #top a:hover {
	color: #0066FF;
}
#top a:hover {
	text-decoration:underline;
}

/* 市大生の声 */
div.student-room-photo {
	float:left;
	margin-bottom: 10px;
}
div#lead {
	line-height: 1.6;	
	margin-bottom: 15px;
}
img#ks01{
	margin-right: 10px;
	margin-top: 5px;
}
hr {
	clear:left;
}