@charset "utf-8";


/* --------------------------------
	font-size (default : 14px)

		10px ： 72%
		11px ： 79%
		12px ： 86%
		13px ： 93%
		14px ： 100%
		15px ： 108%
		16px ： 115%
		17px ： 122%
		18px ： 129%
		19px ： 136%
		20px ： 143%
		21px ： 150%
		22px ： 158%
		23px ： 165%
		24px ： 172%
		25px ： 179%
		26px ： 186%
		28px ： 200%
		30px ： 214%
-------------------------------- */



/* ============================================================

	style info : ブラウザごとの初期スタイルをリセット

============================================================ */

body {
	-webkit-text-size-adjust: none;
}
html, body, div, p,
dl, dt ,dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, input, textarea,
pre, blockquote,
th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: none;
}
input, textarea, select {
	font-size: 100%;
}
img {
	vertical-align: top;
}

address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}
em, strong, th {
	font-style: normal;
	font-weight: bold;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: bold;
	line-height: 1.4;
	text-align: left;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: none;
}



/* ============================================================

	style info : 全体で汎用的に使用できるスタイルを記述

============================================================ */

/* --------------------------------
	clearfix (.cf)
-------------------------------- */

* html .cf {
	zoom: 1;
}
*+html .cf {
	zoom: 1;
}
.cf:after {
	content: '';
	display: block;
	clear: both;
	font-size: 0;
}


/* --------------------------------
	image replace (.ir)
-------------------------------- */

.ir {
	display: block;
	text-align: left;
	text-indent: -9999em;
	/*\*/
	overflow: hidden;
	/**/
}


/* --------------------------------
	property
-------------------------------- */

/* width */
.w20  { width: 20px !important; }
.w30  { width: 30px !important; }
.w50  { width: 50px !important; }
.w80  { width: 80px !important;}
.w100 { width: 100px !important; }
.w120 { width: 120px !important; }
.w150 { width: 150px !important; }
.w160 { width: 160px !important; }
.w180 { width: 180px !important; }
.w200 { width: 200px !important; }
.w250 { width: 250px !important; }
.w300 { width: 300px !important; }
.w330 { width: 330px !important; }
.w350 { width: 350px !important; }
.w380 { width: 380px !important; }
.w400 { width: 400px !important; }
.w450 { width: 450px !important; }
.w500 { width: 500px !important; }
.w600 { width: 600px !important; }

/* pic回り込み */
.pic-left {
    float: left;
    margin-right: 20px !important;
    margin-bottom: 20px;
}
.pic-right {
    float: right;
    margin-left: 20px !important;
    margin-bottom: 20px;
}
.pic-clear {
    height: 0;
    margin: 0;
    padding: 0;
    border: none;
    clear: both;
}
.pic-left + *,
.pic-right + * {
    overflow: hidden;
}
@media screen and (max-width: 640px) {
    .pic-left, .pic-right {
        float: none;
        margin-left: 0 !important;
        margin-right: 0 !important;
        text-align: center;
    }
}


/* ============================================================

	style info : サイト全体で共通のスタイルを記述

============================================================ */

/* -----------------------------------
	basic
----------------------------------- */

body {
	min-width: 1000px;
	background: #fff;
	color: #333;
	font-size: 14px;
	text-align: center;
	line-height: 1.6;
}
	.ie body {
		font-size: 88%;
	}

body,
input,
textarea,
select {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.win body,
.win input,
.win textarea,
.win select {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

th, td {
	color: #333;
	line-height: 1.6;
}

a {
	outline: none;
	color: inherit;
	cursor: pointer;
}
a:link,
a:visited {
	text-decoration: underline;
}
a:hover,
a:active {
	text-decoration: none;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/*a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}*/

br.pc {
	display: block;
}
br.sp {
	display: none;
}

img.icon {
	vertical-align: middle;
}

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

	body {
		min-width: inherit !important;
	}

	img {
		max-width: 100%;
		height: auto;
	}
	img.icon {
		width: auto;
	}
	/*
	div {
		text-align: justify;
	}
	*/

	br.pc {
		display: none;
	}
	br.sp {
		display: block;
	}

/*
	.pcOnly {
		min-width: 1020px;
	}
	.pcOnly img {
		width: auto;
	}
	.pcOnly br.pc {
		display: block;
	}
	.pcOnly br.sp {
		display: none;
	}
*/

} /* screen and (max-width:640px) */



/* -----------------------------------
	layout
----------------------------------- */

.layoutInner {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

#contents {
	position: relative;
	z-index: 100;
}
#main {
	display: inline;
	float: left;
	width: 740px;
	text-align: left;
}
#sub {
	display: inline;
	float: right;
	width: 200px;
	text-align: left;
}

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

	.layoutInner {
		width: auto;
		margin: 0 10px;
	}

	#main {
		display: block;
		float: none;
		width: auto;
	}
	#sub {
		display: block;
		float: none;
		width: auto;
	}

/*
	.pcOnly .layoutInner {
		width: 1000px;
		margin: 0 auto;
	}

	.pcOnly #main {
		display: inline;
		float: left;
		width: 740px;
	}
	.pcOnly #sub {
		display: inline;
		float: right;
		width: 200px;
	}
*/

} /* screen and (max-width:640px) */



/* -----------------------------------
	parts > title
----------------------------------- */

.basicTitle {
	margin-bottom: 20px;
	padding: 10px;
	background: #ebebeb;
	font-size: 122%;
	line-height: 1.4;
	letter-spacing: 1px;
}

.basicTitle02 {
	margin-bottom: 20px;
	/*padding: 10px 0 10px 35px;*/
	color: #222;
	font-size: 115%;
	letter-spacing: 1px;
}

.basicTitle03 {
	margin-bottom: 15px;
	color: #00a350;
	font-size: 122%;
	letter-spacing: 1px;
}

.basicTitle04 {
	margin-bottom: 20px;
	padding-left: 20px;
	border-left: solid 10px #00b458;
	font-size: 143%;
	line-height: 1.5;
}


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

	.basicTitle {
		margin-bottom: 10px;
		padding: 5px 10px;
		font-size: 115%;
		letter-spacing: 0;
	}

	.basicTitle02 {
		margin-bottom: 10px;
		letter-spacing: 0;
	}

	.basicTitle04 {
		margin-bottom: 10px;
		padding-left: 10px;
		border-left: 5px solid #00B458;
		font-size: 129%;
		letter-spacing: normal;
	}

} /* screen and (max-width:640px) */



/* -----------------------------------
	parts > button
----------------------------------- */

.basicButton {
	display: inline-block;
	width: 290px;
	height: 64px;
	line-height: 64px;
	padding-left: 10px;
	border: none;
	border-radius: 12px;
	background: #00b458 url(../img/common/arw_basic_wht_r.png) 30px center no-repeat;
	color: #fff;
	font-size: 115%;
	font-weight: bold;
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
}
	.ieOld .basicButton {
		display: inline;
		zoom: 1;
	}

.basicButton02 {
	display: inline-block;
	width:89px;
	height: 27px;
	padding: 0 19px 0 29px;
	background: #00b458 url(../img/common/arw_basic_wht02_r.png) 12px center no-repeat;
	color: #fff;
	font-size: 86%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 27px;
}
	.ieOld .basicButton02 {
		display: inline;
		zoom: 1;
	}

.basicButton03 {
	display: inline-block;
	margin: 0 0 10px;
	padding: 0 8px 0 24px;
	line-height: 22px;
	border: none;
	border-radius: 2px;
	font-size: 79%;
	background: #00b458 url(../img/common/arw_basic_wht02_r.png) no-repeat 9px center;
	font-weight: bold;
	color: #fff;
	text-decoration: none !important;
}
	.ieOld .basicButton03 {
		display: inline;
		zoom: 1;
	}

.blankButton {
	display: inline-block;
	padding: 0 41px 0 53px;
	line-height: 65px;
	border: none;
	border-radius: 12px;
	font-size: 108%;
	background: #00b458 url(../img/common/icn_blank_wht.png) no-repeat 22px center;
	font-weight: bold;
	color: #fff;
	text-decoration: none !important;
	letter-spacing: 0.1em;
}
	.ieOld .blankButton {
		display: inline;
		zoom: 1;
	}

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

	.basicButton {
		height: 50px;
		line-height: 50px;
		width: 100%;
		background-image: url(../img/common/sp/arw_basic_wht_r.png);
		background-size: 7px;
	}
	a.basicButton {
		width: 97%;
	}

} /* screen and (max-width:640px) */



/* -----------------------------------
	parts > text
----------------------------------- */

.caution {
	padding-left: 1em;
	text-indent: -1em;
}
.important {
	color: #de6f5b;
}
.note {
	font-size: 86%;
}

/* status */
.status {
	display: inline-block;
	padding-bottom: 4px;
	border-bottom: solid 2px #00b458;
	color: #00a350;
	font-size: 79%;
	font-weight: bold;
	line-height: 1.2;
}



/* -----------------------------------
	parts > link
----------------------------------- */

.blockLink {
	position: relative;
	display: block;
	cursor: pointer;
	zoom: 1;
}

.arwLink a,
.arwLink span {
	padding-left: 13px;
	background: url(../img/common/arw_basic_grn02_r.png) 0 0 no-repeat;
	color: #333 !important;
	font-weight: bold;
	font-size: 86%;
	text-decoration: none;
}

.backLink a {
	padding-left: 20px;
	background: url(../img/common/arw_basic_grn03_r.png) 0 0.2em no-repeat;
	/*color: #00b458 !important;*/
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 1px;
}

.referLink a,
.referLink span {
	padding-left: 14px;
	background: url(../img/common/arw_basic_grn04_r.png) 0 0.3em no-repeat;
	color: #00b458 !important;
	text-decoration: none;
}

.moreLink img {
	position: relative;
	top: 1px;
	display: inline !important;
	margin: 0 !important;
	vertical-align: baseline;
}


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

	.arwLink a,
	.arwLink span {
		padding-left: 12px;
		background: url(../img/common/sp/arw_basic_grn_r.png) left center no-repeat;
		background-size: 5px;
	}

	.backLink a {
		padding-left: 12px;
		background: url(../img/common/sp/arw_basic_grn_l.png) left center no-repeat;
		background-size: 5px;
	}

	.moreLink img {
		width: 12px;
	}

} /* screen and (max-width:640px) */


/* -----------------------------------
	parts > video
----------------------------------- */
.video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}


/* -----------------------------------
	parts > list
----------------------------------- */

ul.basicList li {
	list-style: disc outside;
	margin: 0 0 1.5em 1.5em;
}

ol.basicList li {
	list-style: decimal outside;
	margin: 0 0 1.5em 1.5em;
}

ul.arwList li {
	padding-left: 15px;
	background: url(../img/common/arw_basic_grn_r.png) 0 0.5em no-repeat;
}

dl.cautionList {
	line-height: 1.6;
}
dl.cautionList dt {
	width: 3em;
}
dl.cautionList dd {
	margin: -1.6em 0 1em 3em;
}

ol.circleNoList li {
	list-style: none;
	padding-left: 35px;
}
ol.circleNoList li.no01 {
	background: url(../img/common/icn_circle_no01.png) no-repeat left top;
}
ol.circleNoList li.no02 {
	background: url(../img/common/icn_circle_no02.png) no-repeat left top;
}
ol.circleNoList li.no03 {
	background: url(../img/common/icn_circle_no03.png) no-repeat left top;
}

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

	ul.basicList,
	ol.basicList {
		margin-right: 5px;
	}
	ul.basicList li,
	ol.basicList li {
		margin-bottom: 1em;
	}

} /* screen and (max-width:640px) */



/* -----------------------------------
	parts > nav
----------------------------------- */

/* moreNav */
.moreNav {
	position: absolute;
	right: 2px;
	top: 30px;
	font-size: 79%;
}
.moreNav a {
	padding: 2px 0 2px 15px;
	background: url(../img/common/arw_basic_grn02_r.png) 0 0.2em no-repeat;
	text-decoration: none;
}
.moreNav li {
	float: left;
	margin-left: 15px;
}
a.project_blog_link {
	font-size: 79%;
	padding: 2px 0 2px 15px;
	background: url(../img/common/arw_basic_grn02_r.png) 0 0.2em no-repeat;
	text-decoration: none;
}

/* localNav */
ul.localNav {
	margin-bottom: 15px;
	border-left: solid 3px #efefef;
}
ul.localNav li {
	float: left;
	width: 181px;
	border-right: solid 3px #efefef;
}
ul.localNav li a {
	display: block;
	height: 34px;
	line-height: 34px;
	color: #222 !important;
	font-size: 86%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	letter-spacing: 1px;
}
ul.localNav li a span {
	padding: 1px 0 1px 18px;
	background: url(../img/common/arw_basic_grn03_r.png) left center no-repeat;
}
ul.localNav li a.current {
	color: #00b458 !important;
}
ul.localNav li a.current span {
	padding: 1px 0 1px 20px;
	background: url(../img/common/arw_basic_grn03_b.png) left center no-repeat;
}


/* pager */
ul.pager {
	text-align: center;
	margin: 0 auto;
	letter-spacing: -0.4em;
}
ul.pager li {
	display: inline-block;
	line-height: 1;
	margin: 0 6px 7px 0;
	letter-spacing: normal;
	color: #acacac;
}
ul.pager li a,
ul.pager li em {
	display: block;
	padding: 10px 9px;
	font-weight: normal;
}
	.ie ul.pager li,
	.ie ul.pager li a,
	.ie ul.pager li em {
		display: inline;
		zoom: 1;
	}

ul.pager li a {
	border: 1px solid #00b458;
	color: #00b458 !important;
}
ul.pager li a:hover {
	background-color: #00b458;
	color: #fff !important;
}
ul.pager li.next {
	margin: 0;
}
ul.pager li.prev a,
ul.pager li.next a,
ul.pager li.prev em,
ul.pager li.next em {
	padding: 12px 9px 10px 9px;
	font-size: 86%;
}
ul.pager li em {
	border: 1px solid #acacac;
}

.keywordSearch input {
	vertical-align: top;
	line-height: 34px;
	padding: 0 10px;
	font-size: 93%;
}
.keywordSearch input.text {
	height: 34px;
	border: solid 1px #ddd;
}
.keywordSearch input.button {
	height: 36px;
	border: solid 1px #5f5f5f;
	background: #5f5f5f;
	color: #fff;
	cursor: pointer;
}

/* pagerLight */
ul.pagerLight {
	overflow: hidden;
	letter-spacing: -0.4em;
}
ul.pagerLight li{
	display: inline-block;
	letter-spacing: normal;
}
	.ieOld ul.pagerLight li{
		display: inline;
		zoom: 1;
	}
ul.pagerLight li.prev{
	background: url(../img/common/bdr_pagerlight.png) right 0.2em no-repeat;
}
ul.pagerLight li a{
	color: #00b458 !important;
	font-weight: bold;
	text-decoration: none;
}
ul.pagerLight li.prev a{
	padding: 5px 21px 5px 30px;
	background: url(../img/common/arw_circle_grn_l.png) 0 0.2em no-repeat;
}
ul.pagerLight li.prev em {
	color: #acacac;
	padding: 5px 21px 5px 30px;
	background: url(../img/common/arw_circle_grn_l_off.png) 0.2em no-repeat;
}
ul.pagerLight li.next a{
	padding: 5px 30px 5px 21px;
	background: url(../img/common/arw_circle_grn_r.png) right 0.2em no-repeat;
}
ul.pagerLight li.next em {
	color: #acacac;
	padding: 5px 30px 5px 21px;
	background: url(../img/common/arw_circle_grn_r_off.png) right 0.2em no-repeat;
}

/* navTop */
.navTop {
	margin-bottom: 25px;
}
.navTop .keywordSearch {
	display: inline;
	float: right;
}
.navTop .keywordSearch input.text {
	width: 135px;
}
	.ieOld .navTop .keywordSearch input.text {
		width: 135px;
	}

.navTop ul.pager {
	display: inline;
	float: left;
	width: 500px;
	text-align: left;
}

/* navBtm */
.navBtm {
	margin-top: 25px;
}

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

	/* moreNav */
	.moreNav {
		position: relative;
		right: auto;
		top: auto;
		font-size: 86%;
	}
	.moreNav a {
		display: block;
		padding: 10px 10px 10px 20px;
		border: solid 2px #e7e7e7;
		border-radius: 3px;
		background: #eee url(../img/common/sp/arw_basic_grn_r.png) 10px center no-repeat;
		background-size: 7px;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
	}
	.moreNav li {
		float: left;
		width: 49%;
		margin: 0;
	}
	.moreNav li:first-child {
		margin-right: 2%;
	}

	/* localNav */
	ul.localNav {
		margin-bottom: 10px;
		margin-right: -2%;
		border-left: none;
	}
	ul.localNav li {
		float: left;
		width: 48%;
		border-right: none;
		margin: 0 2% 5px 0;
	}
	ul.localNav li a {
		display: block;
		height: 34px;
		line-height: 34px;
		border: solid 2px #ccc;
		border-radius: 5px;
		background: #eee;
		letter-spacing: 0;
	}
	ul.localNav li a.current {
		background: #fff;
	}
	ul.localNav li a span {
		padding: 1px 0 1px 12px;
	}
	ul.localNav li a.current span {
		padding: 1px 0 1px 16px;
	}

	/* pager */
	ul.pager {
		font-size: 100%;
	}
	ul.pager li {
		margin: 0 5px 5px 0;
	}
	ul.pager li a,
	ul.pager li em {
		padding: 5px 6px;
	}
	ul.pager li.prev a,
	ul.pager li.next a,
	ul.pager li.prev em,
	ul.pager li.next em {
		padding: 5px 6px;
		font-size: 100%;
	}
	ul.pager li.prev span,
	ul.pager li.next span {
		display: none;
	}

	/* pagerLight */
	ul.pagerLight li.prev a,
	ul.pagerLight li.prev em {
		padding-right: 10px;
	}
	ul.pagerLight li.next a,
	ul.pagerLight li.next em {
		padding-left: 10px;
	}
	ul.pagerLight li.prev a,
	ul.pagerLight li.prev em,
	ul.pagerLight li.next a,
	ul.pagerLight li.next em {
		background-size: 16px;
	}

	.keywordSearch input {
		vertical-align: middle;
	}
	.keywordSearch input.text {
		width: 70%;
	}
	.keywordSearch input.button {
		height: auto;
		line-height: normal;
		margin-left: 5px;
	}

	/* navTop */
	.navTop {
		margin-bottom: 15px;
	}
	.navTop .keywordSearch {
		display: block;
		float: none;
	}
		.ieOld .navTop .keywordSearch input.text {
			width: 155px;
		}

	.navTop ul.pager {
		display: block;
		float: none;
		width: auto;
		margin-top: 15px;
		text-align: center;
	}

} /* screen and (max-width:640px) */



/* -----------------------------------
	socialButtons
----------------------------------- */

ul.socialButtons {
  letter-spacing: -0.5em;
}
ul.socialButtons > * {
  display: inline-block;
  letter-spacing: normal;
	vertical-align: top;
}
ul.socialButtons .twitter {
	margin-right: 1em;
}
ul.socialButtons .facebook {
	line-height: 0;
/*	position: relative;
	top: -6px;*/
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	ul.socialButtons li.facebook {
		top: 0;
	}
}


/* -----------------------------------
	header
----------------------------------- */

#header {
	position: relative;
	z-index: 200;
	margin-bottom: 43px;
	background: #f7f7f7;
	border-bottom: solid 1px #ececec;
}
#header a {
	text-decoration: none;
}
#header .siteLogo {
	display: inline;
	float: left;
}
#loginNav {
	display: inline;
	float: right;
	margin: 20px 50px 0 0;
	font-size: 79%;
	font-weight: bold;
	text-align: right;
}
#loginNav.member {
	margin-top: 12px;
}
#loginNav a {
	margin-left: 1.2em;
	padding-left: 12px;
	background: url(../img/common/arw_min_blk_r.png) 0 0.2em no-repeat;
}
#header ul#subNav {
	display: inline;
	float: right;
}
#header ul#subNav li {
	display: inline;
	float: left;
	margin-left: 4px;
}
#header ul#subNav li a {
	display: block;
	line-height: 32px;
	height: 32px;
	font-size: 79%;
	font-weight: bold;
	text-align: center;
}
#header ul#subNav li.company a {
	width: 128px;
	background: #00b458;
	color: #fff;
}
#header ul#subNav li.lang a {
	width: 75px;
	background: #ddd;
	color: #5d5d5d;
}

/* loginPanel */
#loginPanel {
	display: none;
	position: absolute;
	right: 0;
	top: 38px;
	width: 562px;
	border: solid 4px #00b458;
	border-radius: 10px;
	background: #fff;
}
#loginPanel .loginColumn {
	display: inline;
	float: left;
	width: 250px;
	padding: 25px 27px;
}
#loginPanel .loginColumn dl dt {
	margin: 5px 0 3px 0;
}
#loginPanel .loginColumn input.text {
	padding: 5px 8px;
	border: solid 2px #cfcdcd;
	border-radius: 10px;
	background: #fff9eb;
	width: 230px;
}
#loginPanel .loginColumn p.button {
	margin: 22px 0 3px 0;
}
#loginPanel .loginColumn .basicButton {
	width: 150px;
	height: 38px;
	line-height: 38px;
	padding-left: 10px;
	border-radius: 10px;
}
#loginPanel .loginColumn p.reminder a {
	padding-left: 10px;
	background: url(../img/common/arw_basic_grn_r.png) 0 0.2em no-repeat;
	color: #09ad59;
	font-size: 86%;
	text-decoration: none;
}

#loginPanel .registColumn {
	display: inline;
	float: right;
	width: 200px;
	padding: 25px 29px;
	background: #00b458;
	color: #fff;
	text-align: left;
}
#loginPanel .registColumn dl dt {
	font-size: 143%;
	font-weight: bold;
	text-align: center;
}
#loginPanel .registColumn dl dd {
	margin-top: 20px;
}
#loginPanel .registColumn .basicButton {
	width: 190px;
	height: 43px;
	line-height: 43px;
	padding-left: 10px;
	border-radius: 10px;
	background: #fff url(../img/common/arw_basic_grn_r.png) 30px center no-repeat;
	color: #00b458;
}

#header dl#menu {
	display: none;
}

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

	#header {
		margin-bottom: 15px;
		padding: 5px 0;
	}
	#header .siteLogo {
		display: block;
		float: none;
	}
	#header ul#subNav {
		display: none;
	}

	#loginNav {
		display: block;
		float: none;
		margin: 0;
		padding: 10px 10px;
		background: #f4f4f4;
		text-align: center;
	}
	#loginNav a {
		background: url(../img/common/sp/arw_min_gry_r.png) left center no-repeat;
		background-size: 5px;
		color: #00a350;
		text-decoration: none;
	}
	#loginNav.member a {
		margin: 0 0.6em;
	}
	#header ul#subNav {
		/*display: inline;*/
		float: right;
	}
	#header ul#subNav li {
		display: inline;
		float: left;
		margin-left: 4px;
	}
	#header ul#subNav li a {
		display: block;
		line-height: 32px;
		height: 32px;
		font-size: 79%;
		font-weight: bold;
		text-align: center;
	}
	#header ul#subNav li.company a {
		width: 128px;
		background: #00b458;
		color: #fff;
	}
	#header ul#subNav li.lang a {
		width: 75px;
		background: #ddd;
		color: #5d5d5d;
	}

	/* loginPanel */
	#loginPanel {
		display: none !important;
	}

	#header dl#menu {
		display: block;
	}
	#header dl#menu dt {
		position: absolute;
		top: -5px;
		right: 0;
		display: block;
		line-height: 29px;
		height: 29px;
		padding: 0 10px;
		background: #00b458;
		color: #fff;
		font-size: 79%;
		font-weight: bold;
		text-align: center;
		cursor: pointer;
	}
	#header dl#menu dd {
		display: none;
		position: relative;
		margin: 0 -10px;
	}
	#header dl#menu dd ul.globalNav {
		position: absolute;
		left: 0;
		top: 5px;
		margin: 0;
		width: 100%;
		background: #fff;
	}

} /* screen and (max-width:640px) */



/* -----------------------------------
	footer
----------------------------------- */

#footer {
	margin-top: 25px;
}
#footer .layoutInner {
	padding: 35px 0 65px 0;
	border-top: solid 8px #efefef;
}
#footerNav {
	display: inline;
	float: left;
}
#footerNav li {
	display: inline;
	float: left;
	margin-right: 15px;
}
#footerNav li a {
	padding-left: 15px;
	background: url(../img/common/arw_basic_grn_r.png) 0.1em 0.2em no-repeat;
	color: #02964a;
	font-size: 86%;
	font-weight: bold;
	text-decoration: none;
}
#footer p.unofficial {
	display: inline;
	float: right;
	margin-top: -2em;
	color: #888;
	font-size: 79%;
	text-align: right;
	line-height: 2;
}
#footer p.copyright {
	clear: left;
	display: inline;
	float: left;
	margin-top: 5px;
	color: #888;
	font-size: 72%;
}

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

	#footer {
		margin-top: 0;
	}
	#footer .layoutInner {
		padding: 10px 0 15px 0;
		border-top: none;
	}
	#footerNav {
		display: block;
		float: none;
		margin: 10px 0 20px 0;
		text-align: center;
	}
	#footerNav li {
		display: inline-block;
		float: none;
		margin: 0 10px;
	}
	#footerNav li a {
		background: url(../img/common/sp/arw_min_gry_r.png) left center no-repeat;
		background-size: 5px;
		color: #333;
	}
	#footer p.copyright {
		display: block;
		float: none;
	}
	#footer p.unofficial {
		display: block;
		float: none;
		margin: 5px 0 0 0;
		text-align: left;
		line-height: inherit;
	}

} /* screen and (max-width:640px) */



/* -----------------------------------
	extra
----------------------------------- */

#extra {
	margin-top: 40px;
}
#extra .support {
	padding-top: 21px;
	background: url(../img/common/bg_extra.png) 950px 0 no-repeat;
}
#extra .support .inner {
	padding: 20px 25px 22px 25px;
	background: #00b458;
}
#extra .support h2 {
	margin-bottom: 15px;
	color: #fff;
	font-size: 129%;
	font-weight: bold;
}
#extra .support ul {
	position: relative;
	margin-right: -10px;
}
#extra .support ul li {
	display: inline;
	float: left;
	margin-right: 10px;
}
#extra .support ul li a {
	display: block;
	width: 220px;
	height: 65px;
	padding-left: 10px;
	background: #fff url(../img/common/arw_basic_grn02_r.png) 15px center no-repeat;
	color: #02964a;
	font-size: 108%;
	font-weight: bold;
	text-decoration: none;
	line-height: 65px;
	text-align: center;
}

#extra .layoutInner {
	overflow: hidden;
}
#extra .facebookWidget {
	float: left;
}
#extra .twitterWidget {
	float: right;
}
#extra .facebookWidget,
#extra .twitterWidget {
	width: 493px;
	margin-top: 25px;
}
#extra .facebookWidget iframe,
#extra .twitterWidget iframe {
	vertical-align: top;
}
#extra .twitterWidget iframe {
	border: solid 1px #e9ebee !important;
	box-sizing: border-box;
}

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

	#extra {
		margin-top: 0;
	}
	#extra .support {
		padding-top: 0;
		background: none;
	}
	#extra .support .inner {
		margin: 0;
		padding: 15px 10px 10px 10px;
	}
	#extra .support h2 {
		margin-bottom: 15px;
		color: #fff;
		font-size: 100%;
		font-weight: bold;
	}
	#extra .support ul {
		position: relative;
		margin: 0 -5px -5px -5px;
	}
	#extra .support ul li {
		width: 48%;
		margin: 0 0 5px 0;
		padding: 0 1%;
	}
	#extra .support ul li a {
		width: auto;
		height: 4em;
		padding-left: 7px;
		background: #fff url(../img/common/sp/arw_basic_grn_r.png) 7px center no-repeat;
		background-size: 5px;
		font-size: 79%;
		line-height: 4em;
	}

	#extra .facebookWidget,
	#extra .twitterWidget {
		float: none;
		width: 100%;
		margin-top: 20px;
		display: none;
	}

} /* screen and (max-width:640px) */



/* -----------------------------------
	sub
----------------------------------- */

/* globalNav */
ul.globalNav {
	border-top: solid 2px #efefef;
}
ul.globalNav li {
	border-bottom: solid 2px #efefef;
}
ul.globalNav li.news {
	display: none;
}
ul.globalNav li ul {
	margin: 0 0 10px 41px;
}
ul.globalNav li.manabu a:hover,
ul.globalNav li.asobu a:hover,
ul.globalNav li.tsukuru a:hover {
	opacity: 1;
}
ul.globalNav li ul li {
	list-style: disc outside;
	border-bottom: none;
	color: #333;
	margin: 0 0 5px 0;
}
ul.globalNav li ul li a {
	height: auto;
	background: none;
	color: #444;
	font-size: 79%;
	font-weight: bold;
	line-height: normal;
	text-decoration: none;
}
ul.globalNav li ul li a span {
	padding: 0;
}
ul.globalNav li ul li.current,
ul.globalNav li ul li.current a {
	color: #09ad59;
}


/* tools */
#tools {
	margin-top: 25px;
	background: #f2f2f2;
}
/*
#tools li {
	display: inline;
	float: left;
}
*/
#tools li a {
	display: block;
	padding: 22px 10px 22px 60px;
	font-size: 93%;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 1px;
}
#tools li.map a {
	background: url(../img/common/icn_map.png) 19px center no-repeat;
}
/*
#tools li.calendar {
	margin-right: 10px;
}
#tools li.calendar a {
	background: url(../img/common/icn_calendar.png) left top no-repeat;
}
*/

/* information */
#information {
}
#information ul {
	margin: 10px 0 5px 0;
	font-size: 86%;
	line-height: 1.5;
}
#information ul li {
	padding: 0 14px;
}
#information ul li a {
	text-decoration: none;
}
#information ul li span {
	display: block;
	margin-top: 2px;
	font-size: 84%;
}
#information .arwLink {
	margin: 0 14px 10px;
	text-align: right;
}


/* banner */
#sub ul.banner {
	margin: 25px 0;
}
#sub ul.banner li {
	margin-top: 12px;
}

#sub .external_link ul.banner li {
	text-align: center;
}

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

	#sub ul.banner {
		margin: 10px -2% 10px 0;
	}
	#sub ul.banner li {
		display: inline;
		float: left;
		width: 48%;
		margin: 0 2% 0 0;
	}
	#sub .external_link ul.banner {
		margin: 10px 0;
	}
	#sub .external_link ul.banner li {
		display: block;
		float: none;
		width: auto;
		margin: 0;
	}
	#sub .external_link ul.banner li img {
		width: auto;
	}

} /* screen and (max-width:640px) */


/* carousel */
#sub .carousel,
#sub .gakucho_blog,
#sub .external_link {
	margin-top: 25px;
	border: solid 1px #ddd;
	font-size: 93%;
}
#sub .carousel h2,
#sub .gakucho_blog h2,
#sub .external_link h2 {
	padding: 8px;
	border-bottom: solid 1px #ddd;
	color: #222;
	text-align: center;
}
#sub .carousel .content,
#sub .gakucho_blog .content,
#sub .external_link .content {
	position: relative;
	margin: 11px 15px;
}
#sub .carousel ul.data li {
	display: inline;
	float: left;
	width: 160px;
	padding: 0 4px;
}
#sub .carousel ul.data li p.pic {
	overflow: hidden;
	height: 160px;
	margin-bottom: 10px;
	text-align: center;
}
#sub .carousel ul.data li p.pic img {
	width: 100%;
	height: auto;
}
#sub .carousel ul.nav {
	position: relative;
	height: 21px;
	margin-top: 8px;
}
#sub .carousel ul.nav li {
	position: absolute;
	top: 0;
}
#sub .carousel ul.nav li.prev {
	left: 59px;
}
#sub .carousel ul.nav li.next {
	left: 91px;
}

#sub #storeList {
	background: url(../img/common/bg_sub_shop.png) right bottom no-repeat;
}
#sub #reportList {
	background: url(../img/common/bg_sub_report.png) right bottom no-repeat;
}

#sub .gakucho_blog p.pic {
	margin-bottom: 10px;
}
#sub .gakucho_blog p.pic img {
	width: 100%;
	height: auto;
}

#sub .external_link ul.banner li {
	margin: 0 0 11px;
}

/* reportNotice */
.reportNotice {
	margin-top: 25px;
	border: solid 1px #ddd;
	font-size: 93%;
}
.reportNotice h2 {
	padding: 8px;
	border-bottom: solid 1px #ddd;
	color: #222;
	text-align: center;
}
.reportNotice .content {
	position: relative;
	/*margin: 11px 19px;*/
}
.reportNotice .content a {
	display: block;
	padding: 11px 19px;
	text-decoration: none;
}
.reportNotice .content ul li {
	margin-bottom: 10px;
}
.reportNotice .content ul li img {
	width: 100%;
}

/* social widget */
#sub .socialWidget {
	margin-top: 25px;
	border: solid 1px #ddd;
}
#sub .socialWidget .widgetHead {
	padding: 10px 14px;
	border-bottom: solid 1px #ddd;
}
#sub .socialWidget .widgetHead h2 {
	float: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
}
#sub .socialWidget .widgetHead .button {
	float: right;
}
#sub .socialWidget .widgetHead a {
	text-decoration: none;
}

#sub .socialWidget .widgetBody {
	height: 400px;
	overflow-y: scroll;
	overflow-x: hidden;
}

#sub .facebook .widgetHead .button {
	margin-top: -3px;
}

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

	#sub {
		margin: 0 -10px;
		padding: 10px;
		/*border-top: solid 3px #efefef;*/
	}

	/* globalNav */
	ul.globalNav {
		margin: 20px -10px 0 -10px;
		border-top: solid 1px #efefef;
	}
	#sub ul.globalNav:before {
		content: 'MENU';
		display: block;
		padding: 8px 10px;
		background: #00b458;
		color: #fff;
		font-size: 79%;
		font-weight: bold;
		line-height: 1.2;
	}
	ul.globalNav li {
		border-bottom: solid 1px #efefef;
	}
	ul.globalNav li.news {
		display: block;
	}
	ul.globalNav li a {
		display: block;
		padding: 0 10px;
		background: url(../img/common/sp/arw_basic_grn_r.png) 95% center no-repeat;
		background-size: 9px;
	}
	ul.globalNav li ul {
		margin: 0 0 10px 11%;
	}

	/* tools */
	#tools {
		margin-top: 15px;
		padding: 0;
		background: none;
	}
	/*
	#tools li {
		display: inline;
		float: left;
		width: 49%;
	}
	*/
	#tools li a {
		display: block;
		padding: 12px 20px 12px 40px;
		border: solid 2px #e7e7e7;
		border-radius: 3px;
		text-align: center;
		font-size: 100%;
	}
	/*
	#tools li.calendar {
		margin-right: 2%;
	}
	#tools li.calendar a {
		background: #eee url(../img/common/sp/icn_calendar.png) 6px center no-repeat;
		background-size: 36px;
	}
	*/
	#tools li.map a {
		background: #eee url(../img/common/sp/icn_map.png) 10px center no-repeat;
		background-size: 36px;
	}

	/* information */
	#information {
		display: none;
		margin-top: 0;
		padding-left: 0;
		border-left: none;
	}
	#top #information {
		display: block;
	}
	#information dt {
		font-size: 117%;
		font-style: normal;
		font-weight: bold;
	}
	#information dt a {
		overflow: hidden;
		display: block;
		border: none;
		text-indent: 200%;
		white-space: nowrap;
		vertical-align: top;
		background-image: url(../img/common/sp/sprite.png);
		background-size: 305px 389px;
		background-position: -155px 0px;
		width: 150px;
		height: 30px;
	}
	#information dd {
		margin: 5px 0;
		font-size: 79%;
	}

	/* carousel */
	#sub .carousel {
		margin: 0 0 1px 0;
		padding: 10px;
		border: none;
		background: #eee;
	}
	#sub .carousel h2 {
		margin-bottom: 5px;
		padding: 0;
		border-bottom: none;
		text-align: left;
	}
	#sub .carousel .content {
		margin: 0;
	}
	#sub .carousel ul.data li {
		display: none;
		float: none;
		width: auto;
		height: auto !important;
		padding: 0 20px 0 0;
		background: url(../img/common/sp/arw_circle_wht_r.png) right center no-repeat;
		background-size: 16px;
	}
	#sub .carousel ul.data li:first-child {
		display: block;
	}
	#sub .carousel ul.data li p.pic {
		float: left;
		width: 35%;
		height: auto;
		margin: 0 10px 0 0;
	}
	#sub .carousel ul.data li p.pic img {
		margin-top: 0 !important;
	}
	#sub .carousel ul.data li h3 {
		overflow: hidden;
		font-size: 86%;
	}

	#sub .carousel ul.nav {
		display: none;
	}

	#sub #storeList {
		background: #eee url(../img/common/sp/bg_sub_shop.png) right bottom no-repeat;
		background-size: 35px;
	}
	#sub #reportList {
		background: #eee url(../img/common/sp/bg_sub_report.png) right bottom no-repeat;
		background-size: 35px;
	}

	/* reportNotice */
	.reportNotice {
		margin-top: 10px;
	}
	.reportNotice .content ul li {
		display: none;
		margin: 0 18%;
	}
	.reportNotice .content ul li:first-child {
		display: block;
	}
	.reportNotice .content p.arwLink {
		margin-top: 10px;
		text-align: right;
	}

	/* social widget */
	#sub .socialWidget {
		display: none;
	}

	/* gakucho_blog */
	#sub .gakucho_blog {
		display: none;
	}

} /* screen and (max-width:640px) */



/* -----------------------------------
	classGridList
----------------------------------- */

ul.classGridList {
	position: relative;
	margin-right: -25px;
}
ul.classGridList li {
	position: relative;
	display: inline;
	float: left;
	width: 230px;
	margin: 0 25px 32px 0;
	line-height: 1.2;
}
ul.classGridList li a {
	position: relative;
	padding-bottom: 45px;
	border: solid 1px #dfdfdf;
	text-decoration: none;
}
ul.classGridList li p.date {
	position: absolute;
	left: 184px;
	top: -9px;
	z-index: 200;
	width: 58px;
	height: 58px;
	background: url(../img/common/bg_date.png) 0 0 no-repeat;
	color: #fff;
	text-align: center;
}
ul.classGridList li.ended p.date {
	background: url(../img/common/bg_date.png) -58px 0 no-repeat;
}
ul.classGridList li p.date span {
	display: block;
}
ul.classGridList li p.date span.year {
	margin-top: 9px;
	font-family: 'Lato', sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
}
ul.classGridList li p.date span.year span {
	display: none;
}
ul.classGridList li p.date span.day {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 1.1;
}
ul.classGridList li p.date span.day span.slash {
	display: inline;
	margin: 0 2px;
}
ul.classGridList li p.date span.week {
	margin-top: 1px;
	font-size: 9px;
	color: #e4ff00;
}
ul.classGridList li p.dateMulti {
	left: 138px;
	width: 100px;
	padding: 0 2px;
	background: url(../img/common/bg_date_multi.png) 0 0 no-repeat;
	text-align: left;
}
ul.classGridList li.ended p.dateMulti {
	background: url(../img/common/bg_date_multi.png) -104px 0 no-repeat;
}
ul.classGridList li p.dateMulti span.fromto {
	display: none;
}
ul.classGridList li p.dateMulti span.start,
ul.classGridList li p.dateMulti span.end {
	display: block;
	width: 50px;
	float: left;
	text-align: center;
}
ul.classGridList li p.pic {
	overflow: hidden;
	position: relative;
	z-index: 100;
	margin-bottom: 10px;
	height: 155px;
	border-bottom: solid 1px #dfdfdf;
}
ul.classGridList li p.pic img {
	width: 100%;
}
ul.classGridList li p.status {
	margin: 0 15px 10px 15px;
}
ul.classGridList li.closed p.status {
	color: #7b7b7b;
	border-bottom: solid 2px #7b7b7b;
}
ul.classGridList li.just_rest p.status {
	color: #f28d0b;
	border-bottom: solid 2px #f28d0b;
}
ul.classGridList li.full p.status {
	color: #d72a2c;
	border-bottom: solid 2px #d72a2c;
}
ul.classGridList li h3 {
	margin: 0 15px;
	font-size: 93%;
	line-height: 1.4;
}
ul.classGridList li p.more {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 228px;
	background: #f2f2f2 url(../img/common/arw_min_gry_r.png) 17px center no-repeat;
	color: #b4b4b4;
	font-family: 'Lato', sans-serif;
	font-size: 11px;
	line-height: 31px;
	text-align: center;
	letter-spacing: 1px;
}
ul.classGridList li a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	border: solid 1px #00B458;
}
/*
ul.classGridList li a:hover p.pic,
ul.classGridList li a:hover h3,
ul.classGridList li a:hover p.status {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
*/
ul.classGridList li a:hover p.more {
	background: #00B458 url(../img/common/arw_min_gry_r.png) 17px center no-repeat;
	color: #fff;
}

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

	ul.classGridList {
		margin-right: 0;
	}
	ul.classGridList li {
		display: block;
		float: none;
		width: auto;
		height: auto !important;
		margin: 0 -10px;
		padding: 5px 10px;
		border-bottom: solid 1px #efefef;
	}
	ul.classGridList li:last-child {
		border-bottom: none;
	}
	ul.classGridList li a {
		position: relative;
		overflow: hidden;
		height: auto !important;
		padding: 5px 25px 5px 0;
		border: none;
		text-decoration: none;
		background: url(../img/common/bdr_15px_eee.png) right top repeat-y;
	}
	ul.classGridList li a:hover {
		border: none;
	}
	ul.classGridList li a:after {
		content: '';
		position: absolute;
		right: 5px;
		top: 47%;
		display: block;
		width: 5px;
		height: 7px;
		background: url(../img/common/sp/arw_min_gry_r.png) left top no-repeat;
		background-size: 5px;
	}
	ul.classGridList li p.date {
		position: relative;
		left: 0;
		top: 0;
		width: auto;
		height: auto;
		margin-bottom: 5px;
		background: none;
		color: #333;
		text-align: left;
		letter-spacing: 1px;
		font-weight: bold;
	}
	ul.classGridList li.ended p.date {
		background: none;
	}
	ul.classGridList li p.date span {
		display: inline;
	}
	ul.classGridList li p.date span.year {
		margin-top: 0;
		font-size: inherit;
		letter-spacing: 0;
	}
	ul.classGridList li p.date span.year span {
		display: inline;
	}
	ul.classGridList li p.date span.day {
		font-size: inherit;
	}
	ul.classGridList li p.date span.week {
		font-size: 86%;
		color: inherit;
	}
	ul.classGridList li p.dateMulti {
		left: auto;
		width: auto;
		padding: 0;
		background: none;
	}
	ul.classGridList li.ended p.dateMulti {
		background: none;
	}
	ul.classGridList li p.dateMulti span.fromto {
		display: inline;
	}
	ul.classGridList li p.dateMulti span.start,
	ul.classGridList li p.dateMulti span.end {
		display: inline;
		width: auto;
		float: none;
		text-align: left;
	}
	ul.classGridList li p.pic {
		display: inline;
		float: left;
		width: 38%;
		height: auto;
		margin: 0 4% 0 0;
		border-bottom: none;
	}
	ul.classGridList li p.pic img {
		height: auto;
		margin-top: 0 !important;
	}
	ul.classGridList li p.pic img.noimage {
		width: 98%;
		border: solid 1px #dfdfdf;
	}
	ul.classGridList li p.status {
		margin: 0 0 8px 0;
	}
	ul.classGridList li h3 {
		overflow: hidden;
		margin: 0;
		height: auto !important;
	}
	ul.classGridList li p.more {
		display: none;
	}

} /* screen and (max-width:640px) */


.classReportSection {
	margin-top: 40px;
}

.classReportSection h2 {
	position: relative;
	display: inline-block;
	margin-bottom: 25px;
	padding-bottom: 8px;
	color: #00b458;
	font-size: 108%;
}
.classReportSection h2:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 98%;
	height: 3px;
	background: #00b458;
}

.classReportGridList .badge {
	position: absolute;
	left: 184px;
	top: -9px;
	z-index: 200;
	width: 58px;
	height: 58px;
	background: url(../img/common/bg_date.png) 0 0 no-repeat;
	color: #fff;
	font-weight: bold;
}
.classReportGridList .badge .badgeInner {
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1em;
	font-size: 86%;
	text-align: center;
}


@media screen and (max-width: 640px) {
	.classReportSection {
		margin-top: 20px;
	}
	
	.classReportSection h2 {
		margin-bottom: 10px;
		font-size: 100%;
	}
	.classReportGridList .badge,
	.classReportGridList .badge .badgeInner {
		display: inline-block;
		position: relative;
		left: auto;
		top: auto;
		right: auto;
		width: auto;
		height: auto;
		margin: 0;
		padding: 0;
	}
	.classReportGridList .badge {
		margin-bottom: 8px;
		background: #00b458;
		font-weight: normal;
	}
	.classReportGridList .badge .badgeInner {
		padding: 2px 5px;
		font-size: 79%;
	}
	.classReportGridList .badge br {
		display: none;
	}
} /* screen and (max-width:640px) */





/* -----------------------------------
	activityGridList
----------------------------------- */

ul.activityGridList {
	position: relative;
	margin-right: -19px;
}
ul.activityGridList li {
	display: inline;
	float: left;
	width: 170px;
	margin: 0 19px 30px 0;
	line-height: 1.3;
}
ul.activityGridList li a {
	text-decoration: none;
}
ul.activityGridList li p.pic {
	overflow: hidden;
	height: 117px;
	margin-bottom: 10px;
	border: solid 1px #dfdfdf;
}
ul.activityGridList li p.pic img {
	width: 100%;
}
ul.activityGridList li h3 {
	margin-bottom: 6px;
	font-size: 86%;
	text-decoration: underline;
	line-height: 1.5;
}
ul.activityGridList li p.project {
	overflow: hidden;
	color: #02964a;
	font-size: 79%;
}
ul.activityGridList li p.desc {
	overflow: hidden;
	color: #999;
	font-size: 79%;
}
ul.activityGridList li p.univ_info {
	margin-top: 5px;
	font-size: 86%;
	font-weight: bold;
	vertical-align: middle;
}
ul.activityGridList li p.univ_info img {
	vertical-align: middle;
	margin-right: 8px;
	width: 30px;
}

/* sisterSchoolList */
ul.sisterSchoolList li a {
	text-decoration: underline;
}
ul.sisterSchoolList li .desc a {
	text-decoration: none;
}

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

	ul.activityGridList {
		margin-right: 0;
	}
	ul.activityGridList li {
		display: block;
		float: none;
		width: auto;
		height: auto !important;
		margin: 0 -10px;
		padding: 5px 10px;
		border-bottom: solid 1px #efefef;
	}
	ul.activityGridList li:last-child {
		border-bottom: none;
	}
	ul.activityGridList li a {
		position: relative;
		overflow: hidden;
		padding: 5px 25px 5px 0;
		border: none;
		background: url(../img/common/bdr_15px_eee.png) right top repeat-y;
		text-decoration: none;
	}
	ul.activityGridList li a:after {
		content: '';
		position: absolute;
		right: 5px;
		top: 47%;
		display: block;
		width: 5px;
		height: 7px;
		background: url(../img/common/sp/arw_min_gry_r.png) left top no-repeat;
		background-size: 5px;
	}
	ul.activityGridList li p.pic {
		display: inline;
		float: left;
		width: 28%;
		height: auto;
		margin: 0 4% 0 0;
	}
	ul.activityGridList li p.pic img {
		margin-top: 0 !important;
	}
	ul.activityGridList li h3 {
		margin-bottom: 6px;
		font-size: 86%;
		text-decoration: underline;
		line-height: 1.5;
	}
	ul.activityGridList li p.project {
		color: #02964a;
		font-size: 79%;
	}
	ul.activityGridList li p.desc {
		color: #999;
		font-size: 79%;
	}

	/* sisterSchoolList */
	ul.sisterSchoolList li {
		overflow: hidden;
	}
	ul.sisterSchoolList li a {
		background: none;
	}
	ul.sisterSchoolList li a:after {
		display: none;
	}

} /* screen and (max-width:640px) */





/* -----------------------------------
	clubGridList
----------------------------------- */

.clubGridList {
	position: relative;
	margin-right: -25px;
}
.clubGridList li {
	position: relative;
	display: inline;
	float: left;
	width: 228px;
	margin: 0 25px 30px 0;
	padding: 15px 0 30px 0;
	border: solid 1px #dfdfdf;
	line-height: 1.2;
}
.clubGridList li.ended {
	padding-bottom: 0;
}
.clubGridList li p.pic {
	overflow: hidden;
	position: relative;
	z-index: 100;
	margin: -15px 0 10px 0;
	height: 155px;
	border-bottom: solid 1px #dfdfdf;
}
.clubGridList li p.pic img {
	width: 100%;
}
.clubGridList li h3 {
	margin: 0 15px 5px;
	font-size: 108%;
	line-height: 1.4;
}
.clubGridList li p.desc {
	line-height: 1.7;
	margin: 0 15px 15px;
	font-size: 86%;
}
.clubGridList li p.desc a {
	text-decoration: underline;
}
.clubGridList li p.desc a:hover {
	border: none;
	text-decoration: none;
}
.clubGridList li dl.blog {
	margin: 0 15px 15px 15px;
	font-size: 79%;
}
.clubGridList li dl.blog dt {
	display: inline-block;
	margin-bottom: 5px;
	padding: 0 1.2em;
	border-bottom: none;
	background-color: #00b458;
	color: #fff;
	line-height: 1.7;
}
.clubGridList li dl.blog dd {
	line-height: 1.8;
}
.clubGridList li dl.blog dd a {
	text-decoration: underline;
}
.clubGridList li dl.blog dd a:hover {
	border: none;
	text-decoration: none;
}
.clubGridList li p.more {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 228px;
}
.clubGridList li p.more a {
	display: block;
	width: 228px;
	background: #f2f2f2 url(../img/common/arw_min_gry_r.png) 17px center no-repeat;
	color: #b4b4b4;
	font-family: 'Lato', sans-serif;
	font-size: 11px;
	line-height: 31px;
	text-align: center;
	text-decoration: none;
	letter-spacing: 1px;
}
.clubGridList li p.more a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	background: #00B458 url(../img/common/arw_min_gry_r.png) 17px center no-repeat;
	color: #fff;
}
.clubGridList li p.clubStatus {
	position: absolute;
	left: 189px;
	top: -24px;
	z-index: 200;
	width: 58px;
	height: 58px;
	background: url(../img/common/bg_date.png) 0 0 no-repeat;
	color: #fff;
	text-align: center;
}
.clubGridList li.ended p.clubStatus {
	background: url(../img/common/bg_date.png) -58px 0 no-repeat;
}
.clubGridList li.ended p.clubStatus span {
	line-height: 58px;
	font-size: 90%
}

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

	ul.clubGridList {
		margin-right: 0;
	}
	ul.clubGridList li {
		overflow: hidden;
		display: block;
		float: none;
		width: auto;
		height: auto !important;
		margin: 0 -10px;
		padding: 10px 10px;
		border: none;
		border-bottom: solid 1px #efefef;
	}
	ul.clubGridList li.ended {
		padding: 10px 10px;
	}
/*	ul.clubGridList li .inner {
		position: relative;
		overflow: hidden;
		padding: 5px 25px 5px 0;
		border: none;
		text-decoration: none;
		background: url(../img/common/bdr_15px_eee.png) right top repeat-y;
	}
	ul.clubGridList li .inner:after {
		content: '';
		position: absolute;
		right: 5px;
		top: 47%;
		display: block;
		width: 5px;
		height: 7px;
		background: url(../img/common/sp/arw_min_gry_r.png) left top no-repeat;
		background-size: 5px;
	}
*/
	ul.clubGridList li p.pic {
		display: inline;
		float: left;
		width: 38%;
		height: auto;
		margin: 0 4% 0 0;
		border-bottom: none;
	}
	ul.clubGridList li h3 {
		overflow: hidden;
		height: auto !important;
		margin: 0 0 5px 0;
		font-size: 100%;
	}
	ul.clubGridList li p.desc {
		overflow: hidden;
		height: auto !important;
		margin: 0;
	}
	.clubGridList li dl.blog {
		clear: both;
		overflow: hidden;
		margin: 0;
		padding-top: 10px;
	}
	/*
	.clubGridList li p.more {
		position: relative;
		bottom: 0;
		left: 0;
		overflow: hidden;
		float: right;
		width: 6em;
		margin-top: 5px;
	}
	.clubGridList li p.more a {
		display: block;
		width: auto;
		padding-left: 9px;
		background: #f2f2f2 url(../img/common/arw_min_gry_r.png) 17px center no-repeat;
		color: #b4b4b4;
		font-family: 'Lato', sans-serif;
		font-size: 11px;
		line-height: 26px;
		text-align: center;
		text-decoration: none;
		letter-spacing: 1px;
	}
	*/
	.clubGridList li p.more {
		display: none;
	}
	.clubGridList li p.clubStatus {
		position: relative;
		left: auto;
		top: auto;
		display: inline-block;
		width: auto;
		height: auto;
		margin-bottom: 5px;
		padding: 0 1em;
		background: #00B458;
		color: #fff;
		font-size: 72%;
		text-align: center;
		line-height: 1.8;
	}
	.clubGridList li.ended p.clubStatus {
		background: #666;
	}
	.clubGridList li.ended p.clubStatus span {
		line-height: normal;
		font-size: inherit;
	}

} /* screen and (max-width:640px) */


/* -----------------------------------
	Search Result
----------------------------------- */
.search_result {
	overflow: hidden;
	margin-bottom: 30px;
}

.search_result .result_text {
	float: left;
	color: #ec7832;
}

.search_result .link_not_search {
	float: right;
	padding-left: 15px;
	background: url("../img/common/arw_basic_grn_r.png") no-repeat scroll 0.1em center rgba(0, 0, 0, 0);
}


/* -----------------------------------
	classList
----------------------------------- */

ul.classList {
	overflow: hidden;
	margin-top: -20px;
}
ul.classList li {
	margin-top: -3px;
	padding: 30px 0;
	border-top: solid 3px #efefef;
}
ul.classList li a {
	text-decoration: none;
}
ul.classList li .data {
	display: inline;
	float: left;
	width: 150px;
	margin-right: 25px;
}
ul.classList li .pic {
	overflow: hidden;
	display: inline;
	float: right;
	width: 180px;
	max-height: 180px;
	height: expression(document.body.clientWidth > 180? "180px" : "auto");
	margin-left: 25px;
}
ul.classList li .pic img {
	width: 100%;
}
ul.classList li .pic img.noimage {
	width: 98%;
	border: solid 1px #dfdfdf;
}
ul.classList li .text {
	overflow: hidden;
}
ul.classList li .data .date {
	width: 150px;
	height: 110px;
	padding-top: 40px;
	background: #00b458;
	color: #fff;
	font-family: 'Lato', sans-serif;
	line-height: 1.2;
	letter-spacing: 1px;
	text-align: center;
}
ul.classList li .data .two_date {
	width: 150px;
	height: 110px;
	padding: 20px 0;
	background: #00b458;
	color: #fff;
	font-family: 'Lato', sans-serif;
	line-height: 1.2;
	letter-spacing: 1px;
}
/*ul.classList li .data .date p,
ul.classList li .data .two_date p {
	margin-left: 20px;
}*/
ul.classList li .data .date p.day {
	font-size: 37px;
}
ul.classList li .data .two_date p.day {
	font-size: 30px;
}
ul.classList li .data .date p.day span,
ul.classList li .data .two_date p.day span {
	margin-left: 3px;
	color: #e4ff00;
	font-size: 14px;
}
ul.classList li .data .date p.time {
	font-size: 20px;
}
ul.classList li .data .two_date p.time {
	font-size: 18px;
}
ul.classList li .data .status {
	display: block;
	height: 2.1em;
	line-height: 2.2em;
	margin-top: 6px;
	padding: 0;
	border: solid 2px #00b458;
	background: #fff;
	text-align: center;
	font-size: 72%;
	font-weight: bold;
	letter-spacing: 1px;
}
ul.classList li .data .status.entry {
	border: solid 2px #f60;
	background: #f60;
	color: #fff;
}
ul.classList li .data .status.elected,
ul.classList li .data .status.presence {
	border: solid 2px #ec0515;
	background: #ec0515;
	color: #fff;
}
ul.classList li .data .status.rejected,
ul.classList li .data .status.absence {
	border: solid 2px #ec0515;
	color: #ec0515;
}
ul.classList li .data .status.ended {
	border: solid 2px #f60;
	color: #f60;
}

ul.classList li .data .action a {
	display: block;
	height: 2.1em;
	line-height: 2.2em;
	margin-top: 6px;
	padding: 0 0 0 10px;
	border: solid 2px #00b458;
	background: #fff url(../img/common/arw_basic_grn_r.png) 7px center no-repeat;
	color: #00b458;
	text-align: center;
	font-size: 72%;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 1px;
}

ul.classList li .text p.label {
	margin-bottom: 5px;
}
ul.classList li .text p.label span.class {
	color: #5e5e5e;
	font-size: 93%;
}
ul.classList li .text p.label span.status {
	position: relative;
	top: -3px;
	margin-left: 10px;
}
ul.classList li.closed .text p.label .status {
	color: #777;
	border-bottom: 2px solid #777;
}
ul.classList li.just_rest .text p.label .status {
	color: #f08e09;
	border-bottom: 2px solid #f08e09;
}
ul.classList li.full .text p.label .status {
	color: #d72a2c;
	border-bottom: 2px solid #d72a2c;
}
ul.classList li .text h2 {
	font-size: 143%;
	line-height: 1.5;
	text-decoration: underline;
}
ul.classList li a:hover .text h2 {
	text-decoration: none;
}
ul.classList li .text p.desc {
	margin-top: 20px;
	font-size: 86%;
}

.pastSection ul.classList {
	border-bottom: solid 3px #efefef;
}
.pastSection ul.classList li .data .date,
.pastSection ul.classList li .data .two_date {
	background: #8b8b8b;
}

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

	ul.classList {
		overflow: hidden;
		margin-top: 0;
	}
	ul.classList li {
		margin-top: 0;
		padding: 10px 0;
		border-top: none;
	}
	ul.classList li div {
		text-align: left;
	}
	ul.classList li .data {
		overflow: hidden;
		display: block;
		float: none;
		width: auto;
		margin: 0 0 10px 0;
	}
	ul.classList li .pic {
		clear: both;
		display: inline;
		float: left;
		width: 28%;
		height: auto;
		margin: 0 4% 10px 0;
	}
	ul.classList li .text {
		overflow: visible;
	}
	ul.classList li .data .date {
		width: auto;
		height: auto;
		padding: 3px 10px;
		text-align: left;
	}
	ul.classList li .data .date p {
		display: inline;
		margin: 0 10px 0 0;
	}
	ul.classList li .data .date p.day {
		font-size: 129%;
	}
	ul.classList li .data .date p.day span {
		margin-left: 3px;
		color: #e4ff00;
		font-size: 14px;
	}
	ul.classList li .data .date p.time {
		font-size: 115%;
	}
	ul.classList li .data .status {
		float: left;
		width: 46%;
		height: 1.9em;
		line-height: 2em;
		letter-spacing: normal;
	}
	ul.classList li .data .action a {
		float: right;
		width: 46%;
		height: 1.9em;
		line-height: 2em;
		letter-spacing: normal;
	}
	ul.classList li .text h2 {
		overflow: hidden;
		font-size: 115%;
	}
	ul.classList li .text p.desc {
		margin-top: 10px;
		font-size: 86%;
	}

} /* screen and (max-width:640px) */


/* -----------------------------------
	shopList
----------------------------------- */

ul.shopList li{
	overflow: hidden;
	padding: 22px 0;
	border-top: 3px solid #efefef;
}
ul.shopList li .pic {
	overflow: hidden;
	float: left;
	width: 150px;
	height: 150px;
}
ul.shopList li .pic img {
	width: 100%;
}
ul.shopList li .text{
	float: right;
	overflow: hidden;
	width: 565px;
	padding-top: 12px;
	line-height: 1.5;
}
ul.shopList li .text h2{
	width: 100%;
	padding-bottom: 20px;
	font-size: 158%;
	font-weight: normal;
}
ul.shopList li h2 a{
	color: #222;
	text-decoration: underline;
}
ul.shopList li h2 a:hover,
ul.shopList li h2 a:active{
	text-decoration: none;
}
ul.shopList li .text .address{
	float: left;
	width: 355px;
	font-size: 93%;
}
ul.shopList li .text .address span.arwLink {
	display: block;
	margin-top: 10px;
}
ul.shopList li .text .address span.arwLink a {
	background-position: left center;
	font-weight: normal;
	font-size: 100%;
	text-decoration: underline;
}
ul.shopList li .text .address span.arwLink a:hover {
	text-decoration: none;
}
ul.shopList li .text .service{
	float: right;
	width: 188px;
	padding-left: 22px;
	font-size: 93%;
}
ul.shopList li .text .service dt{
	padding-bottom: 4px;
	color: #00a350;
	font-weight: bold;
}

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

	ul.shopList li{
		margin: 0 -10px;
		padding: 15px 10px;
		border-top: 1px solid #efefef;
	}
	ul.shopList li div{
		text-align: left;
	}
	ul.shopList li .pic {
		width: 28%;
		height: auto;
		margin: 0 4% 10px 0;
	}
	ul.shopList li .text{
		overflow: visible;
		float: none;
		width: auto;
		padding: 0;
	}
	ul.shopList li .text h2{
		overflow: hidden;
		width: auto;
		padding-bottom: 15px;
		font-size: 115%;
		font-weight: bold;
	}
	ul.shopList li .text .address{
		overflow: hidden;
		float: none;
		width: auto;
	}
	ul.shopList li .text .service{
		float: none;
		width: auto;
		padding-left: 0;
		margin-top: 10px;
	}
	ul.shopList li .text .service dt{
		padding-bottom: 0;
	}

} /* screen and (max-width:640px) */


/* -----------------------------------
	shopGridList
----------------------------------- */

ul.shopGridList {
	margin-right: -17px;
}
ul.shopGridList li {
	float: left;
	width: 235px;
	margin: 0 17px 25px 0;
}
ul.shopGridList li .pic {
	float: left;
	width: 100px;
	margin-right: 15px;
}
ul.shopGridList li .pic img {
	width: 100%;
}
ul.shopGridList li .text {
	overflow: hidden;
}
ul.shopGridList li .text h2 {
	font-size: 93%;
}
ul.shopGridList li h2 a {
	color: #222;
}
ul.shopGridList li h2 a:hover,
ul.shopGridList li h2 a:active {
	text-decoration: none;
}
ul.shopGridList li .text .service {
	margin-top: 8px;
}
ul.shopGridList li .text .service dt {
	margin-bottom: 2px;
	color: #00a350;
	font-size: 86%;
	font-weight: bold;
}
ul.shopGridList li .text .service dd {
	font-size: 79%;
	line-height: 1.4;
}

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

	ul.shopGridList {
		margin-right: 0;
	}
	ul.shopGridList li {
		position: relative;
		float: none;
		width: auto;
		height: auto !important;
		margin: 0 -10px;
		padding: 10px;
		border-top: 1px solid #efefef;
	}
	ul.shopGridList li:first-child {
		border-top: none;
	}
	ul.shopGridList li .pic {
		float: left;
		width: 28%;
		margin-right: 4%;
	}
	ul.shopGridList li .pic img {
		width: 100%;
	}
	ul.shopGridList li .text {
		overflow: hidden;
	}
	ul.shopGridList li .text h2 {
		font-size: 100%;
	}

} /* screen and (max-width:640px) */


/* -----------------------------------
	formFlow
----------------------------------- */

ul.formFlow {
	width: 740px;
	line-height: 1;
}
ul.formFlow li{
	display: inline;
	float: left;
	padding: 0 71px 0 0;
	background: url(../img/common/arw_flow_next.png) no-repeat 223px center;
}
ul.formFlow li p{
	display: inline-block;
	width: 189px;
	line-height: 58px;
	border: 5px solid #b6b7b6;
	color: #b6b7b6;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.pcScreen ul.formFlow li p {
	height: auto !important;
}
ul.formFlow li.on p{
	border: 5px solid #00b458;
	color:#00b458;
}
ul.formFlow li.passed{
	background: url(../img/common/arw_flow_passed.png) no-repeat 223px center;
}
ul.formFlow li.passed p{
	border: 5px solid #dfdfdf;
	color:#dfdfdf;
}
ul.formFlow li.right{
	padding: 0;
}

dl.mailCaution {
	padding: 16px;
	border: 2px solid #00b458;
	letter-spacing: 0.1em;
}
dl.mailCaution dt{
	padding: 0 0 1em;
	color: #09ad59;
}
dl.mailCaution dd dl.checkList{
	font-size: 86%;
	padding: 0 0 0.8em;
}
dl.mailCaution dd dl.checkList dt{
	padding: 0 0 2px 16px;
	color: #222;
	font-weight: bold;
	background: url(../img/common/icn_check_blk.png) no-repeat left 4px;
}
	.ie6 dl.mailCaution dd dl.checkList dt{
		zoom: 1;
	}
dl.mailCaution dd dl.checkList dd{
	padding: 0 0 10px 16px;
	color: #222;
	letter-spacing: normal;
}

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

	ul.formFlow {
		width: auto;
		margin: 15px 0;
	}
	ul.formFlow li{
		width: 33%;
		padding: 0;
		font-size: 10px;
	}
	ul.formFlow li p{
		display: block;
		width: auto;
		line-height: normal;
		border: 2px solid #b6b7b6;
		border-left: none;
		padding: 5px 5px;
	}
	ul.formFlow li.on p{
		border: 2px solid #00b458;
	}
	ul.formFlow li.passed p{
		border: 2px solid #dfdfdf;
		border-right: none;
	}

	dl.mailCaution {
		padding: 10px;
		border: 2px solid #00b458;
		letter-spacing: normal;
	}

} /* screen and (max-width:640px) */


/* -----------------------------------
	blogSection
----------------------------------- */

.blogSection h2 {
	border-top: 3px solid #efefef;
	border-bottom: 3px solid #efefef;
	font-size: 179%;
	line-height: 1.3;
}
.blogSection .blogPost {
	font-size: 79%;
	line-height: 1;
	color: #333;
}
.blogSection .blogPost span.category {
	margin-right: 1em;
}
.blogSection .blogBody {
	padding-bottom: 1em;
}
.blogSection .blogBody p {
	margin: 1em 0;
}
.blogSection .blogBody img.pic {
	margin: 1em 0;
}
.blogTopNav {
  text-align: center;
}
.blogTopNav a {
  color: #00b458;
  font-weight: bold;
  text-decoration: none;
  font-size: 14px;
}

/* -----------------------------------
	basicSection
----------------------------------- */

.basicSection {
	margin-bottom: 40px;
}
.basicSection p {
	margin-bottom: 1em;
}
.basicSection p.button {
	margin-top: 30px;
}

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

	.basicSection {
		margin-bottom: 20px;
		padding: 0 3px;
	}
	.basicSection .basicTitle {
		margin-right: -3px;
		margin-left: -3px;
	}
	.basicSection p,
	.basicSection ul,
	.basicSection ol,
	.basicSection dl {
		font-size: 86%;
	}

	.basicSection p.button {
		margin-top: 15px;
	}
	.basicSection .arwLink a {
		font-size: 100%;
	}

} /* screen and (max-width:640px) */



/* -----------------------------------
	leadSection
----------------------------------- */

.leadSection {
	overflow: hidden;
	margin-bottom: 19px;
	padding-left: 20px;
	border-left: solid 10px #00b458;
	line-height: 1.5;
}
.leadSection h1 {
	float: left;
	font-size: 214%;
	letter-spacing: 1px;
}
.leadSection h1 span.category {
	display: block;
	margin-bottom: 5px;
	color: #5e5e5e;
	font-size: 60%;
	font-weight: bold;
}
.leadSection h1 span.small {
	font-size: 65%;
}
.leadSection p.pic {
	display: inline;
	float: right;
	width: 200px;
	margin-left: 20px;
}
.leadSection p.pic img {
	width: 100%;
}
.leadSection p.pic img.noimage {
	width: 98%;
	border: solid 1px #dfdfdf;
}
.leadSection p.desc {
	clear: left;
	padding: 10px 0 5px 0;
	font-size: 93%;
	font-weight: bold;
}
.leadSection p.desc span {
	font-size: 75%;
}
.leadSection ul.socialButtons {
	margin-top: 8px;
}

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

	.leadSection {
		margin-bottom: 8px;
		padding-left: 0;
		border-left: none;
	}
	.leadSection h1 {
		float: none;
		font-size: 129%;
		letter-spacing: normal;
		padding-left: 10px;
		border-left: solid 5px #00b458;
	}
	.leadSection h1 span.small {
		font-size: 65%;
	}
	.leadSection p.pic {
		display: block;
		float: none;
		width: auto;
		margin: 10px 20%;
	}
	.leadSection p.desc {
		margin-top: 10px;
		padding: 0;
		font-size: 86%;
	}
	.leadSection p.desc span {
		font-size: 84%;
	}
	.leadSection ul.socialButtons {
		margin-top: 5px;
	}

} /* screen and (max-width:640px) */



/* -----------------------------------
	contactSection
----------------------------------- */

.contactSection {
	padding: 28px;
	margin: 2em 0 0;
	border: 1px solid #ddd;
	background: url(../img/common/pic_telephone.png) no-repeat 649px center;
}
.contactSection .contact .name{
	margin-right: 1.2em;
	font-size: 108%;
	color: #02964a;
	letter-spacing: 0.15em;
}
.contactSection .contact .data{
	font-size: 89%;
	letter-spacing: 0.03em;
 	font-family: 'Lato', sans-serif;
}
.contactSection .contact address{
	font-size: 86%;
	letter-spacing: 0.15em;
}

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

	.contactSection {
		margin: 15px 0;
		padding: 15px 17px;
		background: url(../img/common/pic_telephone.png) no-repeat right bottom;
		text-align: left;
	}
	.contactSection .contact .name{
		margin-bottom: 1em;
		font-weight: bold;
		letter-spacing: normal;
		line-height: 1.4;
	}
	.contactSection .contact .data{
		font-size: 86%;
		letter-spacing: normal;
	}
	.contactSection address{
		font-size: 86%;
		letter-spacing: normal;
	}

} /* screen and (max-width:640px) */



/* ============================================================

	style info : トップのスタイルを記述

============================================================ */

#top .topicsSection #pcSlide {
	display: block;
}
#top .topicsSection #spSlide {
	overflow: hidden;
	display: none;
}
#top .topicsSection #pcSlide ul.slide {
	overflow: hidden;
	height: 277px;
}
#top .topicsSection ul.slide li {
	display: inline;
	float: left;
}
#top .topicsSection ul.nav {
	display: inline;
	float: right;
	margin-top: 10px;
}
#top .topicsSection ul.nav li {
	display: inline;
	float: left;
	margin-left: 7px;
}

#top .classSection,
#top .clubSection,
#top .projectSection,
#top .sisterSection {
	position: relative;
	margin-bottom: 20px;
	padding-top: 20px;
	border-top: solid 3px #efefef;
}
#top .classSection {
	border-top: none;
}
#top .sisterSection {
	margin-bottom: 0;
}

#top .classSection h2,
#top .clubSection h2,
#top .projectSection h2,
#top .sisterSection h2 {
	margin-bottom: 15px;
}

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

	#top .topicsSection #spSlide {
		display: block;
	}
	#top .topicsSection #pcSlide {
		display: none;
	}
	#top .topicsSection ul.slide li {
		display: inline;
		float: left;
	}
	#top .topicsSection ul.nav {
		display: block;
		float: none;
		margin-top: 5px;
		text-align: center;
	}
	#top .topicsSection ul.nav li {
		display: inline-block;
		float: none;
		margin: 0 3px;
	}

	#top .classSection,
	#top .clubSection,
	#top .projectSection,
	#top .sisterSection {
		margin: 10px -10px;
		padding: 10px 10px 0 10px;
		border-top: solid 3px #efefef;
	}
	#top .classSection h2,
	#top .clubSection h2,
	#top .projectSection h2,
	#top .sisterSection h2 {
		margin-bottom: 0;
	}
/*
	#top .classSection h2 em,
	#top .clubSection h2 em,
	#top .projectSection h2 em,
		#top .projectSection h2 em {
		font-size: 134%;
	}
*/
	#top .classSection .moreNav {
		top: auto;
	}

} /* screen and (max-width:640px) */



/* ============================================================

	style info : 授業のスタイルを記述

============================================================ */

/* -----------------------------------
	list
----------------------------------- */

#class .pastSection {
	margin-top: 30px;
}



/* -----------------------------------
	detail
----------------------------------- */

#class .detail .leadSection h1 {
	width: 520px;
}
#class .detail .leadSection p.desc {
	margin-top: 8px;
	line-height: 1.7;
}
#class .detail .noBorder {
	padding-top: 20px;
	padding-left: 0;
	border-left: none;
	border-top: 3px solid #efefef;
}
#class .detail .noBorder h1 {
	font-size: 179%;
}
#class .entrySection {
	margin-top: 10px;
	padding: 25px;
	background: #f2f2f2;
}
#class .entrySection em {
  font-style: italic;
  font-weight: normal;
}
#class .entrySection em strong,
#class .entrySection strong em {
  font-style: italic;
  font-weight: bold;
}
#class .entrySection .dataColumn {
	display: inline;
	float: left;
	width: 495px;
}
#class .entrySection .dataColumn h2 {
	margin-bottom: 15px;
	font-size: 115%;
	font-weight: bold;
}
#class .entrySection .dataColumn p {
	font-size: 79%;
}
#class .entrySection .dataColumn .txt_alert {
	color: #e00;
}
#class .entrySection .dataColumn dl.cautionList {
	font-size: 79%;
}
#class .entrySection .dataColumn dl.cautionList dd {
	margin-bottom: 0;
}
#class .entrySection .actionColumn {
	display: inline;
	float: right;
	width: 175px;
	text-align: center;
}
#class .entrySection.ended .dataColumn p,
#class .entrySection.ended .dataColumn dl.cautionList,
#class .entrySection.not_reception .dataColumn p {
	margin-right: -180px;
}

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

#class .entrySection.ended .dataColumn p,
#class .entrySection.ended .dataColumn dl.cautionList,
#class .entrySection.not_reception .dataColumn p {
	margin-right: 0;
}

} /* screen and (max-width:640px) */

#class .entrySection.closed .status {
	color: #777;
	border-bottom: 2px solid #777;
}
#class .open .actionColumn,
#class .just_rest .actionColumn {
	text-align: left;
}
#class .not_reception .actionColumn {
	text-align: center;
}
#class .just_rest .status {
	color: #f08e09;
	border-bottom: 2px solid #f08e09;
}
#class .entrySection.full .status {
	color: #d72a2c;
	border-bottom: 2px solid #d72a2c;
}
#class .entrySection .actionColumn p.button {
	margin-top: 15px;
}
#class .entrySection .actionColumn p.button a {
	display: block;
	height: 44px;
	padding: 0 15px;
	background: #00b458 url(../img/common/arw_basic_wht_r.png) 16px center no-repeat;
	color: #fff;
	font-size: 115%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 44px;
}
#class .entrySection .actionColumn p.desc {
	margin-top: 10px;
	font-size: 86%;
	font-weight: bold;
	line-height: 1.3;
}

#class .entrySection .reportColumn {
	margin-bottom: 25px;
}
#class .entrySection .reportColumn .button {
	margin-top: 10px;
}
#class .entrySection .reportColumn .button a {
	display: block;
	padding: 10px 15px;
	background: #00b458;
	color: #fff;
	font-size: 115%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
#class .entrySection .reportColumn .button a span {
	background: url(../img/common/arw_basic_wht_r.png) left center no-repeat;
	padding-left: 20px;
}
#class .entrySection .reportColumn h2 {
	margin: -7px 0 5px 0;
	padding: 7px 0 5px 36px;
	background: url(../img/common/pct_report.png) left center no-repeat;
	color: #00b458;
	font-size: 129%;
}
#class .entrySection .reportColumn .pic {
	overflow: hidden;
	margin-right: -7px;
}
#class .entrySection .reportColumn .pic li {
	overflow: hidden;
	float: left;
	width: 80px;
	height: 80px;
	margin-right: 7px;
	background: center center no-repeat;
	background-size: cover;
}

#class .outlineSection,
#class .photoSection {
	overflow: hidden;
	margin: 40px 0;
}
#class .outlineSection em {
  font-style: italic;
  font-weight: normal;
}
#class .outlineSection em strong,
#class .outlineSection strong em {
  font-style: italic;
  font-weight: bold;
}
#class .outlineSection p,
#class .photoSection p {
	margin: 25px 0;
}
#class .outlineSection p.pic,
#class .photoSection p.pic {
	text-align: center;
}
#class .outlineSection .moreLink p.pic,
#class .photoSection .moreLink p.pic {
	display: inline-block;
	width: 1em;
	text-align: left;
}
	.ieOld #class .outlineSection .moreLink p.pic,
	.ieOld #class .photoSection .moreLink p.pic {
		display: inline;
		zoom: 1;
	}
#class .outlineSection h3 {
  color: #008000;
  font-size: 120%;
}
#class .photoSection dl {
	line-height: 1.6;
}
#class .photoSection dl dt {
	width: 3.2em;
}
#class .photoSection dl dd {
	margin: -1.6em 0 1.5em 3.2em;
}

#class .professorSection .professor {
	padding: 40px 0;
	border-top: solid 3px #efefef;
}
#class .professorSection .professor p {
	overflow: hidden;
	margin-top: 10px;
}
#class .professorSection .professor p.pic {
	display: inline;
	float: right;
	width: 190px;
	margin: 0 0 0 35px;
	text-align: right;
}
#class .professorSection .professor p.pic img {
	width: 100%;
}
#class .professorSection .professor h2 {
	font-size: 158%;
}
#class .professorSection .professor h2 span {
	margin-left: 1em;
	font-size: 68%;
}

#class .classroomSection {
	padding-top: 25px;
	border-top: solid 3px #efefef;
}
#class .classroomSection h2 {
	margin-bottom: 30px;
	padding: 0 0 0 48px;
	background: url(../img/common/pct_classroom.png) left center no-repeat;
	color: #00b458;
	font-size: 143%;
}
#class .classroomSection p {
	overflow: hidden;
}
#class .classroomSection p.pic {
	display: inline;
	float: right;
	width: 190px;
	margin: 0 0 35px 35px;
	text-align: right;
}
#class .classroomSection p.pic img {
	width: 100%;
}
#class .classroomSection .contact {
	overflow: hidden;
	margin-top: 30px;
}
#class .classroomSection .contact h3 {
	display: inline-block;
	margin-bottom: 15px;
	padding: 6px 15px;
	background: #00b458;
	color: #fff;
	font-size: 86%;
	font-weight: bold;
}
#class .classroomSection .contact dl.cautionList {
	margin-top: 10px;
	font-size: 79%;
}
#class .classroomSection .contact p.desc {
	margin-top: 10px;
	font-size: 86%;
}

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

	#class .detail .leadSection h1 {
		width: auto;
		font-size: 129%;
	}
	#class .detail .noBorder {
		padding-top: 10px;
		border-top: 1px solid #efefef;
	}
	#class .detail .noBorder h1 {
		padding-left: 0;
		border-left: none;
		word-break: break-all;
	}
	#class .detail .leadSection p.desc {
		margin-top: 10px;
	}
	#class .entrySection {
		background: #f2f2f2;
		padding: 15px;
	}
	#class .entrySection .dataColumn {
		display: block;
		float: none;
		width: auto;
	}
	#class .entrySection .dataColumn h2 {
		line-height: 1.6;
		font-size: 100%;
	}
	#class .entrySection .dataColumn h2 span,
	#class .entrySection .dataColumn p span {
		display: inline-block;
	}
	#class .entrySection .dataColumn p,
	#class .entrySection .dataColumn dl.cautionList dd {
		margin-bottom: 10px;
	}
	#class .entrySection.ended .dataColumn p,
	#class .entrySection.ended .dataColumn dl.cautionList {
		margin-right: 0;
	}
	#class .entrySection .actionColumn {
		display: block;
		float: none;
		width: auto;
		padding-top: 10px;
		border-top: dotted 1px #999;
	}
	#class .entrySection .actionColumn p.button {
		margin-top: 10px;
	}
	#class .entrySection .actionColumn p.button a {
		background-image: url(../img/common/sp/arw_basic_wht_r.png);
		background-size: 7px;
	}

	#class .entrySection .reportColumn {
		margin-bottom: 20px;
	}
	#class .entrySection .reportColumn .button a {
		font-size: 100%;
	}
	#class .entrySection .reportColumn h2 {
		font-size: 100%;
	}
	#class .entrySection .reportColumn .pic {
		margin-right: -2%;
	}
	#class .entrySection .reportColumn .pic li {
		width: 23%;
		height: 60px;
		margin-right: 2%;
	}
	#class .entrySection .reportColumn .pic li:nth-child(n+5) {
		display: none;
	}

	#class .outlineSection,
	#class .photoSection {
		margin: 20px 0;
	}
	#class .outlineSection p,
	#class .photoSection p {
		margin: 1em 0;
		font-size: 86%;
	}
	#class .photoSection dl {
		font-size: 86%;
	}
	#class .photoSection dl dd {
		margin-bottom: 1em;
	}

	#class .professorSection .professor {
		padding: 15px 0;
		border-top: solid 2px #efefef;
	}
	#class .professorSection .professor p {
		font-size: 86%;
		text-align: justify;
	}
	#class .professorSection .professor p.pic {
		display: block;
		float: none;
		width: auto;
		margin: 10px 25%;
		text-align: center;
	}
	#class .professorSection .professor h2 {
		font-size: 129%;
	}
	#class .professorSection .professor h2 span {
		display: block;
		margin: 0;
		font-size: 68%;
	}

	#class .classroomSection {
		padding-top: 15px;
		border-top: solid 2px #efefef;
	}
	#class .classroomSection h2 {
		margin-bottom: 10px;
		font-size: 100%;
	}
	#class .classroomSection p {
		font-size: 86%;
	}
	#class .classroomSection p.pic {
		display: block;
		float: none;
		width: auto;
		margin: 10px 25%;
		text-align: center;
	}
	#class .classroomSection .contact h3 {
		margin-bottom: 10px;
	}

} /* screen and (max-width:640px) */



/* ============================================================

	style info : 先生のスタイルを記述

============================================================ */

/* -----------------------------------
	list
----------------------------------- */

#professor .navTop {
	margin-bottom: 13px;
}
#professor .professorListSection {
	overflow: hidden;
	border-bottom: 3px solid #efefef;
}
ul.professorList {
	overflow: hidden;
	position: relative;
	margin: 0 -30px 0 0;
}
ul.professorList li {
	/*display: inline-block;*/
	float: left;
	overflow: hidden;
	padding: 18px 30px 18px 0;
	border-top: 3px solid #efefef;
	width: 355px;
}
ul.professorList li .pic {
	float: left;
	width: 125px;
	margin-right: 20px;
}
ul.professorList li .pic img {
	width: 100%;
}
ul.professorList li .pic img.noimage {
	width: 98%;
	border: solid 1px #dfdfdf;
}
ul.professorList li .text {
	float: right;
	width: 210px;
	padding-top: 11px;
	line-height: 1.6;
}
ul.professorList li .text .job {
	padding-bottom: 16px;
	font-size: 89%;
	color: #5e5e5e;
}
ul.professorList li .text h2 {
	font-size: 158%;
	font-weight: normal;
}
ul.professorList li .text h2 a {
	color: #222;
}
ul.professorList li .text h2 .roman {
	font-size: 73%;
}

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

	#professor .professorListSection {
		overflow: visible;
		width: auto;
		margin: 0 -10px;
		border-bottom: 1px solid #efefef;
	}
	ul.professorList {
		margin: 0;
	}
	ul.professorList li {
		display: block;
		float: none;
		width: auto;
		height: auto !important;
		padding: 10px;
		border-top: 1px solid #efefef;
	}
	ul.professorList li div,
	ul.professorList li p {
		text-align: left;
	}
	ul.professorList li .pic {
		width: 38%;
		margin: 0 4% 0 0;
		text-align: center;
	}
	ul.professorList li .text {
		overflow: hidden;
		float: none;
		width: auto;
		padding-top: 3px;
	}
	ul.professorList li .text .job {
		padding-bottom: 10px;
		font-size: 86%;
	}
	ul.professorList li .text h2 {
		font-size: 115%;
		font-weight: bold;
	}
	ul.professorList li .text h2 .roman {
		font-size: 75%;
	}

} /* screen and (max-width:640px) */



/* -----------------------------------
	detail
----------------------------------- */

#professor .professorDetailSection{
	overflow: hidden;
	width: 740px;
	padding: 25px 0;
	border-top: 3px solid #efefef;
	border-bottom: 3px solid #efefef;
}
#professor .professorDetailSection .pic{
	float: left;
	width: 240px;
	text-align: center;
}
#professor .professorDetailSection .pic img{
	width: 100%;
}
#professor .professorDetailSection .text{
	float: right;
	width: 465px;
}
#professor .professorDetailSection .text .job{
	padding-top: 8px;
	padding-bottom: 16px;
	font-size: 89%;
	color: #5e5e5e;
}
#professor .professorDetailSection .text .attent {
	margin-top:15px;
}
#professor .professorDetailSection .text h2{
	padding-bottom:1em;
	font-size: 179%;
	font-weight: normal;
}
#professor .professorDetailSection .text h2 .roman{
	padding-left:1em;
	font-size: 68%;
}
#professor .professorDetailSection .text .profile{
	letter-spacing:0.08em;
}
#professor .classSection{
	padding-top:18px;
}

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

	#professor .professorDetailSection {
		overflow: hidden;
		width: auto;
		padding: 10px 0 0 0;
		border-top: 1px solid #efefef;
		border-bottom: none;
	}
	#professor .professorDetailSection div,
	#professor .professorDetailSection p {
		text-align: left;
	}
	#professor .professorDetailSection .pic {
		width: 38%;
		margin: 0 4% 10px 0;
	}
	#professor .professorDetailSection .text {
		float: none;
		width: auto;
	}
	#professor .professorDetailSection .text .job {
		padding: 10px 0;
		font-size: 86%;
	}
	#professor .professorDetailSection .text h2 {
		padding-bottom:1em;
		font-size: 129%;
		font-weight: bold;
	}
	#professor .professorDetailSection .text h2 .roman {
		display: block;
		margin-top: 5px;
		padding-left: 0;
		font-size: 75%;
	}
	#professor .professorDetailSection .text .profile {
		clear: both;
		letter-spacing: 0;
		text-align: justify;
	}
	#professor .classSection{
		padding-top:18px;
	}

} /* screen and (max-width:640px) */



/* ============================================================

	style info : 教室のスタイルを記述

============================================================ */

/* -----------------------------------
	classroom list
----------------------------------- */

#classroom .navTop{
	margin-bottom: 13px;
}
#classroom .classroomListSection{
	overflow: hidden;
	width: 740px;
	border-top: 3px solid #efefef;
	border-bottom: 3px solid #efefef;
	padding: 35px 0;
}
ul.classroomList{
	margin: 0 -32px 0 0;
	line-height: 1;
	letter-spacing: -0.4em;
}
ul.classroomList li{
	display: inline-block;
	overflow: hidden;
	padding: 0 33px 33px 0;
	letter-spacing: normal;
	vertical-align: top;
}
	.ieOld ul.classroomList li{
		display: inline;
		zoom: 1;
	}
ul.classroomList li .pic{
	overflow: hidden;
	width: 158px;
	height: 158px;
	border: 1px solid #e8e8e8;
	text-align: center;
}
ul.classroomList li .pic img.noimage{
	width: 100%;
}
ul.classroomList li .text{
	padding-top: 12px;
	width: 160px;
	font-size: 93%;
	line-height: 1.5;
}

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

	#classroom .classroomListSection{
		overflow: hidden;
		width: auto;
		border-top: 3px solid #efefef;
		border-bottom: 3px solid #efefef;
		padding: 10px 0;
	}
	ul.classroomList{
		margin: 0 -4% 0 0;
	}
	ul.classroomList li{
		display: inline;
		float: left;
		padding: 0;
		margin: 0 4% 15px 0;
		width: 46%;
	}
	ul.classroomList li:nth-child(odd) {
		clear: both;
	}
	ul.classroomList li .pic{
		width: auto;
		height: auto;
		text-align: center;
		vertical-align: middle;
	}
	ul.classroomList li .pic img{
		width: 100%;
		height: auto;
		margin-top: 0 !important;
	}
	ul.classroomList li .text{
		width: auto;
		padding: 0;
		margin-top: 5px;
		text-align: left;
		font-size: 86%;
	}

} /* screen and (max-width:640px) */



/* -----------------------------------
	shop list
----------------------------------- */

#classroom .leadSection .desc{
	font-weight: normal;
}
#classroom .navTop{
	margin-bottom: 13px;
}
#classroom .shopListSection{
	overflow: hidden;
	width: 740px;
	border-bottom: 3px solid #efefef;
}

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

#classroom .shopListSection{
	overflow: visible;
	width: auto;
}

} /* screen and (max-width:640px) */


/* -----------------------------------
	detail
----------------------------------- */

#classroom .classroomDetailSection{
	/* overflow: hidden; */
	width: 740px;
	padding: 25px 0 30px;
	border-top: 3px solid #efefef;
	border-bottom: 3px solid #efefef;
}
#classroom .classroomDetailSection .pic{
	float: right;
	width: 200px;
	padding: 0 0 32px 32px;
	background: #fff;
	text-align: right;
}
#classroom .classroomDetailSection .pic img{
	width: 100%;
}
#classroom .classroomDetailSection .pic img.noimage{
	border: 1px solid #e8e8e8;
	width: 98%;
}
#classroom .classroomDetailSection h2{
	padding-bottom: 14px;
	font-size: 179%;
	line-height: 1.3;
	letter-spacing: 0.1em;
	font-weight: normal;
}
#classroom .classroomDetailSection .address {
	margin-bottom: 10px;
}
#classroom .classroomDetailSection .mapLink {
	margin-top: 12px;
	margin-bottom: 15px;
}
#classroom .classroomDetailSection .mapLink a{
	text-decoration: none;
}
#classroom .classroomDetailSection .intro{
	clear: both;
	margin: 22px 0 0;
	padding: 20px 0 0;
	border-top: 1px solid #efefef;
}
#classroom .classroomDetailSection .intro img{
	display: block;
	margin: 20px 0;
}
#classroom .classroomDetailSection .intro strong {
	display: block;
	margin: 30px 0 10px 0;
}
#classroom .classroomDetailSection .intro .amenity {
	overflow: hidden;
	margin-bottom: 20px;
}
#classroom .classroomDetailSection .intro .amenity dt {
	float: left;
	font-weight: bold;
	color: #00B458;
}
#classroom .classSection{
	padding-top:18px;
}

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

	#classroom .classroomDetailSection{
		overflow: hidden;
		width: auto;
		padding: 25px 0 30px;
		border-top: 3px solid #efefef;
		border-bottom: 3px solid #efefef;
	}
	#classroom .classroomDetailSection .pic{
		float: none;
		width: auto;
		margin: 0 20%;
		padding: 0;
	}
	#classroom .classroomDetailSection .pic img{
		border: 1px solid #e8e8e8;
	}
	#classroom .classroomDetailSection h2{
		margin-top: 15px;
		padding-bottom: 14px;
		font-size: 143%;
		line-height: 1.3;
		letter-spacing: 0.1em;
		font-weight: bold;
		text-align: left;
	}
	#classroom .classroomDetailSection .mapLink{
		margin-top: 12px;
	}
	#classroom .classroomDetailSection .mapLink a{
		text-decoration: none;
	}
	#classroom .classroomDetailSection .intro {
		margin: 22px 0 0;
		padding: 20px 0 0;
		border-top: 1px solid #efefef;
	}
	#classroom .classroomDetailSection .intro img{
		margin: 10px 0;
	}
	#classroom .classroomDetailSection .intro .amenity {
		margin-bottom: 20px;
	}
	#classroom .classroomDetailSection .intro .amenity dt {
		font-weight: bold;
		color: #00B458;
	}
	#classroom .classSection{
		padding-top:18px;
	}

} /* screen and (max-width:640px) */



/* ============================================================

	style info : 授業レポートのスタイルを記述

============================================================ */

/* -----------------------------------
	list
----------------------------------- */

#report .classGridListSection {
	border-bottom: 3px solid #EFEFEF;
	border-top: 3px solid #EFEFEF;
	overflow: hidden;
	padding: 35px 0;
	width: 740px;
}
#report ul.classGridList{
	zoom: 1;
}
#report ul.classGridList li a,
#report ul.classGridList li a:hover{
	border: none;
}
#report ul.classGridList li a{
	padding: 0;
	text-decoration: underline;
}
#report ul.classGridList li a:hover{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	text-decoration: none;
}
#report ul.classGridList li p.pic {
	border: 1px solid #dedede;
	text-align: center;
}
#report ul.classGridList li p.pic img {
	width: auto;
}

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

	#report .classGridListSection {
		border-bottom: 1px solid #EFEFEF;
		border-top: 1px solid #EFEFEF;
		overflow: visible;
		padding: 0;
		width: auto;
	}
	#report ul.classGridList li a{
		padding: 5px 25px 5px 0;
	}
	
	#report ul.classGridList li p.pic img {
		max-width: 100%;
		max-height: 100px;
	}

} /* screen and (max-width:640px) */



/* -----------------------------------
	detail
----------------------------------- */

#report .reportDetailSection .textReport h3 {
  font-size: 120%;
  color: #008000;
}
#report .reportDetailSection .textReport em {
  font-style: italic !important;
  font-weight: normal !important;
}
#report .reportDetailSection .textReport em strong,
#report .reportDetailSection .textReport strong em {
  font-style: italic !important;
  font-weight: bold !important;
}
#report .reportDetailSection .textReport .movecont {
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}
#report .reportDetailSection .textReport .movecont iframe {
  height: 100% !important;
  position: absolute;
  right: 0;
  top: 0;
  width: 100% !important;
}

#report .lightNavSection {
	overflow: hidden;
	margin: 0;
	padding: 10px 0 11px;
	border-top: 3px solid #efefef;
}
#report .lightNavSection .backLink{
	float: left;
	padding-left: 3px;
}
#report .lightNavSection ul.pagerLight {
	float: right;
	width: 200px;
	text-align: right;
}

#report .reportDetailSection {
	padding-bottom: 21px;
	border-top: 3px solid #efefef;
}
#report .reportDetailSection .date {
	padding: 0.8em 0 0;
	font-size: 72%;
	text-align: right;
	font-weight: bold;
	letter-spacing: 0.055em;
}
#report .reportDetailSection h2 {
	font-size: 179%;
	text-align: center;
	padding: 0.3em 0 0.8em;
	letter-spacing: 0.08em;
}
#report .photoReport {
	position: relative;
	width: 640px;
	margin: 0 auto;
	padding: 0 0 2em;
}
#report .photoReport .pointer {
	display: none;
}
#report .photoReport ul.slide {
	overflow: hidden;
	margin-bottom: 15px;
/* 	height:480px; */
	text-align: center;
}
#report .photoReport ul.slide li {
	background: #fff;
	text-align: center;
	outline: 0;
}
#report .photoReport ul.slide li.current {
	display: block;
}
#report .photoReport ul.slide li img {
	display: inline-block;
	width: auto;
	max-width: 100%;
	max-height: 480px;
	vertical-align: top;
}
#report .photoReport .thumb {
	position: relative;
	margin: 0 24px 0 31px;
}
	.ieOld #report .photoReport .thumb {
		zoom: 1;
	}

#report .photoReport .thumb ul {
	overflow: visible;
	height: 82px;
}
#report .photoReport .thumb ul li {
	outline: 0;
	float: left;
	padding: 0 7px 0 0;
	width: 110px;
	height: 82px;
}
#report .photoReport .thumb ul li a {
	display: block;
	position: relative;
	z-index: 100;
}
#report .photoReport .thumb ul li.is-current span {
	display: block;
	position: absolute;
	top:0;
	left: 0;
	width: 104px;
	height: 76px;
	border: 3px solid #00b458;
	background: transparent;
	z-index: 200;
}
#report .photoReport .thumb .nav {
	display: none;
}
#report .photoReport .thumb .slick-arrow {
	position: absolute;
	top: 0;
	display: block;
	width: 23px;
	height: 82px;
	padding: 0;
	cursor: pointer;
	outline: 0;
	border: none;
	text-indent: 200%;
	overflow: hidden;
}
#report .photoReport .thumb .slick-arrow.slick-disabled {
	cursor: default;
}
#report .photoReport .thumb .slick-prev {
	left: -31px;
	background: url(../img/common/arw_basic_grn03_l.png) no-repeat 7px center #e8e8e8;
}
#report .photoReport .thumb .slick-prev.slick-disabled {
	background: url(../img/common/arw_basic_wht_l.png) no-repeat 7px center #ebebeb;
}

#report .photoReport .thumb .slick-next {
	right: -24px;
	background: url(../img/common/arw_basic_grn03_r.png) no-repeat 9px center #e8e8e8;
}
#report .photoReport .thumb .slick-next.slick-disabled {
	background: url(../img/common/arw_basic_wht_r.png) no-repeat 9px center #ebebeb;
}

#report .textReport{
	padding-bottom: 0.9em;
}
#report .textReport p{
	line-height: 1.7;
	padding-bottom: 1.1em;
}
#report .dataLink{
	margin-bottom: 20px;
	text-align: center;
}
#report .dataLink a{
	margin: 0 auto;
	border-radius: 0;
	width: 206px;
}

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

	#report .lightNavSection {
		font-size: 86%;
	}
	#report .lightNavSection ul.pagerLight {
		width: auto;
	}
	#report .reportDetailSection h2 {
		font-size: 134%;
		padding: 0.5em 0;
		letter-spacing: normal;
	}
	#report .photoReport {
		width: auto;
	}
	#report .photoReport .pointer {
		display: block;
	}
	#report .photoReport {
		overflow: hidden;
	}
	#report .photoReport ul.slide {
		height:auto;
	}
	#report .photoReport ul.slide li {
		display: block !important;
		width: auto;
		height:auto;
		float: left;
		text-align: center;
	}
	#report .photoReport ul.slide li img {
		display: inline-block;
		width: auto;
		max-width: 100%;
		max-height: 266px;
	}
	#report .photoReport .thumb {
		display: none;
	}
	#report .photoReport ul.slide .slick-dots {
		margin-top: 10px;
		line-height: 0;
		text-align: center;
		vertical-align: top;
	}
	#report .photoReport ul.slide .slick-dots li {
	    position: relative;
	    display: inline-block !important;
	    float: none;
	    margin: 0 4px;
	    vertical-align: top:
	}
	#report .photoReport ul.slide .slick-dots li button {
	    display: block;
	    font-size: 0;
	    line-height: 0;
	    width: 8px;
	    height: 8px;
	    padding: 0;
	    border-radius: 4px;
	    cursor: pointer;
	    color: transparent;
	    border: 0;
	    outline: none;
	    background: #ccc;
	}
	#report .photoReport ul.slide .slick-dots li.slick-active button {
		background: #00b458;
	}

} /* screen and (max-width:640px) */



/* ============================================================

	style info : キャンパスライフのスタイルを記述

============================================================ */

/* -----------------------------------
	list
----------------------------------- */

#campuslife .leadSection .desc{
	font-weight: normal;
}
#campuslife .navTop{
	margin-bottom: 13px;
}
#campuslife .fileListSection{
	overflow: hidden;
	width: 740px;
	border-bottom: 3px solid #efefef;
}
#campuslife .fileListSection ul.fileList li{
	overflow: hidden;
	padding: 18px 0;
	border-top: 3px solid #efefef;
}
#campuslife .fileListSection ul.fileList li .pic{
	float: left;
	width: 150px;
}
#campuslife .fileListSection ul.fileList li .text{
	float: right;
	overflow: hidden;
	width: 565px;
	padding-top: 7px;
	line-height: 1.5;
}
#campuslife .fileListSection ul.fileList li .text .date{
	float: right;
	text-align: right;
	font-size: 72%;
	font-weight: bold;
}
#campuslife .fileListSection ul.fileList li .text .fileNo{
	color: #00a350;
	font-size: 93%;
	letter-spacing: 0.08em;
 	font-family: 'Lato', sans-serif;
}
#campuslife .fileListSection ul.fileList li .text h2{
	width: 100%;
	padding-bottom: 0.2em;
	font-size: 158%;
	font-weight: normal;
}
#campuslife .fileListSection ul.fileList li .text h2 a{
	color: #222;
	text-decoration: underline;
}
#campuslife .fileListSection ul.fileList li .text h2 a:hover,
#campuslife .fileListSection ul.fileList li .text h2 a:active{
	text-decoration: none;
}
#campuslife .fileListSection ul.fileList li .text .role{
	font-size: 93%;
}
#campuslife .fileListSection ul.fileList li .text .quote{
	width: 380px;
	padding-top: 1.3em;
	font-size: 93%;
}

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

	#campuslife .fileListSection{
		overflow: hidden;
		width: auto;
	}
	#campuslife .fileListSection ul.fileList li{
		overflow: hidden;
		padding: 10px 0;
		border-top: 1px solid #efefef;
	}
	#campuslife .fileListSection ul.fileList li .pic{
		float: left;
		width: 28%;
		margin: 0 4% 0 0;
	}
	#campuslife .fileListSection ul.fileList li .text{
		float: none;
		overflow: hidden;
		width: auto;
		padding-top: 0;
	}
	#campuslife .fileListSection ul.fileList li .text .date{
		float: right;
		text-align: right;
		font-size: 72%;
		font-weight: bold;
	}
	#campuslife .fileListSection ul.fileList li .text .fileNo{
		color: #00a350;
		font-size: 93%;
		letter-spacing: 0.08em;
	 	font-family: 'Lato', sans-serif;
	}
	#campuslife .fileListSection ul.fileList li .text h2{
		width: 100%;
		padding-bottom: 0.2em;
		font-size: 129%;
		font-weight: normal;
	}
	#campuslife .fileListSection ul.fileList li .text h2 a{
		color: #222;
		text-decoration: underline;
	}
	#campuslife .fileListSection ul.fileList li .text h2 a:hover,
	#campuslife .fileListSection ul.fileList li .text h2 a:active{
		text-decoration: none;
	}
	#campuslife .fileListSection ul.fileList li .text .role{
		font-size: 93%;
	}
	#campuslife .fileListSection ul.fileList li .text .quote{
		width: auto;
		padding-top: 10px;
		font-size: 93%;
	}

} /* screen and (max-width:640px) */



/* -----------------------------------
	detail
----------------------------------- */

#campuslife .lightNavSection {
	overflow: hidden;
	margin: 0;
	padding: 10px 0 11px;
	border-top: 3px solid #efefef;
}
#campuslife .lightNavSection .backLink {
	float: left;
	padding-left: 3px;
}
#campuslife .lightNavSection ul.pagerLight {
	float: right;
	width: 200px;
	text-align: right;
}
#campuslife .fileDataSection {
	overflow: hidden;
	padding: 28px 0 21px;
	border-top: 3px solid #efefef;
}
#campuslife .fileDataSection .pic {
	float: left;
	width: 180px;
}
#campuslife .fileDataSection .text {
	float: right;
	overflow: hidden;
	width: 535px;
	line-height: 1.5;
}
#campuslife .fileDataSection .text .fileNo {
	line-height: 1.2;
	color: #00a350;
	font-size: 115%;
	letter-spacing: 0.08em;
 	font-family: 'Lato', sans-serif;
}
#campuslife .fileDataSection .text h2 {
	width: 100%;
	padding-bottom: 0.1em;
	font-size: 172%;
	font-weight: normal;
	letter-spacing: 0.08em;
}
#campuslife .fileDataSection .text .role {
	font-size: 93%;
}
#campuslife .fileDataSection .text .quote {
	padding: 0.9em 0 0;
	line-height: 1.3;
	font-size: 136%;
}
#campuslife .fileDataSection .text .summary {
	padding: 0.8em 0 0;
}
#campuslife .fileDetailSection {
	border-top: 1px solid #efefef;
	padding: 0.5em 0 0;
}
#campuslife .fileDetailSection .int_q_blk .int_q,
#campuslife .fileDetailSection .int_a_blk .int_a,
#campuslife .fileDetailSection .int_q_blk .int_qtxt,
#campuslife .fileDetailSection .int_a_blk .int_atxt {
	overflow: hidden;
	padding-top: 1.2em;
	vertical-align: top;
}
#campuslife .fileDetailSection .int_q_blk .int_q,
#campuslife .fileDetailSection .int_a_blk .int_a {
	display: inline-block;
	width: 90px;
	margin-right: 10px;
	text-align: right;
	font-weight: bold;
	font-size: 122%;
}
#campuslife .fileDetailSection .int_q_blk .int_qtxt,
#campuslife .fileDetailSection .int_a_blk .int_atxt {
	display: inline-block;
	width: 640px;
	padding-top: 1.6em;
}
	.ieOld #campuslife .fileDetailSection .int_q_blk .int_q,
	.ieOld #campuslife .fileDetailSection .int_a_blk .int_a,
	.ieOld #campuslife .fileDetailSection .int_q_blk .int_qtxt,
	.ieOld #campuslife .fileDetailSection .int_a_blk .int_atxt {
		display: inline;
		zoom: 1;
	}
#campuslife .fileDetailSection .snapL {
	float: left;
	padding: 0 32px 32px 0;
}
#campuslife .fileDetailSection .snapR {
	float: right;
	padding: 0 0 32px 32px;
}
#campuslife .fileDetailSection .date {
	padding: 2em 0 0;
	text-align: right;
	font-size: 72%;
	font-weight: bold;
	letter-spacing: 0.055em;
}
#campuslife .profileSection {
	margin: 1.5em 0 36px;
}
#campuslife .profileSection dl {
	padding: 20px 19px 18px;
	background-color: #f4f4f4;
}
#campuslife .profileSection dl dt {
	padding-bottom: 0.8em;
	font-size: 86%;
}
#campuslife .profileSection dl dt span {
	color: #00a350;
 	font-family: 'Lato', sans-serif;
 	font-size: 116%;
 	letter-spacing: 0.08em;
 	padding-right: 0.4em;
}
#campuslife .profileSection dl dd p {
	font-size: 86%;
}
#campuslife .profileSection dl dd p.referLink{
	padding: 0.8em 0 0;
}
#campuslife .profileSection dl dd p.referLink a{
	display: inline-block;
	padding: 7px 18px 6px 28px;
	background: url(../img/common/arw_basic_grn04_r.png) 14px center no-repeat #fff;
	font-size: 92%;
}
	.ieOld #campuslife .profileSection dl dd p.referLink a{
		display: inline;
		zoom: 1;
	}

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

	#campuslife .lightNavSection {
		overflow: hidden;
		margin: 0;
		padding: 10px 0 11px;
		border-top: 3px solid #efefef;
	}
	#campuslife .lightNavSection .backLink {
		float: left;
		padding-left: 3px;
	}
	#campuslife .lightNavSection ul.pagerLight {
		float: right;
		width: 200px;
		text-align: right;
	}
	#campuslife .fileDataSection {
		overflow: hidden;
		padding: 28px 0 21px;
		border-top: 3px solid #efefef;
	}
	#campuslife .fileDataSection .pic {
		float: left;
		width: 38%;
		margin: 0 4% 0 0;
	}
	#campuslife .fileDataSection .text {
		float: none;
		overflow: visible;
		width: auto;
		line-height: 1.5;
	}
	#campuslife .fileDataSection .text .fileNo {
		margin-bottom: 5px;
		line-height: 1.2;
		color: #00a350;
		font-size: 115%;
		letter-spacing: 0.08em;
	 	font-family: 'Lato', sans-serif;
	}
	#campuslife .fileDataSection .text h2 {
		width: 100%;
		padding-bottom: 0;
		font-size: 149%;
		font-weight: normal;
		letter-spacing: 0.08em;
	}
	#campuslife .fileDataSection .text .role {
		font-size: 86%;
	}
	#campuslife .fileDataSection .text .quote {
		clear: both;
		padding: 15px 0 0 0;
		line-height: 1.5;
		font-size: 129%;
	}
	#campuslife .fileDataSection .text .summary {
		padding: 0.8em 0 0;
	}
	#campuslife .fileDetailSection {
		border-top: 1px solid #efefef;
		padding: 0.5em 0 0;
	}
	#campuslife .fileDetailSection .int_q_blk .int_q,
	#campuslife .fileDetailSection .int_a_blk .int_a,
	#campuslife .fileDetailSection .int_q_blk .int_qtxt,
	#campuslife .fileDetailSection .int_a_blk .int_atxt {
		overflow: hidden;
		padding-top: 1.2em;
		vertical-align: top;
	}
	#campuslife .fileDetailSection .int_q_blk .int_q,
	#campuslife .fileDetailSection .int_a_blk .int_a {
		display: block;
		width: auto;
		margin: 0 0 -1.2em 0;
		text-align: left;
		font-weight: bold;
		font-size: 100%;
	}
	#campuslife .fileDetailSection .int_q_blk .int_qtxt,
	#campuslife .fileDetailSection .int_a_blk .int_atxt {
		display: inline-block;
		width: auto;
		padding-top: 1.6em;
	}
		.ieOld #campuslife .fileDetailSection .int_q_blk .int_q,
		.ieOld #campuslife .fileDetailSection .int_a_blk .int_a,
		.ieOld #campuslife .fileDetailSection .int_q_blk .int_qtxt,
		.ieOld #campuslife .fileDetailSection .int_a_blk .int_atxt {
			display: inline;
			zoom: 1;
		}
	#campuslife .fileDetailSection .snapL {
		float: left;
		padding: 0 32px 32px 0;
	}
	#campuslife .fileDetailSection .snapR {
		float: right;
		padding: 0 0 32px 32px;
	}
	#campuslife .fileDetailSection .date {
		padding: 2em 0 0;
		text-align: right;
		font-size: 86%;
		font-weight: bold;
		letter-spacing: 0.055em;
	}
	#campuslife .profileSection {
		margin: 1.5em 0 36px;
	}
	#campuslife .profileSection dl {
		padding: 20px 19px 18px;
		background-color: #f4f4f4;
	}
	#campuslife .profileSection dl dt {
		padding-bottom: 0.8em;
		font-size: 86%;
	}
	#campuslife .profileSection dl dt span {
		color: #00a350;
	 	font-family: 'Lato', sans-serif;
	 	font-size: 116%;
	 	letter-spacing: 0.08em;
	 	padding-right: 0.4em;
	}
	#campuslife .profileSection dl dd p {
		font-size: 86%;
	}
	#campuslife .profileSection dl dd p.referLink{
		padding: 0.8em 0 0;
	}
	#campuslife .profileSection dl dd p.referLink a{
		display: inline-block;
		padding: 7px 18px 6px 28px;
		background: url(../img/common/arw_basic_grn04_r.png) 14px center no-repeat #fff;
		font-size: 92%;
	}
		.ieOld #campuslife .profileSection dl dd p.referLink a{
			display: inline;
			zoom: 1;
		}

} /* screen and (max-width:640px) */



/* ============================================================

	style info : しごと課のスタイルを記述

============================================================ */

/* common */
#shigoto h2.basicTitle02{
	color: #00a350;
	font-size: 115%;
}

/* aboutSection */
#shigoto .aboutSection{
	padding: 24px 0px;
	border-top: 3px solid #efefef;
}
#shigoto .aboutSection p.catch{
	padding: 0 0 0.6em;
	font-size: 143%;
	font-weight: bold;
	letter-spacing: 0.08em;
}
#shigoto .aboutSection h2 a{
	display: inline-block;
	padding-left: 26px;
	line-height: 1.2;
	background: url(../img/common/icn_closed.png) no-repeat left top;
	font-weight: normal;
}
	.ieOld #shigoto .aboutSection h2 a{
		display: inline;
		zoom: 1;
	}
#shigoto .aboutSection .desc{
	display: none;
}
#shigoto .aboutSection .open h2 a{
	background: url(../img/common/icn_open.png) no-repeat left top;
}
#shigoto .aboutSection .open .desc{
	display: block;
	padding: 1em 0 0 26px;
}
#shigoto .aboutSection .open .desc p{
	padding-bottom: 1em;
}
#shigoto .aboutSection .open .desc p.last{
	margin-bottom: 1.4em;
	border-bottom: 1px solid #EFEFEF;
}
#shigoto .aboutSection .open .desc p.author{
	padding-bottom: 0;
}
#shigoto .aboutSection .open .desc h3{
	margin: 0.6em 0;
}
#shigoto .aboutSection .open .desc ul{
	margin-bottom: 1em;
}
#shigoto .aboutSection .open .desc ul li{
	list-style: disc inside none;
	padding: 0 0 0 0.2em;
}

/* newsListSection */
#shigoto .newsListSection{
	padding: 2em 0 0;
	border-top: 3px solid #efefef;
}
#shigoto .newsListSection h2{
	float: left;
	width: 150px;
	margin-bottom: 3px;
	font-size: 129%;
 	font-family: 'Lato', sans-serif;
	color: #00a350;
	letter-spacing: 0.08em;
	font-weight: normal;
}
#shigoto .newsListSection .snsList{
	float: right;
	width: 400px;
	padding: 8px 0 0;
	line-height: 1;
	font-size: 79%;
	text-align: right;
	letter-spacing: 0.150em;
}
#shigoto .newsListSection .snsList p.lead,
#shigoto .newsListSection .snsList ul{
	display: inline-block;
}
#shigoto .newsListSection .snsList ul li{
	display: inline-block;
	margin-left: 10px;
	text-align: left;
}
#shigoto .newsListSection .snsList ul li a{
	padding-left: 12px;
	background: url(../img/common/arw_basic_grn04_r.png) no-repeat left 2px;
	text-decoration: none;
}
#shigoto .newsListSection .snsList ul li a:hover{
	text-decoration: underline;
}
#shigoto .newsListSection .newsList dl{
	border-top: 1px solid #EFEFEF;
}
#shigoto .newsListSection .diaryLink{
	line-height: 1;
	padding: 9px 0 0;
}
#shigoto .newsListSection .diaryLink a{
	display: inline-block;
	line-height: 32px;
	height: 32px;
}
#shigoto .newsListSection .diaryLink a.basicButton02{
	margin-right: 17px;
	text-decoration: none;
	width:80px;
}
	.ieOld #shigoto .newsListSection .snsList p.lead,
	.ieOld #shigoto .newsListSection .snsList ul,
	.ieOld #shigoto .newsListSection .snsList ul li,
	.ieOld #shigoto .newsListSection .diaryLink a{
		display: inline;
		zoom: 1;
	}

/* classSection */
#shigoto .classSection{
	position: relative;
	margin: 31px 0 0;
	padding: 2em 0 0;
	border-top: 3px solid #efefef;
}
#shigoto .classSection p.lead{
	padding: 0 0 1.6em;
	line-height: 1.7;
}

/* jobListSection */
#shigoto .jobListSection{
	padding: 2em 0 0;
	border-top: 3px solid #efefef;
}
#shigoto .jobListSection p.lead{
	padding: 0 0 1.6em;
	line-height: 1.7;
}
#shigoto .jobListSection ul.jobList{
	letter-spacing: -0.4em;
	line-height: 1;
	margin: 0 -20px 0 0;
}
#shigoto .jobListSection ul.jobList li{
	display: inline-block;
	width: 132px;
	padding: 0 20px 20px 0;
	letter-spacing: normal;
}
#shigoto .jobListSection p.note{
	font-size: 79%;
	color: #666;
}
	.ieOld #shigoto .jobListSection ul.jobList li{
		display: inline;
		zoom: 1;
	}

/* contactSection */
#shigoto .contactSection p.note{
	margin: 1em 0 0;
}


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

	/* aboutSection */
	#shigoto .aboutSection{
		padding: 15px 0px;
	}
	#shigoto .aboutSection p.catch{
		font-size: 129%;
		line-height: 1.6;
	}
	#shigoto .aboutSection h2 a{
		display: block;
		font-weight: bold;
	}
	#shigoto .aboutSection .open .desc{
		padding: 1em 0 0 0;
	}
	#shigoto .aboutSection .open .desc p{
		padding-bottom: 1em;
	}
	#shigoto .aboutSection .open .desc ul li{
		list-style: disc outside;
		padding: 0;
		margin: 0 0 0.5em 1.5em;
		line-height: 1.4;
	}

	/* newsListSection */
	#shigoto .newsListSection{
		padding: 15px 0;
	}
	#shigoto .newsListSection h2{
		float: none;
		width: auto;
	}
	#shigoto .newsListSection .snsList{
		float: none;
		width: auto;
		margin: 10px 0;
		padding: 0;
		line-height: 1.5;
		font-size: 93%;
		text-align: left;
	}
	#shigoto .newsListSection .snsList ul li{
		margin: 0;
	}
	#shigoto .newsListSection .snsList ul li a{
		padding-left: 14px;
		background: url(../img/common/arw_basic_grn04_r.png) no-repeat 2px center;
	}
	#shigoto .newsListSection .diaryLink{
		padding: 15px 0 0 0;
	}
	#shigoto .newsListSection .diaryLink a.article{
		display: block;
		line-height: normal;
		height: auto;
		margin-top: 5px;
	}

	/* classSection */
	#shigoto .classSection{
		margin: 0;
		padding: 15px 0;
	}
	#shigoto .classSection p.lead{
		padding: 0 0 10px 0;
		line-height: 1.6;
	}

	/* jobListSection */
	#shigoto .jobListSection{
		overflow: hidden;
		padding: 15px 0;
	}
	#shigoto .jobListSection p.lead{
		padding: 0 0 10px 0;
		line-height: 1.6;
	}
	#shigoto .jobListSection ul.jobList{
		position: relative;
		overflow: hidden;
		letter-spacing: normal;
		line-height: normal;
		margin: 0 -4% 0 0;
	}
	#shigoto .jobListSection ul.jobList li{
		display: inline;
		float: left;
		width: 46%;
		margin: 0 4% 10px 0;
		padding: 0;
		letter-spacing: normal;
	}
	#shigoto .jobListSection p.note{
		font-size: 86%;
	}

	/* contactSection */
	#shigoto .contactSection {
		margin: 0 0 15px 0;
	}

} /* screen and (max-width:640px) */



/* ============================================================

	style info : ニュースのスタイルを記述

============================================================ */

/* -----------------------------------
	common
----------------------------------- */

#news #main a{
	color: #222;
}
#news #main a:hover,
#news #main a:active{
	text-decoration: none;
}

/* -----------------------------------
	list
----------------------------------- */

#news .newsListSection{
	border-top: 3px solid #efefef;
}
.newsListSection dl{
	display: table;
	padding: 13px 0;
	border-bottom: 1px solid #efefef;
}
.newsListSection dl dt,
.newsListSection dl dd{
	display: table-cell;
	padding: 2px 0;
	vertical-align: middle;
}
.newsListSection dl dt{
	width: 162px;
	color: #222;
}
.newsListSection dl dt span{
	display: inline-block;
	padding: 0 0 0 19px;
	background: url(../img/common/arw_basic_grn03_r.png) no-repeat 2px 0.5em;
	font-size: 79%;
	line-height: 1.2;
}
.newsListSection dl dt span em{
	font-family: 'Lato', sans-serif;
	font-size: 164%;
	font-weight: normal;
	letter-spacing: 0.06em;
}
.newsListSection dl dd{
	width: 545px;
	padding-left: 15px;
	padding-right: 10px;
	border-left: 3px solid #e1e1e1;
}
.newsListSection dl dd p{
	display: block;
}
	.ieOld .newsListSection dl dt,
	.ieOld .newsListSection dl dt span,
	.ieOld .newsListSection dl dd {
		display: inline;
		zoom: 1;
	}

.newsListSection dl dd .desc .moreLink img {
	display: none;
}
.newsListSection dl dd .desc .moreLink {
	padding: 0 0 0 1em;
	background: url(../img/common/arw_basic_grn_r.png) no-repeat 2px 0.5em;
}


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

	.newsListSection dl{
		display: block;
		position: relative;
		margin: 0 -10px;
		padding: 10px;
		border-bottom: 1px solid #e8e8e8;
	}
	.newsListSection dl dt,
	.newsListSection dl dd{
		display: block;
		padding: 0;
	}
	.newsListSection dl dt{
		width: auto;
		margin-bottom: 0.3em;
	}
	.newsListSection dl dt span{
		display: block;
		background: url(../img/common/sp/arw_basic_grn_r.png) no-repeat 2px center;
		background-size: 7px;
	}
	.newsListSection dl dt span em{
		font-size: 150%;
	}
	.newsListSection dl dd{
		width: auto;
		border-left: none;
		padding-left: 19px;
	}
	.newsListSection dl dd p{
		display: block;
	}

} /* screen and (max-width:640px) */



/* -----------------------------------
	detail
----------------------------------- */

#news .newsDetailSection{
	margin-bottom: 20px;
	padding: 37px 0 30px;
	border-top: 3px solid #efefef;
	border-bottom: 3px solid #efefef;
}
#news .newsDetailSection .date{
	line-height: 1.1;
	padding: 0 0 0.6em;
	font-size: 79%;
}
#news .newsDetailSection .date em{
	font-size: 164%;
	font-weight: normal;
	letter-spacing: 0.06em;
 	font-family: 'Lato', sans-serif;
}
#news .newsDetailSection h2{
	line-height: 1.1;
	padding: 0 0 1.3em;
	font-size: 179%;
	font-weight: normal;
	letter-spacing: 0.08em;
}
#news .newsDetailSection .text{
	padding-bottom: 13px;
}
#news .newsDetailSection .text h3 {
  color: #008000;
  font-size: 120%;
}
#news .newsDetailSection .text p{
 	line-height: 1.7;
	font-size: 108%;
	margin-bottom: 14px;
	letter-spacing: 0.08em;
}

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

	#news .newsDetailSection{
		padding: 10px 0;
		border-top: 3px solid #efefef;
		border-bottom: 3px solid #efefef;
	}
	#news .newsDetailSection .date em{
		font-size: 150%;
	}
	#news .newsDetailSection h2{
		font-size: 129%;
		font-weight: bold;
	}
	#news .newsDetailSection .text{
		padding-bottom: 10px;
	}
	#news .newsDetailSection .text p{
		font-size: 100%;
		margin-bottom: 1em;
		letter-spacing: 0;
	}

} /* screen and (max-width:640px) */



/* ============================================================

	style info : aboutのスタイルを記述

============================================================ */

/* -----------------------------------
	index
----------------------------------- */

#about .index .aboutLeadSection {
	min-height: 1350px;
	margin-bottom: 44px;
	padding: 54px 0 0;
	border-top: 3px solid #efefef;
	background: url(../img/about/pic_index_lead.png) no-repeat center 60px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	line-height: 2;
	letter-spacing: 0.07em;
}
#about .index .aboutLeadSection p {
	margin-bottom: 32px;
}
#about .index .formLead .lead{
	margin: 40px 0 36px;
}
#about .index .aboutSection .section {
	border-top: 3px solid #efefef;
	padding: 38px 0 44px;
}
#about .index .aboutSection .section h2 {
	margin: 0 0 1em;
	font-size: 172%;
	color: #00b458;
	font-weight: bold;
	letter-spacing: 0.1em;
}
#about .index .aboutSection .section h2 span {
	font-size: 88%;
}
#about .index .aboutSection h3 {
	margin-bottom: 1em;
	font-size: 115%;
	color: #00b458;
}
#about .index .aboutSection .desc {
	margin: 0 0 1em;
	line-height: 1.7;
}
#about .index .aboutSection .btnLink {
	margin: 0 0 1.5em;
	line-height: 1;
	text-align: right;
}
#about .index .aboutSection .btnLink .basicButton03 span {
	color: #fffd57;
}
#about .index .aboutSection .pic {
	text-align: center;
}
#about .index .aboutSection .pic p {
	margin: 0 auto;
}
#about .index .aboutSection .pic .cap {
	padding-top: 0.6em;
	text-align: left;
	font-size: 86%;
}

#about .index .aboutSection #message h2 {
	padding-left: 32px;
	background: url(../img/about/pct_index_message.png) no-repeat left center;
}
#about .index .aboutSection #student h2 {
	padding-left: 60px;
	background: url(../img/about/pct_index_student.png) no-repeat left center;
}
#about .index .aboutSection #staff h2 {
	padding-left: 39px;
	background: url(../img/about/pct_index_staff.png) no-repeat left center;
}
#about .index .aboutSection #collabo h2 {
	padding-left: 41px;
	background: url(../img/about/pct_index_collabo.png) no-repeat left center;
}
#about .index .aboutSection #finance h2 {
	padding-left: 53px;
	background: url(../img/about/pct_index_finance.png) no-repeat left center;
}
#about .index .aboutSection #press h2 {
	padding-left: 48px;
	background: url(../img/about/pct_index_press.png) no-repeat left center;
}
#about .index .aboutSection #sisters h2 {
	padding-left: 43px;
	background: url(../img/about/pct_index_sisters.png) no-repeat left center;
}

#about .index .aboutSection #message {
	background: url(../img/about/pic_index_message.png) no-repeat right 56px;
}
#about .index .aboutSection #message .lead{
	margin-bottom: 36px;
}
#about .index .aboutSection #message .lead p{
	margin-bottom: 1em;
	line-height: 2;
	font-weight: normal;
}
#about .index .aboutSection #message .note{
	color: #898989;
	font-size: 86%;
	margin-bottom: none;
}
#about .index .aboutSection #message .detail h3 {
	display: inline-block;
	line-height: 2.3;
	margin-bottom: 8px;
	padding: 0 16px;
	font-size: 86%;
	color: #fff;
	font-weight: bold;
	background-color: #00b458;
}
#about .index .aboutSection #message .detail ol li{
	margin-top: 8px;
}
#about .index .aboutSection #message .detail ol li .moreLink{
	padding-left: 10px;
	margin-left: 10px;
	background: url(../img/common/arw_mid_grn_r.png) no-repeat left center;
}

#about .index .aboutSection #student .desc {
	margin: 0 0 2.6em;
}
#about .index .aboutSection #finance .pic {
	margin: 0 0 2.2em;
}
#about .index .aboutSection #finance .textLink {
	font-size: 86%;
}
#about .index .aboutSection #staff .pic p {
	width: 482px;
}
#about .index .aboutSection #sisters {
	overflow: hidden;
}
#about .index .aboutSection #sisters .desc {
	float: left;
	width: 374px;
}
#about .index .aboutSection #sisters .pic {
	float: right;
	width: 334px;
}

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

	#about .index .aboutLeadSection {
		padding: 40px 10px 0 15px;
		font-size: 100%;
		letter-spacing: normal;
		min-height: 0;
	}

	#about .index .formLead {
		padding: 20px 0;
		margin-bottom: 0;
	}
	#about .index .aboutSection .section {
		padding: 20px 0;
	}
	#about .index .aboutSection #message {
		background: none;
	}
	#about .index .aboutSection #message .lead p {
		padding: 0;
		line-height: 1.8;
	}
	#about .index .aboutSection .section h2 {
		font-size: 115%;
		letter-spacing: 0;
		line-height: 1.3;
	}
	#about .index .aboutSection .section h2 span {
		font-size: 80%;
	}
	#about .index .aboutSection h3 {
		font-size: 100%;
	}

	#about .index .aboutSection #message h2 {
		padding-left: 26px;
		background-size: 16px;
	}
	#about .index .aboutSection #student h2 {
		padding-left: 46px;
		background-size: 36px;
	}
	#about .index .aboutSection #staff h2 {
		padding-left: 28px;
		background-size: 18px;
	}
	#about .index .aboutSection #collabo h2 {
		padding-left: 30px;
		background-size: 20px;
	}
	#about .index .aboutSection #finance h2 {
		padding-left: 40px;
		background-size: 30px;
	}
	#about .index .aboutSection #finance .pic img {
		width: 70%;
	}
	#about .index .aboutSection #press h2 {
		padding-left: 38px;
		background-size: 28px;
	}
	#about .index .aboutSection #sisters h2 {
		padding-left: 38px;
		background-size: 28px;
	}
	#about .index .aboutSection #staff .pic p {
		width: auto;
		background-size: 20px;
	}
	#about .index .aboutSection #sisters {
		overflow: hidden;
	}
	#about .index .aboutSection #sisters .desc,
	#about .index .aboutSection #sisters .pic {
		float: none;
		width: auto;
	}
	#about .index .aboutSection #sisters .pic {
		text-align: center;
	}
	#about .index .aboutSection #sisters .pic img {
		width: 70%;
	}

} /* screen and (max-width:640px) */



/* -----------------------------------
	organization
----------------------------------- */

#about .organization .dataSection {
	border-top: 3px solid #efefef;
	padding: 38px 0 0;
	background: url(../img/about/pct_organization.gif) no-repeat right 20px;
}
#about .organization .dataSection table th,
#about .organization .dataSection table td {
	padding: 0 0 0.8em;
}
#about .organization .dataSection table th {
	width: 13%;
	font-weight: bold;
	vertical-align: top;
}
#about .organization .dataSection table td dl {
	font-size: 86%;
	line-height: 1.8;
}
#about .organization .dataSection table td dl dt {
	width: 6em;
	font-weight: bold;
}
#about .organization .dataSection table td dl dd {
	margin-top: -1.8em;
	padding-left: 6em;
}
#about .organization .dataSection table tr.director dl {
	font-size: 100%;
}
#about .organization .dataSection table tr.director td dl dt {
	width: 3em;
	font-weight: normal;
}
#about .organization .dataSection table tr.director td dl dd {
	padding-left: 3em;
}
#about .organization .dataSection table td .referLink {
	margin-top: 10px;
	font-size: 93%;
	font-weight: bold;
}
#about .organization .dataSection table tr.purpose td p {
	width: 380px;
}
#about .organization .dataSection dl.note {
	margin-top: 15px;
	font-size: 86%;
}

#about .organization .historySection {
	margin-top: 44px;
	padding-top: 38px;
	border-top: 1px solid #efefef;
}
#about .organization .historySection h2 {
	margin-bottom: 14px;
	font-size: 115%;
	font-weight: bold;
	color: #00b458;
}
#about .organization .historySection table th,
#about .organization .historySection table td {
	padding-bottom: 5px;
	vertical-align: top;
}
#about .organization .historySection table th {
	width: 7.2em;
	font-weight: normal;
}

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

	#about .organization .dataSection {
		padding: 0;
		background: none;
	}
	#about .organization .dataSection table,
	#about .organization .dataSection table tbody,
	#about .organization .dataSection table tr,
	#about .organization .dataSection table th,
	#about .organization .dataSection table td {
		display: block;
	}
	#about .organization .dataSection table th,
	#about .organization .dataSection table td {
		position: relative;
		margin: 0 -10px;
		padding: 0 10px;
	}
	#about .organization .dataSection table th {
		width: auto;
		padding-top: 8px;
		padding-bottom: 4px;
	}
	#about .organization .dataSection table td {
		padding-bottom: 8px;
		border-bottom: solid 1px #eee;
	}
	#about .organization .dataSection table tr.member td {
		border-bottom: none;
	}
	#about .organization .dataSection table td dl {
		margin-top: 4px;
		line-height: 1.4;
	}
	#about .organization .dataSection table td dl dd {
		margin: -1.4em 0 0.5em 0;
	}
	#about .organization .dataSection table tr.director td dl dd {
		margin-bottom: 0.2em;
	}
	#about .organization .dataSection table td .referLink {
		font-size: 100%;
	}
	#about .organization .dataSection table tr.purpose td p {
		width: auto;
	}
	#about .organization .dataSection dl.note {
		margin: 10px 0;
		padding: 10px;
		background: #eee;
	}
	#about .organization .dataSection dl.note dt {
		margin-bottom: 5px;
		font-weight: bold;
	}
	#about .organization .dataSection dl.note dd {
		font-size: 91%;
	}
	#about .organization .historySection {
		margin-top: 20px;
		padding-top: 0;
		border-top: none;
	}
	#about .organization .historySection h2 {
		margin-bottom: 10px;
	}
	#about .organization .historySection table th,
	#about .organization .historySection table td {
		font-size: 86%;
	}
	#about .organization .historySection table th {
		width: 7.2em;
		font-weight: bold;
	}

} /* screen and (max-width:640px) */



/* -----------------------------------
	staff
----------------------------------- */

#about .staffListSection .staff_list {
	margin-right: 3px;
	padding: 0;
	width: 760px;
}
#about .staffListSection .staff_list li.thumb {
	display: block;
	float: left;
	height: 100px;
	margin: 0 6px 6px 0;
	width: 100px;
}
#about .staffListSection .staff_list li.right {
	margin-right: 0px;
}
#about .staffListSection .staff_list li.thumb img {
	vertical-align: top;
}
#about .staffListSection .profile_area {
	display:none;
}
#about .staffListSection #colorbox div.profile {
	border: solid 4px #008837;
	width: 548px !important;
	margin: auto;
	padding: 20px 20px 24px;
	background: #fff;
}
#about .staffListSection #colorbox div.profile div {
	vertical-align: top;
	text-align: left;
}
#about .staffListSection #colorbox div.profile div.pic {
	display: inline;
	width: 100px;
	float: left;
	margin-bottom: 20px;
}
#about .staffListSection #colorbox div.profile div.data {
	display: inline;
	width: 426px;
	margin-left: 18px;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.8em;
	float: left;
}
#about .staffListSection #colorbox div.profile div.data div.name {
	font-size: 16px;
	font-weight: bolder;
	margin-bottom: 12px;
}
#about .staffListSection #colorbox div.profile div.data span.rubi {
	font-size: 12px;
	font-weight: normal;
}
#about .staffListSection .profile .cboxClose {
	clear: both;
	text-indent:-9999px;
	width:102px;
	height:29px;
	margin: 30px auto 0 auto;
	background:url("../../about/imgs/close.gif") no-repeat;
	cursor: pointer;
}

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

	#about .staffListSection {
		overflow: hidden;
	}
	#about .staffListSection .staff_list {
		margin-right: -2%;
		width: auto;
	}
	#about .staffListSection .staff_list li.thumb,
	#about .staffListSection .staff_list li.right {
		margin: 0 2% 5px 0;
		width: 31%;
		height: auto;
	}
	#about .staffListSection #colorbox div.profile {
		border: solid 4px #008837;
		width: auto !important;
		margin: auto;
		padding: 10px 10px 15px;
		background: #fff;
	}
	#about .staffListSection #colorbox div.profile div {
		vertical-align: top;
		text-align: left;
	}
	#about .staffListSection #colorbox div.profile div.pic {
		display: inline;
		width: 100px;
		float: left;
		margin-bottom: 20px;
	}
	#about .staffListSection #colorbox div.profile div.data {
		display: inline;
		width: 426px;
		margin-left: 18px;
		margin-bottom: 20px;
		font-size: 14px;
		line-height: 1.8em;
		float: left;
	}
	#about .staffListSection #colorbox div.profile div.data div.name {
		font-size: 16px;
		font-weight: bolder;
		margin-bottom: 12px;
	}
	#about .staffListSection #colorbox div.profile div.data span.rubi {
		font-size: 12px;
		font-weight: normal;
	}
	#about .staffListSection .profile .cboxClose {
		clear: both;
		text-indent:-9999px;
		width:102px;
		height:29px;
		margin: 30px auto 0 auto;
		background:url("../../about/imgs/close.gif") no-repeat;
		cursor: pointer;
	}

} /* screen and (max-width:640px) */


/* -----------------------------------
	press
----------------------------------- */

#about .press #main a{
	color: #222;
}
#about .press #main a:hover,
#about .press #main a:active{
	text-decoration: none;
}

#about .press .pressListSection {
	margin: 0 -32px 0 0;
	padding: 40px 0 0;
	line-height: 1;
	letter-spacing: -0.4em;
}
#about .press .pressListSection ul li{
	display: inline-block;
	overflow: hidden;
	padding: 0 33px 31px 0;
	letter-spacing: normal;
	vertical-align: top;
}
	.ieOld #about .press .pressListSection ul li{
		display: inline;
		zoom: 1;
	}
#about .press .pressListSection ul li .pic{
	overflow: hidden;
	width: 158px;
	height: 207px;
	border: 1px solid #e8e8e8;
}
#about .press .pressListSection ul li .pic img{
	width: 100%;
}
#about .press .pressListSection ul li .text{
	padding-top: 12px;
	width: 160px;
	font-size: 93%;
	line-height: 1.5;
	text-align: center;
}

#about .press .newsListSection {
	border-top: 3px solid #efefef;
	border-bottom: 1px solid #efefef;
}
#about .press .newsListSection dl dd p.media{
	display: inline-block;
	padding: 0.1em 0.5em 0;
	margin: 0 0 3px 0;
	background-color: #efefef;
	font-size: 86%;
}
#about .press .newsListSection dl dd p.title{
	font-weight: bold;
	font-size: 115%;
}
#about .press .newsListSection dl dd .desc a{
	color: #222 !important;
}
	.ieOld #about .press .newsListSection dl dd p.media {
		display: inline;
		zoom: 1;
	}

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

	#about .press .pressListSection {
		margin: 0;
		padding: 0;
		border-top: 3px solid #efefef;
		line-height: 1;
		letter-spacing: -0.4em;
	}
	#about .press .pressListSection ul{
		margin: 0;
		padding: 0;
		line-height: normal;
		letter-spacing:normal;
	}
	#about .press .pressListSection ul li{
		position: relative;
		display: block;
		margin: 0 -10px;
		padding: 5px 10px;
		width: auto;
		border-bottom: solid 1px #e8e8e8;
	}
	#about .press .pressListSection ul li a {
		position: relative;
		overflow: hidden;
		height: auto !important;
		padding: 5px 25px 5px 0;
		border: none;
		text-decoration: none;
		background: url(../img/common/bdr_15px_eee.png) right top repeat-y;
	}
	#about .press .pressListSection ul li a:after {
		content: '';
		position: absolute;
		right: 5px;
		top: 47%;
		display: block;
		width: 5px;
		height: 7px;
		background: url(../img/common/sp/arw_min_gry_r.png) left top no-repeat;
		background-size: 5px;
	}
	#about .press .pressListSection ul li .pic{
		float: left;
		width: 28%;
		height: auto !important;
		margin: 0 4% 0 0;
	}
	#about .press .pressListSection ul li .text{
		padding-top: 0;
		width: auto;
		font-size: 100%;
		text-align: left;
	}

	#about .press .newsListSection{
		border-top: none;
		border-bottom: none;
	}
	#about .press .newsListSection dl dd p.title{
		font-size: 100%;
	}

} /* screen and (max-width:640px) */



/* ============================================================

	style info : みんなの活動のスタイルを記述

============================================================ */

/* -----------------------------------
	list
----------------------------------- */

#club .clubSection {
	border-top: 3px solid #EFEFEF;
	padding: 27px 0 0;
}
#club .clubSection.activeClub {
	padding: 27px 0;
}
#club .clubSection.closedClub ul.clubGridList {
	padding: 12px 0 0;
}
#club .clubSection .note {
	font-size: 79%;
}

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

	#club .clubSection {
		margin: 20px 0 0 0;
		padding: 20px 0 0 0;
		border-top: 3px solid #EFEFEF;
	}
	#club .clubSection.activeClub {
		margin: 0;
		padding: 0;
		border-top: none;
	}
	#club .clubSection.closedClub ul.clubGridList {
		padding: 0;
	}
	#club .clubSection .note {
		margin-top: 10px;
	}

} /* screen and (max-width:640px) */



/* -----------------------------------
	blog
----------------------------------- */

/* common */
/* main */
#club .blog .leadSection {
	border-left: none;
	padding-left: 0;
	margin-bottom:26px;
}
#club .blog .leadSection h1 {
	line-height: 1;
}
#club .blog .lightNavSection {
	text-align: right;
	margin: 0 0 11px;
}

/* sub */
.blog #blogInfo {
	padding: 0 0 18px;
	letter-spacing: 0.09em;
}
.blog #blogInfo .inner {
	border-top:3px solid #00b458;
	border-right:3px solid #00b458;
	border-left:3px solid #00b458;
	padding: 14px 18px 12px;
	text-align: left;
}
.blog #blogInfo h2 {
	padding: 0 0 10px;
	font-size: 86%;
	text-align: center;
}
.blog #blogInfo p.img {
	padding: 0 0 10px;
}
.blog #blogInfo p.desc {
	padding: 0 0 3px;
	font-size:79%;
	line-height:1.8;
}
.blog #blogInfo p.link a {
	display: inline-block;
	padding-left: 12px;
	background: url(../img/common/arw_basic_grn_r.png) no-repeat 0 0.4em;
	text-decoration: none;
	font-size:86%;
	font-weight: bold;
	color: #222;
}
.blog #blogInfo p.topLink a {
	display: block;
	padding: 12px 16px 10px 25px;
	background: url(../img/common/arw_basic_wht02_r.png) 12px center no-repeat #00b458;
	text-decoration: none;
	font-size:86%;
	font-weight: bold;
	text-align: center;
	color: #fff;
	letter-spacing: 0.04em;
	line-height: 1;
}

.blog #blogNav {
	padding: 0 0 16px;
}
.blog #blogNav h2 {
	font-size: 108%;
	padding: 0 0 0 4px;
	margin: 11px 0;
	line-height: 1;
	border-left: 4px solid #00b458;
	color: #00b458;
	letter-spacing: 0.09em;
	font-weight: bold;
}
.blog #blogNav ul.blogNavList{
	padding-left: 8px;
}
.blog #blogNav ul.blogNavList li{
	padding: 0 0 10px;
}
.blog #blogNav ul.blogNavList li a{
	display: block;
	line-height: 1.5;
	background: url(../img/common/arw_basic_grn_r.png) 0 0.4em no-repeat;
	padding-left: 13px;
	font-size: 86%;
	font-weight: bold;
	text-decoration: none;
	color: #222;
}
.blog #blogNav .archiveLink{
	position: relative;
	padding: 3px 0 0;
	margin: 0 0 0 8px;
}
.blog #blogNav .archiveLink select{
	position: absolute;
	top: 3px;
	left: 0;
	width: 192px;
	height: 36px !important;
	line-height: 36px !important;
	font-size: 86%;
	opacity:0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	cursor: pointer;
}
.blog #blogNav .archiveLink span.archiveBg{
	display: inline-block;
	background: url(../img/common/arw_basic_grn_r.png) no-repeat 11px 12px !important;
	height: 32px !important;
	line-height: 32px !important;
	padding: 0 25px !important;
	width: 138px !important;
	border: 2px solid #ddd;
}
.blog #blogNav .archiveLink span.archiveBgInner{
	display: inline-block;
	width: 100%;
	font-size: 86%;
	font-weight: bold;
  letter-spacing: 0.09em;
}
	.ie6 .blog #blogNav .archiveLink span.archiveBg{
		display: none;
	}
.blog ul.globalNav {
	margin: 30px 0 0;
}

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

	#club .blog .leadSection h1 {
		padding: 0;
		border-left: none;
	}
	.blog #blogInfo .inner {
		padding: 10px;
	}
	.blog #blogInfo p.img {
		text-align: center;
	}
	.blog #blogInfo p.img img {
		width: 60%;
	}
	.blog ul.globalNav {
		margin: 0 -10px 0 -10px;
	}

} /* screen and (max-width:640px) */



/* blogSection */
.blogSection h2 {
	padding: 7px 0;
	line-height: 1.3;
	border-top: 3px solid #efefef;
	border-bottom: 3px solid #efefef;
	font-size: 179%;
	font-weight:normal;
	letter-spacing:0.08em;
}
.blogSection h2 a{
	text-decoration: none;
}
.blogSection .blogPost {
	font-size: 79%;
	line-height: 1;
	color: #666;
	text-align:right;
	padding: 7px 0 0;
	letter-spacing:0.05em;
}
.blogSection .blogPost span.category {
	margin-right: 1em;
}
.blogSection .blogBody {
	padding-bottom: 2em;
	text-align:center;
}
.blogSection .blogBody p {
	margin: 1em 0;
	text-align: left;
	letter-spacing:0.05em;
}
.blogSection .blogBody p.pic {
	padding:1em 0;
	text-align: center;
}

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

	.blogSection h2 {
		font-size: 129%;
	}

} /* screen and (max-width:640px) */



/* newsListSection */

.blog .newsListSection{
	position: relative;
	margin-top: -1em;
}
.blog .newsListSection h2 {
	margin-top: 1em;
	padding: 0.6em 0;
	font-size: 129%;
	border-bottom: 3px solid #efefef;
}
#club .blog .lightNavSection.navBtm{
	margin-top: 1em;
}



/* ============================================================

	style info : よくある質問のスタイルを記述

============================================================ */

#student h2.basicTitle02{
	color: #00a350;
	font-size: 115%;
}

/* innerLinkNav */
#student .innerLinkNav {
	padding: 26px 0 4px;
	border-top: 3px solid #efefef;
}
#student .innerLinkNav ul {
	overflow: hidden;
}
#student .innerLinkNav ul li {
	float: left;
}
#student .innerLinkNav ul li a {
	display: block;
	width: 168px;
	margin-right: 12px;
	padding-left: 8px;
	line-height: 54px;
	background: url(../img/common/arw_basic_grn03_b.png) no-repeat 12px center #f2f2f2;
	letter-spacing: 0.1em;
	font-weight: bold;
	text-align: center;
	font-size: 90%;
	text-decoration: none;
}
#student .innerLinkNav ul li.last a {
	margin-right: 0;
}

/* faqListSection */
#student .faqListSection {
}
#student .faqListSection h2 {
	padding: 2em 0 0.9em;
	font-weight: bold;
	font-size: 150%;
	letter-spacing: 0.1em;
}
#student .faqListSection .faqList{
	border-top: 3px solid #efefef;
	border-bottom: 2px solid #efefef;
}
#student .faqListSection .faqList li{
	border-bottom: 1px solid #efefef;
}
#student .faqListSection .faqList h3 a{
	display: block;
	padding: 0.9em 0 0.9em 1.9em;
	line-height: 1.2;
	background: url(../img/common/icn_closed.png) no-repeat left 1em;
	font-weight: normal;
	font-size: 115%;
}
#student .faqListSection .faqList .answer{
	display: none;
}
#student .faqListSection .faqList .open h3 a{
	background: url(../img/common/icn_open.png) no-repeat left 1em;
}
#student .faqListSection .faqList .open .answer{
	display: block;
	padding: 1.4em 1.4em 0.6em;
	margin: 0 0 1em;
	line-height: 1.7;
	background-color: #f4f4f4;
}
#student .faqListSection .faqList .open .answer p{
	padding: 0 0 0.8em;
}

/* contactSection */
#student .contactSection p.moreLink{
	margin: 1em 0 0;
}

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

	/* innerLinkNav */
	#student .innerLinkNav {
		padding: 15px 0 0 0;
	}
	#student .innerLinkNav ul {
		margin-right: -2%;
	}
	#student .innerLinkNav ul li {
		width: 48%;
		margin: 0 2% 5px 0;
	}
	#student .innerLinkNav ul li a {
		width: auto;
		margin-right: 0;
		line-height: 40px;
		font-size: 86%;
		background: url(../img/common/sp/arw_basic_grn_b.png) no-repeat 8px center #f2f2f2;
		background-size: 10px;
		letter-spacing: 0;
	}

	/* faqListSection */
	#student .faqListSection h2 {
		margin: 10px 0 10px 0;
		padding: 10px 0 0 0;
		font-size: 129%;
		letter-spacing: 0;
	}
	#student .faqListSection .faqList h3 a{
		padding-left: 25px;
		font-size: 100%;
		background-size: 16px;
	}
	#student .faqListSection .faqList .answer{
		display: none;
	}
	#student .faqListSection .faqList .open h3 a{
		background-size: 16px;
	}
	#student .faqListSection .faqList .open .answer{
		padding: 10px 10px 1px 10px;
		margin: 0 0 10px 0;
	}

	/* contactSection */
	#student .contactSection span.name{
		display: block;
		margin-bottom: 0;
	}

} /* screen and (max-width:640px) */



/* ============================================================

	style info : プロジェクトのスタイルを記述

============================================================ */

#project .formLead {
	border-top: 3px solid #efefef;
	padding-top: 28px;
	margin-bottom: 24px;
	line-height: 1.7;
}
#project .formLead p {
	font-size: 100%;
	font-weight: normal;
}

#project .projectListSection{
	border-top: 1px solid #efefef;
}
#project .projectListSection .section{
	padding: 34px 0 20px;
	border-bottom: 3px solid #efefef;
}
#project .projectListSection .titleArea{
	overflow: hidden;
	padding: 0 0 28px;
}
#project .projectListSection .titleArea .info{
	float: left;
	width: 121px;
}
#project .projectListSection .titleArea .title{
	float: left;
	width: 597px;
	padding-left: 22px;
	font-weight: bold;
}
#project .projectListSection .no,
#project .projectListSection .year{
	width: 115px;
	border: 3px solid #00b458;
	font-weight: bold;
	text-align: center;
}
#project .projectListSection .no{
	margin-bottom: 4px;
	line-height: 2;
	background-color: #00b458;
	color: #fff;
	font-size: 86%;
	font-family: 'Lato', sans-serif;
	letter-spacing: 0.03em;
}
#project .projectListSection .no span{
	font-size: 125%;
}
#project .projectListSection .year{
	padding: 0.3em 0 0;
	line-height: 1.5;
	background-color: #fff;
	color: #00b458;
	font-size: 79%;
}
#project .projectListSection h2{
	padding: 6px 0 3px 0;
	font-size: 166%;
	color: #00b458;
}
#project .projectListSection h2.lines{
	padding: 0 0 3px 0;
}
#project .projectListSection .with{
	font-size: 93%;
}
#project .projectListSection .pic{
	padding-bottom: 1.5em;
}
#project .projectListSection .desc dl{
	padding-bottom: 1em;
	line-height: 1.7;
}
#project .projectListSection .desc dl dt{
	font-weight: bold;
	color: #00b458;
}

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

	#project .formLead {
		border-top: 3px solid #efefef;
		margin: 0;
		padding: 10px 0 0 0;
		line-height: inherit;
	}
	#project .projectListSection{
		border: none;
	}
	#project .projectListSection .section{
		position: relative;
		margin: 0 -10px;
		padding: 20px 10px 10px 10px;
	}
	#project .projectListSection .titleArea{
		padding: 0 0 15px;
	}
	#project .projectListSection .titleArea .info{
		float: none;
		width: auto;
		margin-bottom: 10px;
	}
	#project .projectListSection .titleArea .title{
		float: none;
		width: auto;
		padding-left: 0;
	}
	#project .projectListSection .no,
	#project .projectListSection .year{
		display: inline-block;
		height: 1.8em;
		line-height: 1.9em;
		margin: 0 2px 0 0;
		padding: 0;
		border: 2px solid #00b458;
		font-size: 79%;
		letter-spacing: normal;
		vertical-align: top;
	}
	#project .projectListSection .no span{
		line-height: 1;
	}
	#project .projectListSection h2{
		padding: 0;
		font-size: 129%;
	}
	#project .projectListSection h2.lines{
		padding: 0;
	}
	#project .projectListSection .with{
		margin-top: 5px;
	}
	#project .projectListSection .pic{
		padding-bottom: 1em;
	}

} /* screen and (max-width:640px) */



/* ============================================================

	style info : フォーム系画面のスタイルを記述

============================================================ */

/* -----------------------------------
	common
----------------------------------- */

.formSection {
	padding-top: 30px;
	border-top: solid 3px #efefef;
}
.formSection p.error {
	color: #e70808;
	font-size: 73%;
	font-weight: bold;
}

.formLead {
	margin-bottom: 60px;
	line-height: 1.8;
}
.formLead p {
	font-size: 108%;
	font-weight: bold;
}
.formLead p.error {
	margin-top: 5px;
}
.formLead p.arwLink {
	margin-bottom: 1em;
}
.formLead p.arwLink a {
	background-position: 0 0.1em;
}

.check .formContent {
	margin: 0 25px;
}

.formTable tr th,
.formTable tr td {
	padding: 10px 0;
	font-size: 108%;
	vertical-align: middle;
}
.formTable tr th {
	width: 43%;
	padding-right: 7%;
	text-align: right;
	font-weight: bold;
}
.formTable tr.hr th,
.formTable tr.hr td {
	padding-top: 50px;
}
.formTable tr th span.required,
.formContent .freeArea dt span.required {
	color: #e70808;
	font-size: 73%;
}
.formTable tr th .ex {
	width: 100%;
	display: table;
}
.formTable tr th .ex span {
	display: table-cell;
	vertical-align: bottom;
}
.formTable tr th .ex span.required {
	width: 4em;
}
.formTable p.format {
	color: #6b6767;
	font-size: 86%;
}
.formTable tr td p.error {
	margin-top: 3px;
}
.formTable tr td p.format {
	margin-top: 3px;
}
.formTable input.text,
.formSection textarea {
	padding: 10px;
	border: solid 2px #cfcdcd;
	border-radius: 12px;
	background: #fff9eb;
}
.formTable input.text{
	width: 280px;
}
.formTable label {
	margin-right: 2em;
	vertical-align: middle;
}
.formTable label input {
	position: relative;
	top: -1px;
	margin-right: 5px;
	vertical-align: middle;
}

.formAction {
	position: relative;
	margin: 60px 0 0 0;
	text-align: center;
}
.formAction .buttons {
	position: relative;
}
.formAction p.term a {
	padding-left: 10px;
	background: url(../img/common/arw_min_grn_r.png) left 0.3em no-repeat;
	color: #00b458;
	font-size: 93%;
	text-decoration: none;
}
.formAction p.button {
	margin-top: 10px;
}
.formAction p.arwLink {
	margin-top: 10px;
}

.formActionButtons .correct {
	position: absolute;
	top:0;
	left:0;
}
.formActionButtons .correct .basicButton {
	background: #aaa url(../img/common/arw_basic_wht_l.png) 16px center no-repeat;
	width: 88px;
	font-size: 100%;
}

.formSection .referLink {
	margin-top: 10px;
	font-size: 93%;
	font-weight: bold;
}

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

	.formSection {
		padding-top: 0;
	}
	.complete .basicSection {
		margin-bottom: 20px;
		padding: 0 3px;
	}
	.formSection p.error {
		font-size: 86%;
	}

	.formLead {
		margin: 10px 0;
		line-height: 1.6;
	}
	.formLead p {
		font-size: 100%;
		margin-bottom: 10px;
	}

	.formContent {
		position: relative;
		margin: 0 -10px;
	}
	.formTable,
	.formTable tbody,
	.formTable tr,
	.formTable tr th,
	.formTable tr td {
		display: block;
	}
	.formTable tr th,
	.formTable tr td {
		padding: 0 10px;
		font-size: 100%;
		vertical-align: middle;
	}
	.formTable tr th {
		border-top: solid 1px #ddd;
		width: auto;
		padding-top: 10px;
		text-align: left;
	}
	.formTable tr td {
		padding-top: 3px;
		padding-bottom: 10px;
	}
	.formTable tr.hr th {
		padding-top: 10px !important;
	}
	.formTable tr.hr td {
		padding-top: 3px !important;
		padding-bottom: 10px !important;
	}
	.formTable tr th br {
		display: none;
	}
	.formTable tr th .ex {
		width: auto;
		display: inline;
	}
	.formTable tr th .ex span {
		display: inline;
		vertical-align: inherit;
	}
	.formTable tr th .ex span.required {
		width: auto;
	}
	.formTable p.format {
		color: #6b6767;
		font-size: 86%;
	}
	.formTable input.text,
	.formSection textarea {
		padding: 5px 10px;
		border-radius: 10px;
		width: 90%;
	}

	.formAction {
		margin: 10px 0;
	}
	.formAction p.arwLink {
		text-align: left;
	}
	.formActionButtons .button {
		margin-left: 100px;
	}

	.check .formContent {
		margin: 0 -10px;
	}

	.complete .basicSection {
		padding: 10px 0 0 0;
		border-top: solid 3px #efefef;
	}

} /* screen and (max-width:640px) */



/* -----------------------------------
	regist
----------------------------------- */

.formTable tr.password th,
.formTable tr.birth th {
	padding-top: 60px;
	vertical-align: top;
}
.formTable tr.password th,
.formTable tr.password td {
	padding-bottom: 0;
}
.formTable tr.birth th {
	vertical-align: top;
}
.formTable tr.birth td {
	font-size: 100%;
}
.formTable tr.birth td input.text {
	font-size: 108%;
}
.formTable tr.postaddress input.text {
	width: 180px;
}
.formTable tr.birth input.text {
	width: 130px;
}
.formTable tr.password td p,
.formTable tr.password2 td p {
	display: inline-block;
	margin-right: 5px;
}
.formTable tr.postaddress td p.error {
	margin-left: 1.9em;
}
.formTable tr.birth td p.error {
	margin-left: 3.2em;
}

.dataTable {
	border-right: dotted 1px #ccc;
	border-top: dotted 1px #ccc;
}
.dataTable tr th,
.dataTable tr td {
	padding: 20px;
}
.dataTable tr th {
	width: 25%;
	border-bottom: solid 1px #fff;
	background: #ebeae8;
	text-align: right;
}
.dataTable tr td {
	border-bottom: dotted 1px #ccc;
}
.dataTable tr.username th {
	border-top: solid 1px #ebeae8;
}
.dataTable tr.relation th {
	border-bottom: solid 1px #ebeae8;
}

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

	.formTable tr.postaddress input.text {
		width: 8em;
	}
	.formTable tr.birth input.text {
		width: 4em;
	}

	.dataTable {
		border-right: none;
	}
	.dataTable tr th,
	.dataTable tr td {
		padding: 10px;
	}
	.dataTable tr th {
		width: 28%;
		font-size: 86%;
	}

} /* screen and (max-width:640px) */



/* -----------------------------------
	login
----------------------------------- */

#login .formAction {
	margin: 15px 0 0 43%;
	text-align: left;
}
#login .formAction .basicButton {
	width: 147px;
	height: 44px;
	line-height: 44px;
	background-position: 20px 16px;
}
#login .formAction ul.arwList {
	margin: 10px 0;
}
#login .formAction ul.arwList li a {
	color: #00b458;
	text-decoration: none;
}

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

	#login .formAction {
		margin: 10px 0;
	}
	#login .formAction .basicButton {
		width: 100%;
	}

} /* screen and (max-width:640px) */


/* -----------------------------------
	profile
----------------------------------- */

#profile .input .formSection {
	border-top: none;
}


/* -----------------------------------
	entry
----------------------------------- */

#entry .formSection dl {
	margin-bottom: 30px;
	line-height: 1.5;
}
#entry .formSection dl dt {
	position: relative;
	width: 5.5em;
	font-weight: bold;
}
#entry .formSection dl dt span {
	position: absolute;
	right: 0;
	top: 0;
}
#entry .formSection dl dd {
	margin: -1.5em 0 0.2em 6em;
}


/* -----------------------------------
	pass
----------------------------------- */

#pass .formLead {
	margin-bottom: 20px;
}
#pass .formAction {
	margin: 35px 0 0;
}

#pass .sentSection,
#pass .passSection,
#pass .completeSection {
	margin-bottom: 40px;
	border-top: 3px solid #efefef;
	padding-top: 30px;
}

#pass .sentSection .formLead {
	padding-bottom: 0.4em;
}
#pass .sentSection .formLead p {
	margin-bottom: 1em;
}

#pass .formFlowSection,
#regist .formFlowSection {
	padding: 0 0 44px;
}

#pass dl.mailCaution {
	width: 704px;
}

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

	#pass .formLead {
		margin-bottom: 0;
	}
	#pass .formAction {
		margin: 15px 0 0 0;
	}
	#pass .sentSection,
	#pass .passSection,
	#pass .completeSection {
		margin-bottom: 10px;
		border-top: none;
		padding-top: 0;
	}
	#pass .formFlowSection,
	#regist .formFlowSection {
		padding: 0;
	}
	#pass dl.mailCaution {
		width: auto
	}

} /* screen and (max-width:640px) */


/* -----------------------------------
	questionnaire
----------------------------------- */

#questionnaire .formLead {
	margin-bottom: 40px;
}
#questionnaire .formLead p{
	font-weight: normal;
}

#questionnaire .formTable{
	margin-left: 6%;
	width: 94%;
}
#questionnaire .formTable tr th{
	width: 31%;
	padding: 10px 0 10px 7%;
	text-align: left;
	font-weight: normal;
	line-height: 1.2;
}
#questionnaire .formTable tr.age input.text{
	width: 70px;
	margin: 0 0.5em 0 0;
}
#questionnaire .formTable textarea {
	width: 425px;
}

#questionnaire .dataTable tr th {
	width: 28%;
}

#questionnaire .privacySection{
	padding: 28px 0 0;
	border-top: 1px solid #b5b9b7;
}
#questionnaire .privacySection dl dt,
#questionnaire .privacySection dl dd{
	font-size: 86%;
	line-height: 1.8;
}
#questionnaire .formAction{
	margin: 40px 25px 0 25px;
}

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

	#questionnaire .formLead {
		margin: 10px 0;
	}
	#questionnaire .formLead p{
		font-weight: bold;
	}

	#questionnaire .formTable{
		margin-left: 0;
		width: 100%;
		border-bottom: solid 1px #ccc;
	}
	#questionnaire .formTable tr th{
		width: auto;
		padding: 10px 10px 0 10px;
		font-weight: bold;
		line-height: 1.6;
	}
	#questionnaire .formTable textarea {
		width: 90%;
	}
	#questionnaire .formTable tr.opinion_a th,
	#questionnaire .formTable tr.request_a th {
		width: auto;
	}
	#questionnaire .formTable tr.opinion_a td:first-child,
	#questionnaire .formTable tr.request_a td:first-child {
		display: none;
	}
	#questionnaire .formTable tr.join label {
		display: block;
	}
	#questionnaire .formTable tr.join br {
		display: none;
	}
	#questionnaire .dataTable tr th {
		width: 28%;
	}
	#questionnaire .privacySection{
		margin: 10px 0 15px 0;
		padding: 0;
		border: none;
	}
	#questionnaire .formAction{
		margin: 10px 0;
	}

} /* screen and (max-width:640px) */



/* -----------------------------------
	/relation/volunteer.php
----------------------------------- */

#relation .volunteer .exampleSection {
	padding: 20px 0 16px;
	border-top: 1px solid #efefef;
}
#relation .volunteer .exampleSection h2 {
	padding-bottom: 20px;
	font-size: 129%;
}
#relation .volunteer .exampleSection ul.activityList {
	margin: 0 -20px 0 0;
	line-height: 1;
	letter-spacing: -0.4em;
}
#relation .volunteer .exampleSection ul.activityList li {
	display: inline-block;
	overflow: hidden;
	width: 164px;
	margin: 0 20px 17px 0;
	padding-top: 111px;
	border: 3px solid #ebebeb;
	letter-spacing: normal;
	vertical-align: top;
}
	.ieOld #relation .volunteer .exampleSection ul.activityList li {
		display: inline;
		zoom: 1;
	}
#relation .volunteer .exampleSection ul.activityList li.ex01 {
	background:url(../img/relation/pic_volunteer01.png) no-repeat center top;
}
#relation .volunteer .exampleSection ul.activityList li.ex02 {
	background:url(../img/relation/pic_volunteer02.png) no-repeat center top;
}
#relation .volunteer .exampleSection ul.activityList li.ex03 {
	background:url(../img/relation/pic_volunteer03.png) no-repeat center top;
}
#relation .volunteer .exampleSection ul.activityList li.ex04 {
	background:url(../img/relation/pic_volunteer04.png) no-repeat center top;
}
#relation .volunteer .exampleSection ul.activityList li.ex05 {
	background:url(../img/relation/pic_volunteer05.png) no-repeat center top;
}
#relation .volunteer .exampleSection ul.activityList li.ex06 {
	background:url(../img/relation/pic_volunteer06.png) no-repeat center top;
}
#relation .volunteer .exampleSection ul.activityList li.ex07 {
	background:url(../img/relation/pic_volunteer07.png) no-repeat center top;
}
#relation .volunteer .exampleSection ul.activityList li.ex08 {
	background:url(../img/relation/pic_volunteer08.png) no-repeat center top;
}
#relation .volunteer .exampleSection ul.activityList li p {
	padding: 11px 0 8px;
	background: url(../img/common/bdr_3px_ddd_x.png) repeat-x top;
	font-size: 93%;
	text-align: center;
}
#relation .volunteer .exampleSection .roleList {
	margin: 0 -20px 0 0;
	line-height: 1;
	letter-spacing: -0.4em;
}
#relation .volunteer .exampleSection .roleList dl {
	display: inline-block;
	overflow: hidden;
	width: 360px;
	margin: 0 20px 20px 0;
	letter-spacing: normal;
	vertical-align: top;
}
#relation .volunteer .exampleSection .roleList dl dt {
	display: inline-block;
	padding: 0.6em 0.8em;
	line-height: 1;
	background-color: #e6f6ed;
}
	.ieOld #relation .volunteer .exampleSection .roleList dl dt {
		display: inline;
		zoom: 1;
	}
#relation .volunteer .exampleSection .roleList dl dd {
	padding-top: 1em;
	line-height: 1.5;
	font-size: 93%;
}

#relation .volunteer .formSection {
	border-top: none;
}
#relation .volunteer .formSection .leadSection {
	margin-bottom: 13px;
}
#relation .volunteer .formSection .leadSection h2 {
	font-size: 172%;
}
#relation .volunteer .formSection .formLead {
	border-top: 1px solid #efefef;
	padding-top: 28px;
	margin-bottom: 12px;
}
#relation .volunteer .formSection .formLead p {
	font-size: 129%;
	font-weight: bold;
}
#relation .volunteer .formSection .formLead p.error {
	font-size: 100%;
}

#relation .volunteer .interest .question {
	font-size: 158%;
}
#relation .volunteer .interest .note {
	font-size: 86%;
}
#relation .volunteer .interest {
	margin-top: 22px;
	padding-top: 44px;
	border-top: 3px solid #efefef;
}
#relation .volunteer .interest .interestForm {
	margin-top: 26px;
}
#relation .volunteer .interest .interestForm li {
	padding: 14px 0;
	border-bottom: 1px solid #efefef;
}
#relation .volunteer .interest .interestForm li.last {
	padding: 14px 0 20px;
	border-bottom: none;
}
#relation .volunteer .interest .interestForm li label {
	overflow: hidden;
	display: block;
}
#relation .volunteer .interest .interestForm li p,
#relation .volunteer .interest .interestForm li dl {
	float: left;
}
#relation .volunteer .interest .interestForm li p {
	width: 3%;
	margin-top: 0.4em;
}
#relation .volunteer .interest .interestForm li dl {
	width: 97%;
}
#relation .volunteer .interest .interestForm li dl dt {
	font-size: 122%;
}
#relation .volunteer .interest .interestForm li dl dd {
	font-size: 93%;
	padding-left: 0.8em;
}
#relation .volunteer .freeArea{
	padding: 26px 0 10px;
	border-top: 5px solid #efefef;
/* 	border-bottom: 5px solid #efefef; */
}
#relation .volunteer .freeArea dl dt{
	font-size: 122%;
	padding-bottom: 0.6em;
}
#relation .volunteer .freeArea dl dd{
	padding-bottom: 1.6em;
}
#relation .volunteer .freeArea dl dd textarea{
	width: 716px;
}
#relation .volunteer .formAction{
	margin: 40px 0 0;
}
#relation .volunteer .exampleSection .roleList .note,
#relation .volunteer .formSection .formAction .noteArea {
	padding: 20px 22px;
	line-height: 1.5;
	background-color: #f4f4f4;
	letter-spacing: normal;
}

/* check */
#relation .volunteer.check .formSection {
	padding-top: 0;
	margin-bottom: 24px;
}
#relation .volunteer.check .formSection .formLead {
	border-top: 3px solid #efefef;
	margin-bottom: 24px;
}
#relation .volunteer.check .formSection tr.interest {
	border-top: none;
}


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

	#relation .volunteer .exampleSection {
		overflow: hidden;
		margin-bottom: 0;
	}
	#relation .volunteer .exampleSection ul.activityList {
		margin-right: -3%;
	}
	#relation .volunteer .exampleSection ul.activityList li {
		display: block;
		float: left;
		width: 45%;
		margin: 0 3% 10px 0;
	}
	#relation .volunteer .exampleSection ul.activityList li p {
		padding: 13px 10px 10px 10px;
		font-size: 86%;
		font-weight: bold;
		line-height: 1.4;
	}
	#relation .volunteer .exampleSection .roleList {
		margin: 0;
		line-height: 1;
		letter-spacing: 0;
	}
	#relation .volunteer .exampleSection .roleList dl {
		display: block;
		width: auto;
		margin: 0 0 20px 0;
	}
	#relation .volunteer .exampleSection .roleList .note,
	#relation .volunteer .formSection .formAction .noteArea {
		padding: 15px;
	}

	#relation .volunteer .formSection .leadSection {
		margin-top: 20px;
	}
	#relation .volunteer .formSection .leadSection h2 {
	    border-left: 5px solid #00B458;
	    float: none;
	    font-size: 129%;
	    letter-spacing: normal;
	    padding-left: 10px;
	}
	#relation .volunteer .formSection .formLead {
		border-top: none;
		padding-top: 0;
	}
	#relation .volunteer .formSection .formLead p {
		margin-bottom: 0;
		font-size: 100%;
	}
	#relation .volunteer .formSection .formLead p.error {
		font-size: 86%;
	}
	#relation .volunteer .interest .question {
		margin: 0 10px 5px 10px;
		font-size: 100%;
		font-weight: bold;
	}
	#relation .volunteer .interest .note {
		font-size: 86%;
		margin: 0 10px;
	}
	#relation .volunteer .interest {
		margin-top: 20px;
		padding-top: 20px;
	}
	#relation .volunteer .interest .interestForm {
		margin-top: 10px;
	}
	#relation .volunteer .interest .interestForm li {
		overflow: hidden;
		padding: 10px 10px;
	}
	#relation .volunteer .interest .interestForm li.last {
		padding: 10px 10px;
	}
	#relation .volunteer .interest .interestForm li p {
		width: 8%;
		margin-top: 0;
	}
	#relation .volunteer .interest .interestForm li dl {
		width: 92%;
	}
	#relation .volunteer .interest .interestForm li dl dt {
		margin-bottom: 5px;
		font-size: 100%;
		font-weight: bold;
	}
	#relation .volunteer .interest .interestForm li dl dd {
		padding-left: 0;
	}

	#relation .volunteer .freeArea{
		padding: 20px 10px 0 10px;
		border-top: 1px solid #efefef;
	}
	#relation .volunteer .freeArea dl dt{
		padding-bottom: 0.6em;
		font-size: 100%;
		line-height: 1.4;
	}
	#relation .volunteer .freeArea dl dd{
		padding-bottom: 1em;
	}
	#relation .volunteer .freeArea dl dd textarea{
		width: 90%;
	}
	#relation .volunteer .formAction{
		margin: 0 0 0;
	}
	#relation .volunteer .formAction .noteArea p.note {
		margin-top: 10px;
	}

	/* check */
	#relation .volunteer.check .formSection .formLead {
		border-top: 3px solid #efefef;
		padding-top: 10px;
		margin-bottom: 10px;
	}
	#relation .volunteer.check .formAction {
		margin-top: 10px;
	}

	/* complete */
	#relation .volunteer.complete .formLead {
		border-top:none;
		padding-top: 0;
	}

} /* screen and (max-width:640px) */


/* ============================================================

	style info : 参加方法のスタイルを記述

============================================================ */

/* -----------------------------------
	common
----------------------------------- */

#relation .formLead {
	border-top: 3px solid #efefef;
	padding-top: 28px;
	margin-bottom: 24px;
	line-height: 1.7;
}
#relation .formLead p {
	font-size: 100%;
	font-weight: normal;
}

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

	#relation .formLead {
		border-top: 3px solid #efefef;
		padding-top: 15px;
		margin-bottom: 15px;
		line-height: inherit;
	}

} /* screen and (max-width:640px) */


/* -----------------------------------
	index
----------------------------------- */

#relation .index .activitySection {
	padding: 33px 0 0;
	margin: 0 0 40px;
	border-top: 1px solid #efefef;
	border-bottom: 3px solid #efefef;
}
#relation .index .activitySection dl dt {
	display: inline-block;
	width: 274px;
	margin: 0 16px 48px 0;
	padding-top: 168px;
	border: 3px solid #ddd;
	vertical-align: top;
}
#relation .index .activitySection dl.learn dt {
	background: url(../img/relation/pic_index_learn.png) no-repeat center top;
}
#relation .index .activitySection dl.play dt {
	background: url(../img/relation/pic_index_play.png) no-repeat center top;
}
#relation .index .activitySection dl.make dt {
	background: url(../img/relation/pic_index_make.png) no-repeat center top;
}
#relation .index .activitySection dl dt span {
	display: inline-block;
	width: 100%;
	padding: 15px 0;
	line-height: 1;
	background: url(../img/common/line_3px_ddd.png) repeat-x top;
	font-size: 165%;
	text-align: center;
	color: #00b458;
	font-weight: bold;
}
#relation .index .activitySection dl dd {
	display: inline-block;
	width: 439px;
	vertical-align: top;
}
#relation .index .activitySection dl dd p.note {
	margin-top: 1em;
	color: #878787;
}
#relation .index .registSection {
	margin-bottom: 13px;
}
#relation .index .registSection h2 {
	font-size: 172%;
}
#relation .index .registSection .formLead {
	padding-top: 20px;
	border-top: 1px solid #efefef;
}
	.ieOld #relation .index .activitySection dl dt,
	.ieOld #relation .index .activitySection dl dt span,
	.ieOld #relation .index .activitySection dl dd {
		display: inline;
		zoom: 1;
	}

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

	#relation .index .activitySection {
		padding: 0;
		margin: 0 0 20px 0;
		border-top: none;
	}
	#relation .index .activitySection dl {
		margin-bottom: 20px;
	}
	#relation .index .activitySection dl dt {
		display: block;
		width: auto;
		margin: 0 0 15px 0;
		padding: 0 0;
		height: 69px;
	}
	#relation .index .activitySection dl.learn dt {
		background-size: 120px;
		background-position: -10px center;
	}
	#relation .index .activitySection dl.play dt {
		background-size: 120px;
		background-position: -10px center;
	}
	#relation .index .activitySection dl.make dt {
		background-size: 120px;
		background-position: -10px center;
	}
	#relation .index .activitySection dl dt span {
		display: block;
		width: auto;
		margin: 0 0 0 100px;
		padding: 0 0 0 15px;
		line-height: 69px;
		background: none;
		border-left: dotted 3px #ddd;
		font-size: 150%;
		text-align: left;
	}
	#relation .index .activitySection dl dd {
		display: block;
		width: auto;
	}
	#relation .index .registSection h2 {
		font-size: 129%;
	}
	#relation .index .registSection .formLead {
		margin: 0;
		padding: 10px 0 0 0;
	}

} /* screen and (max-width:640px) */


/* -----------------------------------
	howto
----------------------------------- */

#relation .howto .formLead .backLink{
	padding: 0.6em 0 0;
}
#relation .howto .formLead .backLink a{
	padding-left: 14px;
}

#relation .howto .downFlowSection {
	padding: 24px 0 0;
	border-top: 1px solid #efefef;
}
#relation .howto .downFlowSection h2 {
	padding: 0 0 24px;
	font-size: 129%;
}
#relation .howto .downFlowSection .downFlow {
	position: relative;
	margin-top: -3px;
	padding-bottom: 48px;
	background: url(../img/common/arw_flow_down.png) no-repeat center bottom;
}
#relation .howto .downFlowSection .downFlow.last {
	padding-bottom: 0;
	background: none;
}
#relation .howto .downFlowSection .downFlow h3 {
	padding: 0 0 6px;
	color: #00b458;
}
#relation .howto .downFlowSection .downFlow .flow {
	width: 100%;
}
#relation .howto .downFlowSection .downFlow .flow th,
#relation .howto .downFlowSection .downFlow .flow td {
	padding: 18px;
}
#relation .howto .downFlowSection .downFlow .flow th {
	width: 22%;
	border-top: 3px solid #e6f6ed;
	border-bottom: 3px solid #e6f6ed;
	vertical-align: middle;
	text-align: center;
	font-size: 108%;
	font-weight: bold;
	background-color: #e6f6ed;
}
#relation .howto .downFlowSection .downFlow .flow td {
	padding: 0 18px 18px;
	border-top: 3px solid #e6f6ed;
	border-right: 3px solid #e6f6ed;
	border-bottom: 3px solid #e6f6ed;
}
#relation .howto .downFlowSection .downFlow .flow td p,
#relation .howto .downFlowSection .downFlow .flow td dl {
	padding-top: 18px;
}
#relation .howto .downFlowSection .downFlow .flow td dl dd p {
	padding-top: 0;
}
#relation .howto .downFlowSection .downFlow .flow td p.note{
	padding-top: 0.6em;
}
#relation .howto .downFlowSection .downFlow .flow td .inner{
	position: relative;
}
#relation .howto .downFlowSection .downFlow .flow td .pct{
	position: absolute;
}
#relation .howto .downFlowSection .downFlow .flow01 td .pct{
	right: -6px; bottom: -18px;
}
#relation .howto .downFlowSection .downFlow .flow02 td .pct{
	right: -12px; bottom: -11px;
}
#relation .howto .downFlowSection .downFlow .flow03 td .pct{
	right: -5px; bottom: -18px;
}
#relation .howto .downFlowSection .downFlow .flow04 td .pct{
	right: -6px; bottom: -7px;
}
#relation .howto .downFlowSection .downFlow .flow05 td .pct{
	right: -10px; bottom: -8px;
}
#relation .howto .downFlowSection .downFlow .flow td li{
	padding-left: 26px;
	line-height: 1.8;
}
#relation .howto .downFlowSection .downFlow .flow td li.facebook{
	background: url(../img/relation/icn_howto_facebook.png) no-repeat left center;
}
#relation .howto .downFlowSection .downFlow .flow td li.twitter{
	background: url(../img/relation/icn_howto_twitter.png) no-repeat left center;
}

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

	#relation .howto .downFlowSection .downFlow .flow th {
		padding: 10px;
		font-size: 100%;
	}
	#relation .howto .downFlowSection .downFlow .flow td {
		padding: 0 10px 10px 10px;
	}
	#relation .howto .downFlowSection .downFlow {
		margin: 0 0 10px 0;
		padding-bottom: 28px;
		background: url(../img/common/arw_flow_down.png) no-repeat center bottom;
		-webkit-background-size: 60px;
		background-size: 60px;
	}
	#relation .howto .downFlowSection .downFlow .flow td .pct{
		display: none;
	}
	#relation .howto .downFlowSection .downFlow .flow td li{
		margin-top: 5px;
		padding-left: 16px;
		font-size: 86%;
	}
	#relation .howto .downFlowSection .downFlow .flow td li.facebook{
		background: url(../img/relation/icn_howto_facebook.png) no-repeat left 0.5em;
		-webkit-background-size: 10px;
		background-size: 10px;
	}
	#relation .howto .downFlowSection .downFlow .flow td li.twitter{
		background: url(../img/relation/icn_howto_twitter.png) no-repeat left 0.5em;
		-webkit-background-size: 10px;
		background-size: 10px;
	}

} /* screen and (max-width:640px) */


/* -----------------------------------
	professor
----------------------------------- */

#relation .professor .formLead {
	padding: 1.2em 0 0;
	border-top: 3px solid #efefef;
	background: url(../img/relation/pct_professor01.png) no-repeat 492px 24px;
}
#relation .professor .formLead .catch {
	padding: 1em 0;
	color: #00b458;
	font-size: 193%;
	letter-spacing: 0.1em;
}
#relation .professor .formLead .desc p {
	padding: 0 0 1.2em;
	line-height: 1.7;
}
#relation .professor .basicSection .leadSection {
	margin: 51px 0 13px;
}
#relation .professor .basicSection .leadSection h2,
#relation .professor .downFlowGrySection h2,
#relation .professor .classSection h2 {
	font-size: 134%;
	font-weight: bold;
	letter-spacing: 0.1em;
}
#relation .professor .downFlowGrySection {
	padding: 40px 0;
	border-top: 3px solid #efefef;
}
#relation .professor .downFlowGrySection .desc {
	padding-bottom: 1em;
}
.downFlowGrySection .downFlowGry {
	margin: 11px 0 0;
	padding: 0 0 29px;
	background: url(../img/common/arw_flow_grn_down.png) no-repeat center bottom;
}
.downFlowGrySection .downFlowGry.last {
	padding-bottom: 0;
	background: none;
}
.downFlowGrySection .downFlowGry .flow {
	width: 100%;
}
.downFlowGrySection .downFlowGry th,
.downFlowGrySection .downFlowGry td {
	border-top: 3px solid #ddd;
	border-bottom: 3px solid #ddd;
	border-radius: 3px;
}
.downFlowGrySection .downFlowGry th {
	width: 2em;
	padding: 0.7em 3px 0.7em 0;
	line-height: 1;
	border-left: 3px solid #ddd;
	background: url(../img/common/bdr_3px_ddd_y.png) repeat-y right center;
	font-family: 'Lato', sans-serif;
	font-size: 172%;
	font-weight: normal;
	text-align: center;
}
.downFlowGrySection .downFlowGry td {
	padding: 0.8em 1em;
	border-right: 3px solid #ddd;
}

#relation .professor div.note {
	padding: 20px 22px;
	line-height: 1.5;
	background-color: #f4f4f4;
}

#relation .professor .classSection .classGridList .professorName {
	padding: 12px 0 14px;
	border-top: 3px solid #f2f2f2;
}
#relation .professor .classSection .classGridList .professorName h3 {
	margin: 0 0 0.2em;
}
#relation .professor .classSection .classGridList .professorName a {
	padding-bottom: 0;
	border: none;
	font-size: 108%;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-decoration: underline;
}
#relation .professor .classSection .classGridList .professorName a:hover {
	text-decoration: none;
}
#relation .professor .classSection .classGridList .professorName .desc {
	line-height: 1.4;
	font-size: 79%;
}

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

	#relation .professor .formLead .catch {
		padding: 0.5em 0 1em 0;
		font-size: 134%;
		letter-spacing: 0;
	}
	#relation .professor .downFlowGrySection {
		padding: 20px 0;
		border-top: 3px solid #efefef;
	}
	#relation .professor div.note {
		padding: 15px;
	}
	#relation .professor .classSection .classGridList .professorName {
		padding: 5px 0;
		border-top: none;
	}

} /* screen and (max-width:640px) */



/* ============================================================

	style info : マイページのスタイルを記述

============================================================ */

/* -----------------------------------
	common
----------------------------------- */

#mypage ul.localNav li {
	width: 195px;
}
#mypage ul.localNav li.withdraw {
	width: 140px;
}

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

	#mypage ul.localNav li {
		width: 48%;
	}
	#mypage ul.localNav li.withdraw {
		width: 48%;
	}

} /* screen and (max-width:640px) */



/* -----------------------------------
	classList
----------------------------------- */

#mypage ul.classList li .data .date {
	height: 78px;
	padding-top: 7px;
}
#mypage ul.classList {
	border-bottom: solid 3px #efefef;
}

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

	#mypage ul.classList li .data .date {
		height: auto;
		padding-top: 3px;
	}

} /* screen and (max-width:640px) */



/* -----------------------------------
	delete
----------------------------------- */

#mypage .delete ul.localNav {
	margin-bottom: 40px;
}

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

	#mypage .delete ul.localNav {
		margin-bottom: 10px;
	}

} /* screen and (max-width:640px) */



/* ============================================================

	style info : 姉妹校のスタイルを記述

============================================================ */

#sisters .mapSection {
	position: relative;
	margin-bottom: 40px;
}
#sisters .mapSection .text {
	position: absolute;
	z-index: 120;
}
#sisters .mapSection .map {
	position: relative;
	z-index: 110;
	text-align: right;
}
#sisters .mapSection h2 {
	margin: 10px 0 20px 0;
	font-size: 115%;
}

#sisters .listSection table tr th,
#sisters .listSection table tr td {
	height: auto !important;
	text-align: left;
	vertical-align: top;
	font-size: 86%;
}
#sisters .listSection table tr th {
	width: 113px;
	padding: 0 17px 40px 30px;
}
#sisters .listSection table tr th.first {
	padding-left: 0;
}
#sisters .listSection table tr td {
	padding: 0 0 40px 0;
	width: 225px;
}
#sisters .listSection table tr th img {
	border: solid 1px #ddd;
}
#sisters .listSection h3 {
	margin-bottom: 10px;
}
ul.profLink {
	margin-top: 5px;
}
ul.profLink li {
	padding-left: 26px;
	white-space: nowrap;
}
ul.profLink li.web {
	background: url(../img/common/icn_web.gif) left 4px no-repeat;
}
ul.profLink li.blog {
	background: url(../img/common/icn_blog.gif) left 4px no-repeat;
}
ul.profLink li.twitter {
	background: url(../img/common/icn_twitter.gif) 10px 4px no-repeat;
}
ul.profLink li.facebook {
	background: url(../img/common/icn_facebook.gif) 10px 4px no-repeat;
}

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

	#sisters .mapSection {
		margin-bottom: 20px;
	}
	#sisters .mapSection .text {
		position: relative;
	}
	#sisters .mapSection .text br {
		display: none;
	}
	#sisters .mapSection .text h2 {
		margin: 10px 0 8px 0;
		font-size: 100%;
	}
	#sisters .mapSection .text p {
		font-size: 86%;
	}
	#sisters .mapSection .map {
		margin-top: 15px;
		text-align: left;
	}
	#sisters .mapSection .map img {
		width: 100%;
	}

	#sisters .listSection table,
	#sisters .listSection table tbody,
	#sisters .listSection table tr,
	#sisters .listSection table tr th,
	#sisters .listSection table tr td {
		display: block;
		width: auto;
		padding: 0;
	}
	#sisters .listSection table tr th.empty,
	#sisters .listSection table tr td.empty {
		display: none;
	}
	#sisters .listSection table {
		overflow: hidden;
		position: relative;
		margin: -5px -10px 0 -10px;
	}
	#sisters .listSection table tr th {
		clear: both;
		float: left;
		width: 29%;
		margin: 10px 4% 10px 10px !important;
	}
	#sisters .listSection table tr td {
		padding: 10px;
		border-top: solid 1px #efefef;
	}
	#sisters .listSection table tr:first-child th:first-child + td {
		border-top: none;
	}
	#sisters .listSection table tr td ul.profLink {
		overflow: hidden;
	}

} /* screen and (max-width:640px) */



/* ============================================================

	style info : 寄付・サポート画面のスタイルを記述

============================================================ */

/* -----------------------------------
	index
----------------------------------- */

#co-support .index .leadSection{
/* 	margin: 40px 0 36px; */
}
#co-support .index .section {
	border-top: 3px solid #efefef;
	padding: 38px 0;
}
#co-support .index .section h2 {
	margin: 0 0 1em;
	font-size: 158%;
	color: #00b458;
	font-weight: bold;
	letter-spacing: 0.1em;
}

#co-support #message h2 {
	padding-left: 50px;
	background: url(../img/co-support/pct_index_message.png) no-repeat left center;
}
#co-support #message .pic {
	float: left;
	width: 261px;
}
#co-support #message .txt {
	float: right;
	width: 454px;
}
#co-support #message .txt h3 {
	font-size: 129%;
}
#co-support #message .txt p {
	margin-top: 1em;
}
#co-support #message .txt p.signature {
	padding-top: 1em;
}
#co-support #message .txt p.signature img {
	position: relative;
	margin: -0.8em 0 0 1em;
}

#co-support #background h2 {
	padding-left: 64px;
	background: url(../img/co-support/pct_index_background.png) no-repeat left center;
}
#co-support #background .txt {
	line-height: 1.7;
}
#co-support #background .pic {
	margin: 2.5em 0;
	text-align: center;
}

#co-support #class h2 {
	padding-left: 66px;
	background: url(../img/co-support/pct_index_class.png) no-repeat left center;
}
#co-support #class .classCaseList li {
	border-top: 1px solid #efefef;
	padding: 24px 0 21px;
}
#co-support #class .classCaseList li.top {
	border-top: none;
}
#co-support #class .classCaseList li .pic {
	float: left;
	width: 220px;
}
#co-support #class .classCaseList li .txt {
	float: right;
	width: 493px;
}
#co-support #class .classCaseList li h3 {
	margin: 0.4em 0 1em;
	font-size: 158%;
}
#co-support #class .classCaseList li .basicList li {
	border-top: none;
	padding: 0;
	margin-bottom: 0.4em;
	line-height: 1.7;
}
#co-support #class .classCaseList li .desc {
	line-height: 1.5;
	font-size: 86%;
}

#co-support #support h2 {
	padding-left: 65px;
	background: url(../img/co-support/pct_index_support.png) no-repeat left center;
	margin: 0 0 1.5em;
}
#co-support #support .localNav{
	margin-bottom: 30px;
	border-left: none;
}
#co-support #support .localNav li{
	width: auto;
	border-right: none;
}
#co-support #support .localNav li a{
	padding-left: 21px;
	margin-right: 44px;
	background: url(../img/common/arw_basic_grn03_b.png) no-repeat left center;
	font-size: 108%;
	color: #444 !important;
}
#co-support #support .subSection {
	border-top: 1px solid #efefef;
	padding: 30px 0;
}
#co-support #support .subSection h3 {
	margin-bottom: 1em;
	font-size: 129%;
}
#co-support #support .subSection .basicList li {
	margin-bottom: 0;
}
#co-support #support .subSection dl {
	margin-top: 2em;
}
#co-support #support .subSection dl.lineup {
	margin-top: 1em;
}
#co-support #support .subSection dl.lineup dt {
	margin-bottom: 10px;
	font-weight: normal;
}
#co-support #support .subSection dl.lineup dd ul li {
	list-style: disc outside;
	margin-left: 1.5em;
}

#co-support #support .subSection .noteArea dl {
	padding: 18px 20px;
	background-color: #f2f2f2;
}
#co-support #support .subSection .noteArea dl.left {
	float: left;
	width: 320px;
}
#co-support #support .subSection .noteArea dl.right {
	float: right;
	width: 320px;
}
#co-support #support .subSection .noteArea dl dt {
	margin-bottom: 0.3em;
	color: #00b458;
}
#co-support #support .subSection .noteArea dl dd .desc {
	font-size: 86%;
}
#co-support #support .subSection .noteArea dl dd .payee {
	margin-top: 1em;
}
#co-support #support .subSection .noteArea dl dd .payee p {
	display: inline-block;
	margin-right: 2.5em;
	font-size: 86%;
}
	.ieOld #co-support #support .subSection .noteArea dl dd .payee p {
		display: inline;
		zoom: 1;
	}
#co-support #support .subSection .noteArea .basicList li {
	margin-bottom: 0.3em;
}
#co-support #support .subSection .jpayment{
	display: inline-block;
	margin-left: 0.5em;
}
	.ieOld #co-support #support .subSection .jpayment{
		display: inline;
		zoom: 1;
	}
#co-support #support .subSection .jpayment input.text{
	border: solid 1px #ccc;
	background: #fff;
	padding: 5px;
	margin-right: 5px;
	width: 150px;
}
#co-support #support .subSection .jpayment .button{
	margin-left: 1em;
}
#co-support #support #constant .jpayment{
	display: block;
	margin: 0.2em 0 0;
	text-align: right;
}
#co-support #support #constant .jpayment select{
	display: inline-block;
}
#co-support #support #constant .jpayment input{
	margin-left: 0.6em;
}
#co-support #support #constant .jpayment .note{
	margin: 0.2em 0 0;
	text-align: right;
}
#co-support #support .subSection .more {
	margin-top: 1em;
}
#co-support #books {
	margin-bottom: 0;
}

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

	#co-support .index .section {
		padding: 20px 0;
	}
	#co-support .index .section h2 {
		font-size: 134%;
	}
	#co-support #message h2 {
		padding-left: 30px;
		-webkit-background-size: 20px;
		background-size: 20px;
	}
	#co-support #message .txt h3 {
		font-size: 117%;
	}
	#co-support #message .pic {
		float: none;
		width: auto;
		text-align: center;
		margin: 0 30% 20px 30%;
	}
	#co-support #message .txt {
		float: none;
		width: auto;
	}
	#co-support #message .txt p.signature {
		text-align: right;
	}
	#co-support #message .txt p.signature img {
		width: 100px;
		vertical-align: bottom;
		margin: 0 5px 0 10px;
	}

	#co-support #background h2 {
		padding-left: 45px;
		-webkit-background-size: 40px;
		background-size: 40px;
	}
	#co-support #background .pic {
		overflow: hidden;
		margin: 2em 0;
	}
	#co-support #background .pic01 img {
		width: 80%;
	}
	#co-support #background .pic02 img {
		position: relative;
		left: 10px;
	}

	#co-support #class h2 {
		padding-left: 55px;
		-webkit-background-size: 45px;
		background-size: 45px;
	}
	#co-support #class .classCaseList li {
		padding: 15px 0;
	}
	#co-support #class .classCaseList li.top {
		padding-top: 0;
	}
	#co-support #class .classCaseList li .pic {
		float: none;
		width: auto;
		text-align: center;
	}
	#co-support #class .classCaseList li .pic img {
		width: 70%;
	}
	#co-support #class .classCaseList li .txt {
		float: none;
		width: auto;
	}
	#co-support #class .classCaseList li h3 {
		margin: 1em 0 0.5em 0;
		font-size: 109%;
	}
	#co-support #class .classCaseList li .desc {
		margin-top: 5px;
	}

	#co-support #support h2 {
		margin: -10px 0 10px 0;
		padding: 5px 0 10px 55px;
		background: url(../img/co-support/pct_index_support.png) no-repeat left center;
		-webkit-background-size: 50px;
		background-size: 50px;
	}
	#co-support #support .localNav {
		margin-bottom: 0;
	}
	#co-support #support .localNav li{
		width: auto;
		float: none;
		margin: 0 0 5px 0;
	}
	#co-support #support .localNav li a{
		margin-right: 0;
		background: url(../img/common/sp/arw_basic_grn_b.png) no-repeat 10px center;
		-webkit-background-size: 10px;
		background-size: 10px;
		font-size: 80%;
	}
	#co-support #support .subSection {
		padding: 20px 0;
	}
	#co-support #support .subSection h3 {
		font-size: 129%;
	}
	#co-support #support .subSection .noteArea dl {
		margin: 10px 0;
		padding: 15px;
		height: auto !important;
	}
	#co-support #support .subSection .noteArea dl.left {
		float: none;
		width: auto;
	}
	#co-support #support .subSection .noteArea dl.right {
		float: none;
		width: auto;
	}
	#co-support #support .subSection .jpayment input.text{
		width: 110px;
	}
	#co-support #support .subSection .jpayment {
		display: block;
		margin: 5px 0 10px 0;
	}
	#co-support #support .subSection .noteArea dl dd .payee p {
		display: block;
		margin: 10px 0 0 0;
	}
	#co-support #support .subSection .more {
		margin-top: 1em;
	}
	#co-support #support #constant {
		border-top: none;
	}
	#co-support #support #books {
		margin-bottom: 0;
	}

} /* screen and (max-width:640px) */





/* ============================================================

	style info : マップ画面のスタイルを記述

============================================================ */

#map .leadSection h1 {
	float: none;
}
#map .leadSection h1 span {
	margin-left: 20px;
	font-size: 36%;
}

#map .mapSection {
	padding-top: 30px;
	border-top: solid 3px #efefef;
}
#map .mapSection .inner {
	padding: 20px 29px 29px 29px;
	border: solid 1px #cacaca;
}
#map .mapSection dl {
	margin-bottom: 12px;
}
#map .mapSection dl dt,
#map .mapSection dl dd {
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	color: #222;
}
	.ieOld #map .mapSection dl dt,
	.ieOld #map .mapSection dl dd {
		display: inline;
		zoom: 1;
	}

#map .mapSection dl dd {
	margin: 0 15px 0 7px;
}

#map .mapSection ul {
	margin-bottom: 12px;
}
#map .mapSection ul li {
	display: inline-block;
	margin-right: 15px;
	color: #222;
	font-weight: bold;
	vertical-align: middle;
}
#map .mapSection ul li a {
	text-decoration: none;
	padding: 4px 0 3px 23px;
	background: url(../img/common/icn_map_check.png) 0 center no-repeat;
}
	.ieOld #map .mapSection ul li {
		display: inline;
		zoom: 1;
	}

#map .mapSection ul li.classroom a {
	background-position: -200px center;
}
#map .mapSection ul li.classroom a.off {
	background-position: 0 center;
}
#map .mapSection ul li.shop a {
	background-position: -600px center;
}
#map .mapSection ul li.shop a.off {
	background-position: -400px center;
}

#map .mapSection ul li a.off {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

#shibuyaMap {
	width: 680px;
	height: 680px;
}
#shibuyaMap .mapContents {
	padding: 5px 0;
	width: 240px;
	line-height: 1.5;
}
#shibuyaMap .mapContents a {
	text-decoration: none;
}
#shibuyaMap .mapContents .pic {
	float: left;
	margin-right: 10px;
}
#shibuyaMap .mapContents .text {
	overflow: hidden;
}
#shibuyaMap .mapContents h2 {
	font-size: 93%;
}
#shibuyaMap .classroomInfo h2 {
	margin-bottom: 5px;
	color: #00b458;
}
#shibuyaMap .shopInfo h2 {
	margin-bottom: 10px;
	color: #f51880;
}
#shibuyaMap .mapContents h3 {
	margin-bottom: 5px;
	color: #e30827;
	font-size: 79%;
}
#shibuyaMap .mapContents p.desc {
	font-size: 86%;
}
#shibuyaMap .mapContents p.address {
	margin-top: 10px;
	font-size: 72%;
}


#map .shopSection,
#map .classroomSection {
	margin-top: 30px;
	padding-top: 20px;
	border-top: solid 3px #efefef;
}

#map .shopSection .arwLink a,
#map .classroomSection .arwLink a {
	font-size: 100%;
	color: #00b458 !important;
	background-position: left center;
}

#map .classroomSection .classroomList li .pic {
	line-height: 158px;
}
#map .classroomSection .classroomList li .pic img {
	width: 100%;
	vertical-align: middle;
}

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

	#map .leadSection h1 span {
		display: block;
		margin: 5px 0 0 0;
		font-size: 12px;
	}
	#map .mapSection {
		padding-top: 5px;
		border-top: none;
	}
	#map .mapSection .inner {
		padding: 10px;
	}
	#map .mapSection ul li img {
		width: auto;
	}
	#shibuyaMap {
		width: 100%;
		height: 300px;
	}
	#shibuyaMap .mapContents {
		width: 200px;
	}
	#shibuyaMap .mapContents .pic {
		width: 30%;
	}
	#shibuyaMap .mapContents .pic img {
		width: 100%;
	}

	#map .shopSection,
	#map .classroomSection {
		margin-top: 20px;
		padding-top: 10px;
	}
	#map .shopSection h2 {
		margin-bottom: 0;
	}
	#map .shopSection p.arwLink {
		margin-top: 10px;
	}
	#map .classroomSection {
		overflow: hidden;
		margin-bottom: 10px;
	}

} /* screen and (max-width:640px) */



/* ============================================================

	style info : フッタメニュー系画面のスタイルを記述

============================================================ */

/* -----------------------------------
	guide
----------------------------------- */

#guide table tr td {
	padding: 0 10px 10px 0;
	text-align: left;
	vertical-align: top;
}
#guide table tr td p {
	margin: 3px 0 0 0;
	font-size: 86%;
}

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

	#guide table,
	#guide table tbody,
	#guide table tr,
	#guide table td {
		display: block;
	}
	#guide table td img {
		width: auto;
	}

} /* screen and (max-width:640px) */



/* -----------------------------------
	sitemap
----------------------------------- */

#sitemap .sitemapSection {
	border-top: 3px solid #efefef;
}
#sitemap .sitemapSection h2 {
	font-size: 115%;
	padding: 26px 0 6px;
}
#sitemap .sitemapSection h2.top {
	padding: 24px 0 6px;
}
#sitemap .sitemapSection h2 a {
	padding-left: 20px;
	background: url(../img/common/arw_basic_grn03_r.png) 0 0.2em no-repeat;
	text-decoration: none;
}
#sitemap .sitemapSection .colL {
	float: left;
	width: 350px;
}
#sitemap .sitemapSection .colR {
	float: right;
	width: 370px;
}
#sitemap .sitemapSection .colR h2{
	padding: 8px 0 6px;
}
#sitemap .sitemapSection .colR .category {
	padding: 18px 20px 0 0;
}
#sitemap .sitemapSection ul {
	padding-left: 20px;
}
#sitemap .sitemapSection ul li {
	font-size: 86%;
}

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

	#sitemap .sitemapSection {
		padding-left: 20px;
		margin-bottom: 20px;
	}
	#sitemap .sitemapSection h2 {
		font-size: 100%;
		padding: 1em 0 0.5em 0;
	}
	#sitemap .sitemapSection h2.top {
		padding: 1em 0 0.5em 0;
	}
	#sitemap .sitemapSection .colL {
		float: none;
		width: auto;
	}
	#sitemap .sitemapSection .colR {
		float: none;
		width: auto;
	}
	#sitemap .sitemapSection .colR .category {
		padding: 0;
		margin: 1em 0;
	}

} /* screen and (max-width:640px) */


/* -----------------------------------
	reportSection ＊2015bunkasai用だが汎用性があるためcommon
----------------------------------- */

ul.reportGridList {
	position: relative;
	margin-right: -30px;
}
ul.reportGridList li {
	position: relative;
	display: inline;
	float: left;
	width: 355px;
	margin: 0 30px 40px 0;
	line-height: 1.2;
}
ul.reportGridList li .itemInner {
	position: relative;
	border: solid 2px #dfdfdf;
}
ul.reportGridList li a {
	text-decoration: none;
}
ul.reportGridList li p.badge {
	position: absolute;
	left: 276px;
	top: -15px;
	z-index: 200;
	width: 71px;
	height: 71px;
	background: url(../img/common/bg_badge.png) 0 0 no-repeat;
	color: #fff;
	text-align: center;
}
ul.reportGridList li .badgeInner {
	display: block;
	margin-top: 21px;
	font-weight: bold;
}
ul.reportGridList li .pic {
	position: relative;
	z-index: 100;
	margin: -2px -2px 0;
}
ul.reportGridList li .picInner {
	overflow: hidden;
	height: 200px;
}
ul.reportGridList li.small .picInner {
	box-sizing: border-box;
	border: 2px solid #dfdfdf;
	background-color: #fff;
	text-align: center;
}
ul.reportGridList li .pic img {
	width: 100%;
}
ul.reportGridList li.small .pic img {
	width: auto;
	height: 100%;
	margin: 0 auto;
}
ul.reportGridList li .title {
	padding-top: 8px;
}
ul.reportGridList li h3 {
	padding: 6px 22px 0;
	font-size: 157%;
	line-height: 1.4;
	text-align: left;
}
ul.reportGridList li p.classTitle {
	padding: 6px 22px 14px;
	font-size: 107%;
	line-height: 1.4;
	font-weight: bold;
}
ul.reportGridList li p.desc {
	padding: 14px 22px 22px;
	background-color: #f2f2f2;
	color: #b4b4b4;
	font-size: 93%;
	line-height: 1.7;
	color: #000;
}
@media screen and (max-width: 640px) {
	ul.reportGridList {
		margin: 0;
	}
	ul.reportGridList li {
		width: 100%;
		margin: 0 0 30px;
	}
}


/* ============================================================

	style info : 英語版のスタイルを記述

============================================================ */

/* -----------------------------------
	common
----------------------------------- */

#english .index .ftLeft { float: left; }
#english .index .ftRight { float: right; }
#english .index .mb10 { margin-bottom: 10px!important; }
#english .index .mb15 { margin-bottom: 15px!important; }
#english .index .mt20 { margin-top: 20px!important; }
#english .index .mt30 { margin-top: 30px!important; }

/* -----------------------------------
	index
----------------------------------- */

#english .index .contentsArea {
	width: 100%;
	position: relative;
	font-size: 86%;
}
#english .index .pageNavi {
	clear: both;
	text-align: right;
}

#english .index .pamph{
	position: relative;
	margin-bottom: 7em;
}
#english .index #pamph01 .inner{
	width: 740px;
	height:460px;
	background-image:url(../img/english/pamph01.gif);
	background-repeat:no-repeat;
	text-align:center;
}
#english .index #pamph01 p{
	padding: 260px 0 0 24px;
}

#english .index #pamph02 .lead{
	float:left;
	padding-bottom: 10px;
}
#english .index .pamph02R{
	float:right;
	width:300px;
	padding-bottom: 10px;
}

#english .index .pamph02L{
	float:left;
	width:340px;
	padding-bottom: 10px;
}

#english .index #pamph03 .pamph0R{
	position: absolute;
	top: 0;
	right: 0;
	width: 311px;
	height: 185px;
	background: url(../img/english/pamph_map.gif) no-repeat right top;
}

#english .index .pamph0L{
	float:left;
	margin-bottom: 10px;
	padding-bottom: 10px;
/* 	margin-left: 10px; */
}

#english .index #pamph04 .pamph0R{
	position: absolute;
	top: 0;
	right: 0;
	width: 311px;
}
#english .index #pamph04 .pamph0R p.pict{
	width: 324px;
	height: 255px;
	background: url(../img/english/pamph04_1pict.gif) no-repeat right top;
}
#english .index #pamph04 .pamph0R p.text{
	width: 323px;
	height: 145px;
	background: url(../img/english/pamph04_2ex.gif) no-repeat right top;
}

#english .index #pamph05{
	background-position:right center;
	background-image:url(../img/english/pamph05pict.gif);
	background-repeat:no-repeat;
}
#english .index #pamph06{
	background-position:right center;
	background-image:url(../img/english/pamph06pict.gif);
	width: 740px;
	height:366px;
	background-repeat:no-repeat;
}
#english .index #pamph07{
	text-align: center;
}
#english .index #pamph09 .ftRight{
	text-align: center;
}
#english .index #pamph10 .inner{
	padding-bottom: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
	margin-top: 13px;
}
#english .index .contactSection {
	margin-bottom: 7em;
	font-size: 129%;
}
#english .index .contactSection .name {
	font-family: 'Lato', sans-serif;
}



/* ============================================================

	style info : 404ページのスタイルを記述

============================================================ */

.fullWidthSection {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
	width: 100%;
	padding: 55px 5%;
	margin-bottom: 57px;
	border: 5px solid #efefef;
}
#notFound .fullWidthSection {
	text-align: center;
}
#notFound .fullWidthSection .inner{
	padding-bottom: 120px;
	background: url(../img/notfound/pct_404.png) no-repeat center bottom;
}
#notFound h1 {
	margin-bottom: 0.6em;
	line-height: 1;
	font-size: 286%;
	font-family: 'Lato', sans-serif;
	color: #00b458;
	text-align: center;
}
#notFound p {
	font-size: 93%;
	line-height: 1.9;
}
#notFound .txt {
	margin-bottom: 2.2em;
	line-height: 1;
}
#notFound #extra {
	display: none;
}