/*------------------*/
@charset "utf-8";
/*------------------*/
#maintable {
   width:480px;
}
#menuWrap {
   width:480px;
   margin:0 auto;
   //background:#082243;
   //background:url(../images/bg.gif) 0 0 repeat-x;
}
.menu {
   width:480px;
   overflow:hidden;
   margin:0 auto;
   font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
   list-style-type:none;
   background:#508fa3;
   background:linear-gradient(top, #508fa3, #00698a);/* CSS3- */
   background:-webkit-gradient(linear, left top, left bottom, from(#508fa3), to(#00698a)); /* Safari,Chrome用 */
   background:-webkit-linear-gradient(top, #508fa3, #00698a);/* Safari,Chrome用 */
   background:-moz-linear-gradient(top, #508fa3, #00698a);/* Firefox用 */
   background:-o-linear-gradient(top, #508fa3, #00698a);/* Opera用 */
   background:-ms-linear-gradient(top, #508fa3, #00698a);/* IE用 */
   //border-left:0.5px solid #fff333;
}
.menu li {
   float:left;
   margin:0;
   padding:3px;
   padding:0px;
   font-size:1.20em;
   font-size:1.0em;
   color:#333333;
   //border-right:0.5px solid #fff333;
}
.menu li a {
   display:block;
   color:#ffffff;
   padding:8px 10px;
   text-align:center;
   text-decoration:none;
}
.menu li a.current {
   color:#333333;
   //background:#ffffff;
   background:#ffff99;
   border-radius:15px; /* CSS3 */
   -moz-border-radius:15px; /* Firefox用 */
   -webkit-border-radius:15px; /* Safari,Chrome用 */
   box-shadow:inset 1px 1px 3px 0px #777; /* CSS3 */
   -moz-box-shadow:inset 1px 1px 3px 0px #777; /* Firefox用 */
   -webkit-box-shadow:inset 1px 1px 3px 0px #777; /* Safari, Chrome用 */
}
.menu li a:hover {
   color:#333333;
   border-radius:15px; /* CSS3 */
   -moz-border-radius:15px; /* Firefox用 */
   -webkit-border-radius:15px; /* Safari,Chrome用 */
   box-shadow:inset 1px 1px 3px 0px #777;; /* CSS3 */
   -moz-box-shadow:inset 1px 1px 3px 0px #777; /* Firefox用 */
   -webkit-box-shadow:inset 1px 1px 3px 0px #777; /* Safari, Chrome用 */
   background:#ccffcc;
}
/*------------------*/
#imgua {
width:auto;
height:auto;
max-width:270px;
}
/*------------------*/
#liwh {
   width:160px;
}
#liws {
   width:150px;
}
#liww {
   width:170px;
}
#liww {
   width:200px;
}
#liw1 {
   width:200px;
}

#liw1 {
   width:200px; 
}
#liw2 {
   width:393px;
}
/*---input:Google-id:for-div---*/
 input {
 height:30px; font-size:16px;
 font-weight:bold; font-family:Verdana,Helvetica,monospace;
 }
 #formgoogle {
width:auto;
height:auto;
max-width:280px;
 //width:280px;
 margin-left:20px; margin-right:10px; margin-top:10px; margin-bottom:10px;
 font-weight:bold; font-family:Verdana,Helvetica,monospace;
 }
/*---input:main-size-change---*/
 .inpnumua {
 height:35px; width:280px; margin-left:10px; margin-bottom:10px; font-size:15px;
 font-weight:bold; font-family:Verdana,Helvetica,monospace;
 }
/*---submit---*/
 .inpsuba {
 height:40px; width:120px; margin-left:10px; margin-bottom:10px; font-size:12px;
 font-weight:bold; font-family:Verdana,Helvetica,monospace;
 }
/*----table------*/
 table {
 margin: 0; padding: 0; border-spacing:0; vertical-align: top;
 }
.tb th {
   padding:5px;
   font-size:12px;
   border:1px solid #999;
   background:#F5F5F5;
}
 tr {
 margin: 0; padding: 0; border-spacing:0; vertical-align: top;
 }
 td {
 margin: 0; padding: 0; border-spacing:0; vertical-align: top;
 }
.tdmiddle {
 vertical-align: middle;
 } 
/*------------------*/
.section {
  width:320px;
  margin-top:0px;
  margin-bottom:0px;
  margin-left:0px;
  margin-right:0px;
  background:#dddddd;
}
/*------------------*/
.calendar {
  width:320px;
  margin-top:0px;
  margin-bottom:0px;
  margin-left:0px;
  margin-right:0px;
  background:#dddddd;
}
/*------------------*/
.charttb {
  border-spacing:0;
  width:300px;
  margin-top:20px;
  margin-bottom:20px;
  margin-left:10px;
  margin-right:10px;
  background:#F5F5F5;
}
.charttd1 {
  width:120px;
  text-align:center;
  //vertical-align: middle;
}
.charttd2 {
  width:200px;
}
/*------------------*/
.csvtb {
  width:300px;
  margin-top:20px;
  margin-bottom:20px;
  margin-left:10px;
  margin-right:10px;
  background:#F5F5F5;
}
#csvtd1 {
  width:60px;
  text-align:center;
  background:#ffffff;
}
#subtd1 {
  width:40px;
  text-align:center;
}
#subtd2 {
  width:80px;
}
#subtdua4sp {
  width:240px;
  text-align:center;
}
#imgtd {
  width:120px;
}
/* ========*//*TEMPLATE LAYOUT--/* Firefox用 *//* Safari,Google Chrome用 *//* ======== */
#container {
  //width:840px;
  width:480px;
  //margin:30px auto;
  //padding:20px;
/*
  border:1px solid #ddd;
  -moz-box-shadow:0 0 10px #bfbfbf; 
  -webkit-box-shadow:0 0 10px #bfbfbf;
  box-shadow:0 0 10px #bfbfbf;
  background:#fff;
*/
}

#header {
  position:relative;
  width:480px;
  //margin-bottom:20px;
}

#menu {
  position:absolute;
  right:0;
  top:30px;
}

#icatch {
  width:320px;
}

#contents {
  float:left;
  width:320px;
  padding:10px 0;
  background:#fff;
}

#conL {
  float:left;
  width:320px;
}

.banchgs {
  width:160px;
}
#conR {
  float:left;
  width:160px;
}
#footban {
  //float:left;
  width:320px;
  margin-top:10px;
}
#footMenu {
  float:left;
  width:320px;
  margin-top:10px;
}

#footer {
  clear:both;
  background:#fff;
  width:320px;
}

/* ========HEADER CUSTOMIZE======== */
#header h1 {
  margin:0;
  padding:20px 0 0 0;
  font-size:30px;
  color:#770000;
  line-height:1.0;
}

#header h1 a {
  color:#770000;
}

#header h1 a:hover {
  color:#770000;
}
/*-------SLIDESHOW CUSTOMIZE------*/
#slide {
  //width:320px;
  //height:300px;
  //overflow:hidden;
  //position:relative;
  //padding-bottom:25px;
  width:600px;
  height:450px;
  overflow:hidden;
  //position:relative;
  padding-bottom:50px;
  margin-left:120px;
}
#slidetac {
  width:320px;
  height:450px;
  overflow:hidden;
  padding-bottom:50px;
  margin-left:205px; //for-840-img-450
}

.slideInner {
  list-style:none;
  margin:0;
  padding:0;
}

.slideInner li {
  position:absolute;
  background:#fff;
  background:#efefef;
  margin:0;
  padding:0;
}

.slidePrev {
   position:absolute;
   width:50px;
   height:60px;
   top:250px;
   left:0;
   left:70px;
   cursor:pointer;
   z-index:100;
}

.slideNext {
   position:absolute;
   display:block;
   width:50px;
   height:60px;
   top:250px;
   left:720px;
   cursor:pointer;
   z-index:100;
}

.controlNav {
   position:absolute;
   float:left;
   left:500px;
   left:70px;
   top:520px;
   bottom:0;
}

.controlNav span {
   position:relative;
   left:-50%;
   float:left;
   margin:5px;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius:5px;
   width:10px;
   height:10px;
   overflow:hidden;
   -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset;
   -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset;
   box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset;
   background:#eee;
   text-indent:-9999px;
   vertical-align:middle;
}

.controlNav span:hover {
   background:#ccc;
   cursor:pointer;
}

.controlNav span.current {
   -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 2px rgba(133, 209, 198, 0.5);
   -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 2px rgba(133, 209, 198, 0.5);
   box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 2px rgba(133, 209, 198, 0.5);
   background:#85d1c6;
}


/* ========MAINCONTENTS CUSTOMIZE======== */
/* TOPNAVI CUSTOMIZE */
.topNavi {
  overflow:hidden;
  position:relative;
  margin-left:-20px;
  margin-top:20px;
  margin-bottom:20px;
}

* html .topNavi {
  height:1em;
  overflow:visible;
}

.topNaviColumn {
  display:inline;
  width:320px;
  float:left;
  margin-left:20px;
  padding:0 0 2em 0;
  background:#eee;
}

.topNaviImg {
  margin:0;
  padding:0;
  background:none;
}

.topNaviDetail {
  position:absolute;
  bottom:0;
  width:280px;
  text-align:right;
}

.topNaviDetail a {
  padding:0 0 0 7px;
  background:url("../images/bg_arrow.gif") no-repeat left 50%;
}

/* INFORMATION CUSTOMIZE */
.information {
  width:320px;
  margin-bottom:20px;
}

.information dl {
  margin:0;
  padding-top:5px;
}
.information dt {
  float:left;
  padding-top:5px;
}

.information dd {
  margin:0 0 5px 0;
  padding:5px 0px 5px 9em;
  background:url("../images/bg_dotline.gif") 0 100% repeat-x;
}
/* SUBMENU CUSTOMIZE */
.submenu {
  border:1px solid #ddd;
}
.submenug {
  border:1px solid #ddd;
  background:#ccffcc;
}
.submenu h3 {
  border:none;
}

.submenu ul {
  margin:10px;
  padding:0;
}
.submenu li {
  margin:0;
  padding:0 0 0 7px;
  list-style:none;
  background:url("../images/bg_arrow.gif") no-repeat left 50%;
}

.submenu p {
  margin:10px;
}

/*---Banner---*/
.bnrL {
  width:320px;
  /*margin:20px 0;*/
}

.bnrL ul {
  width:370px; /* for IE7 */
  margin:0 -10px 0 0;
  padding:0;
}

.bnrL li {
  float:left;
  //margin:0 10px 0 0;
  margin-left:60px;
  padding:0;
  list-style:none;
  margin-bottom:10px;
}

.bnrR {
  width:160px;
  //margin:10px 0;
  //padding:10px;
  //border:1px solid #ddd;
  padding:0px;
}

.bnrR ul {
  margin:0 0 -10px 0;
  padding:0;
}

.bnrR li {
  //margin:0;
  margin-left:10px;
  //padding:10px;
  list-style:none;
  margin-bottom:10px;
  background:#efefef;
}
/*---FootMenu:LinkColor:NoChange ---*/
#footMenu ul {
 margin:5px 0; padding:20px 0; text-align:center; border-top:1px solid #ddd;
}
#footMenu li {
 display:inline; margin:0 0 0 20px; list-style:none;
}
#footMenu li a {
 color:#000;
}
#footMenu li a:hover {
 font-size:12px; color:#333333; text-decoration:underline; background:#ccffcc;
}
.copyright {
 font-style:normal; font-size:12px; color:#333333; line-height:3.0; text-align:center;
}
/*---PageTop:Back---*/
#pageTop {
 position:fixed; right:0; bottom:0; padding:10px; background:#000
}
#pageTop a {
 padding:0 0 0 12px; color:#fff; font-size:11px; background:#000 url("../images/bg_pagetop.gif") 0 50% no-repeat;
}
/*------*/
/*---End---*/