@charset "UTF-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, hr {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

* {
  margin: 0;
  padding: 0;
  text-decoration: none;
}

html {
  line-height: 100%;
}

body {
  font-size: 28px;
  text-align: left;
  font-family:"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #333333;
  min-width: 640px;
  line-height: 100%;
  -webkit-text-size-adjust: 100%;
}

/*----Common------------------------------*/
img {
  border: 0;
}

ul {
  list-style-type: none;
}

li {
  list-style: none;
  padding: 0;
  border: none;
}

.clClear {
  clear: both;
  height: 0;
  line-height: -1px;
  font-size: 0px;
}

.clEndClear {
  clear: both;
  padding: 0px;
  margin: 0px;
  line-height: 0px;
  font-size: 0px;
  line-height: -1px;
}

a {
  border: 0;
  color: #000;
  margin: 0;
  padding: 0;
}
a img {
  margin: 0;
  padding: 0;
  vertical-align: text-bottom;
}
a:hover {
  color: #000;
  text-decoration: none;
}

/*----Header------------------------------*/
header {
  width: 100%;
  padding: 16px 0 12px 0;
  z-index: 999;
}
header #idHeadInner {
  width: 600px;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
  position: relative;
}
header #idHeadInner #idLogo {
  width: 270px;
  float: left;
  padding-top: 10px;
  padding-left:15px;
}
header #idHeadInner #idLogo span {
  display: block;
  margin-top: 10px;
  font-size: 24px;
  text-align: center;
}
header #idHeadInner #idLogo span.tachikawa {
  color: #3D4D00;
}
header #idHeadInner #idLogo span.omiya {
  color: #255F81;
}
header #idHeadInner #idLogo span.kobe {
  color: #873000;
}
header #idHeadInner #idMainNaviBtn {
  width: 86px;
  float: right;
  margin: 0;
}
header #idHeadSns{
	width:100%;
	border-top:solid 2px #CCCCCC;
	padding-top:12px;
	margin-top:21px;
	height:50px;
}
header #idHeadSns li{
	height:50px;
	width:158px;
	float:left;
	text-align:center;
	border-right:solid 2px #CCCCCC;
}
header #idHeadSns li.clList02{
	width:159px;
}
header #idHeadSns li:last-child {
	border:none;
}
header #idMainNavi {
  width: 100%;
  position: absolute;
  top: 77px;
  left: 0;
  display: none;
  z-index: 9999;
  background:url(../img/share/bg1.png) left top repeat;
}
header #idMainNavi .topNavi{
  width: 600px;
  margin: 0 auto;
}
header #idMainNavi ul.topNavi  li {
	height:79px;
	width:100%;
	border-bottom: 2px solid #FFF;
	text-indent:20px;
	background:url(../img/share/arrow1.png) 570px 34px no-repeat;
}
header #idMainNavi ul.topNavi li:last-child {
  border:none;
}
header #idMainNavi ul.topNavi li a{
	width:100%;
	height:79px;
	line-height:76px;
	color:#FFF;
	font-size:22px;
	margin:0;
	padding:0;
	display:block;
}

header .langBox {
  text-align: left;
  position: absolute;
  top: 22px;
  right: 100px;
}
header .langBox select {
  background: #FFF;
}
header .langBox select,header .langBox option {
  font-size: 22px;
  /* color: #FFF; */
}

/*----Contents------------------------------*/
#idContainer {
  width: 100%;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
}

#idContents {
  margin: 0 auto 76px;
  clear: both;
  overflow: hidden;
}

#idHeadvis {
  width: 100%;
  height: 240px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  position: relative;
  overflow: hidden;
  clear: both;
}
#idHeadvis h2 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

/*----Footer------------------------------*/
footer {
  width: 100%;
  margin: 0;
  padding: 10px 0 17px;
  background-color: #5B5B5B;
  text-align:center;
}
footer #idFooterLogo {
  width: 180px;
  margin: 0 auto 10px auto;
  text-align:center;
}
footer #idCopy {
	font-size: 12px;
	color: #fff;
}

/*----Contents------------------------------*/
#idContents {
  width: 640px;
  margin: 0 auto;
  background:url(../img/share/bg2.jpg) center bottom no-repeat;
}
#idContents .clWid600 {
  width: 600px;
  margin:0 auto;
}


/*----Caption------------------------------*/
.idCaption01 {
  margin-top: 15px;
}


/*----MarginTop------------------------------*/
.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

/*----MarginRignt------------------------------*/
.mr0{
	margin-right:0px  !important;
}

/*----PaddingRight------------------------------*/
.pr5 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pr50 {
  padding-right: 50px !important;
}