@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

.select-box ul {
  overflow:hidden;
  margin-bottom:30px;
}

.select-box li {
  float:left;
  border:1px solid #1a2c78;
  box-sizing:border-box;
}

.select-box li a {
  display:block;
  background-color:#1a2c78;
  color:#ffffff;
  text-align:center;
  padding:15px 0;
}

.select-box li a:hover {
  text-decoration:none;
  background-color:#efefef;
  color:#1a2c78;
}

.nowhere a {
  background-color:#ffffff !important;
  color:#1a2c78 !important;
  pointer-events: none;
}

/*conpany*/

#info table { width:100%; }

#info th {
  border-bottom:1px solid #CCC;
  border-right:2px solid #1a2c78;
  font-weight:normal;
  text-align:left;
  vertical-align:top;
  padding:17px 0 17px 5px;
}

#info td {
  border-bottom:1px solid #CCC;
  text-align:left;
  vertical-align:top;
  padding:17px 0 17px 40px;
}

/*history*/

#history table { width:100%; }

#history th {
  border-bottom:1px solid #CCC;
  font-weight:normal;
  text-align:left;
  vertical-align:top;
  padding:17px 0 17px 5px;
}

#history td {
  border-bottom:1px solid #CCC;
  text-align:left;
  vertical-align:top;
  padding:17px 0 17px 40px;
}

/*approach*/

.line th,
.line td { background-color: #efefef; }

#approach .float-l { margin-bottom:10px; }

/*greeting*/

#greeting h4 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "myFont", "HG明朝E";
  font-size:1.4em;
  padding:15px 0 15px 0;
  margin-bottom:20px;
}

#greeting p { margin-bottom:20px; }
#greeting  .catch{
  margin-bottom:50px; 
}
#greeting dl {
  overflow:hidden;
  margin-bottom:10px;
}

#greeting dt {
  float:left;
  width:45%;
}

#greeting dd {
  margin-left:45%;
  font-weight:bold;
}

#approach .float-r {
  text-align:center;
  font-size:0.8em;
}

#approach table { width:100%; }

#approach th {
  border-bottom:1px solid #CCC;
  border-right:2px solid #1a2c78;
  font-weight:normal;
  text-align:left;
  vertical-align:top;
  padding:17px 0 17px 5px;
}

#approach td {
  border-bottom:1px solid #CCC;
  text-align:left;
  vertical-align:top;
  padding:17px 0 17px 40px;
}

/*financial*/

#financial dl {
  overflow:hidden;
  border-bottom:1px dotted #CCC;
  padding-top:15px;
  padding-bottom:15px;
}

#financial dt {
  float:left;
  background:url(../images/financial-images/pdficon.gif) 0 50% no-repeat;
  line-height:24px;
  text-align:left;
  padding-left:30px;
}

#financial dt span {
  font-weight:normal;
  margin-left:10px;
}

#financial dd {
  line-height:24px;
  float:right;
  text-align: right;
}

#pdfreader { background-color:#efefef; }
/* ------------------------------------------------------------
	 PC   800px -
------------------------------------------------------------ */

@media screen and (min-width: 800px) {

.select-box ul { width:1300px; }

.select-box li {
  width:220px;
  margin-right:20px;
}

#history th { width:230px; }

#history th { width:200px; }

.info-img {
  width:330px;
  margin-right:40px;
  float:left;
}

.info-text {
  width:360px;
  padding:20px 0;
  float:left;
}

.info-map {
  width:400px;
  float:right;
}

#policy .float-r { width:950px; }

#statement .float-r { width:950px; }

#greeting .float-l {
  width:950px;
  overflow:hidden;
}

#greeting .float-l .name-txt {
  padding-top:50px;
  float:right;
}

#approach .float-l { width:1050px; }

#pdfreader { padding:20px; }

#pdfreader p {
  margin-bottom:0;
  float:left;
}

#pdfreader img { float:right; }
}

/* ------------------------------------------------------------
	 TABLET   for - 799px
   ------------------------------------------------------------ */

@media screen and (max-width:799px) {

.select-box li {
  width:18%;
  margin-right:2%;
}

#info th { width:20%; }

#info td { padding:14px 0 14px 20px; }

#history th { width:20%; }

#history td { padding:14px 0 14px 20px; }

.info-img {
  width:30%;
  float:left;
}

.info-img img {
  width:100%;
  height:auto;
}

.info-text {
  width:68%;
  padding:0 0;
  float:right;
}

.info-map { width:100%; }

.info-box .info-img img {
  width:100%;
  height:auto;
  margin-bottom:20px;
}

.info-box-min .info-img img {
  height:100%;
  height:auto;
  margin-bottom:20px;
}

#greeting .float-r { width:20%; }

#greeting .float-r img {
  width:100%;
  height:auto;
}
#greeting .float-l .name-txt {
  padding-top:20px;
  text-align:right;
  float:right;
}

#greeting .float-l { width:75%; }

#statement .float-l { width:20%; }

#statement .float-l img {
  width:100%;
  height:auto;
}

#statement .float-r { width:75%; }

#approach .float-l { width:80%; }

#approach .float-r img {
  max-width:100%;
  height:auto;
}

#approach .float-r { width:15%; }

#pdfreader { padding:10px; }

#pdfreader p {
  margin-bottom:5px;
  float:left;
}

#pdfreader img { float:right; }
}
/* ------------------------------------------------------------
	 SP　599pxまで
   ------------------------------------------------------------ */

@media screen and (max-width: 599px) {

.select-box li {
  width:100%;
  margin-bottom:5px;
}

.info-text p{
  margin-bottom:10px !important;
}

#greeting .float-r {
  width:100%;
  text-align:center;
}

#greeting .float-r img {
  width:60%;
  height:auto;
  margin-bottom:10px;
}

#greeting .float-l { width:100%; }

#greeting dt {
  float:none;
  width:100%;
  margin-bottom:10px;
}

#greeting dd {
  margin-left:0;
  float:none;
  width:100%;
  margin-bottom:10px;
}
#greeting .float-l .name-txt {
  padding-top:10px;
  text-align: center;
  float: none;
}

#statement .float-l {
  width:100%;
  text-align:center;
}

#statement .float-l img {
  width:60%;
  height:auto;
  margin-bottom:10px;
}

#statement .float-r { width:100%; }

#approach .float-l {
  width:100%;
  text-align:center;
}

#approach .float-r img {
  max-width:50%;
  height:auto;
}

#approach .float-r { width:100%; }

#approach td { padding:17px 0 17px 10px; }

#financial dt { background:url(../images/financial-images/pdficon.gif) 0 4px no-repeat; }

#pdfreader { text-align:center; }

#pdfreader p {
  margin-bottom:5px;
  text-align:left;
  float:none;
}

#pdfreader img { float:none; }

#history th {
  width:100%;
  display:block;
  padding:12px 5px 12px 5px;
}

#history td {
  width:100%;
  display:block;
  padding:12px 5px 12px 5px;
}

}

.nomalOL{
	margin: 1em 0;
	padding-left: 2em;
	list-style-type: decimal;
}
.nomalOL li{
  list-style-type: decimal;
  margin-bottom: 10px;
}