@charset "utf-8";

/* =======================================

	CommonElements

======================================= */
body {
color: rgb( 25, 25, 25);
background-color: rgb(255, 255, 255);
 font-family: 'meiryo','arial','helvetica',sans-serif;
font-size: 15px;
line-height:20px
}

a:link { text-decoration:none; color: rgb(25, 25, 25);}
a:visited { text-decoration:none; color: rgb(25, 25, 25);}
a:active {color: rgb(255, 0, 0);text-decoration:none}
a:hover { text-decoration:none; color: rgb(255, 0, 0);}

.left {
  float: left;
}

.right {
  float: right;
}

.center {
  text-align: center;
}


#container {
width: 100%;
text-align: center;
}
#container_right {
text-align:right;
width:100%
}

/*表示範囲を設定する*/
#viewer {
text-align:center;
margin:0 auto;
width:960px;
height:480px;
position:relative;
overflow:hidden
}

#viewer img {
top: 0;
left: 0;
position: absolute;
}

/*MainContent*/
#maincontent{
background-color:#1236ec;
margin:0px auto;
width:960px;
}
#topix {
color:#ced6fb;
background-color:#1236ec;
text-align:left;
border-color:#08196e;
border-style:solid;
border-width:0px 1px 0px 2px;
width:477px;
height:360px;
float:left
}

#topix_border0 {
color:#ced6fb;
background-color:#1236ec;
text-align:left;
margin:30px;
width:420px;
height:300px;
float:left;
}

#news {
color:#ced6fb;
background-color:#1236ec;
text-align:left;
border-color:#08196e;
border-style:solid;
border-width:0px 2px 0px 1px;
width:477px;
height:360px;
float:right;
}
#news_shadow{
color:#ced6fb;
background-color:#dee3fd;
text-align:left;
border-color:#08196e;
border-style:solid;
border-width:2px 2px 2px 2px;
float:left;
margin-top:30px;
margin-left:auto;
margin-right:auto;
margin-bottom: 30px;
width:400px;
height:300px;
box-shadow:10px 10px 10px rgba(0,0,0,0.4);
border-radius:5px 5px 5px 5px;
}
#news_shadow_wide{
color:#ced6fb;
background-color:#dee3fd;
text-align:left;
margin-top:0px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
border-color:#08196e;
border-style:solid;
border-width:2px 2px 2px 2px;
width:800px;
height:80px;
box-shadow:10px 10px 10px rgba(0,0,0,0.4);
border-radius:5px 5px 5px 5px;
}

/*MENUBUTTON*/

#dropmenu{
background:#1236ec;
margin:0px auto;
padding:0;
border-bottom:5px solid #0e2bbd;
width:960px;
height:40px;
left:100%;
list-style-type:none
}
#dropmenu li{
text-align:center;
margin:0;
padding:0;
width:159px;
float:left;
position:relative
}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 100;
  top: 100%;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu li ul li{
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  -moz-transition: .8s;
  -webkit-transition: .8s;
  -o-transition: .8s;
  -ms-transition: .8s;
  transition: .8s;
}
#dropmenu li ul li a{
  padding: 13px 15px;
  background: #102fcc;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#dropmenu li:hover > a{
color:#ffff33;
background:#102fcc
}
#dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#dropmenu > li:hover li:hover > a {
  background: #0e2bbd }
#dropmenu li:hover > ul > li{
  overflow: visible;
  height: 38px;
  border-top: 1px solid #1236ec;
  border-bottom: 1px solid #050e3e;
}
#dropmenu li ul li ul {
  top: 0;
  left: 100%;
  width: 100%
}
#dropmenu li:last-child ul{
  left: 0%;
  width: 100%
}
#dropmenu li:last-child ul li ul {
  left: -100%;
  width: 100%;
}
#dropmenu li ul li ul li a {  background: #0e2bbd }
#dropmenu li:hover ul li ul li:hover > a {  background: #0b208d }

#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}

/*階層を示す三角*/

#dropmenu li ul li ul:before {
  position: absolute;
  content: "";
  top: 13px;
  left: -20px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: #ced6fb;
}
#dropmenu li:last-child ul li ul:before {
  position: absolute;
  content: "";
  top: 13px;
  left: 100%;
  margin-left: 0px;
  border: 5px solid transparent;
  border-right-color: #ced6fb;
}


/*footer*/
#footer {
color:#fff;
background:#ffffff;
line-height:0.6;
padding-bottom:40px;
clear:both
}
#footer a:link {
  color: #fff;
  text-decoration: none;
}
#footer a:visited {
  color: #fff;
  text-decoration: none;
}
#footer a:hover {
  color: #fff;
  text-decoration: underline;
}
#footer a:active {
  color: #fff;
  text-decoration: underline;
}
#footer .wrap {
background-color:#1236ec;
margin:0 auto;
border-top:1px solid #0e2bbd;
padding:20px;
width:920px;
}
#footer .wrap .pageTop {
  text-align: right;
}
#footer .wrap .left {
  width: 300px;
  margin-top: 20px;
}
#footer .wrap .left dt {
  margin-top: 10px;
}
#footer .wrap .left dd {
  margin-top: 15px;
}
#footer .wrap .left p {
  margin-top: 20px;
  font-size: 0.8em;
}
#footer .wrap .right {
  width: 620px;
  margin-top: 30px;
}
#footer .wrap .right ul {
  float: left;
  width: 130px;
  padding-left: 20px;
}
#footer .wrap .right ul li {
  margin-bottom: 10px;
#footer .wrap_base {
background-color:#1236ec;
margin:0 auto;
border-top:1px solid #0e2bbd;
padding:20px;
width:920px;
}