@charset "utf-8";
/* CSS Document */

/*--- indexページ
----------------------------------------------*/

/*-- MainVisual ----*/
/* .viewer
------------------------- */
.viewer {
    margin: 0 auto;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.viewer ul {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.viewer ul li {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}
.viewer ul li img {
    width: 100%;
}
 
 
 
/* =======================================
    ClearFixElements
======================================= */
.viewer ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.viewer ul {
    display: inline-block;
    overflow: hidden;
}


@media screen and (min-width: 970px) {
#MainVisual {
  margin: 0;
  padding: 0;
  text-align: center;
  position:relative;
  margin-bottom:10px;
}
#MainVisual .Visual_img {
	width:100%;
}
}
@media screen and (max-width: 969px) {
#MainVisual {
}
#MainVisual .Visual_img {
	width:100%;
}
}

/*-- Banner ----*/
#BannerWrap ul {
	margin:0;
	padding:0;
}
@media screen and (min-width: 970px) {
#BannerWrap {
	background-color:#D6D6D6 ;
	padding:5px;
	margin-bottom:10px;
}
#BannerWrap ul li {
	list-style:none;
	float:left;
	width: 310px;
	margin-right:5px;
}
}
@media screen and (max-width: 969px) {
#BannerWrap {
	background-color:#D6D6D6 ;
	padding: 3px;
}
#BannerWrap ul li {
	list-style:none;
	float:left;
	width: 33.333%;
	border:2px solid #D6D6D6 ;
}
#BannerWrap ul li img {
}
#BannerWrap ul li:nth-child(3) {
	margin-right:0px !important;
}
#BannerWrap ul li a {
	display:block;
	width: auto;
}
}

/*-- contents ----*/
@media screen and (min-width: 970px) {
#alpha {
	width:602px;
	float:left;
	text-align:left;
	padding-bottom:10px;
}
#beta {
	width:340px;
	float:right;
	text-align:left;
	padding-bottom:10px;
}
}
@media screen and (max-width: 969px) {
#alpha {
}
#beta {
}
}

/*-- NEWS --*/

@media screen and (min-width: 970px) {
#news_wrap {
	margin:0;
	padding:0;
	font-size:14px;
	text-align:left !important;
}
#news_wrap h2 {
	margin:0px;
}
#news_wrap ul {
	margin:0px;
	padding:0px;
	text-align:left;
	list-style:none;
}
#news_wrap ul li {
	list-style:none;
	padding:10px 5px 10px 5px;
	border-bottom: 1px dotted #666 ; 
}
#news_wrap ul li .date {
	width: 100px;
	float:left;
	line-height:15px;
}
#news_wrap ul li .text {
	width:480px;
	float:right;
}
#news_wrap ul li .text h3 {
	margin: 0px 0 10px 0px;
	font-size:14px;
	line-height:15px;
}
#news_wrap ul li .text h3 a {
	color: #2451AC ;
}
#news_wrap ul li .text p {
	margin:0;
}
#news_wrap ul li .photo {
	padding:0 !important;
	margin:0 !important;
	float:right !important;
	text-align:right;
}
#news_wrap ul li .photo a {
	padding:0 !important;
	margin:0 !important;
}
#news_wrap ul li img {
	width:150px;
	padding:0 !important;
	margin:0 !important;
}
#news_wrap .link {
	text-align:right !important;
	padding: 5px 0 10px 0;
}
#news_wrap .link a {
	display: block;
	width: 15em;
	padding: 2px 2px;
	border: 1px solid #2451AC ;
	text-align:center;
	color: #2451AC !important ;
	float:right;
	background-color: #fff;
}
.banner_wrap {
	padding-top:10px;
}
.banner_wrap img {
	width: 100%;
}
}
@media screen and (max-width: 969px) {
#news_wrap {
	text-align:left !important;
	margin-bottom:30px;
}
#news_wrap h2 {
	width:auto;
	margin:0px;
}
#news_wrap ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#news_wrap ul li {
	list-style:none;
	padding:15px 5px 15px 5px;
	border-bottom: 1px dotted #666 ; 
}
#news_wrap ul li .date {
	margin-bottom:5px;
}
#news_wrap ul li .text {
}
#news_wrap ul li .text h3 {
	margin: 0px 0 5px 0px;
	font-size:16px;
	font-weight:800;
}
#news_wrap ul li .text h3 a {
	color: #2451AC ;
}
#news_wrap ul li .text p {
	margin:0;
}
#news_wrap ul li .photo {
}
#news_wrap ul li .photo img {
	max-width:80%;
	margin:auto;
	text-align:center;
}
.banner_wrap {
	padding:20px 5px 0 5px ;
}
	.banner_wrap img {
		width:100%;
	}
}

/*-- photo --*/
#photo_wrap {
}
@media screen and (min-width: 970px) {
#photo_wrap .main_photo {
	text-align:center;
	margin: 5px 0 0 0;
	padding:0 ;
}
#photo_wrap .main_photo a {
	margin:0 ;
	padding:0 ;
}
#photo_wrap .main_photo img {
	width:340px;
	height:auto;
	margin-bottom:5px;
	border: 3px solid #fff;
}
#photo_wrap .comment {
	padding: 0 0 0 3px ;
}
#photo_wrap .comment p {
}
#photo_wrap .thmb_wrap {
}
#photo_wrap .thmb_wrap ul {
	list-style:none;
	margin:0;
	padding:0px;
}
#photo_wrap .thmb_wrap ul li {
	float:left;
	border:3px solid #fff;
	margin:0 3px 3px 0 ;
}
#photo_wrap .thmb_wrap ul li:nth-child(3n) {
	margin:0 0 3px 0 !important ;
}
#photo_wrap .thmb_wrap ul li a {
 width: 105px;
 height: 105px;
 padding-top: 105px;
 line-height: 105px;
 overflow: hidden;
 display:block;
 background-size: cover;
 background-position:center center;
 }
#photo_wrap .thmb_wrap ul li img {
	width:105px;
}
}
@media screen and (max-width: 969px) {
#photo_wrap h2 {
	width:auto;
	margin:0px;
}
#photo_wrap .main_photo {
	text-align:center;
	margin: 5px 0 0 0;
	padding:0 ;
}
#photo_wrap .main_photo a {
	margin:0 ;
	padding:0 ;
}
#photo_wrap .main_photo img {
	width:100%;
	height:auto;
	margin-bottom:5px;
	border: 3px solid #fff;
}
#photo_wrap .comment {
	padding: 0 0 0 3px ;
}
#photo_wrap .comment p {
}
#photo_wrap .thmb_wrap {
	padding: 0 10px;
}
#photo_wrap .thmb_wrap ul {
	list-style:none;
	margin:0;
	padding:0px;
}
#photo_wrap .thmb_wrap ul li {
	float:left;
	margin:0 ;
 	width: 33.33px;
}
#photo_wrap .thmb_wrap ul li a {
 width: 33.33px;
 height: 33.33px;
 padding-top: 33.33px;
 line-height: 33.33px;
 overflow: hidden;
 display:block;
 background-size: cover;
 background-position:center center;
 }
#photo_wrap .thmb_wrap ul li img {
	width:33.33px;
}
}


/*-- teamlist --*/

@media screen and (min-width: 970px) {
#TeamList {
	border: 1px solid #2451AC;
	background-color: #fff;
	margin: 60px 0 0 0;
}
#TeamList h2 {
	position:relative;
	margin: -50px 0 0 0;
}
#TeamList .teamlist_inner {
}
#TeamList .teamlist_inner ul {
	list-style: none;
	position: relative;
	margin:0 0 0 0;
	padding:0;
}
#TeamList .teamlist_inner ul li {
	list-style:none;
	width:72px;
	display:inline-block;
	vertical-align:top;
	margin: 0 0 0 0;
	text-align:center;
	padding:0 ;
}
* html #TeamList .teamlist_inner ul li { /* IE 6 */
display:inline;
zoom:1;
}
*:first-child+html #TeamList .teamlist_inner ul li { /* IE 7 */
display:inline;
zoom:1;
}
#TeamList .teamlist_inner ul li a {
	color: #363636 !important;
}
#TeamList .teamlist_inner ul li a span {
	font-size:11px;
	line-height:1.2em !important;
	display:block;
	padding: 5px 0 5px 0 ;
}
#TeamList .link {
	padding:10px 0 10px 0 ;
	text-align:center;
}
#TeamList .link a {
	background-color: #2451AC;
	padding: 5px 10px;
	display:block;
	width:200px;
	color: #fff;
	margin:auto;
	
}

}
@media screen and (max-width: 969px) {
#TeamList {
	border: 1px solid #2451AC;
	background-color: #fff;
	margin: 60px 10px 0 10px;
	text-align:left;
}
#TeamList .teamlist_inner {
	padding: 50px 10px 10px 10px;
}
#TeamList h2 {
	margin: -40px 0px;
	position:relative;
}
#TeamList h2 img {
	width:100%;
}
#TeamList .teamlist_inner ul {
	width:50%;
	float:left;
	text-align:left;
	margin: 0;
	padding:0 ;
}
#TeamList .teamlist_inner ul li {
	text-align:left;
	list-style:none;
	margin: 0;
	padding: 0 ;
}
#TeamList .teamlist_inner ul li a {
}
#TeamList .teamlist_inner ul li a img {
	display:none;
}
#TeamList .teamlist_inner ul li a:before {
	content: "» "
}
#TeamList .teamlist_inner ul li a span {
	font-size: 12px !important;
}
#TeamList .teamlist_inner ul li a br {
	display:none;
}
#TeamList .link {
	padding:10px 0 10px 0 ;
	text-align:center;
}
#TeamList .link a {
	background-color: #2451AC;
	padding: 5px 10px;
	display:block;
	width:200px;
	color: #fff;
	margin:auto;
	
}

}