@charset "utf-8";
      /******************************************************************** structure
*/
      
      body {
          color: #333333;
          line-height: 1.4;
          font: normal normal 84%/1.65em Verdana, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
      }
      /******************************************************************** header
*/
      
      #header01 {
          background-color: #015B4F;
          height: 30px;
      }
      
      #header01 .inner {
          margin: 0 auto;
          width: 920px;
      }
      
      #header01 .inner ul {
          margin: 6px 0 0 0;
          float: right;
      }
      
      #header01 .inner ul li {
          margin: 0 0 0 10px;
          float: left;
      }
      
      #header02 {
          margin: 0 auto 0 auto;
          background-color: #02947F;
          height: 100px;
      }
      
      #header02 .inner {
          margin: 0 auto 0 auto;
          width: 920px;
      }
      
      #header02 h1 {
          margin: 20px 30px 0 0;
          float: left;
      }
      
      #header02 .inner ul {
          margin: 42px 10px 0 0;
          float: left;
      }
      
      #header02 .inner ul li {
          margin: 0 0 0 10px;
          float: left;
      }
      
      #header02 .inner .contact {
          margin: 30px 0 0 0;
          float: right;
      }
      
      #wrapper {
          margin: 0 auto 30px auto;
          width: 920px;
      }
      /******************************************************************** side
*/
      
      .col-a {
          float: left;
          width: 650px;
          margin: 20px 0 0 0;
      }
      
      .col-a h2 {
          margin: 0 0 25px 0;
      }
      
      .col-a h3 {
          margin: 0 0 20px 0;
      }
      
      .col-a p {
          margin: 0 0 15px 0;
      }
      
      .col-b {
          float: right;
          width: 240px;
          margin: 20px 0 0 0;
      }
      
      .col-b ul.submenu {
          margin: 0 0 20px 0;
      }
      
      .col-b ul.submenu li {
          margin: 0;
          padding: 0;
          line-height: 0;
      }
      
      .col-b ul.bn {
          margin: 0 0 20px 0;
          padding: 0;
          line-height: 0;
      }
      
      .col-b ul.bn li {
          margin: 0 0 15px 0;
          padding: 0;
          line-height: 0;
      }
      
      .col-b-top {
          float: right;
          width: 240px;
      }
      
      .col-b-top ul li {
          margin: 0 0 15px 0;
          text-align: center;
      }
      
      .col-b ul.sample li {
          margin: 0 0 12px 0;
          padding-left: 20px;
          line-height: 1.4;
          background: url(../images/common/side_arrow.jpg) 2px 2px no-repeat;
      }
      
      .col-b-top iframe {
          width: 240px;
      }
      /******************************************************************** footer
*/
      
      #footer01 {
          color: #fafafa;
          height: 30px;
          font-size: 11px;
          width: 100%;
          background-color: #015B4F;
      }
      
      #footer01 .inner {
          margin: 0 auto;
          width: 920px;
      }
      
      #footer01 a:link {
          color: #fafafa;
          text-decoration: none;
      }
      
      #footer01 a:visited {
          color: #f5f5f5;
          text-decoration: none;
      }
      
      #footer01 a:hover {
          color: #fafafa;
          text-decoration: underline;
      }
      
      #footer01 ul {
          text-align: center;
          padding: 4px 0 0 0;
      }
      
      #footer01 ul li {
          display: -moz-inline-box;
          display: inline-block;
          /display: inline;
          /zoom: 1;
          padding-right: 10px;
      }
      
      #footer02 {
          color: #fafafa;
          height: 120px;
          font-size: 11px;
          width: 100%;
          background-color: #02947F;
      }
      
      #footer02 .inner {
          margin: 0 auto;
          width: 920px;
      }
      
      #footer02 .inner .foot_logo {
          padding: 25px 0 10px 0;
      }
      /******************************************************************** social icons
*/
      
      #footer02 .inner .social-footer {
          margin: 0 auto;
          text-align: center;
          list-style: none;
      }
      
      #footer02 .inner .social-footer li {
          display: inline-block;
          margin: 10px;
      }
      
      #footer02 .inner .social-footer li a {
          font-size: 32px;
          color: #fff;
      }
      
      #footer02 .inner .social-footer li:hover a {
          color: #0D7385;
      }
      
      #copy {
          width: 100%;
          padding: 8px 0 8px 0;
          background-color: #02947F;
      }
      
      #copy p {
          margin: 2px 0 0 0;
          line-height: 1.4;
          text-align: center;
          font-size: 10px;
          color: #fafafa;
      }
      
      .address {
          float: left;
          margin-right: 20px;
      }
      
      address {
          line-height: 1.4em;
      }
      /* --------------------------------------------------
other
-------------------------------------------------- */
      
      .sec {
          margin: 0 0 40px 0;
      }
      
      .sec2 {
          margin: 0 0 80px 0;
      }
.sec3 {
	text-align: center;
	margin: 20px 0;
      }
      .sec4 {
	margin: 20px 0;
		  color: #666;
      }
.sec4 h4 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: lighter;
	border-bottom: 3px solid #666;
	font-size: 16px;
      }
.sec4 h5 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: lighter;
	border-bottom: 3px solid #666;
	font-size: 16px;
      }
.sec4 h6 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: lighter;
	border-bottom: 3px solid #666;
	font-size: 16px;
      }
.sec5 {
          margin: 0;
      }
      .noborder {
          border: none;
      }
.sam {
          width: 200px;
	margin: 10px 6px;
      }
      /*
a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background: #fff;
}
*/
      
      .bn_cata {
          background: url("../images/common/bn_digicata_on.jpg") no-repeat;
          width: 240px;
          height: 85px;
      }
      
      .bn_cata a {
          display: block;
      }
      
      .bn_cata a:hover {
          background-color: transparent;
          /* IE6対応 */
      }
      
      .bn_cata img {
          border: none;
      }
      
      .bn_cata a:hover {
          background: none;
      }
      
      .bn_cata a:hover img {
          visibility: hidden;