body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	letter-spacing: 2px;
	line-height: 1.6;
	background: #FFF;
	color: #333;
	font-weight: 300;
	overflow-x: hidden;
	margin: 0;
	padding:0;
}
a {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
a:hover {
	text-decoration: none !important;
	color: #6699FF;
}
a:visited {
    color: #333;
  }
ul, li, ol {
	margin-bottom: 1.5em;
}
ul, li {
	list-style: none;
}
img {
	max-width:100%;
}
h2,h3 {
	font-size: 1rem !important;
	background-attachment: scroll;
	background-image: url(../img/line-h2.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 40px;
	width: 100%;
	font-weight: bold;
}
p.infobox {
	height: 180px;
	overflow: auto;
	width: 100%;
	line-height: 36px;
}
.border-bottom {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
@media screen and (min-width: 768px) {
nav {
	font-size: 18px;
	margin-bottom:20px;
}
nav a {
    color: #444;
}
nav a:hover {
	transition: .3s;
	color: #6699FF;
}
.navbar-nav {
	padding: 20px 0 0 0;
	font-size: 14px;
}
.navbar-nav li {
	padding: 20px 10px 0 10px;
}

}
@media screen and (max-width: 768px) {
.navbar-brand img {
    max-hight:40px;
}
.navbar-brand {
	clear:both;
}
	
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 30px 0;
  font-weight:bold;
}
h2 {
	font-size: 2em;
}
/*スマホのみ改行*/
.sm {
    display: none;
}
.sm {
    display: block;
}
}
/*ScrollTrigger*/
.invisible{
	transition: opacity 0.5s ease;
	opacity: 0.0;
}

table { letter-spacing: 0;}
.mTB20{margin: 20px 0 20px 0;}
.mT20 {margin-top: 20px;}
.mT40 {margin-top: 40px;}
.mB20 {margin-bottom: 20px;}
.mB40 {margin-bottom: 40px;}
.pT10 {padding-top: 10px;}
.pT20 {padding-top: 20px;}
.pT40 {padding-top: 40px;}
.pT60 {padding-top: 60px;}
.pB10 {padding-bottom: 10px;}
.pB20 {padding-bottom: 20px;}
.pB40 {padding-bottom: 40px;}

/*カラムの左右の余白を15pxに戻す*/
.subtraction {margin: 0 -30px;}
.subtraction-l15 {margin: 0 0 0 -15px;}
.subtraction-r15 {margin: 0 -15px 0 0;}
.subtraction-rl15 {margin: 0 -15px 0 -15px;}
.subtraction-rl30 {margin: 0 -30px 0 -15px;}

.cB {clear:both;}

.aC {text-align:center;}
.aR {text-align:right;}

.bG_gy {background-color:#999;}
.bG_bk {background-color:#000;}
.bG_or {background-color:#F39800;}
.bG_bl {background-color:#127C9F;}
.bG_gr {background-color:#2BA23A;}
.bG_br {background-color:#666633;}

.fC_or {color:#F39800;}
.fC_wh {color:#FFF;}
.fC_br {color:#666633;}

.fS_no {font-size:12px;}
.fS_s {font-size: 11px; letter-spacing:0}
.fS_xs {font-size: 8px;}
.fS_m {font-size: 14px;}
.fS_l {font-size:16px;}
.fS_ll{font-size:24px;}
.fS_xl {font-size:36px;}
.fW_b {font-weight:bold;}

.lH_0 { line-height:1;}

/*透過 (1が不透明)*/
.xxx xximg {
  opacity: 0.5;
}
/*ゆっくり透明に*/
.xxx img {
  transition: .3s;
}
/*ホバー時に透明度50%*/
.xxx img:hover {
  opacity: 0.5;
}
.vvv img {
  opacity: 0.1;/*通常は半透明*/
  transition: .3s;
}
.vvv img:hover {
  opacity: 1;/*ホバーで不透明*/
}
p.sample1 {background-color: rgb(0,0,255);}/*不透明*/
p.sample2 {background-color: rgba(0,0,255,1);} 
p.sample3 {background-color: rgba(0,0,255,0.5);} 
p.sample4 {background-color: rgba(0,0,255,0.1);}
p.sample5 {background-color: rgba(0,0,255,0);} /*完全に透明*/

.example li {
    border-top: solid 1px black;
}
.example li:first-child{
    border-top: none;/*最初だけ線なし*/
}
.example li:last-child {
    border-bottom-width: 2px;/*最後の要素の線だけ太く*/
}
x:first-letter {
    font-size: 2.0em;/*最初の文字だけ大きく*/
}

/*.example以外をオレンジにする
【例】
<p>これは例文です</p>
<p class="example">これは例文です</p>
<p>これは例文です</p>
<p>これは例文です</p>*/
x:not(.example) {
    color:orange;
}
/*上記を複数指定の場合↓*/
x ul li:not(:last-child):not(:first-child){
    color:orange;
}
/*target属性を含んだもののみに適用させる↓*/
a[target="_blank"] {
  color:orange;
}

@media screen and (max-width: 768px) {
  .xxx {
    height: 700px;
  }
}

#page-top {
	position: fixed;
	bottom: 50px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	text-decoration: none;
	color: #fff;
	width: 60px;
	padding: 20px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	background-color: #CCC;
}
#page-top a:hover {
	text-decoration: none;
	background: #1C629B;
}
@media screen and (max-width: 768px) {
#page-top {
	position: fixed;
	bottom: 12px;
	right: 20px;
	z-index:999999;
}
#page-top a {
	text-decoration: none;
	color: #fff;
	width: 40px;
	padding: 10px 5px;
	text-align: center;
	display: block;
	border-radius: 5px;
	background-color: #e8e8e8;
}
#page-top img {
	max-width: 70%;
}
}
.youtube {
	position:relative;
	width:100%;
	padding-top:56.25%;
	float: left;
	z-index: 5;
}
.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.triangle{
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 30px solid black;
}
.triangle1{
  width: 0;
  height: 0;
  border-left: 30px solid black;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
}
.triangle2{
  width: 0;
  height: 0;
  border-top: 30px solid transparent;
  border-right: 30px solid black;
  border-bottom: 30px solid transparent;
}
.triangle3or{
  width: 0;
  height: 0px;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #F39800;
}
.triangle3bl{
  width: 0;
  height: 0px;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #9edbf7;
}
.trianglebox {
	height:50px;
}
.linedesign{
position: relative;
display: inline-block;
padding: 0 55px;
}

.linedesign:before, .linedesign:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: #FFF;
}
.linedesign:before {left:0;}
.linedesign:after {right: 0;}

.linebox {
	height:30px;
}
.main {
	font-size:30px;
	font-weight:400;
}

.point {
	line-height:1.4;
	letter-spacing:0;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	margin-bottom:20px;
}

.pointwrap img {
	max-width: 185px;
}

.point2 {
	background-attachment: scroll;
	background-image: url(file:///D|/Documents/site_seiyu/img/point-02.jpg);
	background-repeat: repeat;
	background-position: center top;
	font-weight:bold;
	color:#FFF;
	padding: 8px 0 0 14px;
	margin-bottom:20px;
	border-radius: 0.5rem;
	height:32px
}
.point3 {
	background-attachment: scroll;
	background-image: url(file:///D|/Documents/site_seiyu/img/point-03.jpg);
	background-repeat: repeat;
	background-position: center top;
	font-weight:bold;
	color:#FFF;
	padding: 8px 0 0 14px;
	margin-bottom:20px;
	border-radius: 0.5rem;
	height:32px
}
.toprotect { 
	color:#FFF;
	font-size:1.3em;
}
	
.contact {
	display:block;
	font-weight:200;
	size:16px;
	text-align:center;
}
.cover {
  position: absolute !important;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.8);
}
.cover-img .cover-bl {
	height: 400px;
	display: table;
	background-size: cover;
}

/* ワイドスクリーン用のCSS */
@media only screen and (min-width: 1500px) {
	.cover-img .cover-bl {
		height: 600px;
	}
}

/* タブレット用のCSS */
@media only screen and (min-width : 768px) and (max-width : 1200px) {
	.cover-img .cover-bl {
		height: 500px;
	}
}

/* スマホ用のCSS */
@media only screen and (max-width: 479px) {
	.cover-img .cover-bl {
		height: 300px;
	}
}


.cover-img .cover-bl-b {
	height: 300px;
	display: table;
	background-size: cover;
}
/* ワイドスクリーン用のCSS */
@media only screen and (min-width: 1500px) {
	.cover-img .cover-bl-b {
		height: 300px;
	}
}

/* タブレット用のCSS */
@media only screen and (min-width : 768px) and (max-width : 1200px) {
	.cover-img .cover-bl-b {
		height: 300px;
	}
}

/* スマホ用のCSS */
@media only screen and (max-width: 479px) {
	.cover-img .cover-bl-b {
		height: 300px;
	}
	.navbar img {
	max-height: 30px;
}
}
.cover-bl, .cover-bl-b {background-color:rgba(0,160,233,0.5);
}
.transparent {background-color: rgba(0,0,255,0);} 

.qa_q {
	color: #FFF;
	background-attachment: scroll;
	background-image: url(file:///D|/Documents/site_seiyu/img/q.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 360px auto;
	height: 45px;
	width: 100%;
	padding-top: 12px;
	padding-bottom: 5px;
	padding-left: 53px;
	letter-spacing:0px;
}
.qa_s {
	color: #FFF;
	background-attachment: scroll;
	background-image: url(file:///D|/Documents/site_seiyu/img/s.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 360px auto;
	height: 65px;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 5px;
	padding-left: 53px;
	letter-spacing:0px;
}

.item_bl {
	font-weight: bold;
	color: #FFF;
	background-color: #127C9F;
	float: left;
	padding-top: 10px;
	padding-right: 3%;
	padding-bottom: 5px;
	padding-left: 3%;
	font-size: 2em;
	line-height:1em;
}
.item_gr {
	font-weight: bold;
	color: #FFF;
	background-color: #2BA23A;
	float: left;
	padding-top: 10px;
	padding-right: 3%;
	padding-bottom: 5px;
	padding-left: 3%;
	font-size: 2em;
	line-height:1em;
}
.item_gy {
	font-weight: bold;
	color: #FFF;
	background-color: #999;
	float: left;
	padding-top: 10px;
	padding-right: 3%;
	padding-bottom: 5px;
	padding-left: 3%;
	font-size: 2em;
	line-height:1em;
}
.tittle {
	font-weight:bold;
	padding: 5px;
}
.fitwrap ul {
	margin:0;
	padding:0;
}
.fitwrap li {
	margin:0;
	line-height:1.1em;
	padding: 10px 0 15px 0;
	font-size:14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/* 先端が尖った見出し */
.tittle-fit-bl {
position: relative;
padding: 0.5em;
margin: 20px 0 0 0;
background: #127C9F;
color: white;
}
.tittle-fit-bl::before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 15px transparent;
border-right: solid 20px rgb(149, 158, 155);
}

.tittle-fit-blb {
	color: #127C9F;
	font-size:16px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

footer {
	padding:15px 0;
	background-color: #054570;
	color: #FFF;
}
.footer_menu a {
	color: #FFF;
}
.footer_menu a:hover {
	color: #69F;
}
.footer_copy {
	font-size: 9px;
	letter-spacing: 1px;
}
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}



/* アイコンサイズ */
.material-icons.md-17 { font-size: 17px; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
 
/* 背景が明るいとき用のアイコン色 */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }
 
/* 背景が暗いとき用のアイコン色 */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

.border-bottom {
  border-bottom: 2px solid #999 !important;
}
.topmenu {
	text-align: center;
	color: #FFF;
	font-size: 16px;
	height: 140px;
	line-height: 140px;
	margin: 10px 0;
}
.topmenu a {
	color: #FFF;
	display: block;
	width:100%;
	height:100%;
}
.topmenu a:hover {
	color: #1C629B;
	background-color: #CCC;
}
.blue01 {
	background-color: #1C629B;
}
.blue02 {
	background-color: #4B87AF;
}
.blue03 {
	background-color: #73A2C9;
}
.blue04 {
	background-color: #6596B7;
}
/* productspage */
.productsmenu {
	color: #FFF;
	font-size: 16px;
}
.productsmenu div{
	color: #fff;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	vertical-align: top;
}

.productsmenu ul li {
	display:inline;
	font-size: 12px;
}
.productsmenu ul li a {
	color: #000;
	display: block;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.productsmenu li a:hover {
	color: #1C629B;
}
/* productspage itempage共通 */
.example {
	font-size: 18px;
	font-weight: bold;
	background-color: #3C9;
	text-align: center;
}
.example a {
	display:block;
	color:#FFF;
	border: 5px solid #FFF;
	height: 60px;
	padding-top: 10px;
	padding-bottom: 5px;
	margin: 5px 15px;
	letter-spacing: 5px;
}
.example a:hover {
	color:#FFF;
	background-color: #52b585;
}
.green {
	background-color: #3C9;
	height: 90px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.pdf {
	font-size: 18px;
	font-weight: bold;
	background-color: #F96;
	text-align: center;
}
.pdf a {
	display:block;
	color:#FFF;
	border: 5px solid #FFF;
	height: 60px;
	padding-top: 10px;
	padding-bottom: 5px;
	margin: 5px 15px;
	letter-spacing: 5px;
}
.pdf a:hover {
	color:#FFF;
	background-color: #f8bd61;
}
.process {
	font-size: 18px;
	font-weight: bold;
	background-color: #F96;
	text-align: center;
}
.process a {
	display:block;
	border: 5px solid #FFF;
	height: 30px;
	padding-top: 15px;
	padding-bottom: 5px;
	letter-spacing: 5px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
.process a:hover {
	color:#FFF;
	background-color: #f8bd61;
	background-position: 255;
}
.orange {
	background-color: #F96;
	height: 90px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.movie {
	font-size: 18px;
	font-weight: bold;
	background-color: #999;
	text-align: center;
}
.movie a {
	display:block;
	border: 5px solid #FFF;
	height: 30px;
	padding-top: 15px;
	padding-bottom: 5px;
	letter-spacing: 5px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
.movie a:hover {
	color:#FFF;
	background-color: #CCC;
	background-position: 255;
}
.m-gray {
	background-color: #999;
	float: left;
	height: 60px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 20px;
}
/* companypage */
.company {
	margin-bottom: 50px;
	letter-spacing: 1px;
}
.company li {
	padding: 20px;
	letter-spacing: 1px;
	vertical-align: middle;
}
.company-l {
	background: #CCC;
	text-align: center;
}
.company-r {
	background: #f8f8f8;
}
.company .col-md-4 {
	margin-right: 10px;
	margin-left: -20px;
}
.company .col-md-8 {
	margin-right: 10px;
	margin-left: -20px;
}
.map {
	background-color: #1C629B;
	text-align: center;
	width: 50px;
	margin-left: 30px;
	padding: 5px 20px;
}
.map a {
	color: #FFF;
}
.map a:hover {
	background-color: #4B87AF;
	width: 50px;
	padding: 5px 20px;
}

/* sitemappage */
.sitemap {
	text-align: center;
	color: #FFF;
	font-size: 16px;
}
.sitemap a {
	color: #FFF;
	display: block;
	height: 40px;
	padding: 10px 0px;
}

.sitemap a:hover {
	color: #1C629B;
	background-color: #dadada;
	height: 40px;
	padding: 10px 0px;
}

.sitemap .menu li {
	display: block;
	width: auto;
	height: 25px;
	line-height: 14px;
	font-size: 12px;
	padding: 5px 0;
}
.sitemap .menu li a {
	color: #999;
}
.sitemap .menu li a:hover {
	color: #1C629B;
	background-color: #dadada;
	height: 40px;
}
.menu .gray {
	background-color: #AAA;
	display: block;
	height: 40px;
	padding: 10px 0px;
}


.line1 {
	background-attachment: scroll;
	background-image: url(../img/sitemap1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 60px;
	margin: 20px 0;
}
.line2 {
	background-attachment: scroll;
	background-image: url(../img/sitemap2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 80px;
	margin: 20px 0;
}

/* itempageパンくず */
.syncer-brcb {
	font-size: 11px;
	overflow: hidden ;
	list-style-type: none ;
}
.syncer-brcb a {
	color: #333;
}
.syncer-brcb a:hover {
	color: #69F;
}
.syncer-brcb li {
	float: left ;
}
.syncer-brcb li:after {
	content: ">";
	padding: 0 20px ;
}
.syncer-brcb li:last-child:after {
	content: none ;
}

/* itempage */
.wrap {
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 40px;
}
.itempdf {
	padding-bottom: 50px;
}
.ttl {
	font-size: 22px;
	float: left;
	width: 95%;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #FFF;
	background-color: #09C;
	padding-left: 5%;
	margin-top: 10px;
	margin-bottom: 20px;
	font-weight: bold;
}
.wrapttl {
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #09C;
	float: left;
	width: 95%;
	padding-left: 2%;
	font-weight: bold;
}
.wrapttl_t {
	width: 100%;
	height: 30px;
	margin: 10px 0;
	background-attachment: scroll;
	background-image: url(../img/ttl_t.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.wrapttl_y {
	width: 100%;
	height: 30px;
	margin: 10px 0;
	background-attachment: scroll;
	background-image: url(../img/ttl_y.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
table.type01 {
	border-collapse: collapse;
	width: 100%;
	border-spacing: 0;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 98%;
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: center;
	margin-right: 1%;
	margin-left: 1%;
}
table.type01 th {
	padding: 3px;
	font-weight: bold;
	background: #eee;
	letter-spacing: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
}
table.type01 td {
	padding: 3px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	letter-spacing: 1px;
}
table.type02 {
	border-collapse: collapse;
	width: 100%;
	border-spacing: 0;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 98%;
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: center;
	margin-right: 1%;
	margin-left: 1%;
}
table.type02 th {
	padding: 3px;
	font-weight: bold;
	background: #eee;
	letter-spacing: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
	font-size: 11px;
}
table.type02 td {
	padding: 3px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	letter-spacing: 0px;
	font-size: 11px;
}

@media screen and (max-width: 400px) {
  table {
    border-top: 1px solid #999;
  }
  table td {
    display: block;
    text-align: center;
  }
  table th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
  }
}
.ft_l {
	font-size:14px;
}
.rd {
	color: #cb0404;
	letter-spacing: 1px;
	font-weight: bold;
}
.bl {
	color: #69C;
	font-weight: bold;
}
.sm {
	font-size: 11px;
	line-height: 12px;
	letter-spacing: 0px;
}
.att {
	font-size: 11px;
	line-height: 11px;
	letter-spacing: 0px;
	color: #cb0404;
}
.bg_bl {
	font-weight: bold;
	color: #FFF;
	background-color: #69C;
	padding: 3px;
	line-height: 30px;
}
.bg_blS {
	font-weight: bold;
	color: #FFF;
	background-color: #69C;
	padding: 3px;
}
.bg_rd {
	font-weight: bold;
	color: #FFF;
	background-color: #cb0404;
	padding: 3px;
}


.ttlItem {
	font-size: 16px;
	font-weight: bold;
	width: 100%;
}
.ttlItem_l {
	font-size: 13px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	line-height: 18px;
	float: left;
	width: 100%;
	letter-spacing: 0px;
	padding: 0px;
}
.number ol {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}

.number li {
  margin-bottom: 10px;
  padding-left: 30px;
  position: relative;
}
.number li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #69C;
  color: #FFF;
  display: block;
  float: left;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 50%;
}

/* sitemappage */
#sitemap {
	width: 100%;
	float: left;
	text-align: center;
	color: #FFF;
	font-size: 16px;
	margin: 0;
	padding: 0px;
}
#sitemap ul {
	display:table;
	table-layout:fixed;
	list-style-type: none;
	border-collapse: separate;  /* セルの間隔を空ける */
	border-spacing: 10px 10px;  /* 左右 上下で記述 */
}
#sitemap ul li {
	display:table-cell;
	width:auto;
	height: 60px;
	line-height: 60px;
}
#sitemap ul li a {
	color: #FFF;
	display: block;
	width:100%;
	height:100%;
}

#sitemap ul li a:hover {
	color: #1C629B;
	background-color: #dadada;
}
#sitemap ul li ul  {
	list-style-type: none;  /* セルの間隔を空ける */
	border-spacing: 10px 0;  /* 左右 上下で記述 */
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#sitemap ul li ul li {
	display: block;
	width: auto;
	height: 28px;
	margin: 0;
}
#sitemap ul li ul li a {
	color: #999;
	font-size:12px;
}
.gray {
	background-color: #AAA;
}

.line1 {
	background-attachment: scroll;
	background-image: url(../img/sitemap1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.line2 {
	background-attachment: scroll;
	background-image: url(../img/sitemap2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding: 0px;
}