@charset "utf-8";
/* ==================================================
   Base Styles
================================================== */

* {
  font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif;
}

body {
  padding:0;
  margin:0;
  font-size:18px;
  color:#333333;
  background-color:#002371;
}

p {
  line-height:1.45em;
}

li {
  list-style:none;
}

.blue {
  color:#1375FF;
}

a:focus,
a {
  color:#1375FF;
  text-decoration:underline;
}
a:hover {
  color:#1375FF;
  text-decoration:none;
}

.container {
  width:950px;
  margin:0 auto;
}
.row {
  margin-left:0;
  margin-right:0;
}

.bleft {
  border-left:1px solid #dddddd;
}
.bright {
  border-right:1px solid #dddddd;
}

.col-padding {
  padding:0;
}

hr {
  border:none;
  border-top:1px solid #dddddd;
}

dl.qaItem {
  display: block;
  margin: 0 0 20px;
  overflow: hidden;
  padding: 0 0 20px;
}
dl.qaItem dt {
  background: url(../img/qaIconQ.gif) no-repeat scroll left top rgba(0, 0, 0, 0);
  border: medium none;
  padding-left: 32px;
}
dl.qaItem dd {
  background: url(../img/qaIconA.gif) no-repeat scroll left top rgba(0, 0, 0, 0);
  margin-bottom: 0;
  padding-left: 32px;
}

.w100 {
  width:100% !important;
}

.inbox p em {
  color:#C0272D;
  font-weight:bold;
  font-size:1.2em;
  padding-left:4px;
  padding-right:4px;
}
.inbox .bg01 {
  background: url(../img/bg01.jpg) no-repeat scroll right top rgba(0, 0, 0, 0);
}
.inbox .bg02 {
  background: url(../img/bg02.jpg) no-repeat scroll right top rgba(0, 0, 0, 0);
}
.inbox .bg03 {
  background: url(../img/bg03.jpg) no-repeat scroll right top rgba(0, 0, 0, 0);
}
.inbox .bg04 {
  background: url(../img/bg04.jpg) no-repeat scroll right top rgba(0, 0, 0, 0);
}
.inbox .profile {
  background: url(../img/profile.jpg) no-repeat scroll right top rgba(0, 0, 0, 0);
}
.inbox .profile p {
  font-size:0.9em;
  padding-left:0 !important;
  padding-right:0 !important;
}
.inbox p.indesc {
  font-size:0.9em;
}
.inbox p.w0 {
  padding-left:0 !important;
  padding-right:0 !important;
}

img.w100 {
  width:100% !important;
}
img.w80 {
  width:80% !important;
}
img.arw {
  width:64px !important;
}

.iframe-wrap {
  width: 100%;
  padding-bottom: 56.25%;
  height: 0px;
  position: relative;
}

.iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.subtext {
  font-size: 1.8em;
  color: #000000;
  font-family: "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 400;
  line-height: 180%;
  text-align: center;
  padding-bottom:20px !important;
}
.subtext span {
  color: #000000;
  font-family: "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 400;
  line-height: 180%;
}
.subtext .red {
  color: #C0272D;
  font-family: "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 400;
  line-height: 180%;
}
.subtext.std {
  font-size: 120%;
  text-align: left;
}

.marker-animation.active {
  background-position: -100% .9em;
}
.marker-animation.active.pickup {
  font-size: 140%;
}

.marker-animation {
  background-image: -webkit-linear-gradient(left, transparent 50%, rgb(255,250,153)  50%);
  background-image: -moz-linear-gradient(left, transparent 50%, rgb(255,250,153)  50%);
  background-image: -ms-linear-gradient(left, transparent 50%, rgb(255,250,153)  50%);
  background-image: -o-linear-gradient(left, transparent 50%, rgb(255,250,153)  50%);
  background-image: linear-gradient(left, transparent 50%, rgb(255,250,153)  50%);
  background-repeat: repeat-x;
  background-size: 200% .3em;
  background-position: 0 .5em;
  transition: all 1s ease;
  font-weight: bold;
}

/* ==================================================
   Padding Top Sets
================================================== */

.padding-t0{	padding-top:0 !important; }

/* ==================================================
   Padding Bottom Sets
================================================== */

.padding-0{	padding-bottom:0 !important; }
.padding-10{ padding-bottom:10px !important; }
.padding-15{ padding-bottom:15px !important; }
.padding-20{ padding-bottom:20px !important; }
.padding-30{ padding-bottom:30px !important; }
.padding-40{ padding-bottom:40px !important; }
.padding-50{ padding-bottom:50px !important; }
.padding-60{ padding-bottom:60px !important; }
.padding-70{ padding-bottom:70px !important; }
.padding-80{ padding-bottom:80px !important; }

/* ==================================================
   Margin Bottom Sets
================================================== */

.margin-0{	margin-bottom:0 !important; }
.margin-10{ margin-bottom:10px !important; }
.margin-15{ margin-bottom:15px !important; }
.margin-20{ margin-bottom:20px !important; }
.margin-30{ margin-bottom:30px !important; }
.margin-40{ margin-bottom:40px !important; }
.margin-50{ margin-bottom:50px !important; }
.margin-60{ margin-bottom:60px !important; }
.margin-70{ margin-bottom:70px !important; }
.margin-80{ margin-bottom:80px !important; }

/* ==================================================
   Main
================================================== */

#main {
  background: url(../img/bg_top.png) repeat-x 0 0 transparent;
  margin:0;
}
#main .row {
  margin-left:0;
  margin-right:0;
}
#main .main-head,
#main .main-body {
  margin:0;
  padding:0;
}
#main .main-head {
  color: #fff;
  line-height: 1em;
  padding: 28px 0 20px;
  text-align: center;
  font-size:28px;
  font-weight:bold;
  letter-spacing: 1px;

  background: -moz-linear-gradient(top, #2C276D, #1473FA);
  background: -webkit-linear-gradient(top, #2C276D, #1473FA);
  background: linear-gradient(#2C276D, #1473FA);

	-webkit-text-shadow: 2px 4px 0 rgba(0,0,0,0.3);
	-moz-text-shadow: 2px 4px 0 rgba(0,0,0,0.3);
	-o-text-shadow: 2px 4px 0 rgba(0,0,0,0.3);
	text-shadow: 2px 4px 0 rgba(0,0,0,0.3);
}
#main .main-head em {
  font-size:1.4em;
  padding:0 0.1em;
}
#main .main-head span {
  color:#FFC926;
}
#main hr {
  margin:0;
}
#main .navbar-panel {
  display:table;
  width:900px;
  height:75px;
  margin:0 10px;
  padding:0 20px;
  background-color:#ffffff;
}
#main .navbar-panel .logo {
  display:table-cell;
  vertical-align:middle;
  /*width:1px;*/
}
#main .navbar-panel .logo img {
  /*border-right:1px solid #dddddd;*/
  padding-right:18px;
}
#main .navbar-panel .desc {
  display:table-cell;
  vertical-align:middle;
  /*padding-left:18px;*/
}
#main .navbar-panel .desc h1 {
  font-size:11px;
  color:#000000;
  line-height:1.4em;
  margin:0;
  padding:0;
}
#main .navbar-panel .contact {
  display:table-cell;
  vertical-align:middle;
  text-align:right;
}
#main h1 {
  position:absolute;
  top:0;
  left:0;
  width:0;
  height:0;
  display:none;
}

/* ==================================================
   Frame Panel
================================================== */

#main-block .frame-panel {
  text-align:left;
  margin-bottom:40px;
}
#main-block .frame-panel .frame-panel-head {
  background: url(../img/bg_panel1.jpg) no-repeat center top transparent;
  height:60px;
}
#main-block .frame-panel .frame-panel-body {
  background: url(../img/bg_panel2.jpg) repeat-y center top transparent;
  padding:0 95px;
}
#main-block .frame-panel .frame-panel-foot {
  background: url(../img/bg_panel3.jpg) no-repeat center top transparent;
  height:60px;
}
#main-block .frame-panel .frame-panel-body .image-panel {
  background-color: #eee;
  float: right;
  padding: 10px;
  width: 180px;
}
#main-block .frame-panel .frame-panel-body .image-panel img {
  width:100%;
}
#main-block .frame-panel .frame-panel-body p {
  margin:0;
  padding:10px 0 25px;
  color:#555555;
  text-align:center;
}
#main-block .frame-panel .frame-panel-body h3 {
  margin:0 0 20px !important;
  padding:25px 0 15px;
  color:#222222;
  font-size:24px;
  font-weight:bold;
  border-bottom:1px solid #99B2DC;
  line-height:1.3em;
}
#main-block .frame-panel .frame-panel-body h3.title {
  text-align:left;
  color:#bb0000;
}
#main-block .frame-panel .frame-panel-body h3.first {
  margin:0;
}
#main-block .frame-panel .frame-panel-body ul {
  margin:0;
  padding:0;
}
#main-block .frame-panel .frame-panel-body li {
  margin:0;
  padding:8px 6px 0;
  color:#002070;
  height:30px;
  border-bottom:1px dotted #99B2DC;
}

/* ==================================================
   Panel
================================================== */

#main-block .frame-panel-sm {
  background-color:#ffffff;
  padding:20px 60px;
}
#main-block .frame-panel-sm .inbox {
  background-color:#eeeeee;
  padding:30px !important;
}
#main-block .frame-panel-sm h3 {
  color:#000000;
  font-weight:bold;
  margin:0 0 25px;
  text-align:center;
}
#main-block .frame-panel-sm h4 {
  color:#000000;
  font-weight:bold;
  margin:0 0 14px;
  text-align:center;
}
#main-block .frame-panel-sm p.desc {
  color:#000000;
  margin:0;
  padding:0;
  padding-bottom:30px;
  line-height:1.5em;
}
#main-block .frame-panel-sm .message {
  background-color:#ffffff;
  margin:0;
  padding:20px 30px 2px;
}
#main-block .frame-panel-sm .message p {
  margin:0;
  padding:0;
  padding-bottom:20px;
  line-height:1.5em;
}
#main-block .frame-panel-sm .message p a,
#main-block .frame-panel-sm .message p a:focus {
  color:#0070FF;
  text-decoration:none;
}
#main-block .frame-panel-sm .message p a:hover {
  text-decoration:underline;
}

/* ==================================================
   Footer
================================================== */

footer {
  margin:0;
}
footer .cont-block {
  min-height:68px;
  margin-left:10px;
  margin-right:10px;
}
footer .row {
  margin-left:0;
  margin-right:0;
}
footer .fnav-block {
  background-color:#eeeeee;
  padding:5px;
}
footer ul.fnav {
  margin:0;
  padding:10px 0;
}
footer ul.fnav li {
  display:inline;
  color:#111111;
  font-size:12px;
  padding:0 15px;
  margin:0;
  /*border-left:1px solid #666666;*/
}
footer ul.fnav li:last-child {
  /*border-right:1px solid #666666;*/
}
footer p.copyright {
  color:#111111;
  font-size:70%;
  margin:0;
}
footer a:focus,
footer a {
  color:#333;
  /*text-decoration:none;*/
}
footer a:hover {
  color:#333;
  text-decoration:underline;
}