@charset "UTF-8";
/* site */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1;
  height: 100%; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

strong {
  font-weight: bold;
}

.right {
  text-align: right;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

body {
  font-family: "Lucida Grande", Tahoma, Verdana, Arial, 'Hiragino Kaku Gothic ProN',Meiryo,'MS PGothic',sans-serif;
  font-size: 80%;
  line-height: 1.6;
  color: black;
  text-align: center;
  background: url("/assets/templates/swc/images/bg_bottom.jpg") repeat; }

a {
  color: #115511;
}

a:hover {
  color: #469d2c;
  text-decoration: underline;
}

.wrapper, #wrapper {
  width: 960px;
  margin: 0 auto;
  text-align: left;
  position: relative; }

#outer {
  background: url("/assets/templates/swc/images/bg_top.jpg") repeat-x;
  height: 100%;
}

#container {
  background: #fff;
  padding: 20px 0px 0px 0px;
}

.bl {
  text-align: left;
  display: block;
  text-indent: -999em;
  overflow: hidden;
  border: none; }

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

.hide {
  display: none; }

#container img {
  margin: 0 10px;
}

/********** header **********/

#header {
  position: relative;
}

#header h1 {
  display: block;
  height: 79px;
}

#header h1 a {
  position: absolute;
  top: 10px;
  background: url("/assets/templates/swc/images/logo.png") no-repeat;
  width: 377px;
  height: 79px;
}

#header ul#info {
  height: 25px;
}

#header ul#info li {
  position: absolute;
}

#header ul#info li.sitemap {
  top: 0px;
  right: 111px;
}

#header ul#info li.language {
  top: 0px;
  right: 0px;
}

#header ul#info li.sitemap a {
  width: 106px;
  height: 25px;
  background: url("/assets/templates/swc/images/sitemap.png") no-repeat;
}

#header ul#info li.language a {
  width: 106px;
  height: 25px;
  background: url("/assets/templates/swc/images/language.png") no-repeat;
}


#header #head a {
  height: 200px;
  width: 960px;
# background: url("/assets/templates/swc/images/header.jpg") no-repeat;
  background: url("/content/images/top.png") no-repeat;
}

/********** header **********/


/********** globalnavi **********/

#globalnavi {
  position: relative;
}

#globalnavi ul li {
  display: inline-block;
  width: 160px;
  height: 50px;
}

#globalnavi ul li a {
  width: 160px;
  height: 50px;
  background: url("/assets/templates/swc/images/navi.png") no-repeat;
}

#globalnavi ul li.g1 a {
  background-position: 0px 0px;
}
#globalnavi ul li.g2 a {
  background-position: -160px 0px;
}
#globalnavi ul li.g3 a {
  background-position: -320px 0px;
}
#globalnavi ul li.g4 a {
  background-position: -480px 0px;
}
#globalnavi ul li.g5 a {
  background-position: -640px 0px;
}
#globalnavi ul li.g6 a {
  background-position: -800px 0px;
}

#globalnavi ul li.g1 a:hover {
  background-position: 0px -50px;
}
#globalnavi ul li.g2 a:hover {
  background-position: -160px -50px;
}
#globalnavi ul li.g3 a:hover {
  background-position: -320px -50px;
}
#globalnavi ul li.g4 a:hover {
  background-position: -480px -50px;
}
#globalnavi ul li.g5 a:hover {
  background-position: -640px -50px;
}
#globalnavi ul li.g6 a:hover {
  background-position: -800px -50px;
}

/********** globalnavi **********/


/********** side **********/

#side {
  width: 202px;
  float: left;
  margin: 0px 19px;
}

#side ul#banner li a {
  width: 202px;
  height: 57px;
}
#side ul#banner li.b1 a {
  background: url("/assets/templates/swc/images/banner1.png") no-repeat;
  margin-bottom: 10px;
}
#side ul#banner li.b2 a {
  background: url("/assets/templates/swc/images/banner2.png") no-repeat;
  margin-bottom: 10px;
}
#side ul#banner li.b3 a {
  background: url("/assets/templates/swc/images/ICOM2023s.png") no-repeat;
  height: 66px;
  margin-bottom: 10px;
}
#side ul#banner li.b4 a {
  background: url("/assets/templates/swc/images/JUCST_A.jpg") no-repeat;
  height: 66px;
}

#side #contact_box {
  width: 200px;
  margin: 20px 0px;
  border: 1px solid #ccc;
}

#side #contact_box #contact {
  width: 198px;
  line-height: 1.1;
  border: 1px solid #fff;
  background: #ccc;
  font-size: 90%;
}

#side #contact_box #contact img {
  margin: 4px;
}

#side #contact_box #contact p {
  margin: 10px;
}

#side #contact_box #contact span {
  font-size: 115%;
}

#side #submenu #submenu_header p a {
  width: 200px;
  height: 35px;
}

#side #submenu #submenu_header.id6 p a {
  background: url("/assets/templates/swc/images/submenu.jpg");
}

#side #submenu #submenu_header.id4 p a {
  background: url("/assets/templates/swc/images/submenu2.jpg");
}

#side #submenu #submenu_header.id7 p a {
  background: url("/assets/templates/swc/images/submenu3.jpg");
}

#side #submenu #submenu_header.id8 p a {
  background: url("/assets/templates/swc/images/submenu4.jpg");
}

#side #submenu #submenu_header.id9 p a {
  background: url("/assets/templates/swc/images/submenu5.jpg");
}

#side #submenu #submenu_header.id58 p a {
  background: url("/assets/templates/swc/images/submenu7.jpg");
}

#side #submenu #submenu_header.id77 p a {
  background: url("/assets/templates/swc/images/submenu6.jpg");
}

#side #submenu {
  margin: 0px 0px 20px 0px;
}

#side #submenu ul li {
  background: url("/assets/templates/swc/images/submenu_bar.jpg") left no-repeat;
  height: 35px;
  padding: 0px 0px 0px 10px;
  border-bottom: 1px dotted #ccc;
}

#side #submenu ul li.active {
  background: url("/assets/templates/swc/images/submenu_bar_active.jpg") left no-repeat;
}

#side #submenu ul li a {
  font-size: 90%;
  font-weight: bold;
  color: #000;
  text-decoration: none;
  display: table-cell;
  vertical-align: middle;
  height: 35px;
  line-height: 1.2;
}

#side #submenu ul li.active a {
  color: #469d2c;
}

/********** side **********/


/********** breadcrumb **********/

#breadcrumb {
  width: 700px;
  float: left;
  word-break:break-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  margin: 0 0 10px;
}

#breadcrumb a {
  text-decoration: none;
}

#breadcrumb ul {
}

#breadcrumb ul li {
  float: left;
}

#breadcrumb ul li:after {
  content: " > ";
}

#breadcrumb ul li:last-child:after {
  content: "";
}

/********** breadcrumb **********/


/********** content **********/

#content {
  float: left;
  min-height: 200px;
  margin: 0px 20px 40px 0px;
  width: 700px;
}

#content h2 {
  width: 670px;
  height: 25px;
  padding: 5px 15px;
  font-size: 125%;
  color: #fff;
  background: url("/assets/templates/swc/images/h2.png") no-repeat;
  margin: 0 0 10px 0;
}

#content .article {
  margin: 20px 5px;
}

#content .article dl.history{
  overflow: hidden;
  margin: 10px 5px 40px;
  zoom: 1;
}

#content .article .members p {
    font-weight: bold;
    margin: 10px 0;
}

#content .article .members td {
    padding-left: 20px;
}

#content ol.deci {
    list-style-type: decimal;
    margin: 10px 0;
    padding-left: 15px;
}

#content ol.deci li {
    padding-bottom: 10px;
}

#content ul.disc {
    list-style-type: disc;
    margin: 10px 0;
    padding-left: 15px;
}

#content .article ol, ul li {
    padding-bottom: 10px;
}

dl.history dt{
  width: 100px;
  float: left;
  margin-bottom: 5px;
}

dl.history dd{
  width: 620px;
  margin-left:100px;  
  margin-bottom: 5px;
}

#content p.news_link a {
  color: #fff;
  float: right; 
  margin: -40px 10px 0px 0px;
  text-decoration: none;
}

#content .news_link a {
  color: #fff;
  text-decoration: none;
}

#content .news_link a:hover {
  color: #b62222; 
}

#content .news {
  height: 300px;
  border: solid 1px #ccc;
  border-top: none;
  overflow-x: hidden;
  overflow-y: auto;
  margin: -10px 0 0;
}

#content .news dl {
  margin: 10px;
}

#content .news dl dt {
  margin: 10px 0px 0px 0px;
  width: 150px;
  float: left;
  clear: left;
}

#content .news dl dd {
  width: 528px;
  padding: 10px 0px 10px 150px;
  border-bottom: dotted 1px #ccc;
}

#content .news dl dd:last-child {
  margin-bottom: 0px;
  border: none;
}

/********** content **********/


/********** footer **********/

#footer {
  background: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
}

#footer #footer_box {
  width: 920px;
  margin: 0px 20px 40px 20px;
  padding: 20px 0px;
  border-top: 3px solid #000;
}

#footer p {
  text-align: center;
}

#footer p.copyright {
  margin: 30px 0px 0px 0px;
}

#footer a {
  text-decoration: none;
}

#footer a:hover {
  color: #469d2c;
}

/********** footer **********/