@charset "UTF-8";

/**
 * apptication common css
 */
body {
  font-size: 14px;
  line-height:22px;
  background-color: #eee;
}

/* for IE6 */
* html body {  font-size: 88%;}
/* for IE7 */
*:first-child+html body {  font-size: 88%;}

a:link {
  color: #3355aa !important;
  text-decoration: none !important;
}

a:visited {
  color: #003399 !important;
  text-decoration: none !important;
}

a:hover {
  color: #66cc00 !important;
  text-decoration: underline !important;
}

a:active {
  color: #0000ff !important;
  text-decoration: none !important;
}

a:active current {
  color: #0000ff !important;
  text-decoration: none !important;
  font-weight: bold;
}

.href {
  color: #0033cc !important;
  text-decoration: underline !important;
}

.href:hover {
  color: #0000ff !important;
  text-decoration: none !important;
}

input,select,option {
  font-size: 99%;
}

ul {
  list-style: none;
}


/**
 * #container
 */
#container {
  width: 798px;
  margin: 0 auto;
  background: #fff url(../images/common/background.png) top left repeat-y;
}

#container-inner {
  width: 780px;
  margin: 0 auto;
  padding-top: 5px;
  background: url(../images/common/header-background.png) top left repeat-x;
}

/**
 * #header
 */
#header {
  border-bottom: 2px solid #003;
  font-size: 85%;
}

#header a:link {
  color: #333 !important;
  text-decoration: none !important;
}

#header a:visited {
  color: #333 !important;
  text-decoration: none !important;
}

#header a:hover {
  color: #333 !important;
  text-decoration: underline !important;
}

#header a:active {
  color: #333 !important;
  text-decoration: underline !important;
}

#header-inner {
  margin: 8px 15px 10px
}

#header-logo {
  float: left;
  width: 235px;
}

#logo-image-10th {
  margin-left: 13px;
}

#header-sub-navigation-1 {
  float: right;
  margin-top: 8px;
  width: 500px;
  text-align: right;
}

#header-sub-navigation-1 ul {
  display: inline;
  list-style: none;
}

#header-sub-navigation-1 li {
  display: inline;
  padding-left: 13px;
  padding-right: 4px;
  background-image: url(../images/common/arrow-square-08.png);
  background-position: 0 2px;
  background-repeat: no-repeat;
}

#language-changes {
  display: inline;
  padding-left: 8px;
}

#header-sub-navigation-2 {
  float: right;
  margin-top: 5px;
  width: 380px;
}

#font-size-changes {
  
}

#font-size-changes ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

#font-size-changes li {
  float: left;
  padding: 0 4px 0 0;
  margin: 0px;
}

#font-size-changes li span {
  display: block !important;
  width: 22px;
  height: 22px;
  overflow: hidden;
  text-indent: -1000px;
  cursor: pointer;
}

#font-size-changes li span.smalltxt {
  background-image: url(../images/common/font-size-small.png);
}

#font-size-changes li span.mediumtxt {
  background-image: url(../images/common/font-size-medium.png);
}

#font-size-changes li span.largetxt {
  background-image: url(../images/common/font-size-large.png);
}

#font-size-changes li span:hover,#font-size-changes li span.active {
  background-position: 0px -22px;
}

#font-size-changes img {
  vertical-align: middle;
}

#header-search {
  line-height: 1;
  float: right;
}

#header-search input.search-box {
  width: 115px;
  border-width: 1px;
  vertical-align: middle;
}

#header-search img {
  vertical-align: middle;
}

#header-search input#search-bt {
  background-image: url(../images/common/header-search-btn.png);
  width: 41px;
  height: 18px;
  vertical-align: middle;
}

img#search-bt:hover {
  background-position: 0px -18px;
}

#gnavi {
  height: 26px;
  line-height: 26px;
  overflow: hidden;
}

#gnavi li {
  float: left;
  margin: 0 0 0 2px;
  width: 96px;
  text-align: center;
}

#gnavi li.first {
  width: 95px;
  margin-left: 0;
}

#gnavi li.last {
  width: 95px;
}

#gnavi li a {
  display: block !important;
  width: 95px;
  background-image: url(../images/common/gnavi.png);
  background-repeat: no-repeat;
  background-color: #71A4FF;
  
  font-size: 1px;
  color: #fff !important;
  overflow: hidden;
  text-indent: -1000px;
  
}

#gnavi01 {
  background-position: 0 0;
}

#gnavi02 {
  background-position: -97px 0;
}

#gnavi03 {
  background-position: -195px 0;
}

#gnavi04 {
  background-position: -293px 0;
}

#gnavi05 {
  background-position: -391px 0;
}

#gnavi06 {
  background-position: -489px 0;
}

#gnavi07 {
  background-position: -587px 0;
}

#gnavi08 {
  background-position: -685px 0;
}

#gnavi01:hover {
  background-position: 0 -26px;
}

#gnavi02:hover {
  background-position: -97px -26px;
}

#gnavi03:hover {
  background-position: -195px -26px;
}

#gnavi04:hover {
  background-position: -293px -26px;
}

#gnavi05:hover {
  background-position: -391px -26px;
}

#gnavi06:hover {
  background-position: -489px -26px;
}

#gnavi07:hover {
  background-position: -587px -26px;
}

#gnavi08:hover {
  background-position: -685px -26px;
}


#subnavi {
  margin: 8px auto;
  width: 760px;
  height: 25px;
  line-height: 25px;
  overflow: hidden;
}

#subnavi li {
  float: left;
  margin: 0;
  width: 152px;
  text-align: center;
}

#subnavi li.first {}
#subnavi li.last {}

#subnavi li a {
  display: block !important;
  width: 152px;
  background-image: url(../images/common/target_navi.png);
  background-repeat: no-repeat;
  background-color: #f3f3f3;
  
  font-size: 1px;
  color: #fff !important;
  overflow: hidden;
  text-indent: -1000px;
  
}

#subnavi01 {
  background-position: 0 0;
}

#subnavi02 {
  background-position: -152px 0;
}

#subnavi03 {
  background-position: -304px 0;
}

#subnavi04 {
  background-position: -456px 0;
}

#subnavi05 {
  background-position: -608px 0;
}

#subnavi01:hover {
  background-position: 0 -25px;
}

#subnavi02:hover {
  background-position: -152px -25px;
}

#subnavi03:hover {
  background-position: -304px -25px;
}

#subnavi04:hover {
  background-position: -456px -25px;
}

#subnavi05:hover {
  background-position: -608px -25px;
}


/**
 * #contents
 */
#contents {
  padding: 0 5px;
}

/**
 * #main-wrap
 */
#main-wrap {
  float: left;
  width: 760px;
  padding: 5px;
  background-color: #fff;
}

.one-column #main-wrap {
	text-align:center;
}

/**
 * #main
 */
#main {
  float: right;
  width: 580px;
}

.one-column #main {
  float: none;
  margin: 0 auto;
  text-align:left;
}

#main .content {
  margin: 5px auto 5px;
  width: 555px;
  line-height: 1.4em;
}

#main #top-content {
  margin:  20px 0 30px;
}

.go-top {
  margin-top: 10px !important;
  text-align: right;
  font-size: 85%;
}

.go-top a {
  padding-left: 11px;
  background-image: url(../images/common/go-top-icon.png);
  background-position: 0 2px;
  background-repeat: no-repeat;
}

#main p.text{margin-bottom:.5em;}

/**
 * #right
 */
#right {
  display: none;
  float: right;
  width: 130px;
  font-size: 85%;
}

#right .banner {
  margin-bottom: 5px;
  line-height: 1;
}

#right .right-menu {
  margin-bottom: 5px;
  background-color: #fff;
}

#right h2 {
  line-height: 1;
}

#right-menu-01 {
  background: url(../images/right/right-exam-background.png) bottom right no-repeat;
}

#right-menu-01 h2 a {
  width: 130px;
  height: 18px;
  overflow: hidden;
  text-indent: -1000px;
  padding: 0px;
  margin: 0px;
  display: block;
  background-image: url(../images/right/right-title-01.png);
  background-repeat: no-repeat;
  line-height:normal;
}

#right-menu-01 h2 a:hover {
  background-position: 0px -18px;
}

#right-menu-01-inner {
  padding: 10px;
  line-height: 1.2;
}

#right-menu-01-inner a {
  width: 74px;
  height: 63px;
  overflow: hidden;
  text-indent: -1000px;
  padding: 0px;
  margin-top: 10px;
  display: block;
  background-image: url(../images/right/right-exam-btn.png);
  background-repeat: no-repeat;
}

#right-menu-01-inner a:hover {
  background-position: 0px -63px;
}

#right-menu-02 h2 a {
  width: 130px;
  height: 18px;
  overflow: hidden;
  text-indent: -1000px;
  padding: 0px;
  margin: 0px;
  display: block;
  background-image: url(../images/right/right-title-02.png);
  background-repeat: no-repeat;
}

#right-menu-02 h2 a:hover {
  background-position: 0px -18px;
}

#right-menu-02 ul {
  padding-bottom: 6px;
}

#right-menu-02 li {
  width: 122px;
  margin-top: 6px;
  padding-top: 7px;
  padding-left: 7px;
  background-image: url(../images/common/line-dash-aaa.png);
  background-position: top left;
  background-repeat: repeat-x;
}

#right-menu-02 li.first {
  padding-top: 0;
  background-image: none;
}

#right-menu-03 h2 a {
  width: 130px;
  height: 18px;
  overflow: hidden;
  text-indent: -1000px;
  padding: 0px;
  margin: 0px;
  display: block;
  background-image: url(../images/right/right-title-03.png);
  background-repeat: no-repeat;
}

#right-menu-03 h2 a:hover {
  background-position: 0px -18px;
}

#right-menu-03 ul {
  padding-bottom: 6px;
}

#right-menu-03 li {
  width: 122px;
  margin-top: 6px;
  padding-top: 7px;
  padding-left: 7px;
  background-image: url(../images/common/line-dash-aaa.png);
  background-position: top left;
  background-repeat: repeat-x;
}

#right-menu-03 li.first {
  padding-top: 0;
  background-image: none;
}

#right-menu-04 h2 a {
  width: 130px;
  height: 18px;
  overflow: hidden;
  text-indent: -1000px;
  padding: 0px;
  margin: 0px;
  display: block;
  background-image: url(../images/right/right-title-04.png);
  background-repeat: no-repeat;
}

#right-menu-04 h2 a:hover {
  background-position: 0px -18px;
}

#right-menu-04 ul {
  padding-bottom: 6px;
}

#right-menu-04 li {
  width: 122px;
  margin-top: 6px;
  padding-top: 7px;
  padding-left: 7px;
  background-image: url(../images/common/line-dash-aaa.png);
  background-position: top left;
  background-repeat: repeat-x;
}

#right-menu-04 li.first {
  padding-top: 0;
  background-image: none;
}

#right-menu-05 h2 a {
  width: 130px;
  height: 18px;
  overflow: hidden;
  text-indent: -1000px;
  padding: 0px;
  margin: 0px;
  display: block;
  background-image: url(../images/right/right-title-05.png);
  background-repeat: no-repeat;
}

#right-menu-05 h2 a:hover {
  background-position: 0px -18px;
}

#right-menu-05 ul {
  padding-bottom: 6px;
}

#right-menu-05 li {
  width: 122px;
  margin-top: 6px;
  padding-top: 7px;
  padding-left: 7px;
  background-image: url(../images/common/line-dash-aaa.png);
  background-position: top left;
  background-repeat: repeat-x;
}

#right-menu-05 li.first {
  padding-top: 0;
  background-image: none;
}

/**
 * #left
 */
#left {
  float: left;
  width: 175px;
  font-size: 85%;
}

#left .img {
  margin-bottom: 7px;
  line-height: 1;
}

#left h2 {
  padding: 5px;
  line-height: 1;
  font-size: 117%;
  font-weight: normal;
  color: #fff;
  background-color: #999;
  background-position: top left;
  background-repeat: repeat-y;
}

#left .left-menu {
  margin-bottom: 6px;
  padding-top: 6px;
  background-image: url(../images/common/line-stripe-eee.png);
  background-position: top left;
  background-repeat: repeat-x;
}

#left-menu-course h2 {
  background-image: url(../images/common/title-background-175-02.png);
}

#left-menu-course li {
  margin-top: 6px;
  padding-bottom: 9px;
  background-image: url(../images/common/line-stripe-eee.png);
  background-position: bottom left;
  background-repeat: repeat-x;
}

#left-menu-course li.last {
  padding-bottom: 0;
  background-image: none;
}

#left-menu-kouza h2 {
  background-image: url(../images/common/title-background-175-07.png);
}

#left-menu-kouza p {
  margin: 4px 0;
}

#left-menu-kouza li {
  margin-top: 6px;
  padding-top: 7px;
  background-image: url(../images/common/line-dash-aaa.png);
  background-position: top left;
  background-repeat: repeat-x;
}

#left-menu-kouza li.first {
  margin-top: 0;
}

#left-menu-shinro h2 {
  background-image: url(../images/common/title-background-175-06.png);
}

#left-menu-shinro li {
  margin-top: 6px;
  padding-top: 7px;
  background-image: url(../images/common/line-dash-aaa.png);
  background-position: top left;
  background-repeat: repeat-x;
}

#left-menu-shinro li.first {
  padding-top: 0;
  background-image: none;
}

#left-menu-shinro li.first img {
  text-decoration: none !important;
  padding-left: 4px;
  vertical-align: middle;
}

/**
 * バナー
 */
#left .banner a {
  width: 175px;
  height: 50px;
  overflow: hidden;
  line-height: 1;
  text-indent: -1000px;
  padding: 0px;
  margin-top: 5px;
  display: block;
  background-repeat: no-repeat;
}

#left .pr-item a {
  width: 175px;
  height: 112px;
  overflow: hidden;
  line-height: 1;
  text-indent: -1000px;
  padding: 0px;
  margin-top: 5px;
  display: block;
  background-repeat: no-repeat;
	}

#left .banner a:hover {  background-position: 0px -50px;}
#left .pr-item a:hover {  background-position: 0px -112px;} 


/* バナー類画像指定 */
#banner-niu-teacher-db	a {  background-image: url(../images/left/banner-niu-teacher-db.png);}
#banner-niu-reunion		a {  background-image: url(../images/left/banner-niu-reunion.png);}
#banner-photo-library	a {  background-image: url(../images/left/banner-photo-library.png);}
#banner-niupr				a {  background-image: url(../images/left/banner-niupr.png);}
#banner-niu-library 		a {  background-image: url(../images/left/banner-niu-library.png);}
#banner-nagasaki-pnc 	a {  background-image: url(../images/left/left-banner-pnc.png);}
#banner-niu-cai 			a {  background-image: url(../images/left/left-banner-cai.png);}
#banner-niu-ibuken 		a {  background-image: url(../images/left/left-banner-ibuken.png);}
#banner-niu-sits 			a {  background-image: url(../images/left/left-banner-sits.png);}
#banner-jihee 				a {  background-image: url(../images/left/left-banner-jihee.png);}
#banner-exam 				a {  background-image: url(../images/left/left-banner-exam.png);}
#banner-seminar 			a {  background-image: url(../images/left/left-banner-seminar.gif);}
#banner-volunteer 			a {  background-image: url(../images/left/btn_volunteer.png);}
#banner-yakugaku-facebook	a {  background-image: url(../images/left/banner_yakugaku_fb.png);}
#banner-fukushi-blog		a {  background-image: url(../images/left/banner_fukushi_blog.png);}

#banner-kaikokusai 			a {  background-image: url(../images/left/banner_kaikokusai.png);}

#banner-mobile 			a {  background-image: url(../images/left/banner_mobile.png);}

ul#left-menu-list {
  padding: 6px 0px;
  margin: 0px;
}

#left-menu-list li {
  padding: 6px 0px;
  margin: 0px;
  background-image: url(../images/common/line-dash-aaa.png);
  background-repeat: repeat-x;
  background-position: bottom;
}

#left-menu-list li.current {
  font-weight: bold;
}

#left-menu-list li.last {
}

#left-menu-list li ul {
  padding: 6px;
  margin: 6px 0 4px 13px;
  border: 1px solid #dddddd;
  background-image: url(../images/common/dotback.png);
  background-repeat: repeat;
}

#left-menu-list li ul li {
  padding: 3px 0px;
  margin: 0;
  background-image: none;
  font-weight: normal;
}

/**
 * #footer
 */
#footer {
  background: url(../images/common/header-background.png) top left repeat-y;
  padding: 20px;
  color: #fff;
  font-size: 85%;
}

#footer a:link {
  color: #ffffff !important;
  text-decoration: none !important;
}

#footer a:visited {
  color: #ffffff !important;
  text-decoration: none !important;
}

#footer a:hover {
  color: #66cc00 !important;
  text-decoration: underline !important;
}

#footer a:active {
  color: #fff !important;
  text-decoration: underline !important;
}

#footer-menu {
  float: left;
  list-style: none;
}

#footer-menu li {
  display: inline;
  padding-left: 13px;
  background-image: url(../images/common/arrow-square-08.png);
  background-position: 0 2px;
  background-repeat: no-repeat;
}

#footer-copyright {
  text-align: right;
}

/**
 * list icon
 */
.square li a,body li.square a,a.square,
.arrow-square li a,body li.arrow-square a,a.arrow-square,
.outer-link li a,body li.outer-link a,a.outer-link,
.attention li a,body li.attention a,a.attention,
.square-01 li a,body li.square-01 a,
.square-02 li a,body li.square-02 a,
.square-03 li a,body li.square-03 a,
.square-04 li a,body li.square-04 a,
.square-05 li a,body li.square-05 a,
.square-06 li a,body li.square-06 a,
.square-07 li a,body li.square-07 a,
.square-08 li a,body li.square-08 a,
.square-10 li a,body li.square-10 a,
.square-11 li a,body li.square-11 a,
.arrow-square-01 li a,body li.arrow-square-01 a,
.arrow-square-02 li a,body li.arrow-square-02 a,
.arrow-square-03 li a,body li.arrow-square-03 a,
.arrow-square-04 li a,body li.arrow-square-04 a,
.arrow-square-05 li a,body li.arrow-square-05 a,
.arrow-square-06 li a,body li.arrow-square-06 a,
.arrow-square-07 li a,body li.arrow-square-07 a,
.arrow-square-08 li a,body li.arrow-square-08 a,
.arrow-square-09 li a,body li.arrow-square-09 a,
.arrow-square-10 li a,body li.arrow-square-10 a,
.arrow-square-11 li a,body li.arrow-square-11 a,
.outer-link-01 li a,body li.outer-link-01 a,
.outer-link-02 li a,body li.outer-link-02 a,
.outer-link-03 li a,body li.outer-link-03 a,
.outer-link-04 li a,body li.outer-link-04 a,
.outer-link-05 li a,body li.outer-link-05 a,
.outer-link-06 li a,body li.outer-link-06 a,
.outer-link-07 li a,body li.outer-link-07 a,
.outer-link-08 li a,body li.outer-link-08 a,
.outer-link-10 li a,body li.outer-link-10 a,
.go-next-square a,.go-back-square a {
  display: block;
  padding-left: 13px;
  background-position: 0 4px;
  background-repeat: no-repeat;
}

.arrow-square-01 li a,body li.arrow-square-01 a,html body #container li a.arrow-square-01,body .style01 .arrow-square a,html body .style01 a.arrow-square {
  background-image: url(../images/common/arrow-square-01.png);
}

.arrow-square-02 li a,body li.arrow-square-02 a,html body #container li a.arrow-square-02 {
  background-image: url(../images/common/arrow-square-02.png);
}

.arrow-square-03 li a,body li.arrow-square-03 a,html body #container li a.arrow-square-03 {
  background-image: url(../images/common/arrow-square-03.png);
}

.arrow-square-04 li a,body li.arrow-square-04 a,html body #container li a.arrow-square-04 {
  background-image: url(../images/common/arrow-square-04.png);
}

.arrow-square-05 li a,body li.arrow-square-05 a,html body #container li a.arrow-square-05 {
  background-image: url(../images/common/arrow-square-05.png);
}

.arrow-square-06 li a,body li.arrow-square-06 a,html body #container li a.arrow-square-06 {
  background-image: url(../images/common/arrow-square-06.png);
}

.arrow-square-07 li a,body li.arrow-square-07 a,html body #container li a.arrow-square-07 {
  background-image: url(../images/common/arrow-square-07.png);
}

.arrow-square-08 li a,body li.arrow-square-08 a,html body #container li a.arrow-square-08 {
  background-image: url(../images/common/arrow-square-08.png);
}

.arrow-square-09 li a,body li.arrow-square-09 a,html body #container li a.arrow-square-09 {
  background-image: url(../images/common/arrow-square-09.png);
}

.arrow-square-10 li a,body li.arrow-square-10 a,html body #container li a.arrow-square-10 {
  background-image: url(../images/common/arrow-square-10.png);
}

.arrow-square-11 li a,body li.arrow-square-11 a,html body #container li a.arrow-square-11 {
  background-image: url(../images/common/arrow-square-11.png);
}


.go-next-square {
  font-size:12px;  float: right; line-height:1.5;
  padding-right: 3px;
}
.go-back-square {
  font-size:12px;  float: left; line-height:1.5;
  padding-left: 5px;
}
.go-next-square a {
  display: inline;
  background: url(../images/common/arrow-square-08.png) no-repeat left 2px;
}
.go-back-square a {
  display: inline;
  background: url(../images/common/arrow-square-08-2.png) no-repeat left 2px;
}

.square-01 li a,body li.square-01 a,html body #container li a.square-01 {
  background-image: url(../images/common/square-01.png);
}

.square-02 li a,body li.square-02 a,html body #container li a.square-02 {
  background-image: url(../images/common/square-02.png);
}

.square-03 li a,body li.square-03 a,html body #container li a.square-03 {
  background-image: url(../images/common/square-03.png);
}

.square-04 li a,body li.square-04 a,html body #container li a.square-04 {
  background-image: url(../images/common/square-04.png);
}

.square-05 li a,body li.square-05 a,html body #container li a.square-05 {
  background-image: url(../images/common/square-05.png);
}

.square-06 li a,body li.square-06 a,html body #container li a.square-06 {
  background-image: url(../images/common/square-06.png);
}

.square-07 li a,body li.square-07 a,html body #container li a.square-07 {
  background-image: url(../images/common/square-07.png);
}

.square-08 li a,body li.square-08 a,html body #container li a.square-08 {
  background-image: url(../images/common/square-08.png);
}

.square-10 li a,body li.square-10 a,html body #container li a.square-10 {
  background-image: url(../images/common/square-10.png);
}

.square-11 li a,body li.square-11 a,html body #container li a.square-11 {
  background-image: url(../images/common/square-11.png);
}

.attention li a,body li.attention a,html body #container li a.attention {
  background-image: url(../images/common/attention.png);
}

.outer-link-01 li a,body li.outer-link-01 a,html body #container li a.outer-link-01 {
  background-image: url(../images/common/outer-link-01.png);
}

.outer-link-02 li a,body li.outer-link-02 a,html body #container li a.outer-link-02 {
  background-image: url(../images/common/outer-link-02.png);
}

.outer-link-03 li a,body li.outer-link-03 a,html body #container li a.outer-link-03 {
  background-image: url(../images/common/outer-link-03.png);
}

.outer-link-04 li a,body li.outer-link-04 a,html body #container li a.outer-link-04 {
  background-image: url(../images/common/outer-link-04.png);
}

.outer-link-05 li a,body li.outer-link-05 a,html body #container li a.outer-link-05 {
  background-image: url(../images/common/outer-link-05.png);
}

.outer-link-06 li a,body li.outer-link-06 a,html body #container li a.outer-link-06 {
  background-image: url(../images/common/outer-link-06.png);
}

.outer-link-07 li a,body li.outer-link-07 a,html body #container li a.outer-link-07 {
  background-image: url(../images/common/outer-link-07.png);
}

.outer-link-08 li a,body li.outer-link-08 a,html body #container li a.outer-link-08 {
  background-image: url(../images/common/outer-link-08.png);
}
.outer-link-10 li a,body li.outer-link-10 a,html body #container li a.outer-link-10 {
  background-image: url(../images/common/outer-link-10.png);
}


ul.circle-list-01,
ul.circle-list-02,
ul.circle-list-03,
ul.circle-list-04,
ul.circle-list-05,
ul.circle-list-06,
ul.circle-list-07,
ul.circle-list-08 {
  list-style-type: none;
}

ul.circle-list-01 li,
ul.circle-list-02 li,
ul.circle-list-03 li,
ul.circle-list-04 li,
ul.circle-list-05 li,
ul.circle-list-06 li,
ul.circle-list-07 li,
ul.circle-list-08 li {
  padding: 0 0 1em 16px;
  background-repeat: no-repeat;
  background-position: 0px 3px;
}

ul.circle-list-00 li {
  background-image: url(../images/common/h4-circle-00.png);
}

ul.circle-list-01 li {
  background-image: url(../images/common/h4-circle-01.png);
}

ul.circle-list-02 li {
  background-image: url(../images/common/h4-circle-02.png);
}

ul.circle-list-03 li {
  background-image: url(../images/common/h4-circle-03.png);
}

ul.circle-list-04 li {
  background-image: url(../images/common/h4-circle-04.png);
}

ul.circle-list-05 li {
  background-image: url(../images/common/h4-circle-05.png);
}

ul.circle-list-06 li {
  background-image: url(../images/common/h4-circle-06.png);
}

ul.circle-list-07 li {
  background-image: url(../images/common/h4-circle-07.png);
}

ul.circle-list-08 li {
  background-image: url(../images/common/h4-circle-08.png);
}

ul.circle-list-10 li {
  background-image: url(../images/common/h4-circle-10.png);
}

ul.circle-list-11 li {
  background-image: url(../images/common/h4-circle-11.png);
}


/**
 * title-background
 */
.title-background-415 {
  background-image: url(../images/common/title-background-415-02.png);
  background-repeat: repeat-y;
}

.title-background-415-00,.style00 .title-background-415 {
  background-image: url(../images/common/title-background-415-00.png);
  background-repeat: repeat-y;
}

.title-background-415-01,.style01 .title-background-415 {
  background-image: url(../images/common/title-background-415-01.png);
  background-repeat: repeat-y;
}

.title-background-415-02,.style02 .title-background-415 {
  background-image: url(../images/common/title-background-415-02.png);
  background-repeat: repeat-y;
}

.title-background-415-03,.style03 .title-background-415 {
  background-image: url(../images/common/title-background-415-03.png);
  background-repeat: repeat-y;
}

.title-background-415-04,.style04 .title-background-415 {
  background-image: url(../images/common/title-background-415-04.png);
  background-repeat: repeat-y;
}

.title-background-415-05,.style05 .title-background-415 {
  background-image: url(../images/common/title-background-415-05.png);
  background-repeat: repeat-y;
}

.title-background-415-06,.style06 .title-background-415 {
  background-image: url(../images/common/title-background-415-06.png);
  background-repeat: repeat-y;
}

.title-background-415-07,.style07 .title-background-415 {
  background-image: url(../images/common/title-background-415-07.png);
  background-repeat: repeat-y;
}

.title-background-555 {
  background-repeat: repeat-y;
}

.style00 .title-background-555 {
  background-image: url(../images/common/title-background-555-00.png);
}

.style01 .title-background-555 {
  background-image: url(../images/common/title-background-555-01.png);
}

.style02 .title-background-555 {
  background-image: url(../images/common/title-background-555-02.png);
}

.style03 .title-background-555 {
  background-image: url(../images/common/title-background-555-03.png);
}

.style04 .title-background-555 {
  background-image: url(../images/common/title-background-555-04.png);
}

.style05 .title-background-555 {
  background-image: url(../images/common/title-background-555-05.png);
}

.style06 .title-background-555 {
  background-image: url(../images/common/title-background-555-06.png);
}

.style07 .title-background-555 {
  background-image: url(../images/common/title-background-555-07.png);
}

.style08 .title-background-555 {
  background-image: url(../images/common/title-background-555-08.png);
}


.h4-circle-box {
  padding: 0;
  margin: 0 auto;
  width: 555px;
}

.h4-circle-box h2 {
  background-repeat: no-repeat;
  background-position: 0px 3px;
  font-size:14px;
  font-weight:bold;
  padding: 0 0 0 16px;
  margin-top: 20px;
  margin-bottom:20px;
}

.style01 .h4-circle-box h2 {
  background-image: url(../images/common/h4-circle-01.png);
}

.style02 .h4-circle-box h2 {
  background-image: url(../images/common/h4-circle-02.png);
}

.style03 .h4-circle-box h2 {
  background-image: url(../images/common/h4-circle-03.png);
}

.style04 .h4-circle-box h2 {
  background-image: url(../images/common/h4-circle-04.png);
}

.style05 .h4-circle-box h2 {
  background-image: url(../images/common/h4-circle-05.png);
}

.style06 .h4-circle-box h2 {
  background-image: url(../images/common/h4-circle-06.png);
}

.style07 .h4-circle-box h2 {
  background-image: url(../images/common/h4-circle-07.png);
}

.style08 .h4-circle-box h2 {
  background-image: url(../images/common/h4-circle-08.png);
}

/**
 * inputTable
 */
.inputTable {
  
}

.inputTable th {
  padding: 5px;
  font-weight: bold;
}

.inputTable td {
  padding: 5px;
}

.inputTable .required th {
  color: #369;
}

.inputTable .optional th {
  
}

.inputTable th label {
  display: block;
}

.submit {
  text-align: center;
}

/**
 * jquery validate
 */
label.error {
  display: block;
  color: #f00;
  font-weight: bold;
}

.error th,.error td {
  background-color: #fcc;
}

.valid th,.valid td {
  background-color: #cfc;
}

.selectInfo {
  
}

.selectInfo strong {
  color: #f00;
}

#left h2#logo-pa {
  padding: 0px;
  margin: 0px;
}

#pankuzu,.B_crumbBox {
  font-size: 85%;
  padding: 4px 0px;
  margin: 0px;
  text-align:left;
}

.go-back {
  margin-bottom: 20px;
  text-align: right;
  font-size: 85%;
}

.go-back a {
  padding-left: 11px;
  background-image: url(../images/common/go-back-icon.png);
  background-position: 0 2px;
  background-repeat: no-repeat;
}

.h4-circle-box .go-back,
.h4-circle-02-box .go-back {
  float: right;
  position: relative;
  top: -23px;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  text-align: right;
  font-size: 85%;
}

.h4-circle-box .go-back a,
.h4-circle-02-box .go-back a {
  padding-left: 11px;
  background-image: url(../images/common/go-back-icon.png);
  background-position: 0 2px;
  background-repeat: no-repeat;
}

#line-stripe {
  padding: 4px 0px 0px 0px;
  margin: 0 0 10px;
  background-image: url(../images/common/line-stripe-eee.png);
  background-repeat: repeat-x;
  background-position: top;
}

#line-stripe-10 {
  padding: 10px 0px 0px 0px;
  margin: 0 0 10px;
  background-image: url(../images/common/line-stripe-eee.png);
  background-repeat: repeat-x;
  background-position: top;
}

.marine-color {
  color: #66ccdd;
}

#main .space-adjust-top-0 {
  margin-top: 0px !important;
}

#main .adjust-top-pd-0 {
  padding: 0 !important;
  margin: 0 !important;
}

#main .adjust-top-mn-bt-1 {
  padding: 0;
  margin: 0 0 1em 0 !important;
}

table.kanren-link {
  font-size: 85%;
  margin: 20px auto 0;
  width: 550px;
  border-collapse: separate;
}

table.kanren-link th {
  width: 80px;
  color: #fff;
  text-align: center;
  border: 1px solid #dddddd;
  background-color: #999999;
}

table.kanren-link td {
  width: 460px;
  border: 1px solid #dddddd;
  background-image: url(../images/common/dotback.png);
  background-repeat: repeat;
}

#main table.kanren-link td ul {
  padding: 6px;
  margin: 0px;
  list-style-type: none;
}

#main table.kanren-link td ul  li {
	list-style-type:none; padding-right: 8px; float: left; margin-left:0;
}

.pd-right-10 {
  padding-right: 10px;
}

.imgleft {
  float: left;
  margin: 0 10px 10px 0;
}

.imgright {
  float: right;
  margin: 0 0 10px 10px;
}

.floatclear {
  clear: both;
}

img.border{padding:2px; background:#fff; border:1px solid #eee;}

#honbun .highslide img{ padding:2px; background:#fff; border:1px solid #eee;margin:0 !important;}

.content ol {
  margin-top: .5em;
  margin-bottom: .5em;
  padding-left: 2.5em;
}

#c-name{
  font-size: 60%;
  position: relative;
  top: 4px;
  left: 4px;
  font-weight: normal;
  color:#333;
}


/*---------- about.cssからの追加 ------------------------------------------------------------*/
.box {
  border: 5px solid #eee;
  padding: 12px;
  margin-bottom: 10px;
}

.link-list {
  border: 1px solid #ddd;
  padding: 5px;
  font-size: 85%;
  background: url(../images/common/dotback.png) left top;
}

#honbun .link-list li {
  width: 200px;
  float: left;
}

#honbun .content-box .link-list li {
  width: inherit;
  float: none;
}

#honbun {
  background-image: url(../images/common/line-stripe-eee.png);
  background-position: left bottom;
  background-repeat: repeat-x;
  margin-bottom: 0;
  padding-bottom: 10px;
}

.content-box {
  background-image: url(../images/common/line-stripe-eee.png);
  background-position: left top;
  background-repeat: repeat-x;
  margin: 10px 0 15px;
  padding: 3px 0 0;
}

.content-box h2 {
  color: #fff;
  font-size: 114%;
  margin-bottom: 5px;
  padding: 3px 8px;
}

.content-box h3 {
  background-image: url(../images/common/line-dash-aaa.png);
  background-position: left bottom;
  background-repeat: repeat-x;
  font-size: 110%;
  margin: 0 0 8px;
  padding: 15px 0 8px;
}

.content-box.h3-circle h3,
.content-box.h3-circle-underline h3 {
  background-position: left 3px;
  background-repeat: no-repeat;
  font-size: 100%;
  font-weight: bold;
  margin: 15px 0 4px;
  padding: 0 0 0 14px;
}

.content-box.h3-circle-underline .underline {
  background-image: url(../images/common/line-dash-aaa.png);
  background-position: left bottom;
  background-repeat: repeat-x;
  margin-bottom: 10px;
  padding-bottom: 5px;
}


.content-box table {
  font-size: 85%;
  margin-left: 1px;
  border-collapse: separate;  
}

.content-box th, .content-box td {
  padding: 5px;
}


/* テーブル関連 */
.data-table {
  border-collapse: separate;
  font-size: 85%;
}
.data-table td,.data-table th {
  padding: 5px;
}
.data-table th {
  color: #fff;
  text-align: center;
  width: 8em;
}

#main table.common{ border-collapse:collapse;}
#main table.common th{ border:1px solid #ccc; padding:5px; white-space:nowrap; background:#666;}
#main table.common td{ border:1px solid #ccc; padding:3px;}


/*  テーブル関係ここまで */

.gsc-resultsHeader {
  display: none;
}

.gsc-resultsbox-visible {
  padding: 10px 0px 10px 0px;
  width: 550px;
  background-image: url(../images/common/line-stripe-eee.png);
  background-repeat: repeat-x;
  background-position: top;
}

.gs-title {
  margin: 15px 0px 0px 0px;
  text-decoration: none !important;
}

.gs-title a {
  text-decoration: none !important;
}

.gs-title b {
   color: #3355AA !important;
   text-decoration: none !important;
}

.gs-title a:hover b {
   color: #66CC00 !important;
}