@charset "utf-8";
/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　reset
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/


html, body {
	height:100%;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ul {
	list-style:none;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.pc-only {
	display: none !important;
}

.sp-only {
display: inline-block !important;
}


@media screen and (min-width: 64em) { /*1024px以上*/

.pc-only2 {
display: inline-block !important;
}

.sp-only2 {
	display: none !important;
}
}


@media screen and (min-width: 48em) { /*768px以上*/

.pc-only {
display: inline-block !important;
}

.sp-only {
	display: none !important;
}
}

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　clearFix
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/


.clearFix:after,
#gMenu:after,
#header:after,
#gMenu:after,
#gMenu ul:after,
#footer:after,
body.home .newsBox .piukUp a:after,
body.home .newsBox dl.newsList a:after,
body.home .newsBox dl.newsList:after,
body.news #beta dl.newsList:after,
body.news #beta dl.newsList a:after,
#alpha .pickupItem:after,
#beta .snsList:after{
	display: block;
	clear: both;
	content: "";
}

.clearRight {
	clear:right;
}

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　link
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/

/*基本リンク*/
a:link {
	color:#015DB2;
	text-decoration:none;
}

a:visited {
	color:#015DB2;
	text-decoration:none;
}

a:hover {
	color:#015DB2;
	text-decoration:none;
}

/*画像リンク(半透明)*/
a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

/*半透明*/
a.linkEffect:hover,
#beta ul.listSym01 a:hover,
#beta ul.listSym02 a:hover,
#footerBannerBox a:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}


/*オーバー時のみ下線*/
body.home .newsBox dl.newsList a:hover,
body.news #beta dl.newsList a:hover,
#alpha .subMenuBox a:hover,
#alpha .subMenuBox2 a:hover,
#beta table.proposalList td a:hover,
#beta .listSym05 a:hover{
	text-decoration:underline;
}

/*リンク時下線*/
a.linkBorder:link{
	color:#015DB2;
	text-decoration:underline;
}

a.linkBorder:visited {
	color:#015DB2;
	text-decoration:underline;
}

a.linkBorder:hover {
	color:#015DB2;
	text-decoration:none;
}

body.news #beta .freeSpace a:link{
	color:#015DB2;
	text-decoration:underline;
}

body.news #beta .freeSpace a:visited {
	color:#015DB2;
	text-decoration:underline;
}

body.news #beta .freeSpace a:hover{
	color:#015DB2;
	text-decoration:none;
}






/*リンク文字黒*/
a.linkBlack1:link {
	color:#000;
	text-decoration:none;
}

a.linkBlack1:visited {
	color:#000;
	text-decoration:none;
}

a.linkBlack1:hover {
	color:#000;
	text-decoration:none;
}

/*リンク文字ホワイト*/
#header a {color:#FFF;}
#gMenu a {color:#FFF;}

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　Typography
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/


i.fa{margin-right:5px;}



html, .pure-g [class *= "pure-u"] {
	/* Set your content font stack here: */
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","小塚ゴシック","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	 line-height:1.6em;
}



/*文字の太さ*/

h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
}

strong {
	font-weight:500;
}

#beta .titSym01{
 font-weight:bold;
}



/*文字サイズ＆行間*/
body {
	font-size:0.9em
}

.fontXsmall {
	font-size: 70% !important;
}

.fontSmall {
	font-size: 85% !important;
}

.fontNormal {
	font-size: 100% !important;
}

.fontLarge {
	font-size: 110% !important;
	 line-height:1.8em;
}

.fontXlarge {
	font-size: 125% !important;
}


/*小*/
#header #sMenu li.menuA,
body.home .newsBox dl.newsList dt,
#beta ul.listSym01 .word p,
#beta ul.listSym02 .word2 p,
#footerBannerBox .banKifu p{font-size: 85%;line-height:1.8em;}

/*ノーマル*/
body.about .visionBox li p{font-size: 100%;}


/*大*/
#beta ul.listSym01 .word h3,
#gMenu ul li{	font-size: 110%;line-height:1.8em;}
#beta ul.listSym02 .word h3{font-size: 120%;line-height:1.8em;}
#footerBannerBox .banKifu h2{font-size: 125%;}

/*特大*/
body.home .conceptBox h1 {font-size: 180%;line-height:40px;}
.contentName{font-size: 180%;}
body.home .contentTit {font-size: 180%;}


@media screen and (max-width: 1023px) { /*1024px以下*/
    body.home .conceptBox h1 {
        font-size: 160%;
    }
}


@media screen and (max-width: 767px) { /*768px以下*/


#header #sMenu #sMenu li{
	font-size: 85%;
}

#header #sMenu li {
	font-size: 110%;
}

body.home .newsBox dl.newsList dt {
	font-size: 85%;
}

body.home .conceptBox h1 {
	font-size: 140%;
	line-height:30px;
}

body.home .contentTit {
	font-size: 140%;
}

body.home .visionBox li h2,
body.about .visionBox li h2 {
	font-size: 140%;
}

body.home .visionBox li p,
body.about .visionBox li p {
	font-size: 85%;
}

.contentName{
	font-size: 130%;
}


}
 @media screen and (max-width: 567px) {/*568px以下*/

body.home .conceptBox h1 {
	font-size: 90%;
	line-height:30px;
}

#header #sMenu li {
	font-size: 85%;
}

body.media #beta .mediaList .word .btn{
font-size: 85%;
}

}

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　Color
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/

body{
 color:#333;
}

.colorBlue{
 color:#015DB2;
}

.colorOrange{
 color:#F60;
}

.colorPink{
 color:#F94B33;
}


.colorGlay{
 color:#666;
}

.bkBlue{
	/*background-color:#F0F4D9 !important;*/
  background-color:#EFF7FD !important;
	padding:50px 0px 40px 0px;
}



.bkWhite {
	background-color:#FFF !important;
	padding:50px 0px 40px 0px;
}

 @media screen and (max-width: 48em) {  /*768px以下*/

.bkBlue{
	background-color:#EFF7FD !important;
	padding:20px 0px;
}

.bkWhite {
	background-color:#FFF !important;
	padding:20px 0px;
}
}
 @media screen and (max-width: 35.5em) {/*568px以下*/

}



/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　Navigation Styles
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/


#gMenu {
	display:block;
	width:100%;
	background-color:#015DB2;
	text-align:center;
}


#gMenu .btnClose{
  display:none;
}

#gMenu ul {
	/*display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	-webkit-justify-content: space-around;*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  js-display: flex;	
  text-align: center;
  width: 100%;
	max-width:1024px;
	margin:0px auto;
	border-left:1px solid #84B5D7;
  text-align:center;
}

#gMenu ul li {
/*	flex-grow: 1;
	-webkit-flex-grow: 1;*/
 -webkit-box-flex: 1;
  box-flex: 1;
  width: 100%;
  vertical-align: middle;
	border-right:1px solid #84B5D7;
}


#gMenu ul li a {
	display:block;
	padding:10px 0px;
	width:100%;
}

#gMenu ul.normalList li a:link{
	background-color:#015DB2;
}

#gMenu ul.normalList li a:visited{
	background-color:#015DB2;
}

#gMenu ul.normalList li a:hover {
  background-color:#0056A6;
}



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

#gMenu {
	display:none !important;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	padding:0px;
	background-color:rgba( 8,106,175, 0.9 );
	z-index:201;
}

#gMenu .btnClose{
	display:block;
  float:right;
	margin:5px 5px 0px 0px;
	width:50px;
	background-color:#015DB2;
}

#gMenu .btnClose img{
  width:100%;
	height:auto;
}


#gMenu ul {
	display: block;
	width:100%;
	max-width:1024px;
	margin:0px auto;
	padding-top:5px;
	border-left:none;
}

#gMenu ul li {

}

#gMenu ul li:first-child {
	border-left:none;
}

#gMenu ul li a {
	display:block;
	padding:10px 0px;
	width:100%;
}


#gMenu #gMenuInner{
  margin-top:10px;
  clear:both;
	margin:20px auto;
}

#gMenu ul li {
	margin: 0px;
	background-color:#015DB2;
	border-bottom: 1px solid #FFFFFF;
	width:100%;
  text-align:left;  
}

#gMenu ul li:first-child{
	border-top: 1px solid #FFFFFF;
}


#gMenu ul li a {
	display: block;
	margin: 0;
	padding: 15px 30px 15px 10px;
	position: relative;
	text-decoration: none;
  color:#FFFFFF;
	width:100%;
}

#gMenu ul li a:after {
	position: absolute;
	content: "";
	display: inline-block;
	right: 14px;
	top: 50%;
	width: 10px;
	height: 10px;
	margin-top: -0.5em;
	border-top: 2px solid #84B5D7;
	border-right: 2px solid #84B5D7;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#gMenu ul.pickUpList li{
  border:none;
	margin:10px auto;
	width:80%;
}

#gMenu ul.pickUpList li a:after {
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
}

}


/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　Base Styles
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/


.sky {
	width:100%;
	position:absolute;
	height:700px;
	background: url(../img/com/sky.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:-10;
}

body.home .sky{
	height:700px !important;
}

.skyInner{
  width:100%;
	height:100px;
  background: url(../img/com/cover-sky.png) repeat-x center center; 
	z-index:-10;
	margin-top:600px;
}

#header {
	max-width:1024px;
	margin:0px auto;
	padding:10px 10px 20px 10px;
}

#header .logo {
	float:left;
	margin-top:20px;
}

#header .logo img{
  width:100%;
	height:auto;
}


#header #sMenu {
	float:right;
}

#header #sMenu li {
	float:right;
	padding-left:10px;
	padding-top:10px;
}

#header #sMenu li.menuA {
	padding-left:20px;
}


.btnOpen{
  display:none;
}


.contentName{
  color:#FFF;
	clear:both;
	text-align:left;
	padding:40px 10px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

#content{
  background-color:#FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	min-height:500px;
	padding:30px 40px 60px 40px;
}

#footerBannerBox{
	margin:0px auto;
   padding:0px 40px 25px 40px;
	 max-width:1024px;
	 text-align:center;
}


body.home #footerBannerBox{
   padding:0px 0px 25px 0px;
}

#footerBannerBox .banKifu{
  text-align:left;
	border:1px solid #FEE4E0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;	
	width:100%;
	margin-top:30px;
	background: url(../img/com/bk-kifu.png) no-repeat right center;
	background-size:auto 100%;
	background-color:#FFF8F7;
}


#footerBannerBox .banKifu a{
	width:100%;
	padding:20px 240px 20px 20px;
	display:block;
}



#footerBannerBox .banKifu h2{
  color:#FF6666 !important;
	font-weight:bold;
}

#footerBannerBox .banKifu p{
  color:#666 !important;
	padding-right:20px;

}

#footerBannerBox .banKifu .btn{
  text-align:left;
	display:block;
}




#footer {
	width:100%;
	background-color:#015DB2;
	color:#FFF;
	padding:20px 0px 30px 0px;
}

#footer a {
	color:#FFF;
}

#footer .siteMapColumn {
	padding-right:10px;
}

#footer .siteMapColumn h3 {
	margin-top:15px;
}

#footer .siteMapColumn ul {
	margin-left:20px;
}

#footer .detailColumn {
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}

#footer .detailColumn .logo {
}


#footer .detailColumn .tel {
	margin:20px 0px;
}

#footer .detailColumn .access {
	margin:20px 0px 10px 0px;
}

#footer .coptRight {
	text-align:center;
	padding:40px 0px 20px 0px;
}


@media screen and (max-width: 1023px) {
#content{
	padding:30px 20px 30px 20px;
}
}


@media screen and (max-width: 767px) {
	
#header {
	padding:5px 5px;
	height:60px;
}	

body.home #header {
	padding:5px 5px;
	height:auto;
}

#header .logo {
	float:left;
	margin-top:0px;
}


#header {
	background-color:#015DB2;
}

#header .logo{
	margin:5px 5px;
  max-width:260px;
	height:auto;
}



.btnOpen{
	display:block;
  float:right;
	margin:0px 0px 0px 0px;
	color:#000;
	width:50px;
}

.btnOpen img{
  width:100%;
	height:auto;
}

/*.btnOpen a{
color:#015DB2 !important;
}*/


#header #sMenu .menuA{
  display:none;
}

body.home #header #sMenu .menuB{
  display:block;
}
    
body.home #header #sMenu .menuB2{
  display:none;
}

#header #sMenu .menuB{
  display:none;
}

#header #sMenu{
	padding:0px 0px 5px 0px;
  margin:0px auto;
	width:100%;
	clear:both;
  position: relative; 
  overflow: hidden;
}

#header #sMenu ul{
	padding:0px;
	margin:0px;
  position: relative;
  right: 50%; 
  float: right;
}

#header #sMenu ul li{
  position: relative;
  right: -50%;
  float: right;
	padding:0px;
	margin:0px;
}

#header #sMenu ul li:first-child{


}

#header #sMenu li a{
  padding:8px;
	margin:3px 3px 3px 3px;
}




.contentName{
	padding:10px 10px;
}

#content{
	padding:20px;
}

#footerBannerBox{
	margin:0px auto;
   padding:0px 10px;
	 max-width:1024px;
	 text-align:center;
}

body.home #footerBannerBox{
   padding:0px 10px;
}



#footerBannerBox .banKifu{
  background:none;
	background-color:#FFF8F7;
}

#footerBannerBox .banKifu a{
	padding:15px;
}


#footerBannerBox .banKifu p{
	padding-right:0px;

}

#footerBannerBox .banKifu .btn{
  text-align:center;
	display:block;
}



#footer {
  padding:0px;
	margin:20px 0px 0px 0px;
}

#footer .siteMapColumn {
  padding:0px;
	margin:0px;
}

#footer .siteMapColumn i{
   display:none;
}

#footer .siteMapColumn h3 {
	margin:0px;
  border-bottom:1px solid #84B5D7;
	font-weight:normal;
}

#footer .siteMapColumn h3 a {
	color:#FFF;
	display: block;
	margin: 0;
	padding: 10px 30px 10px 5px;
	position: relative;
	text-decoration: none;
}


#footer .siteMapColumn h3 a:after {
	position: absolute;
	content: "";
	display: inline-block;
	right: 14px;
	top: 50%;
	width: 10px;
	height: 10px;
	margin-top: -0.5em;
	border-top: 2px solid #84B5D7;
	border-right: 2px solid #84B5D7;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


#footer .detailColumn {
	 text-align:center;
}

#footer .detailColumn .logo {
  display:block;
   text-align:center;
	margin:20px auto;
}

#footer .detailColumn .fb{
   margin-top:10px;
}


}



 @media screen and (max-width: 567px) {
 #header .logo{
  max-width:226px;
	margin:10px 5px;
	height:auto;
}


#header #sMenu li a{
  padding:5px;
}

#content{
	padding:10px;
}

.contentMax{
	margin-left:-10px !important;
	margin-right:-10px !important;
}

 
}
 
 
 
/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　BETA - Base Styles
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
 
#beta{

}



/*タイトル関連*/

#beta .titSym01{
  border-left:5px solid #015DB2;
	font-size: 140%;
	line-height:1.8em;
	padding:0px;
	padding-left:10px;
	margin:20px 0px 20px 0px;
	color:#015DB2;
}

#beta .titSym02{
	color:#015DB2;
	font-size: 110%;
	font-weight:bold;
	margin:20px 0px 0px 0px;
  background-color:#EFF7FD;
	padding:10px	
}

#beta .titSym03{
	font-size: 180%;
line-height:1.4em;
	color:#015DB2;
	padding:0px;
	margin:20px 0px 10px 0px;
}

#beta .titSym04{
	color:#015DB2;
	font-size: 110%;
	font-weight:bold;
	margin:30px 0px 0px 0px;
  background-color:#EFF7FD;
	padding:10px
}

#beta .titSym04 .supple{
	color:#015DB2;
	font-size: 90%;
  font-weight:normal;
}


#beta .titSym05{
	color:#015DB2;
	font-weight:bold;
	margin:20px 0px 0px 0px;
  background-color:#EFF7FD;
	padding:5px	
}

#beta .titSym06{
	color:#FFF;
	font-weight:bold;
	margin:20px 0px 0px 0px;
  background-color:#015DB2;
	padding:5px	
}


/*スペース関連*/
#beta .maTop{
	margin-top:50px;
}

#beta .maTopNone{
	margin-top:0px !important;
}

/*リスト関連*/

#beta ul.listSym01{
	display:block;
	margin:0px auto 0px auto;
}

#beta ul.listSym01 li {
	padding:0px;
	margin:0px;
	display: inline-block;
	padding:0px 5px 10px 0px;
}

#beta ul.listSym01 li:nth-child(even) {
	padding:0px 0px 10px 5px
}


#beta ul.listSym01Bk{
  padding:10px 10px 0px 10px;
	background-color:#E9F3FC;
	margin-top:20px !important;
}


#beta ul.listSym01 li img {
	width:100%;
	height:auto;
	display: block;
}

#beta ul.listSym01 a{
	padding:5px;display:block;
	vertical-align:middle;
	background: url(../img/com/icon01.png) no-repeat right center;
	background-color:#FFF;
}

#beta ul.listSym01 .word{
  padding-left:10px;
	padding-right:20px;
}

#beta ul.listSym01 .word h3{
  font-weight:bold;
	margin-top:20px;
}

#beta ul.listSym01 .word p{
  color:#666;
	margin:0px;
	padding:0px;
	line-height:1.6em;
}


#beta ul.listSym01 li .photo{
  height:100px;
  background-position: center center !important;
  background-repeat: no-repeat;
  background-size:cover !important;
}

#beta ul.listSym01Bk li .photo{
  height:87px;
}



#beta ul.listSym02{
	display:block;
	margin:40px auto 0px auto;
	padding:10px 0px 0px 10px;
}

#beta ul.listSym02 li {
	padding:0px;
	margin:0px;
	display: inline-block;
	padding:0px 10px 10px 0px
}


#beta ul.listSym02Bk{
	padding:10px 0px 0px 10px;
	/*background-color:#EFF7FD;*/
	background-color:#E9F3FC;
	margin-top:40px !important;
}

#beta ul.listSym02 a{
	padding:10px;display:block;
	vertical-align:middle;
	background-color:#FFF;
}


#beta ul.listSym02 .word{

}

#beta ul.listSym02 .word h3{
  font-weight:bold;
	padding:10px 0px;
}

#beta ul.listSym02 .word2 p{
  color:#666;
	margin:0px;
	padding:10px 0px;
}


#beta ul.listSym02 li .photo{
  height:220px;
  background-position: center center !important;
  background-repeat: no-repeat;
  background-size:cover !important;
}


#beta ol.listSym03{
	position: relative;
	margin:0;
	padding:0;
	border-top:1px dotted #CCC;
}

#beta ol.listSym03 li  {
	list-style: none;
	list-style-position:outside;
	margin:0;
	padding:10px 10px 10px 2em;
	border-bottom:1px dotted #CCC;
       
}

#beta ol.listSym03 li span.numbers {
  font-size:90%;
	position: absolute;
	left:0;
	margin:0;
  background-color:#015DB2;
  color:#FFF;
  text-align:center;
  width:1.5em;
  height:1.5em;
  border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
}


#beta ol.listSym03 li span.number{
  font-size:90%;
	display:inline-block;
	margin:0;
  background-color:#015DB2;
  color:#FFF;
  text-align:center;
  width:1.5em;
  height:1.5em;
  border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
}



#beta .listSym04{
	position: relative;
	margin:0;
	margin-left:30px;
	padding:0;
}

#beta .listSym04 li  {
  padding:5px 0px;     
}


#beta ul.listSym05{
   border-top:1px dotted #999;
	 margin:15px 0px;
}

#beta ul.listSym05 li  {
  padding:13px 5px;
  border-bottom:1px dotted #999;
}



/*ボックス関連*/
#beta .boxSym01{
   border:1px solid #CCC;
	 margin-top:30px;
	 padding:0px 20px 20px 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}

#beta .boxSym01 .photo{

}

#beta .boxSym01 .word{
  padding-left:20px;
}

#beta .boxSym01 .word h3{
  margin:15px 0px 0px 0px;
	border-top:1px dotted #CCC;
	padding-top:15px;
}


#beta .boxSym02{
  background-color:#eff7fd;
	padding:20px;
}

/*イメージ関連*/

#beta .imgSym01{
  width:100%;
	max-width:670px;
	margin:0px auto;
}

#beta .imgSym01 img{
  width:100%;
	height:auto;
}

/*テーブル関連*/

#beta table.tableSym01   { width: 100%;margin-bottom:40px;}
#beta table.tableSym01 th, #beta table.tableSym01 td  { padding: 10px; border: 1px solid #ddd; }
#beta table.tableSym01 th { background-color: #EFF7FD;width: 30%; text-align: left;  }
#beta table.tableSym01.wTh35 th{width: 35%;}
#beta table.tableSym01.wTh20 th{width: 20%;}
#beta table.tableSym01.fThNormal th{font-weight:normal;}
#beta table.tableSym01 td{vertical-align:middle;} 
#beta table.tableSym01 td p.hosoku{margin:0px;padding:5px 0px 0px 0px;}


#beta table.spaceLarge th, #beta table.spaceLarge td{ padding: 15px !important; }

#beta table.tableSym02{
	width: 100%;
	border-collapse : separate;
	border-spacing :0px 20px;}
	
#beta table.tableSym02 th{
	padding: 10px;
	border-right: 5px solid #ddd;
	width: 20%;
	text-align: left;
color:#015DB2;
}

#beta table.tableSym02 td  { padding: 10px 15px; }

#beta table.tableSym02 td dt{
  font-weight:bold;
	margin-top:15px;
	border-top:1px dotted #CCC;
	padding-top:10px;
}

#beta table.tableSym02 td dt:first-child{
	margin-top:0px;
	border-top:none;
	padding-top:0px;
}

#beta table.tableSym02 td dt .day{
  margin-right:10px;
	color:#015DB2;
	font-weight:normal;
	display:block;
}

#beta table.tableSym02 td dd{
  color:#666;
	margin-top:5px;
}


#beta table.newsTable01   { width: 100% !important;margin-bottom:20px !important;}
#beta table.newsTable01 th, #beta table.newsTable01 td  { padding: 15px 10px !important; border: 1px solid #ddd !important; }
#beta table.newsTable01 th { background-color: #EFF7FD !important;width: 25% !important; text-align: left !important;  }
#beta table.newsTable01 td{vertical-align:middle !important;} 



/*ページネーション(.pageNaviBox)*/
#beta .pageNaviBox {
	color: #000;
	margin: 1em auto;
	line-height:2em;
	text-align:center;
	margin-top:30px;
	clear:both;
}

#beta .pageNaviBox a.page-numbers, #beta .pageNaviBox .page-numbers a, #beta .pageNaviBox .current {
	color: #015DB2;
	padding: 2px .4em;
	border:solid 1px #015DB2;
	text-decoration:none;
}

#beta .pageNaviBox a.page-numbers:hover, #beta .pageNaviBox .page-numbers a:hover {
	color:#FFFFFF;
	background-color: #015DB2;
}

#beta .pageNaviBox .current {
	color:#FFFFFF;
	background: #015DB2;
	border-color: #015DB2;
}

#beta .pageNaviBox .next, #beta .pageNaviBox .prev, #beta .pageNaviBox .next a, #beta .pageNaviBox .prev a {
	border:0 none;
	text-decoration:underline;
}


/*SNS関連*/

#beta .snsList {
	margin-bottom:10px;
	display:block;
}

#beta .snsList li {
	float:left;
	padding-right:15px;
	list-style:none;
	margin-top:0px;
}

#beta .snsList li:first-child{
	margin-top:0px;
}


#beta .ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
#beta .ggmap iframe,
#beta .ggmap object,
#beta .ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}




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

#beta ul.listSym01{
	padding:5px;
}


#beta ul.listSym01 a{
	background:none;
	background-color:#FFF;

}


#beta ul.listSym01 li .photo{
  overflow: hidden;
  height:200px;
}


#beta ul.listSym01 .word{
  padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
}

#beta ul.listSym01 .word h3{
	margin-top:5px;
}

#beta ul.listSym01 .word p{
  color:#666;
	margin:0px;
	padding:0px;
}

#beta ul.listSym02 li .photo{
  height:220px;
}

}


@media screen and (max-width: 767px) {
	
	
/*リスト関連*/
#beta ul.listSym01 li .photo{
  height:160px;
}	
	


#beta ul.listSym02{
	max-width:567px;
	margin:0px auto;
	display:block;
}

#beta ul.listSym02 li .photo{
  height:260px;
}

/*タイトル関連*/
#beta .titSym03{
	font-size: 160%;
line-height:1.4em;
}


/*ボックス関連*/
#beta .boxSym01 .photo img{
 display: block;
 margin-left: auto;
 margin-right: auto;
 width:100%;
 height:auto;
 max-width:480px;
 
}

#beta .boxSym01 .word{
  padding-left:0px;
}

#beta .boxSym01 .word .btn{
  text-align:center;
}

/*SNS関連*/

#beta .snsList {
margin-bottom:20px;
}

#beta .snsList li {
	float:left;
	padding-right:5px;
	list-style:none;
	margin-top:10px;
}

#beta .snsList li:first-child{
	margin-top:10px;
}

}

 
@media only screen and (max-width: 567px){
	
	
/*リスト関連*/
#beta ul.listSym01{
	margin:0px;
	padding:5px;
	max-width:567px;
	margin:0px auto;
	display:block;
}

#beta ul.listSym01 li{
  width:100%;
	max-width:567px;
	margin:0px auto;
	display:block;
	padding:10px 0px 0px 0px;
}


#beta ul.listSym01 li:nth-child(even) {
	padding:10px 0px 0px 0px;
}

#beta ul.listSym01Bk{
  padding:0px 5px 0px 5px;
	background-color:#EFF7FD;
	margin-top:20px !important;
}

#beta ul.listSym01 li .photo{
  height:190px;
}	
	
	

/*テーブル関連*/
#beta table.tableSym01 { }
#beta table.tableSym01 th,
#beta table.tableSym01 td{width: 100%;display: block;border-top: none;}
#beta table.tableSym01 tr:first-child th   { border-top: 1px solid #ddd; }
#beta table.tableSym01.wTh35 th{width: 100%;}
#beta table.tableSym01.wTh20 th{width: 100%;}

#beta table.tableSym02 {
	border-collapse:collapse;
	border-spacing :0px;	
}
#beta table.tableSym02 th{
   width: 100%;
   display: block;
   border-bottom: 2px solid #ddd;
	 border-right:none;
	 padding:10px 5px;
	 background-color:#EFF7FD;
	 margin-top:15px;
}

#beta table.tableSym02 td{
   width: 100%;
   display: block;
	 padding:5px;
}

#beta table.newsTable01 { }
#beta table.newsTable01 th,
#beta table.newsTable01 td{width: 100% !important;display: block;border-top: none !important;}
#beta table.newsTable01 tr:first-child th   { border-top: 1px solid #ddd !important; }



/*ボックス関連*/
#beta .boxSym01{
   border:none;
	 margin-top:10px;
	 padding:0px;
}

#beta ul.listSym02 li .photo{
  height:200px;
}





}



/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　ALPHA - Base Styles
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
 
#alpha{
  padding-left:30px;
}

#alpha .subMenuBox a,
#alpha .subMenuBox2 a{
    display:block;
}

#alpha .subMenuBox ul{
  border:1px solid #CCC;
	border-bottom-right-radius:5px;
	-moz-border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-o-border-bottom-right-radius: 5px;
	-ms-border-bottom-right-radius: 5px;

	border-bottom-left-radius:5px;
	-moz-border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-o-border-bottom-left-radius: 5px;
	-ms-border-bottom-left-radius: 5px;  
}
 

#alpha .subMenuBox h2 a{
   color:#FFF;
	 padding:10px 5px 10px 10px;
   background-color:#015DB2;
	border-top-right-radius:5px;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-o-border-top-right-radius: 5px;
	-ms-border-top-right-radius: 5px;

	border-top-left-radius:5px;
	-moz-border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-o-border-top-left-radius: 5px;
	-ms-border-top-left-radius: 5px;
}

#alpha .subMenuBox ul li{
   border-top:1px solid #CCC;
}

#alpha .subMenuBox ul li:first-child{
   border-top:none;
}

#alpha .subMenuBox ul li a{
	 padding:15px 5px 15px 10px;
}


#alpha .subMenuBox2 ul{
  border:1px solid #CCC;
	border-bottom-right-radius:5px;
	-moz-border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-o-border-bottom-right-radius: 5px;
	-ms-border-bottom-right-radius: 5px;

	border-bottom-left-radius:5px;
	-moz-border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-o-border-bottom-left-radius: 5px;
	-ms-border-bottom-left-radius: 5px;  
	margin-bottom:10px;
}

#alpha .subMenuBox2 .boxCover{
  border:1px solid #CCC;
	border-bottom-right-radius:5px;
	-moz-border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-o-border-bottom-right-radius: 5px;
	-ms-border-bottom-right-radius: 5px;
	border-bottom-left-radius:5px;
	-moz-border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-o-border-bottom-left-radius: 5px;
	-ms-border-bottom-left-radius: 5px;  
	margin-bottom:10px;
	padding:15px;
	text-align:left;
}


#alpha .subMenuBox2 h2.noLink{
   color:#FFF;
	 padding:10px 5px 10px 10px;
   background-color:#015DB2;
	border-top-right-radius:5px;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-o-border-top-right-radius: 5px;
	-ms-border-top-right-radius: 5px;

	border-top-left-radius:5px;
	-moz-border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-o-border-top-left-radius: 5px;
	-ms-border-top-left-radius: 5px;
}


#alpha .subMenuBox2 ul li{
   border-top:1px solid #CCC;
}

#alpha .subMenuBox2 ul li:first-child{
   border-top:none;
}

#alpha .subMenuBox2 ul li a{
	 padding:10px 5px 10px 10px;
}






#alpha .pickupItem {
	border:1px solid #E1F3F4;
	background-color:#F0F9F9;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	margin-top:10px;
	padding:10px;
	text-align:center;
}

#alpha .pickupItem .photo{
   width:100%;
	 max-width:80px;
	 margin:0px 8px 5px 0px;
	 float:left;
}

#alpha .pickupItem p.word{
  padding:5px 0px;
	margin:0px;
	text-align:left;
	overflow: auto;	/* for modern browser */
	zoom: 1;	/* for ie6 */
	line-height: 1.5;
}

#alpha .pickupItem div.btn{
  text-align:left;
}


#alpha ul.bannerList{
  text-align:center;
	margin:0px auto;
	max-width:480px;
	height:auto;
}

#alpha ul.bannerList li{
  text-align:center;
  padding-top:10px;
	margin:0px auto;
}

#alpha ul.bannerList li img{
  width:100%;
	max-width:480px;
	height:auto;
	border:2px solid #E9F3FC;
}


@media screen and (max-width: 1023px) {
#alpha{
  padding-left:20px;
}
}




@media screen and (max-width: 767px) {
#alpha{
  padding-left:0px;
	margin-top:20px;
}

#alpha ul.bannerList{
  display:block;
	margin:0px auto;
}

#alpha ul.bannerList li{
  display:block;
	margin:0px auto;
}


}



/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　HOME
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/

body.home .conceptBox {
	margin:0px auto;
	width:100%;
	max-width:1024px;
}

body.home .contentTit {
	text-align:center;
	padding-bottom:40px;
	margin:0px auto;
}

body.home .conceptBox .peaple {
	text-align:center;
	line-height:0px;
	margin-top:40px;
}

body.home .conceptBox h1 {
	color:#FFF;
	text-align:center;
	padding:60px 0px 40px 0px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

body.home .conceptBox .btn {
	text-align:center;
}

body.home .conceptBox .btn a {
	padding:10px 30px;
	border:1px solid #FFF;
	color:#FFF
}

body.home .conceptBox .peaple img {
	width:100%;
	height:auto;
}

body.home .visionBox{

}


body.home .visionBox ul{
	margin:0px auto;
	width:100%;
	max-width:800px;
}

body.home .visionBox li{
	text-align:center;
	background-color:transparent;
	border-bottom:none;
	padding:0px;
	margin:0px;
}

body.home .visionBox li a{
	color:#000;
	padding:0px;
	margin:0px;
}
body.home .visionBox li p{
	padding:0px;
	margin:0px;
}

body.home .newsBox {
	padding-bottom:50px;
}

body.home .newsBox .piukUp {
	margin:0px;
	border:1px solid #E1F3F4;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	margin-bottom:30px;
	background-color:#F0F9F9;
	height:auto;
}

body.home .newsBox .piukUp h2 {
	padding:10px 0px;
}

body.home .newsBox .piukUp a {
	padding:10px;
	display:block;
}

body.home .newsBox .piukUp .photo {
	float:left;
	width:100px;
	margin-right:10px;
}

body.home .newsBox .piukUp .photo img {
	width:100%;
}

body.home .newsBox .piukUp .btn {
	text-align:right;
}

body.home .newsBox {
	padding-bottom:50px;
}

body.home .newsBox dl.newsList {
	position:relative;
	padding-right:30px;
	padding-bottom:50px;
	width:100%;
}

body.home .newsBox dl.newsList a{
  display:block;
	border-bottom: 1px solid #ccc;
}

body.home .newsBox dl.newsList a:first-child{
	border-top: 1px solid #ccc;
}

body.home .newsBox dl.newsList dt {
	float: left;
	padding: 10px 0;
	width: 13em;
	color:#000;
}

body.home .newsBox dl.newsList dt span.day{
	display:inline-block;
}

body.home .newsBox dl.newsList dt span.icon{
    margin-left:10px;
	vertical-align:middle;
	width:75px;
	display:inline-block;
	padding-top:3px;
}

body.home .newsBox dl.newsList dt span.icon img{
	width:75px;
    height:auto;
}

body.home .newsBox dl.newsList dd {
	padding: 10px 0 10px 12em;
}

body.home .pickupBox {
	padding-bottom:40px;
}

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

body.home .conceptBox h1 {
	padding:40px 0px 30px 0px;
}

body.home .contentTit {
	text-align:center;
	padding-bottom:10px;
	margin:0px auto;
}

body.home .conceptBox .peaple {
	margin-top:20px;
}

body.home .visionBox ul{
	width:80%;
}

body.home .visionBox li{
	text-align:left;
	background-color:#6AC4C8;
	border-bottom:1px solid #FFF;
	padding:10px;
	margin:0px 10px 0px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}

body.home .visionBox li a{
	color:#FFF;
	display: block;
	margin: 0;
	padding: 5px 30px 5px 5px;
	position: relative;
	text-decoration: none;
}

body.home .visionBox li a p{
	opacity: 0.9;
	padding:0px;
	margin:0px;
}

body.home .visionBox li a:after{
	position: absolute;
	content: "";
	display: inline-block;
	right: 14px;
	top: 50%;
	width: 10px;
	height: 10px;
	margin-top: -0.5em;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

body.home .newsBox {
	padding-bottom:20px;
}



body.home .newsBox dl.newsList {
	padding-right:0px;
	padding-bottom:20px;
	width:100%;
}

body.home .newsBox dl.newsList dt {
	float:none;
	padding:0px;
	margni:0px;
	text-align:left;
	width: 100%;
}

body.home .newsBox dl.newsList dd {
	padding:0px;
	margni:0px;
	width: 100%;
	text-align:left;
}

body.home .newsBox dl.newsList a{
	position:relative;
	display:block;
	padding: 5px 30px 5px 5px;
	text-align:center;
	text-decoration:none;
	border-radius:0px;

}

body.home .newsBox dl.newsList a:after {
	position: absolute;
	content: "";
	display: inline-block;
	right: 14px;
	top: 50%;
	width: 10px;
	height: 10px;
	margin-top: -0.5em;
	border-top: 2px solid #84B5D7;
	border-right: 2px solid #84B5D7;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

body.home .pickupBox {
	padding-bottom:20px;
}

body.home .etcBox .banKifu{
  width:100%;
	margin:20px auto;
}

}


@media screen and (max-width: 567px) {/*568px以下*/

body.home .visionBox ul{
	width:100%;
}

}

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　about（当センターの紹介）
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/


body.about #beta .introBox{

}

body.about #beta .introBox .word{

}

body.about #beta .introBox .photo{
   text-align:center;
	 padding:30px 15px 30px 15px;
}

body.about #beta .introBox .photo img{
   width:100%;max-width:400px;height:auto;
}


body.about #beta .visionBox {
	background-color:#EFF7FD;
	border:5px solid #EFF7FD;
	margin-top:10px;
	margin-bottom:50px;
}


body.about #beta .visionBox ul {
	padding:30px 20px 30px 20px;
	margin:0px auto;
	width:100%;
	max-width:800px;
}

body.about #beta .visionBox li{
	text-align:center;
	background-color:transparent;
	border-bottom:none;
	padding:0px;
	margin:0px;
}

body.about #beta .visionBox li a {
	color:#000;
	padding:0px;
	margin:0px;
}

body.about #beta .visionBox li p{
  padding:0px;
	margin:0px;
}




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

body.about #beta .introBox .photo{
   text-align:center;
	 padding:0px 15px 30px 15px;
}


body.about #beta .visionBox {
	background-color:#EFF7FD;
	margin-bottom:0px;
  max-width:567px;
	display:block;
	margin:0px auto;
}


body.about #beta .visionBox ul {
	max-width:480px;
	padding:10px;
}

body.about #beta .visionBox li {
	text-align:left;
	background-color:#6AC4C8;
	border-bottom:1px solid #FFF;
	padding:10px;
	margin:0px 20px 0px 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}

body.about #beta .visionBox li a {
	color:#FFF;
	display: block;
	margin: 0;
	padding: 5px 30px 5px 5px;
	position: relative;
	text-decoration: none;
}

body.about #beta .visionBox li a p {
	opacity: 0.9;
}

body.about #beta .visionBox li a:after {
	position: absolute;
	content: "";
	display: inline-block;
	right: 14px;
	top: 50%;
	width: 10px;
	height: 10px;
	margin-top: -0.5em;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


}


@media screen and (max-width: 567px) {/*568px以下*/

body.about #beta .visionBox ul {
	width:100%;
}

body.about #beta .visionBox li {
	margin:0px;
}

}


/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　proposal（政策提言等)
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/

body.proposal #beta. table.proposalList{ width: 100%;margin-bottom:40px;}
body.proposal #beta table.proposalList th, body.proposal #beta table.proposalList td  { padding: 15px 10px; border: 1px solid #ddd; }
body.proposal #beta table.proposalList th { background-color: #EFF7FD;width: 23%; text-align: left;  }
body.proposal #beta table.proposalList td{vertical-align:middle;color:#666;} 
body.proposal #beta table.proposalList td p.hosoku{margin:0px;padding:0px 0px 5px 0px;}
@media screen and (max-width: 1023px) {
body.proposal #beta table.proposalList th {width:25%;}
}
@media screen and (max-width: 767px) {
body.proposal #beta table.proposalList th {width:30%;}
}
@media only screen and (max-width: 567px){
body.proposal #beta table.proposalList { }
body.proposal #beta table.proposalList th,
body.proposal #beta table.proposalList td{width: 100%;display: block;border-top: none;padding:10px;}
body.proposal #beta table.proposalList tr:first-child th   { border-top: 1px solid #ddd; }
}


/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　media（書籍・DVD)
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/

body.media #beta .mediaList{
   border:1px solid #CCC;
	 margin-top:30px;
	 padding:0px 20px 20px 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}

body.media #beta .mediaList .photo{
  padding:0px 20px;
} 

body.media #beta .mediaList .word{
}

body.media #beta .mediaList .word .price{
  background-color:#EFF7FD;
	padding:10px;
	display:inline-block;
}


body.media #beta .mediaList .photo img{
 display: block;
 margin-left: auto;
 margin-right: auto;
 width:100%;
 height:auto;
 max-width:200px;
}

body.media #beta .mediaList .word .btn{
  margin:20px 0px;
}

body.media #beta .mediaList .word .btn .btnNormal{margin-right:5px;}
body.media #beta .mediaList .word .btn .btnMember{margin-left:5px;}

@media screen and (max-width: 767px) {
body.media #beta .mediaList .word{padding-left:0px;}
body.media #beta .mediaList .word .btn{text-align:center;}
body.media #beta .mediaList .word .price{text-align:center;display:block;}
}

@media only screen and (max-width: 567px){
body.media #beta .mediaList{
	border:none;
	margin-top:10px;
	padding:0px;
	border-top:1px solid #CCC;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
}
body.media #beta .mediaList:first-child{border-top:none;}

body.media #beta .mediaList .word .btn a{
  padding:5px;
}

body.media #beta .mediaList .word .btn .btnNormal{margin-right:2px;}
body.media #beta .mediaList .word .btn .btnMember{margin-left:2px;}

}


/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　お知らせ
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/


body.news #beta dl.newsList {
	margin-top:20px;
	position:relative;
	padding-bottom:30px;
	width:100%;
}

body.news #beta dl.newsList a{
  display:block;
	border-bottom: 1px dotted #ccc;
}

body.news #beta dl.newsList a:first-child{
	border-top: 1px dotted #ccc;
}

body.news #beta dl.newsList dt {
	float: left;
	padding: 15px 0;
	width: 13em;
	color:#000;
}

body.news #beta dl.newsList dt span.day{
	display:inline-block;
}

body.news #beta dl.newsList dt span.icon{
  margin-left:10px;
	vertical-align:middle;
	width:75px;
	display:inline-block;
	padding-top:3px;
}

body.news #beta dl.newsList dt span.icon img{
	width:75px;
    height:auto;
}

body.news #beta dl.newsList dd {
	padding: 15px 0 15px 12em;
}


body.news #beta .postThumbnail{
  max-width:600px;
	width:100%;
	margin:0px auto;
}

body.news #beta .postThumbnail img{
  width:100% !important;
	
}

body.news #beta .postDay{
  padding:0px 0px;
}


body.news #beta .freeSpace{
  padding:20px 0px 50px 0px;
}


body.news #beta .freeSpace img{
  max-width:600px !important;
	width:100% !important;
	margin:0px auto;
	display:block;
}

body.news #beta .freeSpace ul,
body.news #beta .freeSpace ol{
  margin:0px 20px;
}

body.news #beta .freeSpace h2{
	color:#015DB2;
	font-size: 110%;
	font-weight:bold;
	margin:20px 0px 0px 0px;
  background-color:#EFF7FD;
	padding:10px	
}

body.news #beta .freeSpace strong{
 font-weight:bold;
}



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

body.news #beta {
	padding-bottom:20px;
}

body.news #beta dl.newsList {
	padding-right:0px;
	padding-bottom:20px;
	width:100%;
}

body.news #beta dl.newsList dt {
	float:none;
	padding:0px;
	margni:0px;
	text-align:left;
	width: 100%;
}

body.news #beta dl.newsList dd {
	padding:0px;
	margni:0px;
	width: 100%;
	text-align:left;
}

body.news #beta dl.newsList a{
	position:relative;
	display:block;
	padding: 5px 30px 5px 5px;
	text-align:center;
	text-decoration:none;
	border-radius:4px;

}

body.news #beta dl.newsList a:after {
	position: absolute;
	content: "";
	display: inline-block;
	right: 14px;
	top: 50%;
	width: 10px;
	height: 10px;
	margin-top: -0.5em;
	border-top: 2px solid #84B5D7;
	border-right: 2px solid #84B5D7;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


body.news #beta .freeSpace{
  padding:10px 0px 30px 0px;
}



}



/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　会員・寄付お申込み
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/


body.support #beta .meritItem{
  margin-bottom:30px;
}

body.support #beta .meritItem ul{
  margin:0px;
	padding:10px 20px 10px 30px;
	border:1px dotted #CCC;
  list-style-type: disc;
	background-color:#F5F5F5;
}

body.support #beta .meritItem ul li{

}


body.support .paymentBox{
   border:1px solid #CCC;
	 margin-top:30px;
	 padding:0px 20px 20px 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}

body.support .paymentBox table{
  margin-bottom:0px !important;
}


body.support .pastList{
  padding:10px;
	border:1px dotted #CCC;
	margin-bottom:50px;
}

body.support .pastList ul{
  margin-top:10px;
}

body.support .pastList ul li{
  padding:5px;
}

body.support .pastList ul li img{
  width:100%;
	height:auto;
}

@media screen and (max-width: 767px) {
	
body.support .pastList{
  padding:5px;
	border:1px dotted #CCC;
	margin-bottom:30px;
}

body.support .pastList ul{
  margin-top:5px;
}

body.support .pastList ul li{
  padding:3px;
}	
	
}


@media screen and (max-width: 567px) {
#beta .paymentBox{
	 margin-top:20px;
	 padding:0px 10px 10px 10px;
}
}

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　プライバシーポリシー
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/


body.policy #beta ol{

}

body.policy #beta ol li {
  list-style-type: none;
  counter-increment: cnt;
    padding-left:2.6em;
    text-indent:-2.6em; 
}

body.policy #beta ol li::before {
  content: "（"counter(cnt)"）";
}

body.policy #beta .titSym01{
    padding-left:2.5em;
    text-indent:-2em; 
}


@media print {
body {
width: 960px;
}
/* 印刷時に画面と変更するスタイルを定義 */
}