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

/* -----------------------------------------------
reset
----------------------------------------------- */

/*
 html5doctor.com Reset Stylesheet v1.6.1
 Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com http://html5doctor.com/html-5-reset-stylesheet/ Twitter: @rich_clark
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}nav ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}
li {
	list-style: none;
}

img {
	vertical-align:bottom;
}

/* -----------------------------------------------
font setting
----------------------------------------------- */

body {
	font-size: 87.5%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-font-smoothing: subpixel-antialiased;
}
#wrapper {
	font-size: 48.27%;
}
#container {
	font-size: 88%;
}

@media screen and (max-width:788px) {
#container {
	font-size: 14px;
}
}
@media screen and (max-width:660px) {
#container {
	font-size: 12.5px;
}
}

.f9 {
	font-size: 64.28%;
}
.f10 {
	font-size: 71.43%;
}
.f11 {
	font-size: 78.57%;
}
.f12 {
	font-size: 85.71%;
}
.f13 {
	font-size: 92.85%;
}
.f15 {
	font-size: 107.14%;
}
.f16 {
	font-size: 114.28%;
}
.f17 {
	font-size: 121.42%;
}
.f18 {
	font-size: 128.57%;
}
.f19 {
	font-size: 135.71%;
}
.f20 {
	font-size: 142.85%;
}
.f21 {
	font-size: 150%;
}
.f22 {
	font-size: 157.14%;
}

/* 行間設定 */
body {
	line-height: 1.428;
}

/* 文字色設定 */

body {
	color: #4B4848;
}
.red {
	color: #E50011;
}
.green {
	color: #21AB38;
}


/*----------------------------------------------------
	form setting
----------------------------------------------------*/

input, textarea {
	vertical-align: middle;
}

input,
textarea {
	line-height: 1.4;
	vertical-align: middle;
}
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="number"],
input[type="date"] {
	height:1.2em;
	line-height:1.2;
}
input[type="checkbox"],
input[type="radio"] {
	vertical-align: -0.05em;
}

input[type="checkbox"] {
	vertical-align: top;
}


/*----------------------------------------------------
	リンク設定
----------------------------------------------------*/

a {
	color: #007ae9;
	cursor:pointer;
	text-decoration: none;
}
a:link {
}
a:visited {
}
a:hover {
}
a:focus {
}
a:active {
}

.text a {color:#4B4848; text-decoration:underline;}
.text a:hover {text-decoration:none;}


/* -----------------------------------------------
ヘッダー部分
----------------------------------------------- */

header {
}
#headerArea {
	margin: 0 auto;
	padding: 0 50px;
	position: relative;
	max-width: 924px;
}
#headerArea #ksLogo {
	margin: 1.73% 0 1.73% 0;
	float: left;
	width: 24.5%;
}
#headerArea #ksLogo img {
}

#headerArea ul {
}

#headerArea ul li {
	margin-top: 1.1%;
	margin-left: 1.4%;
	float: right;
	width: 6.8%;
}
#headerArea ul li.tgLogo {
	float: right;
	width: 22.17%;
	margin-left: 3.4%;
	padding-top:2.5%;
}

#headerArea ul li.tgLogo .iconOnly {
	display: none;
}
#headerArea ul li.tgLogo .text {
	display: inline-block;
	width: 100%;
}
#headerArea ul li.registMM {
	margin-right: 0.8%;
	float: right;
	width: 20.1%;
}
#headerArea ul li.registMM a {
	width: 100%;
}
#headerArea ul li.registMM .iconOnly {
	display: none;
}
#headerArea ul li.registMM .text {
	display: inline-block;
	width: 100%;
}
#globalNavi {
	background: url(../images/bg_header.gif) top left repeat;
}
#globalNavi .gNaviInner {
	display: none;
}
#globalNavi ul {
	margin: 0 auto;
	padding: 0 50px;
	max-width: 924px;
}
#globalNavi ul li {
	margin: 9px 1.9% 10px 0;
	border-bottom: 3px transparent solid;
	float: left;
	text-align: center;
	font-size: 128.57%;
	/*font-weight: bold;*/
}
#globalNavi ul li a {
	padding-top: 15px;
	padding-bottom: 7px;
	display: block;
	color: #fff;
}
#globalNavi ul li.gnavi01 {
	margin-right: 2.8%;
	width: 3.125%;
}
#globalNavi ul li.gnavi01 a {
	padding-top: 12px;
	line-height: 0;
	font-size: 0;
}
#globalNavi ul li.gnavi02 {
	width: 11.15%;
}
#globalNavi ul li.gnavi03 {
	width: 11.15%;
}
#globalNavi ul li.gnavi04 {
	width: 14.5%;
}
#globalNavi ul li.gnavi05 {
	width: 12.8%;
}
#globalNavi ul li.gnavi06 {
	width: 9%;
}
#globalNavi ul li.gnavi07 {
	width: 5.5%;
}
#globalNavi ul li.gnavi08 {
	margin-right: 0;
	width: 18%;
}
#globalNavi ul li:hover,
#globalNavi ul li.current {
	border-bottom: 3px #fff solid;
	background: url(../images/icon_here.png) top center no-repeat;
}

/*
#globalNavi ul li {
	margin: 1.17% 1.9% 0.879% 0;
	padding-top: 1.66%;
	padding-bottom: 0.3%;
	border-bottom: 3px transparent solid;
	float: left;
	text-align: center;
	font-size: 128.57%;
	font-weight: bold;
}
#globalNavi ul li.gnavi01 {
	margin-right: 2.8%;
	padding-top: 1.17%;
	width: 3.125%;
}
#globalNavi ul li a {
	display: block;
	color: #fff;
}
*/

@media screen and (max-width:788px) {
#headerArea {
	padding: 0 25px;
	max-width: 718px;
}
#headerArea #ksLogo {
	width: 31.4%;
}
#headerArea ul li {
	width: 8.1%;
	margin-left: 1.2%;
}

#headerArea ul li.tgLogo {
	float: right;
	width: 12.2%;
	margin-left: 1.2%;
	padding-top:2%;
}

#headerArea ul li.tgLogo .iconOnly {
	display: inline-block;
	width: 100%;
}
#headerArea ul li.tgLogo .text {
	display: none;
}

#headerArea ul li.registMM {
	width: 23.6%;
	margin-right: 1.2%;
}
#globalNavi ul {
	margin: 0 auto;
	padding: 0;
	max-width: 100%;
}
#globalNavi ul li {
	margin: 9px 0 10px 0;
	padding: 0;
	border-bottom: none;
	float: left;
	text-align: left;
	font-size: 128.57%;
	/*font-weight: bold;*/
	white-space: nowrap;
}
#globalNavi ul li:hover,
#globalNavi ul li.current {
	border-bottom: none;
	background: none;
}
#globalNavi ul li a {
	padding-top: 15px;
	border-bottom: 3px transparent solid;
	display: inline-block;
	color: #fff;
}
#globalNavi ul li a:hover,
#globalNavi ul li.current a {
	border-bottom: 3px #fff solid;
	background: url(../images/icon_here.png) top center no-repeat;
}
#globalNavi ul li.gnavi01,
#globalNavi ul li.gnavi02,
#globalNavi ul li.gnavi03,
#globalNavi ul li.gnavi04 {
	margin-bottom: 0;
}
#globalNavi ul li.gnavi01 a,
#globalNavi ul li.gnavi02 a,
#globalNavi ul li.gnavi03 a,
#globalNavi ul li.gnavi04 a {
	margin-bottom: 10px;
}
#globalNavi ul li.gnavi01 {
	margin-right: 0;
	padding: 0 12% 0 6.75%;
	border-bottom: 1px #bcdff1 solid;
	width: 3.5%;
}
#globalNavi ul li.gnavi01 a {
	padding-top: 16px;
	font-size: 18px;
	line-height: 25px;
}
#globalNavi ul li.gnavi01 a img {
	vertical-align: top;
}
#globalNavi ul li.gnavi02 {
	padding-right: 12%;
	border-bottom: 1px #bcdff1 solid;
	width: 14%;
}
#globalNavi ul li.gnavi03 {
	padding-right: 12%;
	border-bottom: 1px #bcdff1 solid;
	width: 14%;
}
#globalNavi ul li.gnavi04 {
	padding: 0 6.75% 0 0;
	border-bottom: 1px #bcdff1 solid;
	width: 19%;
	text-align:right;
}
#globalNavi ul li.gnavi05 {
	margin-bottom: 0;
	padding: 0 8.83% 0 6.75%;
	width: 16.5%;
}
#globalNavi ul li.gnavi06 {
	margin-bottom: 0;
	padding-right: 8.83%;
	width: 12%;
}
#globalNavi ul li.gnavi07 {
	margin-bottom: 0;
	padding-right: 8.83%;
	width: 7.5%;
}
#globalNavi ul li.gnavi08 {
	margin-bottom: 0;
	padding: 0 0 0 0;
	width: 24%;
	text-align:right;
}
}

@media screen and (max-width:660px) {
header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
}
#headerArea {
	padding: 0 20px;
	max-width: 600px;
	background-color: #fff;
}
#headerArea #ksLogo {
	margin: 2.4% 0 2.4% 0;
	width: 39%;
}
#headerArea ul li {
	margin-top: 2.4%;
	margin-left: 1.5%;
	width: 8.3%;
}

#headerArea ul li.tgLogo {
	float: right;
	width: 16.5%;
	margin-left: 2%;
	padding-top:1%;
}

#headerArea ul li.tgLogo .iconOnly {
	display: inline-block;
	width: 100%;
}
#headerArea ul li.tgLogo .text {
	display: none;
}

#headerArea ul li.registMM {
	margin-top: 2.4%;
	width: 9.7%;
	margin-right: 0%;
}
#headerArea ul li.registMM {
	margin-right: 0;
}
#headerArea ul li.registMM .iconOnly {
	display: block;
	width: 100%;
}
#headerArea ul li.registMM .text {
	display: none;
}
#globalNavi {
	clear: both;
	height: 50px;
	background: none;
}
#globalNavi ul {
	display: none;
}
#globalNavi .gNaviInner {
	display: block;
}
#globalNavi .gNaviInner ul {
	display: block;
}
#globalNavi .shadeContents {
	background: url(../images/bg_gnavi_sp.png) top left repeat;
}
#globalNavi .shadeBtn {
	height: 40px;
	background: url(../images/bg_header.gif) top left repeat;
	cursor: pointer;
}
#globalNavi .shadeBtn {
	width: 100%;
	line-height: 40px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
#globalNavi .shadeBtn span {
	margin-left: 15px;
	display: inline-block;
	width: 4.375%;
}
#globalNavi .shadeBtn span img {
	vertical-align: middle;
}
#globalNavi .shadeBtn .close {
	display: inline-block;
}
#globalNavi .shadeBtnon .close {
	display: none;
}
#globalNavi .shadeBtn .open {
	display: none;
}
#globalNavi .shadeBtnon .open {
	display: inline-block;
}
#globalNavi ul {
	margin: 0 auto;
	padding: 0;
	max-width: 100%;
	height: 320px !important;
}
#globalNavi ul li {
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: 1px #bcdff1 solid;
	float: none !important;
	width: 100% !important;
	height: 39px !important;
	text-align: left;
	font-size: 124%;
	/*font-weight: bold;*/
	white-space: nowrap;
	background:none;
}
#globalNavi ul li:hover,
#globalNavi ul li.current {
	border-bottom: 1px #bcdff1 solid;
	background:none;
}
#globalNavi ul li a {
	padding: 0 0 0 13%;
	border-bottom: none;
	width: 87%;
	height: 39px !important;
	color: #fff;
	text-align: left;
}
#globalNavi ul li a:hover,
#globalNavi ul li.current a {
	border-bottom: none;
	background: none;
}
#globalNavi ul li a span {
	margin: 4px 0 0 0;
	padding: 6px 0 3px 0;
	display: inline-block;
	border-bottom: 2px transparent solid;
}
#globalNavi ul li.gnavi01 a span {
	padding-top: 9px;
	padding-bottom: 3px;
	width: 21px !important;
	height: 18px !important;
}
#globalNavi ul li.gnavi01 a span img {
}
#globalNavi ul li a:hover span,
#globalNavi ul li.current a span {
	display: inline-block;
	border-bottom: 2px #fff solid;
	background: url(../images/icon_here.png) top center no-repeat;
}
#globalNavi ul li.gnavi01 a {
	padding-top: 0;
	font-size: 100%;
}
#globalNavi ul li.gnavi01 a,
#globalNavi ul li.gnavi02 a,
#globalNavi ul li.gnavi03 a,
#globalNavi ul li.gnavi04 a {
	margin-bottom: 0;
}
}
@media screen and (max-width:340px) {
#headerArea {
}
}


/* -----------------------------------------------
フッター部分
----------------------------------------------- */

footer {
}
#footerRegist {
	margin: 0 auto;
	border-top: 2px #C9CACA solid;
	text-align: center;
}
#footerRegist a {
	padding: 85px 50px;
	display: block;
	color: #4B4848;
	font-size: 35px;
	letter-spacing: 0.35em;
}

#footerRegist a.footerPhoto {
	padding: 85px 50px;
	display: block;
	color: #4B4848;
	font-size: 35px;
	letter-spacing: 0em;
}
.arrow {
	color: #B5B5B6;
}
#footerRegist a:hover,
#footerRegist a:hover .arrow {
	color: #fff;
	background-color: #6ec3ee;
}
#footerNaviWrapper {
	border-top: 2px #C9CACA solid;
}
#footerNavi {
	margin: 0 auto;
	padding: 0 50px;
	max-width: 924px;
}
#footerNavi dl {
	margin: 3.42% 0 6.35% 4.3%;
	float: left;
	width: 21.77%;
}
#footerNavi dl:first-child {
	margin-left: 0;
}
#footerNavi dl dt {
	margin-bottom: 8%;
	border-bottom: 2px #7ECEF4 solid;
	font-size: 128.57%;
	font-weight: bold;
	color:#00A0E9;
}
#footerNavi dl dd a {
	color: #4B4848;
	text-decoration: underline;
}
#footerNavi dl dd a:hover {
	text-decoration: none;
}
#footerNavi dl dd .mailto {
	display: block;
	color: #00A0E9;
	word-break: break-all;
}
#footerInfoWrapper {
	border-top: 2px #C9CACA solid;
}
#footerInfo {
	margin: 0 auto;
	padding: 0 50px;
	max-width: 924px;
}
#footerInfo ul {
	margin-top: 1.95%;
	margin-bottom: 1.46%;
	width: 100%;
}
#footerInfo ul li {
	float: left;
}
#footerInfo ul li.logo01 {
	margin: 0 6.64% 0 8.6%;
	width: 17.18%;
}
#footerInfo ul li.logo02 {
	width: 19.72%;
}
#footerInfo ul li.logo03 {
	margin: 0 7.81% 0 7.03%;
	width: 6.05%;
}
#footerInfo ul li.logo04 {
	width: 18.36%;
}
#footerInfo .footerSNS {
}
#footerInfo .btnPagetop {
	display: none;
}
#footerInfo .footerSNS .copyright {
	margin-left: 14.16%;
	float: left;
	width: 35.15%;
	font-size: 92.85%;
}
#footerInfo .footerSNS .snsButtons {
	float: right;
	width: 50%;
	text-align: right;
}
#footerInfo .footerSNS .sns01 {
	display: inline-block;
}
#footerInfo .footerSNS .sns02 {
	display: inline-block;
}
#footerInfo .footerSNS .sns03 {
	display: inline-block;
}

@media screen and (max-width:788px) {
#footerRegist a {
	/*padding: 40px 80px;*/
	padding: 40px 0px;
	letter-spacing: 0.4em;
}
#footerNavi {
	padding: 0 15px;
	max-width: 738px;
}
#footerInfo {
	padding: 0 15px;
	max-width: 738px;
}
#footerInfo ul li.logo01 {
	margin: 0 2.7% 0 0;
	width: 23.7%;
}
#footerInfo ul li.logo02 {
	margin-right: 4.4%;
	width: 27.1%;
}
#footerInfo ul li.logo03 {
	margin: 0 3.4% 0 0;
	width: 8.4%;
}
#footerInfo ul li.logo04 {
	width: 25.47%;
}
#footerInfo .footerSNS .copyright {
	margin-left: 1.35%;
	width: 49.5%;
}
#footerInfo .footerSNS .snsButtons {
	width: 45%;
}
#footerInfo .footerSNS .sns01,
#footerInfo .footerSNS .sns02,
#footerInfo .footerSNS .sns03 {
	width: auto;
}
}
@media screen and (max-width:660px) {
footer {
	border-bottom: 25px #6ec3ee solid;
}
#footerRegist a {
	padding: 20px;
	font-size: 148%;
	/*font-size: 35px;*/
}

#footerRegist a.footerPhoto {
	padding: 20px;
	font-size: 148%;
	letter-spacing: 0.1em;
}
#footerNavi {
	padding: 6.25% 20px 1% 20px;
	max-width: 600px;
}
#footerNavi dl {
	margin: 0 0 2.5% 0;
	float: none;
	width: 100%;
}
#footerNavi dl:first-child {
	margin-left: 0;
}
#footerNavi dl dt {
	margin-bottom: 2%;
	padding: 1.5% 0;
	border-top: 2px #7ECEF4 solid;
	border-bottom: 2px #7ECEF4 solid;
	font-size: 116%;
}
#footerNavi dl dd a {
	color: #4B4848;
	text-decoration: underline;
}
#footerNavi dl dd a:hover {
	text-decoration: none;
}
#footerNavi dl dd .mailto {
	display: block;
	color: #00A0E9;
	word-break: break-all;
}
#footerNavi dl:first-child dd {
	width: 48%;
}
#footerInfo {
	padding: 0;
	max-width: 640px;
}
#footerInfo ul {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 20px;
	width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
#footerInfo ul li {
	margin: 0;
	border-bottom: 2px #C9CACA solid;
	float: none;
	width: 100% !important;
	text-align: center;
}
#footerInfo ul li.logo01 {
	margin: 0;
}
#footerInfo ul li.logo01 img {
	width: 46.7%;
}
#footerInfo ul li.logo02 {
	margin: 0;
}
#footerInfo ul li.logo02 img {
	width: 53.3%;
}
#footerInfo ul li.logo03 {
	margin: 0;
	padding: 2% 0;
}
#footerInfo ul li.logo03 img {
	width: 15.3%;
}
#footerInfo ul li.logo04 {
	margin: 0;
	padding: 2% 0;
}
#footerInfo ul li.logo04 img {
	width: 49.3%;
}
#footerInfo .footerSNS {
	padding-top: 12px;
}
#footerInfo .btnPagetop {
	margin: 0 auto;
	display: block;
	max-width: 640px;
}
#footerInfo .btnPagetop a {
	margin: 0 auto 4.2% auto;
	display: block;
	width: 5.625%;
	line-height: 0;
}
#footerInfo .footerSNS .copyright {
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	border-top: 2px #7ECEF4 solid;
	clear: both;
	float: none;
	width: 100%;
	font-size: 82.96%;
}
#footerInfo .footerSNS .snsButtons {
	float: none;
	/*width: 100%;*/
	text-align: left;
	padding-left:20px;
}
#footerInfo .footerSNS {
	text-align: left;
}
#footerInfo .footerSNS .sns01 {
	margin-bottom: 10px;
	width: 70px;
}
#footerInfo .footerSNS .sns02 {
	margin-bottom: 10px;
	width: 100px;
}
#footerInfo .footerSNS .sns03 {
	margin-bottom: 10px;
	width: 110px;
}
}


/* -----------------------------------------------
コンテンツ部レイアウト
----------------------------------------------- */

#contentsWrapper {
}
#contents {
	margin: 0 auto;
	padding: 0;
	padding-bottom: 40px;
	max-width: 1197px;
	min-height:450px;
}
#contentsArea {
	float: left;
	width: 65.2%;
}
#sideNavi {
	margin-top: 43px;
	position: relative;
	float: right;
	width: 30.6%;
}
#sideNaviInner {
	top:0px;
}
.singleColumn #contentsWrapper {
}
.singleColumn #contents {
	padding: 0;
	width: 100%;
	max-width: 100%;
}
.singleColumn #contentsArea {
	margin-top: 0;
	float: none;
	width: 100%;
}

@media screen and (min-width:1024px) {
#sideNaviInner {
	width:100%;
}
}
@media screen and (max-width:788px) {
#contentsWrapper {
}
#contents {
	margin: 0 auto;
	padding: 0;
	padding-bottom: 40px;
	max-width: 718px;
}
.follow {
	margin-right: 25px !important;
}
}
@media screen and (max-width:660px) {
#contentsWrapper {
	margin-top: 0;
	padding-top: 0;
}
#contents {
	padding-top: 50px !important;
	padding: 0;
	max-width: 600px;
}
#contentsArea {
	margin-top: 0;
	float: right;
	width: 100%;
	height: auto !important;
}
#sideNavi {
	margin-top: 0;
	float: left;
	width: 100%;
	height: auto !important;
}
#sideNaviInner {
	position: static !important;
}
.follow {
	margin-right: 0 !important;
}
}
@media screen and (max-width:340px) {
#contentsWrapper {
}
}


/* -----------------------------------------------
サイドエリア
----------------------------------------------- */

.btnSidePgetop {
	/*margin-top: 17.7%;
	width: 7%;*/
	margin-top: 50px;
	width:20px;
}

.sideBox dl {
	max-width: 281px;
}
.sideBox dl dt {
	margin-bottom: 4.5%;
	border-bottom: 2px #7ECEF4 solid;
	max-width: 281px;
	/*height: 38px;*/
	font-size: 18px;
	font-weight: bold;
	padding-bottom:13px;
}

.sideBox dl dt span.green {
	font-size: 18px;
}
.sideBox dl dd {
	font-size: 14px;
	line-height:20px;
}
.sideBox dl dd.leadText {
	margin-bottom: 4.5%;
	font-size: 22px;
	line-height:29px;
	font-weight: bold;
	color:#00A0E9;
}
.sideBox dl dd a {
	color: #00A0E9;
}
.sideBox dl dd span{
	font-size: 13px;
	line-height:20px;
	/*color:#fe2d2b;*/
	margin-top:20px;
	/*display:block;*/
}

.sideBox ul{
	margin-top:20px;
}
.sideBox ul li {
	font-size: 140%;
	font-weight: bold;
	color:#0fa5ea;
}

@media screen and (max-width:788px) {
.sideBox dl dd {
	font-size: 14px;
	line-height:20px;
}
.sideBox dl dd.leadText {
	font-size: 22px;
}
.sideBox ul li {
	font-size: 164.85%;
}
}
@media screen and (max-width:660px) {
.btnSidePgetop {
	display: none;
}
.sideBox {
	margin-bottom: 6.5%;
}
.sideBox dl {
	width: 100%;
	max-width: 100%;
}
.sideBox dl dt {
	margin-bottom: 1.8%;
	padding-bottom: 1.5%;
	width: 100%;
	max-width: 100%;
	height: auto;
	font-size: 18px;
}
.sideBox dl dd {
	font-size: 14px;
	line-height:20px;
}
.sideBox dl dd.leadText {
	margin-bottom: 2.5%;
	font-size: 22px;
}
.sideBox ul li {
	margin-bottom: 2.5%;
	font-size: 136%;
}
}


/* -----------------------------------------------
共通モジュール
----------------------------------------------- */

/* 画像オーバーレイ */

.overlayButton .image > img {
	display: block;
}
.overlayButton .image .overlay {
	display: block;
	position: absolute;
	top: 0;
	left:0;
}
overlayButton .image .see-more {
	display: block;
	position: absolute;
	top: 0;
	left:0;
}
.overlayButton .image > .overlay {
	background: url(../images/bg_overlay.png) repeat center center;
	display: none;
	width: 100%;
	height: 100%;
}
.overlayButton .image .see-more {
	cursor: pointer;
	color: #FFF;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)"; 
	position: relative;
	text-align: center;
	top: 25px;
	z-index: 3;
	font-size: 357.1%;
}
.overlayButton .image {
	display: block;
	overflow: hidden;
	position: relative;
}
.overlayButton .image .see-more {
	position: absolute;
	top: 0; left:0;
	text-align: center;
	display: block;
	width: 100%;
	height: 100%;
}
.overlayButton .image .see-more span {
	display: table;
	width: 100%;
	height: 100%;
}
.overlayButton .image .see-more span span {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}


/* もっと見るボタン */

.showMore {
	margin: 0 auto;
	max-width: 668px;
	text-align: center;
}
.showMore a {
	padding: 1.5% 6%;
	border: 2px #C9CACA solid;
	border-radius: 6px;
	display: inline-block;
	color: #4B4848;
	background-color: #f7f8f8;
	font-weight: bold;
	box-shadow: 1px 1px 3px #e2e2e2;
	-moz-box-shadow: 1px 1px 3px #e2e2e2;
	-webkit-box-shadow: 1px 1px 3px #e2e2e2;
}
.showMore a:hover {
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
}
@media screen and (max-width:660px) {
.showMore a {
	padding: 3.5% 6%;
	width: 38%;
	font-size: 112%;
}
}


/* -----------------------------------------------
トップページ
----------------------------------------------- */

/* トップレイアウト */

#topPage #contentsWrapper {
	max-width: 100%;
	width: auto !important;
}
#topPage #contents {
	margin: 0 auto;
	padding: 0;
	max-width: 100%;
	width: auto !important;
}
#topPage #contentsArea {
	margin-top: 0;
	float: none;
	width: auto;
}


/* メインリード */

#topLeadWrapper {
	border-bottom: 2px #C9CACA solid;
}
#topLead {
	margin: 45px auto 0 auto;
	padding: 0 50px;
	padding-bottom: 43px;
	max-width: 924px;
}

#topLead .leadImg {
	float: left;
	width: 73.9%;
}
#topLead .leadText {
	border-left: 2px #7ECEF4 solid;
	float: right;
	width: 21.8%;
}
#topLead .leadText dl {
}
#topLead .leadText dl span {
	display: block;
}
#topLead .leadText dl dt {
	padding-left: 4.7%;
	font-weight: bold;
}
#topLead .leadText dl dt .label {
	padding-bottom: 3%;
	color: #E50011;
	font-size: 18px;
	line-height:23px;
}

#topLead .leadText dl dt .labelGreen {
	padding-bottom: 3%;
	color: #21AB38;
	font-size: 18px;
	line-height:23px;
}
#topLead .leadText dl dt .title {
	padding-bottom: 8.4%;
	line-height: 29px;
	color: #00A0E9;
	/*font-size: 177.4%;*/
	font-size: 22px;
}
#topLead .leadText dl dd {
	padding: 8.4% 0 8.4% 4.7%;
	border-top: 2px #7ECEF4 solid;
	line-height: 24px;
	font-size:14px;
}
#topLead .leadText dl dd .readMore {
	font-size: 14px;
	display:inline;
}

#topLead .leadText dl dd .readMore a {
	color:#4B4848;
	text-decoration:underline;
}

#topLead .leadText dl dd .readMore a:hover {
	color:#4B4848;
	text-decoration:none;
}

#topLead .leadText dl dd .readMore span {
	display:inline;
}
#topLead .leadText dl dd .label {
	line-height: 23px;
	/*font-size: 142.8%;*/
	font-size: 18px;
	font-weight: bold;
}
#topLead .leadText dl dd .date {
	line-height: 23px;
	color: #00A0E9;
	/*font-size: 171.4%;*/
	font-size: 18px;
	font-weight: bold;
}
@media screen and (max-width:788px) {
#topLead {
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 0 16px;
	max-width: 736px;
}
}
@media screen and (max-width:660px) {
#topLead {
	margin-top: 0;
	padding: 0 20px;
	padding-bottom: 0;
	max-width: 600px;
}
#topLead .leadImg {
	margin-bottom: 6.5%;
	float: none;
	width: 100%;
	height: auto !important;
}
#topLead .leadText {
	border-left: 2px #7ECEF4 solid;
	float: none;
	width: 100%;
	height: auto !important;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
#topLead .leadText dl dt {
	padding-left: 3%;
}
#topLead .leadText dl dt .label {
	padding-bottom: 0;
	color: #E50011;
	font-size: 18px;
}
#topLead .leadText dl dt .labelGreen {
	padding-bottom: 0;
	color: #21AB38;
	font-size: 18px;
}
#topLead .leadText dl dt .title {
	padding-bottom: 5%;
	line-height: 1.4;
	color: #00A0E9;
	font-size: 24px;
}
#topLead .leadText dl dd {
	padding: 4% 3%;
	border-top: 2px #7ECEF4 solid;
	line-height: 24px;
	font-size:14px;
}
#topLead .leadText dl dd:last-child {
	padding-bottom: 0;
}
#topLead .leadText dl dd .label {
	line-height: 1.5;
	font-size: 140%;
	font-weight: bold;
}
#topLead .leadText dl dd .date {
	line-height: 23px;
	color: #00A0E9;
	font-size: 18px;
	font-weight: bold;
}
#topLead .image .see-more {
	font-size: 228.57%;
}
}


/* カルーセル */

#categoryInfoWrapper {
	margin: 0 auto;
	padding: 0 50px;
	max-width: 924px;
}
#categoryInfo {
	margin: 43px auto 23px auto;
	position: relative;
	width: 100%;
}
#categoryInfo .categoryCarousel {
	display: block;
}
#categoryInfo .categoryList {
	display: none;
}
#categoryInfo .categoryCarousel .item {
	padding: 0 13.315% 0 0;
	width: 87.3%;
}
#categoryInfo .categoryCarousel .item .overlayButton .image .see-more {
	font-size: 228.57%;
}
#categoryInfo .categoryCarousel .categoryLabel {
	margin-top: 7.7%;
	padding-top: 5.77%;
	border-top: 2px #7ECEF4 solid;
	width: 100%;
}
#categoryInfo .categoryCarousel .item table {
	width: 100%;
}
#categoryInfo .categoryCarousel .item table th {
	width: 18%;
	font-size: 189.28%;
	font-weight: bold;
	vertical-align: middle;
	color:#00A0E9;
	background:none;
	padding:0 0;
}

#categoryInfo .categoryCarousel .item table td.slash {
	width: 10.25%;
	vertical-align: middle;
	border:none;
	text-align:left;
	padding:0 0;
}
#categoryInfo .categoryCarousel .item table td.text {
	font-size: 13px;
	vertical-align: middle;
	border:none;
	text-align:left;
	padding:0 0;
}
#categoryInfo .owl-controls {
	display: none !important;
}
#categoryInfo a.btn {
	position: absolute;
	top: 24%;
	display: block;
	width: 3.4%;
	z-index: 100;
}
#categoryInfo a.btn img {
	visibility: hidden;
}
#categoryInfo a.btn:hover img {
	visibility: visible;
}
#categoryInfo a.prev {
	left: 6px;
}
#categoryInfo a.next {
	right: 6px;
}
@media screen and (max-width:788px) {
#categoryInfoWrapper {
	margin: 0 auto;
	padding: 0 16px;
	max-width: 736px;
}
#categoryInfo .categoryCarousel .item table th {
	width: 28%;
}
}
@media screen and (max-width:660px) {
#categoryInfoWrapper {
	margin: 0 auto;
	padding: 0 20px;
	max-width: 600px;
}
#categoryInfo {
	margin-top: 25px;
}
#categoryInfo #owl-demo {
	display: none !important;
}
#categoryInfo .categoryCarouse,
#categoryInfo .customNavigation {
	display: none;
}
#categoryInfo .categoryList {
	display: block;
}
#categoryInfo .categoryCarousel .item {
	margin-bottom: 5%;
	padding: 0;
	width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
#categoryInfo .categoryCarousel .categoryLabel {
	margin-top: 3%;
	padding-top: 3.5%;
}
#categoryInfo .categoryCarousel .item table th {
	padding-right: 3%;
	width: 17.5%;
	font-size: 160%;
	border:none !important;
}
#categoryInfo .categoryCarousel .item table td {
}
#categoryInfo .categoryCarousel .item table td.slash {
	width: 5%;
	vertical-align: middle;
}
#categoryInfo .categoryCarousel .item table td.text {
	padding-left: 3%;
	font-size: 13px;
}
}

/* 活動報告 */

#activityReportWrapper {
	border-top: 2px #C9CACA solid;
}
#activityReport {
	margin: 43px auto 54px auto;
	padding: 0 50px;
	max-width: 924px;
}
#activityReport .activityLabel {
	border-left: 2px #7ECEF4 solid;
	float: left;
	width: 21.7%;
}
#activityReport .activityLabel h2 {
	padding: 22.5% 0 22.5% 4.7%;
	font-size: 24px;
	font-weight: bold;
	color:#00A0E9;
}
#activityReport .activityLabel p {
	padding: 20% 0 20% 4.7%;
	border-top: 2px #7ECEF4 solid;
	line-height: 26px;
	font-size:14px;
}
#activityReport .activityLabel .linkList {
	padding: 15.7% 0 15.7% 4.7%;
	border-top: 2px #7ECEF4 solid;
	font-size: 18px;
	font-weight: bold;
}
#activityReport .activityLabel .linkList a {
	color: #4B4848;
}
#activityReport .activityLabel .linkList a:hover {
	text-decoration: underline;
}
#activityReport .activityBox {
	margin-left: 4.3%;
	position: relative;
	float: left;
	width: 21.8%;
}
#activityReport .activityBox:after {
	padding-bottom: 2.8%;
	height: 97.2%;
	position: relative;
}
#activityReport .activityBox:last-child {
	margin-left: 0;
	float: right;
}
#activityReport .activityBox .see-more {
	font-size: 200%;
}
#activityReport .activityBox .activityTitle {
	padding: 9% 0;
	font-size: 18px;
	font-weight: bold;
	color:#00A0E9;
}
#activityReport .activityBox p {
	padding-top: 4%;
	border-top: 2px #7ECEF4 solid;
	font-size:14px;
	line-height:25px;
}
#activityReport .activityBox .readMore {
	/*position: absolute;*/
	bottom: 0;
	left: 0;
	font-size: 14px;
}
#activityReport .activityBox .readMore a {
	color: #4B4848;
	text-decoration: underline;
}
#activityReport .activityBox .readMore a:hover {
	text-decoration: none;
}

@media screen and (max-width:788px) {
#activityReport {
	padding: 0 16px;
	max-width: 736px;
}
}
@media screen and (max-width:660px) {
#activityReport {
	margin: 40px auto 0 auto;
	padding: 0 20px;
	max-width: 600px;
}
#activityReport .activityLabel {
	border-left: none;
	float: none;
	width: 100%;
	height: auto !important;
}
#activityReport .activityLabel h2 {
	padding: 0 0 6.6% 0;
	font-size: 24px;
	font-weight: bold;
}
#activityReport .activityLabel p {
	padding: 3.3% 0;
	border-top: 2px #7ECEF4 solid;
	line-height: 26px;
	font-size:14px;
}
#activityReport .activityLabel .linkList {
	margin-bottom: 5%;
	padding: 5.7% 0;
	border-bottom: 2px #7ECEF4 solid;
	font-size: 18px;
}
#activityReport .activityBox {
	margin-bottom: 6.6%;
	margin-left: 0;
	padding-bottom: 0;
	position: relative;
	float: none;
	width: 100%;
	overflow: hidden;
	height: auto !important;
}
#activityReport .activityBox:last-child {
	float: none;
}
#activityReport .activityBox .see-more {
	font-size: 200%;
}
#activityReport .activityBox .activityImg {
	float: left;
	width: 48.3%;
}
#activityReport .activityBox .activityInfo {
	float: right;
	width: 48.3%;
}
#activityReport .activityBox .activityTitle {
	padding: 0 0 5% 0;
	font-size: 18px;
	font-weight: bold;
}
#activityReport .activityBox p {
	padding-top: 4%;
	border-top: 2px #7ECEF4 solid;
	font-size: 14px;
	line-height:25px;
}
#activityReport .activityBox .readMore {
	margin-top: 5%;
	position: static;
	font-size: 14px;
}
}


/* -----------------------------------------------
schedule
----------------------------------------------- */


/* 一覧ページ */
/*
.scheduleIndex #contentsArea {
	width: 74%;
}
.scheduleIndex #sideNavi {
	width: 21.8%;
}
*/
.scheduleList1st {
	padding-top: 0 !important;
	border-top:none !important;
	
}
.scheduleListTop {
	border-top: 2px #C9CACA solid;
	padding: 3% 0;
}
.scheduleListTop .stImg {
	float: left;
	width: 59%;
}
.scheduleListTop .stImg .see-more {
}
.scheduleListTop .info {
	float: right;
	width: 38%;
}
.scheduleListTop .info dl {
}
.scheduleListTop .info dl span {
	display: block;
}
.scheduleListTop .info dl dt {
	margin-bottom: 5%;
}
.scheduleListTop .info dl dt .label {
	color: #E50011;
	font-size: 18px;
	font-weight: bold;
	line-height:23px;
	padding-bottom:3%;
}
.scheduleListTop .info dl dt .title {
	color: #00A0E9;
	/*font-size: 171.42%;*/
	font-size: 22px;
	font-weight: bold;
	line-height: 29px;
}
.scheduleListTop .info dl dd {
	margin-bottom: 6.5%;
}
.scheduleListTop .info dl dd:last-child {
	margin-bottom: 0;
}
.scheduleListTop .info dl dd .label {
	line-height: 1.4;
	/*font-size: 142.85%;*/
	font-size: 135%;
	font-weight: bold;
}
.scheduleListTop .info dl dd .date {
	line-height: 23px;
	color: #00A0E9;
	/*font-size: 171.42%;*/
	font-size: 18px;
	font-weight: bold;
}
.scheduleListTop .info dl dd .btnDetail {
}
.scheduleListTop .info dl dd .btnDetail a {
	padding: 2% 0 2% 0;
	border-radius: 6px;
	display: block;
	color: #fff;
	background-color: #00A0E9;
	font-size: 142.85%;
	font-weight: bold;
	text-align: center;
}
.scheduleListTop .info dl dd .btnDetail a:hover {
	background-color: #595757;
}
.scheduleListTop .info dl dd .btnDetail a .arrow {
	display: inline;
	color: #fff;
}
.scheduleList {
	border-top: 2px #C9CACA solid;	
}
.scheduleList ul {
}
.scheduleList ul li {
	padding: 3% 0;
	width: 100%;
	overflow: hidden;
}
.scheduleList ul li:last-child {
	border-bottom: none;
}
.scheduleList ul li .slImg {
	float: left;
	width: 29.3%;
}
.scheduleList ul li .slImg .see-more {
	font-size: 170%;
}
.scheduleList ul li .info {
	float: right;
	width: 64.7%;
}
.scheduleList ul li .info .label {
	margin-bottom: 2%;
	font-size: 22px;
	font-weight: bold;
	line-height:29px;
}
.scheduleList ul li .info .title {
	font-size: 22px;
	line-height:29px;
	font-weight:bold;
	color:#00A0E9;
}
.scheduleIndexSide dd a {
	color: #4B4848 !important;
	text-decoration: underline;
}
.scheduleIndexSide dd a:hover {
	text-decoration: none;
}


/* 詳細ページ */

.scheduleLead {
}
.scheduleLead .leadImg {
	margin-bottom: 12%;
}
.scheduleLead h2 {
	margin-bottom: 4.5%;
	padding: 3% 0;
	border-top: 2px #C9CACA solid;
	border-bottom: 2px #C9CACA solid;
	font-size: 142.85%;
}
.scheduleLead p {
	margin-bottom: 4.5%;
	line-height: 1.86;
	font-size:14px;
}
.scheduleLead a {
	color:#4B4848;
}

.schedulePage dl {
	font-size:14px;
}
.schedulePage dl dt {
	margin-bottom: 1%;
	color: #00A0E9;
}
.schedulePage dl dt a {
	color: #00A0E9;
	text-decoration: underline;
}
.schedulePage dl dt a:hover {
	text-decoration: none;
}
.schedulePage dl dd {
	margin-bottom: 4.5%;
	line-height: 1.86;
}
.scheduleGuide {
}
.scheduleGuide h3 {
	margin-bottom: 4.3%;
	padding: 1.5% 0 1.5% 2%;
	color: #fff;
	background-color: #6db9e1;
	font-size: 135.71%;
}

.scheduleGuide h4 {
	color: #00a0e9;
	font-size: 135.71%;
	font-weight:bold;
}

.scheduleGuide p {
	margin-bottom: 4.5%;
	line-height: 1.86;
	font-size:14px;
}
.scheduleGuide .guideLead {
	margin-bottom: 6%;
	padding: 3%;
	border: 2px #78ADD0 solid;
	width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.scheduleGuide .guideLead .text {
	float: left;
	width: 50%;
}
.scheduleGuide .guideLead .text .importantText {
	line-height: 1.74;
	color: #78ADD0;
	font-size: 164.28%;
	font-weight: bold;
}
.scheduleGuide .guideLead .text p {
}
.scheduleGuide .guideLead .image {
	float: right;
	width: 47%;
}
.scheduleGuide .guideLead {
}

.scheduleGuide .subtitle {
	color:#00a0e9;
	font-weight:bold;
	font-size: 157.14%;
	margin-bottom:10px;
}
.scheduleGuide .guideLead .description {
	color:#00a0e9;
	font-weight:bold;
	font-size: 142.85%;
}

.scheduleGuide .teacher {
	
}

.scheduleGuide .teacher .floatL {
	width:30%;
	float: left !important;
}
.scheduleGuide .teacher .floatR {
	width:67%;
	float: right !important;
}

.scheduleGuide .teacher p {
	margin-bottom:0px;
}

.scheduleGuide .teacher p.teacherName {
	font-size: 142.85%;
	font-weight:bold;
}

.scheduleTable {
	margin-bottom: 7.5%;
	width: 100%;
}
.scheduleTable table {
	width: 100%;
}
.scheduleTable table th {
	padding: 3% 0 3% 0;
	border-bottom: 2px #C9CACA solid;
	width: 20%;
	font-size: 157.14%;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	background:none;
	color:#4B4848;
	border-left:none;
	border-top:none;
}
.scheduleTable table td {
	padding: 3% 0 3% 3%;
	border-left: 2px #C9CACA solid;
	border-bottom: 2px #C9CACA solid;
	vertical-align: top;
	text-align:left;
	border-top:none;
	border-right:none;
}
.scheduleTable table tr:first-child th,
.scheduleTable table tr:first-child td {
	padding-top: 3%;
	border-top: 2px #C9CACA solid;
}
.scheduleTable table td .event {
	font-size: 157.14%;
}
.scheduleTable table td p {
}

.scheduleTable2 {
	margin-bottom: 7.5%;
	width: 100%;
}
.scheduleTable2 table {
	width: 100%;
}
.scheduleTable2 table th {
	padding: 3% 0 3% 0;
	border-bottom: 2px #00a0e9 solid;
	width: 20%;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	background:none;
	color:#4B4848;
	border-left:none;
	border-top:none;
	font-size: 124.28%;
}
.scheduleTable2 table td {
	padding: 3% 0 3% 3%;
	border-left: 2px #00a0e9 solid;
	border-bottom: 2px #00a0e9 solid;
	vertical-align: top;
	text-align:left;
	border-top:none;
	border-right:none;
	font-size: 124.28%;
}
.scheduleTable2 table tr:first-child th,
.scheduleTable2 table tr:first-child td {
	padding-top: 3%;
	border-top: 2px #00a0e9 solid;
}

.scheduleTable2 table tr.blue {
	background:#e9f5fc;
}
.schedulePage .cautionBox {
	margin-bottom: 4.5%;
	padding: 7% 7.5% 2% 7.5%;
	border: 2px #e60012 solid;
	font-weight: bold;
}
.schedulePage .cautionBox p {
	margin-bottom: 6%;
}
.schedulePage .cautionBox .payment {
	margin-bottom: 2.5%;
	padding: 8%;
	background-color: #fbe6ef;
}
.schedulePage .cautionBox .payment .label {
	margin-bottom: 4.5%;
	font-size: 153.5%;
	text-align:center;
}
.schedulePage .cautionBox .payment p {
	margin-bottom: 0;
	font-size: 142.85%;
	line-height: 220%;
}
.schedulePage .textBox {
	margin-bottom: 4.5%;
}
.schedulePage .notice {
	margin-bottom: 4.5%;
	padding: 3% 2%;
	border: 2px #C9CACA solid;
	font-size: 121.42%;
}
.schedulePage .btnJoin {
	margin-top: 9.7%;
}
.schedulePage .btnJoin a {
	padding: 2% 0 1% 0;
	border: 1px #9FA0A0 solid;
	border-radius: 6px;
	display: block;
	color: #231815;
	background-color: #FFF100;
	font-size: 185.71%;
	font-weight: bold;
	text-align: center;
	/*text-shadow: 2px 2px 1px #fff;*/
}
.scheduleDetailSide {
	border-left: 2px #7ECEF4 solid;
	width: 100%;
	max-width: 281px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	font-size:14px;
}
.scheduleDetailSide dl {
}
.scheduleDetailSide dl span {
	display: block;
}
.scheduleDetailSide dl dt {
	padding-left: 4.7%;
	font-weight: bold;
}
.scheduleDetailSide dl dt .label {
	padding-bottom: 3%;
	color: #E50011;
	font-size: 18px;
	line-height:23px;
}
.scheduleDetailSide dl dt .title {
	padding-bottom: 8.4%;
	line-height: 29px;
	color: #00A0E9;
	/*font-size: 164.3%;*/
	font-size: 22px;
}
.scheduleDetailSide dl dd {
	padding: 8.4% 0 8.4% 4.7%;
	border-top: 2px #7ECEF4 solid;
	line-height: 1.86;
}
.scheduleDetailSide dl dd.btnJoin img {
}
.scheduleDetailSide dl dd.btnJoin a {
	padding: 2% 0 1% 0;
	border: 1px #9FA0A0 solid;
	border-radius: 6px;
	display: block;
	color: #231815;
	background-color: #FFF100;
	font-size: 185.71%;
	font-weight: bold;
	text-align: center;
	/*text-shadow: 2px 2px 1px #fff;*/
}

.scheduleDetailSide dl dd.btnJoin span {
	padding: 2% 0 2% 0;
	border: 1px #9FA0A0 solid;
	border-radius: 6px;
	display: block;
	color: #ffffff;
	background-color: #fe0000;
	font-size: 185.71%;
	font-weight: bold;
	text-align: center;
}

.scheduleDetailSide dl dd .label {
	line-height: 1.5;
	/*font-size: 142.8%;*/
	font-size: 135%;
	font-weight: bold;
}
.scheduleDetailSide dl dd .date {
	line-height: 23px;
	color: #00A0E9;
	/*font-size: 171.4%;*/
	font-size: 18px;
	font-weight: bold;
}

.detail_table_01 {
	padding: 0 !important;
	margin: 0 !important;
}

.detail_table_01 th {
	padding: 0 !important;
	margin: 0 !important;
	font-weight: normal !important;
	border: none !important;
	text-align: left !important;
	width: 2%;
	line-height: 180%;
	background:none;
	color:#4B4848;
	font-size:14px;
	vertical-align: top;
}
.detail_table_01 td {
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	text-align: left !important;
	line-height: 180%;
	font-size:14px;
}
.event_textbox_01 {
	border: 1px solid #4C4948;
}
.event_textbox_01 p {
	width: 94%;
	margin: 0 auto;
	padding: 2.3% 0;
	font-size: 17px;
	line-height: 32px;
	color: #4C4948;
}
.event_textbox_02 {
	border: 4px solid #E60012;
	margin: 3% 0 6% 0;
	padding: 3% 0;
}
.event_textbox_02 p {
	width: 94%;
	padding: 0;
	margin: 0 auto;
	font-size: 17px;
	line-height: 28px;
	color: #E60012;
}
.event_textbox_02 p.title {
	text-align: center;
	text-decoration: underline;
	font-size: 22px;
	padding: 0 0 15px 0;
}


.event_textbox_03 {
	border: 2px solid #E60012;
	margin: 3% 0 3% 0;
	padding: 3% 0;
}

.event_textbox_03 p {
	width: 94%;
	padding: 10px 15px;
	margin: 0 auto;
	font-size: 17px;
	line-height: 28px;
	color: #e50011;
}

.detail_dl_01 {
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
	font-size: 107.14% !important;
}

.detail_dl_01 dt {
	text-decoration: none !important;
	float: left !important;
	width: 2% !important;
	padding: 0 !important;
	margin: 0 !important;
	clear: both !important;
	color: #4b4848 !important;
	font-weight: normal !important;
	font-size: 107.14% !important;
	line-height: 150% !important;
}
.detail_dl_01 dd {
	width: 96% !important;
	margin: 0 0 0 3% !important;
	font-weight: normal !important;
	padding: 0 !important;
	line-height: 150% !important;
	font-size: 107.14% !important;
}

.schedulePage .cautionBox p.f18 {
	line-height: 180%;
}

@media screen and (max-width:788px) {
/*
.scheduleIndexSide dl dt {
	font-size: 128.57%;
}
*/
.scheduleListTop .info dl dt .label {
	font-size: 18px;
}
.scheduleListTop .info dl dt .title {
	font-size: 22px;
	line-height: 29px;
}
.scheduleListTop .info dl dd .label {
	font-size: 100%;
}
.scheduleListTop .info dl dd .date {
	font-size: 18px;
}
.scheduleListTop .info dl dd .btnDetail a {
	font-size: 100%;
}
.scheduleListTop .stImg .see-more {
	font-size: 225%;
}
.scheduleList ul li .slImg .see-more {
	font-size: 120%;
}
.scheduleList ul li .info .label {
	font-size: 22px;
	line-height:29px;
	font-weight:bold;
}
.scheduleList ul li .info .title {
	font-size: 22px;
	line-height:29px;
	font-weight:bold;
}
.scheduleList ul li .info .title a {
	font-size: 22px;
}
.scheduleLead .leadImg {
	margin-bottom: 10%;
}

.scheduleGuide .guideLead .image {
	margin: 0 auto;
	float: none;
	width: 70%;
}
.scheduleGuide .guideLead .text {
	margin: 0 auto 3% auto;
	float: none;
	width: 70%;
}
.scheduleTable table th,
.scheduleTable table td .event {
	font-size: 112%;
}
.scheduleTable table td p {
	font-size: 71.42%;
}
.schedulePage .cautionBox .f18 {
	font-size: 92.5%;
}
.schedulePage .cautionBox .f22 {
	font-size: 113%;
}
.schedulePage .cautionBox .payment .label {
	font-size: 110%;
}
.schedulePage .cautionBox .payment p {
	font-size: 100%;
}
.schedulePage .cautionBox .normal {
	font-size: 71.42%;
}
.scheduleDetailSide dl dt .title {
	font-size: 150%;
}
}
@media screen and (max-width:660px) {
/*
.scheduleIndex #contentsArea {
	width: 100%;
}
.scheduleIndex #sideNavi {
	width: 100%;
}
*/
.scheduleListTop .stImg {
	float: none;
	width: 100%;
}
.scheduleListTop .info {
	float: none;
	width: 100%;
}
.scheduleListTop .info dl dt {
	margin-bottom: 2%;
}
.scheduleListTop .info dl dt .label {
	font-size: 18px;
}
.scheduleListTop .info dl dt .title {
	font-size: 22px;
	line-height: 29px;
}
.scheduleListTop .info dl dd {
	margin-bottom: 3.5%;
}

.scheduleListTop .info dl dd:last-child {
	margin-bottom: 3.5%;
}

.scheduleListTop .info dl dd .label {
	font-size: 22px;
	line-height:29px;
}
.scheduleListTop .info dl dd .date {
	font-size: 18px;
	line-height:23px;
	font-weight:bold;
}
.scheduleListTop .info dl dd .btnDetail {
	font-size: 22px;
	line-height:29px;
	font-weight:bold;
}
.scheduleListTop .info dl dd .btnDetail a {
	font-size: 22px;
}
.scheduleList {
}
.scheduleList ul {
	margin-top: 10px;
}
.scheduleList ul li {
	padding: 0 0 3% 0;
	/*border-top: 2px #C9CACA solid;*/
	width: 100%;
	overflow: hidden;
}
.scheduleList ul li:last-child {
	border-bottom: none;
}
.scheduleList ul li .slImg {
	margin-top: 2%;
	float: none;
	width: 100%;
}
.scheduleList ul li .slImg .see-more {
	font-size: 170%;
}
.scheduleList ul li .info {
	float: none;
	width: 100%;
}
.scheduleList ul li .info .label {
	margin-bottom: 1%;
	font-size: 128%;
}
.scheduleList ul li .info .title {
	font-size:22px;
	line-height:29px;
	font-weight:bold;
}
.scheduleList ul li .info .title a {
	font-size: 22px;
}
.scheduleIndexSide {
	margin-bottom: 3.5%;
}
.scheduleLead .leadImg {
	margin-bottom: 5%;
}
.scheduleLead h2 {
	margin-bottom: 3.5%;
	padding: 2% 0;
	font-size: 100%;
}
.scheduleLead p {
	margin-bottom: 3%;
}
.scheduleGuide h3 {
	padding: 1.5% 0 1% 2%;
	font-size: 95%;
}
.scheduleGuide p {
	margin-bottom: 3%;
}
.scheduleGuide .guideLead {
	margin-bottom: 4.3%;
}
.scheduleGuide .guideLead .image {
	margin: 0 auto;
	float: none;
	width: 70%;
}
.scheduleGuide .guideLead .text {
	margin: 0 auto 3% auto;
	float: none;
	width: 70%;
}
.scheduleGuide .guideLead .text .importantText {
	font-size: 115%;
}
.scheduleTable table th,
.scheduleTable table td .event,
.scheduleTable table td p {
	font-size: 80%;
}
.schedulePage .cautionBox p {
	margin-bottom: 3%;
}
.schedulePage .btnJoin {
	/*display: none;*/
	margin-bottom:20px;
}
.scheduleDetailSide {
	margin-bottom: 6.5%;
	width: 100%;
	max-width: 100%;
}
.scheduleDetailSide dl dt {
	padding-left: 0;
	font-weight: bold;
}
.scheduleDetailSide dl dt .label {
	padding-left: 4%;
	padding-bottom: 1.5%;
	border-bottom: 2px #7ECEF4 solid;
	color: #E50011;
	font-size: 142.8%;
}
.scheduleDetailSide dl dt .title {
	padding: 1.5% 0 1.5% 4%;
	font-size: 168%;
}
.scheduleDetailSide dl dd {
	padding: 2% 0 2% 4%;
	border-top: 2px #7ECEF4 solid;
	line-height: 1.86;
}
.scheduleDetailSide dl dd.btnJoin {
	padding: 3.5% 0 3.5% 4%;
}
.scheduleDetailSide dl dd.btnJoin a {
	padding: 0.7% 0 0.4% 0;
	font-size: 104%;
}
.scheduleDetailSide dl dd .label {
	font-size: 140%;
}
.scheduleDetailSide dl dd .date {
	font-size: 18px;
}
}

.schedulePoint {
	font-size:17px;
	color:#e50011;
	background:#fffcda;
	border:solid 2px #eeef98;
	padding:20px 15px;
	margin-bottom:30px;
}

.f17fwb {
	font-size:20px !important;
	font-weight:bold;
}
/* -----------------------------------------------
activity
----------------------------------------------- */

.activityList {
}
.activityList ul {
}
.activityList ul li {
	margin-bottom: 6%;
	margin-right: 0%;
	/*float: left;*/
	width: 100%;
	padding-bottom: 6%;
	border-bottom: 2px #C9CACA solid;
}


.activityListArea .stImg {
	float: left;
	width: 59%;
}
.activityListArea .stImg .see-more {
}

.activityListArea .overlayButton .image .see-more span span {
	font-size: 100% !important;
}

.activityListArea .info {
	float: right;
	width: 38%;
}
.activityListArea .info dl {
}
.activityListArea .info dl span {
	display: block;
}
.activityListArea .info dl dt {
	margin-bottom: 5%;
}

.activityListArea .info dl dt .new {
	width:53px;
	height:18px;
	margin-bottom: 4%;
}

.activityListArea .info dl dt .label {
	color: #E50011;
	font-size: 18px;
	font-weight: bold;
	line-height:23px;
	padding-bottom:3%;
}
.activityListArea .info dl dt .title {
	color: #00A0E9;
	/*font-size: 171.42%;*/
	/*font-size: 22px;*/
	font-size: 20px;
	font-weight: bold;
	line-height: 29px;
}

.activityListArea .info dl dt .title span {
	font-size: 14px;
	line-height:18px;
}
.activityListArea .info dl dt .title a {
	color: #00A0E9;
}
.activityListArea .info dl dd {
	margin-bottom: 4%;
}
.activityListArea .info dl dd:last-child {
	margin-bottom: 0;
}

.activityListArea .info dl dd:last-child span {
	display: inline;
}

.activityListArea .info dl dd .label {
	line-height: 1.4;
	/*font-size: 142.85%;*/
	font-size: 135%;
	font-weight: bold;
}
.activityListArea .info dl dd .date {
	line-height: 23px;
	color: #00A0E9;
	/*font-size: 171.42%;*/
	font-size: 17px;
	font-weight: bold;
}
.activityListArea .info dl dd .btnDetail {
}
.activityListArea .info dl dd .btnDetail a {
	padding: 2% 0 1% 0;
	border-radius: 6px;
	display: block;
	color: #fff;
	background-color: #00A0E9;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}
.activityListArea .info dl dd .btnDetail a .arrow {
	display: inline;
	color: #fff;
}





.activityList ul li .activityTitle {
	margin-bottom: 6%;
	padding: 6% 0;
	border-bottom: 2px #7ECEF4 solid;
	font-size: 18px;
	font-weight: bold;
}
.activityList ul li p {
	/*margin-bottom: 2%;*/
	width: 100%;
	line-height: 18px;
	font-size:13px;
}
.activityList ul li .readMore a {
	color: #4B4848;
	text-decoration: underline;
	line-height: 22px;
	font-size:14px;
}
.activityList ul li .readMore a:hover{
	text-decoration: none;
}
.archiveLink ul {
	margin-top: 8%;
	display: none;
}
.archiveLink ul li {
	margin-bottom: 0 !important;
	margin-right: 0;
	float: none;
	width: 100%;
	border-bottom:none;
}
.archiveLink ul li a {
	padding: 2% 0;
	border-top: 2px #7ECEF4 solid;
	display: block;
	float: none;
	width: 100%;
	color: #4B4848;
	font-size: 171.42%;
	font-weight: bold;
	text-align: center;
}
.archiveLink ul li a:hover {
	color: #fff;
	background-color: #6ec3ee;
}
.reportBox p {
	margin-bottom: 3.5%;
	font-size:14px;
}
.activityDetailSide {
}
.activityDetailSide dl {
	max-width: 281px;
}
.activityDetailSide dl dt {
	margin-bottom: 6%;
	padding-bottom: 1.5%;
	border-bottom: 2px #7ECEF4 solid;
	width: 100%;
	overflow: hidden;
}
.activityDetailSide dl dt .green {
	display: inline-block;
	float: left;
	font-size: 18px;
	font-weight: bold;
}
.activityDetailSide dl dt a {
	display: inline-block;
	float: right;
	color: #4B4848;
}
.activityDetailSide dl dd.date {
	margin-bottom: 6%;
	font-weight: bold;
	font-size:14px;
}
.activityDetailSide dl dd.title {
	margin-bottom: 2%;
	color: #00A0E9;
	font-size: 22px;
	line-height:29px;
	font-weight: bold;
}

.activityDetailSide dl dd.title span {
	font-size: 14px;
}
.activityDetailSide dl dd.subtitle {
	margin-top: 9%;
	margin-bottom: 9%;
	/*color: #00A0E9;*/
	font-size: 17px;
	font-weight: bold;
}
.activityDetailSide dl dd.pname {
	margin-bottom: 6%;
	font-size: 18px;
	font-weight: bold;
	display:none;
}
.activityDetailSide dl dd.text {
	margin-bottom: 3%;
	line-height: 20px;
	font-size: 14px;
}

.activityDetailSide dd.btnPhoto {
	padding-top:30px;
}

.activityDetailSide dd.btnPhoto a {
	padding: 3% 0 3% 0;
	border: 1px #9FA0A0 solid;
	border-radius: 6px;
	display: block;
	color: #231815;
	background-color: #FFF100;
	font-size: 170.0%;
	font-weight: bold;
	text-align: center;
	color:#4b4848;
	/*text-shadow: 2px 2px 1px #fff;*/
}


@media screen and (max-width:788px) {
.archiveLink ul {
	display: block;
}
.archiveLink ul li {
	padding-bottom:0;
}

.archiveLink ul li a {
	border-top: 2px #C9CACA solid;
}
}
@media screen and (max-width:660px) {
.activityList ul li {
	margin-bottom: 0;
	margin-right: 0;
	float: none;
	width: 100%;
	overflow: hidden;
}

.activityList ul li:last-child {
	margin-bottom: 6%;
}

.activityListArea .stImg {
	float: none;
	width: 100%;
}
.activityListArea .info {
	float: none;
	width: 100%;
}
.activityListArea .info dl dt {
	margin-bottom: 2%;
}
.activityListArea .info dl dt .new {
	width:53px;
	height:18px;
	margin-bottom: 1%;
	display:block;
}

.activityList ul li .activityListArea .info dl dt .new img {
	margin-top: 60%;
	display:block;
}

.activityList ul li:first-child .activityListArea .info dl dt .new img {
	margin-top: 0;
	display:block;
}

.activityListArea .info dl dt .title {
	/*font-size: 22px;*/
	font-size: 20px;
	line-height: 29px;
}
.activityListArea .info dl dd {
	margin-bottom: 3.5%;
}

.activityListArea .info dl dd:last-child {
	margin-bottom: 4%;
}

.activityListArea .info dl dd:last-child span {
	display: inline;
}

.activityListArea .info dl dd .label {
	font-size: 22px;
	line-height:29px;
}
.activityListArea .info dl dd .date {
	font-size: 17px;
	line-height:23px;
	font-weight:bold;
}
.activityListArea .info dl dd .btnDetail {
	font-size: 22px;
	line-height:29px;
	font-weight:bold;
}
.activityListArea .info dl dd .btnDetail a {
	font-size: 22px;
}

.activityList ul li .activityImg {
	float: left;
	width: 48%;
}
.activityList ul li .activityText {
	/*float: right;*/
	width: 100%;
}
.activityList ul li .activityTitle {
	margin-bottom: 3%;
	padding: 5% 0;
	font-size: 18px;
}
.activityList ul li p {
	margin-bottom: 1%;
	width: 100%;
	line-height: 22px;
	font-size: 14px;
}
.activityDetailSide dl {
	max-width: 100%;
}
.activityDetailSide dl dt {
	margin-bottom: 3%;
	padding-bottom: 3%;
}
.activityDetailSide dl dt .green {
	font-size: 18px;
}
.activityDetailSide dl dt a {
	font-size: 88%;
}
.activityDetailSide dl dd.date {
	margin-bottom: 3%;
	font-size:14px;
}
.activityDetailSide dl dd.title {
	margin-bottom: 1%;
	font-size: 22px;
	line-height:29px;
}
.activityDetailSide dl dd.subtitle {
	margin-bottom: 2%;
	font-size: 14px;
}
.activityDetailSide dl dd.pname {
	margin-bottom: 3%;
	font-size: 18px;
	display:none;
}
.activityDetailSide dl dd.text {
	margin-bottom: 3%;
	line-height: 20px;
	font-size: 14px;
}

.archiveLink ul li {
	padding-bottom:0;
}

.archiveLink ul li a {
	border-top: 2px #C9CACA solid;
}

.activityDetailSide dd.btnPhoto {
	padding-top:20px;
	padding-bottom:20px;
}

}


/* -----------------------------------------------
proposer
----------------------------------------------- */

.proposerList {
}
.proposerList ul {
}
.proposerList ul li {
	margin: 0 7% 7.5% 0;
	position: relative;
	float: left;
	width: 46.5%;
}
.proposerList ul li:nth-child(2n) {
	margin-right: 0;
}
.proposerList ul li:nth-child(2n+1) {
	clear: left;
}
.proposerList ul li .photo {
	margin-bottom: 3%;
}
.proposerList ul li .job {
	font-size: 107.14%;
	font-weight: bold;
}
.proposerList ul li .name {
	margin-bottom: 6%;
	border-bottom: 2px #C9CACA solid;
	letter-spacing: 0.2em;
	font-size: 192.85%;
	font-weight: bold;
}
.proposerList ul li p {
	margin-bottom: 4.5%;
	line-height: 22px;
	font-size:14px;
}
.proposerList ul li p a {
	color: #4B4848;
	text-decoration: underline;
}
.proposerList ul li p a:hover {
	text-decoration: none;
}
.proposerList ul li .proposerWeb {
	margin-bottom: 15%;
}
.proposerList ul li .proposerWeb a {
	color: #00A0E9;
	text-decoration: underline;
}
.proposerList ul li .proposerWeb a:hover {
	text-decoration: none;
}
.proposerList ul li:nth-child(3) .proposerWeb,
.proposerList ul li:nth-child(4) .proposerWeb,
.proposerList ul li:nth-child(5) .proposerWeb,
.proposerList ul li:nth-child(6) .proposerWeb {
	margin-bottom: 0;
}
.proposerList ul li .readMssg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.proposerList ul li .readMssg a {
	padding: 1.6% 0;
	border-top: 2px #C9CACA solid;
	border-bottom: 2px #C9CACA solid;
	display: block;
	text-align: center;
	color: #3E3A39;
	font-size: 107.14%;
	font-weight: bold;
}
.proposerList ul li .readMssg a:hover {
	color: #fff;
	background-color: #6ec3ee;
}
.nivo-lightbox-content {
	margin-left: auto;
	margin-right: auto;
	max-width: 598px;
}
.nivo-lightbox-content,  x:-moz-any-link, x:default  { max-width: 599px; }
.mssgBoxWrapper {
	text-align: center;
	position: relative;
	max-width: 582px;
	z-index: 1000;
}
.mssgBox {
	border: 1px #9FA0A0 solid;
	max-width: 580px;
	width: 100%;
	display: inline-block;
	background-color: #fff;
	box-sizing: border-box;
	-web-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.mssgBox .clearfix {
	margin: 8%;
	margin-bottom: 5%;
}
.mssgBox .thumbnailPhoto {
	float: left;
	width: 26%;
}
.mssgBox .thumbnailPhoto img {
	width: 100%;
	height:26%;
}
.mssgBox .info {
	float: right;
	width: 64.5%;
	text-align: left;
}
.mssgBox .jobp {
	font-size: 142.85%;
	font-weight: bold;
}
.mssgBox .namep {
	font-size: 228.57%;
	font-weight: bold;
}
.mssgBox p {
	margin: 8%;
	margin-top: 0;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	line-height:22px;
}


@media screen and (max-width:788px) {
.proposerList ul li .name {
	white-space: nowrap;
	letter-spacing: 0;
}
.proposerList ul li .proposerWeb {
	margin-bottom: 18%;
}

.proposerList ul li .photo {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 50%;
    padding-top: 50%;
}

.proposerList ul li .photo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

}
@media screen and (max-width:660px) {
.proposerList {
	margin: 0 0 7.5% 0;
}
.proposerList ul li {
	margin: 0 0 7.5% 0;
	padding-bottom: 0;
	position: relative;
	float: none;
	width: 100%;
}
.proposerList ul li:nth-child(2n) {
	margin-right: 0;
}
.proposerList ul li:nth-child(2n+1) {
	clear: left;
}
.proposerList ul li .photo {
	margin: 0 auto;
	margin-bottom: 1.5%;
	width: 37.5%;
}

.proposerList ul li .photo {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 37.5%;
    padding-top: 0;
}

.proposerList ul li .photo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
}

.proposerList ul li .job {
	font-size: 96%;
}
.proposerList ul li .name {
	margin-bottom: 2.5%;
	font-size: 152%;
	white-space: nowrap;
	letter-spacing: 0;
}
.proposerList ul li p {
	margin-bottom: 2%;
	line-height: 22px;
	font-size: 14px;
}
.proposerList ul li .proposerWeb {
	margin-bottom: 0;
}
.proposerList ul li .readMssg {
	margin-top: 2%;
	position: static;
	width: 100%;
}
.mssgBox .jobp {
	font-size: 104%;
}
.mssgBox .namep {
	font-size: 120%;
}
.mssgBox p {
	font-size: 14px;
	line-height:22px;
	font-weight: normal;
}
}


/* -----------------------------------------------
photo
----------------------------------------------- */

.photoEventList {
}
.photoEventList h2 {
	margin-bottom: 4.5%;
	padding-bottom: 2.1%;
	border-bottom: 2px #C9CACA solid;
	font-size: 18px;
	line-height:23px;
	font-weight: bold;
	padding-top:2px;
}
.photoEventList ul {
}
.photoEventList ul li {
	margin-bottom: 3.5%;
	padding-bottom: 3.5%;
	border-bottom: 2px #C9CACA solid;
	width: 100%;
	overflow: hidden;
}
.photoEventList ul li:last-child {
	margin-bottom: 6%;
	padding-bottom: 0;
	border-bottom: none;
}
.photoEventList ul li .photoInfo {
	float: left;
	width: 50.5%;
}
.photoEventList ul li .photoInfo .date {
	margin-bottom: 2%;
}
.photoEventList ul li .photoInfo .date .icon {
	margin-right: 6%;
	display: inline-block;
	width: 12.5%;
	vertical-align: top;
}
.photoEventList ul li .photoInfo .date a {
	color: #4B4848;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	line-height:16px;
	display:inline-block;
}

.photoEventList ul li .photoInfo .date a:hover {
	text-decoration: underline;
}

.photoEventList ul li .photoInfo .date .text {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	line-height:13px;
	padding:0;
	margin:0;
}

.photoEventList ul li .photoInfo a {
	color: #4B4848;
	font-size: 18px;
	line-height:23px;
	font-weight: bold;
	text-decoration: none;
	color:#00A0E9;
}
.photoEventList ul li .photoInfo a:hover {
	text-decoration: underline;
}

.photoEventList ul li .photoImg {
	float: right;
	width: 44.5%;
}
.photoEventList ul li .photoImg .see-more {
	font-size: 228.57%;
}
.photoEventList ul li .photoUp {
	margin-top: 2.2%;
	float: left;
	width: 50.5%;
}

.photoEventList ul li .photoUp a {
	padding: 2% 0 2% 0;
	border: 1px #9FA0A0 solid;
	border-radius: 6px;
	display: block;
	color: #4C4948;
	background-color: #FFF100;
	font-size: 114.28%;
	font-weight: bold;
	text-align: center;
	/*text-shadow: 2px 2px 1px #fff;*/
}

@media screen and (max-width:788px) {
.photoEventList h2 {
	padding-top:4px;
}
.photoEventList ul li .photoInfo .date .icon {
	margin-right: 2%;
}
.photoEventList ul li .photoInfo .date a {
	font-size: 13px;
}
.photoEventList ul li .photoInfo a {
	font-size: 18px;
}
.photoEventList ul li .photoUp a {
	padding: 4% 0 3% 0;
	font-size: 82.57%;
}
.photoEventList ul li .photoImg .see-more {
	font-size: 164.28%;
}
.photoEventList ul li .photoImg {
	margin-bottom:5%;
}
}

@media screen and (max-width:660px) {
.photoEventList h2 {
	padding-bottom: 1.5%;
	font-size: 18px;
	line-height:23px;
}
.photoEventList ul li {
}
.photoEventList ul li .photoInfo {
	/*width: 57%;*/
	width:100%;
	margin-bottom:3.5%;
}
.photoEventList ul li .photoInfo .date {
	margin-bottom: 2%;
}
.photoEventList ul li .photoInfo .date .icon {
	margin-right: 3%;
	width: 12%;
}
.photoEventList ul li .photoInfo .date a {
	font-size: 13px;
}
.photoEventList ul li .photoInfo a {
	font-size: 18px;
}
.photoEventList ul li .photoImg {
	/*width: 40%;*/
	width: 100%;
	margin-bottom:0;
}
.photoEventList ul li .photoUp {
	padding-top: 3.5%;
	clear: both;
	float: none;
	width: 100%;
}
.photoEventList ul li .photoUp a {
	padding: 2% 0 2% 0;
	font-size: 120%;
}

.photoEventList ul li .photoImg .see-more {
	font-size: 250%;
}
}


/* detail */

.photoPanelWrapper {
	margin: 0 auto;
	padding: 0 50px;
	max-width: 924px;
}
.photoPanel {
	margin: 1.5% 0;
}
.photoPanel .panelInfo {
	float: left;
	width: 74%;
}
.photoPanel .panelInfo .topicPath {
	margin-bottom: 1.5%;
}
.photoPanel .panelInfo .topicPath p {
	color: #4C4948;
	font-size: 142.85%;
	font-weight: bold;
}
.photoPanel .panelInfo .topicPath p a {
	color: #78ADD0;
}
.photoPanel .panelInfo .topicPath p a:hover {
	text-decoration: underline;
}
.photoPanel .panelInfo .topicPath p span {
}
.photoPanel .panelInfo .topicPath p span a {
	color: #78ADD0;
	text-decoration: underline;
}
.photoPanel .panelInfo .topicPath p span a:hover {
	text-decoration: none;
}
.photoPanel .panelInfo .notice p {
	font-size: 92.85%;
}
.photoPanel .photoUp {
	float: right;
	width: 22.5%;
}
.photoPanel .photoUp a {
	padding: 2% 5% 1% 8%;
	border: 1px #9FA0A0 solid;
	border-radius: 6px;
	display: block;
	color: #4C4948;
	background-color: #FFF100;
	font-size: 142.85%;
	font-weight: bold;
	/*text-shadow: 2px 2px 1px #fff;*/
}
.photoAreaWrapper {
	background-color: #e6e6e7;
}
.photoList {
	margin: 0 auto;
	padding: 1.6% 50px;
	max-width: 924px;
}
.photoList ul {
}
.photoList ul li {
	margin-right: 4%;
	margin-bottom: 4%;
	border: 1px #949595 solid;
	float: left;
	width: 22%;
	overflow: hidden;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	background-color: #fff;
}
.photoList ul li:nth-child(4n) {
	margin-right: 0;
}
.photoList ul li:nth-child(4n+1) {
}
.photoList ul li .contributor {
	margin: 2% 4%;
	font-weight: bold;
}
.photoList ul li .date {
	margin-left: 4%;
	margin-bottom: 2%;
	float: left;
	width: 46%;
	font-weight: bold;
}
.photoList ul li .number {
	margin-right: 4%;
	margin-bottom: 2%;
	float: right;
	width: 46%;
	color: #9FA0A0;
	text-align: right;
	font-weight: bold;
}
.photoList ul li .see-more {
	font-size: 170% !important;
}
.photoBox {
	margin: 0 auto;
	padding: 0 50px 1.6% 50px;
	max-width: 924px;
}

.photoBox .photoArea {
	margin-top:43px;
	float: left;
	width: 74%;
}

.photoBox #sideNavi {
	max-width: 22%;
}

.photoBox #sideNavi #sideNaviInner {
	margin-bottom:600px !important;
}

.photoBox .photoSide {
	padding: 0 0 1.6% 0;
	width:100%;
}

.photoBox .photoSide dl {
	width:100%;
}

.photoBox .photoSide dl dt {
	width:100%;
	border-bottom:solid 2px #C9CACA;
}

.photoBox .photoSide dl dd {
	width:100%;
	font-size:14px;
}

.photoBox .contributorPhoto {
	padding: 1.4% 0 15px 0;
	margin-bottom:20px;
	font-size: 20px;
}
.photoBox .photo {
	margin: 0 auto 2% auto;
	width: 100%;
	max-width: 684px;
	line-height: 0;
}
.photoBox .photo img {
	border: 5px #fff solid;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.photoBox .backList {
	margin: 0 auto 0 auto;
	padding-top:20px;
	/*width: 50%;
	max-width: 504px;*/
}
.photoBox .backList a {
	color: #4B4848;
	font-size: 20px;
	text-decoration: underline;
}
.photoBox .backList a:hover {
	text-decoration: none;
}

@media screen and (min-width: 1024px) {
	.photoBox  #sideNaviInner {
	width: 203px;
	}
}

@media screen and (max-width:788px) {
.photoPanelWrapper {
	padding: 0 25px;
	max-width: 718px;
}
.photoPanel {
	margin-top: 3%;
}
.photoPanel .panelInfo {
	float: left;
	width: 67%;
}
.photoPanel .panelInfo .topicPath {
	margin-bottom: 4%;
}
.photoPanel .photoUp {
	float: right;
	width: 30.5%;
}
.photoList {
	padding: 1.6% 25px;
	max-width: 718px;
}
.photoList ul li {
	margin-right: 4.1%;
	width: 30.6%;
}
.photoList ul li:nth-child(4n) {
	margin-right: 4.1%;
}
.photoList ul li:nth-child(3n) {
	margin-right: 0;
}
.photoBox {
	padding: 0 25px 1.6% 25px;
	max-width: 718px;
}
.photoBox .contributorPhoto {
	padding: 1.4% 0 15px 0;
	margin-bottom:20px;
	font-size: 20px;
}
.photoBox .photo {
	width: 100%;
	max-width: 100%;;
	line-height: 0;
}
.photoBox .backList {
	margin: 4% auto;
	width: 100%;
	max-width: 100%;
}
}
@media screen and (max-width:660px) {
.photoPanelWrapper {
	padding: 0 20px;
	max-width: 600px;
}
.photoPanel {
	margin-top: 0;
	margin-bottom: 5%;
}
.photoPanel .panelInfo {
	float: none;
	width: 100%;
}
.photoPanel .panelInfo .notice {
	margin-bottom: 2%;
	font-size: 104%;
}
.photoPanel .panelInfo .topicPath {
	margin-bottom: 2%;
}
.photoPanel .panelInfo .topicPath p {
	font-size: 128%;
}
.photoPanel .photoUp {
	float: none;
	width: 100%;
}
.photoPanel .photoUp a {
	padding: 2% 0 1% 0;
	font-size: 120%;
	text-align: center;
}
.photoList {
	padding: 5.5% 20px;
	max-width: 600px;
}
.photoList ul li {
	margin-right: 0;
	float: none;
	width: 100%;
}
.photoList ul li:nth-child(4n) {
	margin-right: 0;
}
.photoList ul li .contributor {
	margin: 1.5% 4% 1% 4%;
	font-size: 152%;
}
.photoList ul li .date {
	margin-bottom: 1%;
	font-size: 152%;
}
.photoList ul li .number {
	margin-bottom: 1%;
	font-size: 152%;
}
.photoBox {
	padding: 0 20px 1.6% 20px;
	max-width: 600px;
}

.photoBox #sideNaviInner {
	width:100%;
}

.photoBox #sideNavi {
	width:100% !important;
	float:none;
	padding:20px 0 0 0;
	max-width:100%;
}

.photoBox #sideNavi #sideNaviInner {
	padding-bottom:0;
	margin-bottom:0 !important;
}

.photoBox .photoArea {
	margin-top:20px;
	float: none;
	width: 100%;
}

.photoBox .contributorPhoto {
	padding: 1.4% 0 15px 0;
	margin-bottom:20px;
	font-size: 20px;
}
.photoBox .photo {
	width: 100%;
	max-width: 100%;
	line-height: 0;
}
.photoBox .backList {
	margin: 4% auto;
	width: 100%;
	max-width: 100%;
}
.photoBox .backList a {
	font-size: 20px;
}
}


/* -----------------------------------------------
dl page
----------------------------------------------- */

.dlPage {
}
.dlPage p {
	margin-bottom: 7.5%;
	line-height: 22px;
	font-size:14px;
}
.dlPage dl {
}
.dlPage dl dt {
	padding-top:1px;
	margin-bottom: 4.5%;
	padding-bottom: 14px;
	border-bottom: 2px #C9CACA solid;
	font-size: 18px;
	line-height:23px;
	font-weight: bold;
}
.dlPage dl dd {
	margin-bottom: 9%;
	font-size:14px;
	line-height:22px;
}
.dlPage dl dd a {
	color: #00A0E9;
	text-decoration: underline;
}
.dlPage dl dd a:hover {
	text-decoration: none;
}
@media screen and (max-width:660px) {
.dlPage dl dt {
	margin-bottom: 2%;
	padding-bottom: 1.5%;
	font-size: 18px;
	line-height:23px;
}
.dlPage dl dd {
	margin-bottom: 5%;
}
}


/* -----------------------------------------------
about
----------------------------------------------- */

.aboutLaed {
	margin-bottom: 6.7%;
	padding-bottom: 7.5%;
	border-bottom: 2px #C9CACA solid;
}
.aboutLaed h2 {
	padding-top:1.5%;
	margin-bottom: 4.5%;
	padding-bottom: 14px;
	border-bottom: 2px #C9CACA solid;
	font-size: 18px;
	line-height:23px;
	font-weight: bold;
}
.aboutLaed h3 {
	margin-bottom: 6%;
	line-height: 29px;
	font-size: 22px;
}
.aboutLaed p {
	margin-bottom: 9%;
	line-height: 22px;
	font-size:14px;
}
.aboutLaed .link3Articles {
	color: #fff;
}
.aboutLaed .link3Articles a {
	padding: 3% 0;
	display: block;
	color: #fff;
	background-color: #6ec3ee;
	text-align: center;
	font-size: 164.28%;
	font-weight: bold;
}
.aboutLaed .link3Articles a:hover {
	background-color: #595757;
}
.aboutLaed .link3Articles a .arrow {
	color: #fff;
}
.staffList {
}
.staffList ul {
	padding-bottom: 0.2%;
}
.staffList ul:first-child {
	margin-bottom: 6%;
	border-bottom: 2px #C9CACA solid;
}
.staffList ul li {
	margin-bottom: 6%;
	width: 100%;
	/*margin-bottom: 6.5%;
	margin-right: 5%;
	float: left;
	width: 30%;*/
}
/*.staffList ul li:nth-child(3n) {
	margin-right: 0;
}
.staffList ul li:nth-child(3n+1) {
	clear: left;
}*/
.staffList ul li .photo {
	margin-bottom: 5%;
}
.staffList ul li .post {
	font-size: 128.57%;
	font-weight: bold;
}
.staffList ul li .name {
	font-size: 214.28%;
	font-weight: bold;
}
.staffList ul li .history {
	/*margin-bottom: 8%;*/
	line-height: 22px;
	font-size:14px;
}
.staffList ul li dl {
}
.staffList ul li dl dt {
	font-size: 15px;
	font-weight: bold;
}
.staffList ul li dl dd {
	line-height: 22px;
	font-size:14px;
}
.aboutSide {
	border-left: 2px #7ECEF4 solid;
	width: 100%;
	max-width: 281px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.aboutSide dl {
}
.aboutSide dl dt {
	padding: 3% 0 4.5% 4.7%;
	font-size: 18px;
	line-height:23px;
	font-weight: bold;
}
.aboutSide dl dd {
	border-top: 2px #7ECEF4 solid;
	line-height: 1.86;
}
.aboutSide dl dd.sideLead {
	padding: 9.5% 0 9.5% 4.7%;
	font-size: 22px;
	line-height:29px;
	font-weight: bold;
	color:#00A0E9;
}
.aboutSide dl dd.introYoutube {
	padding: 6.5% 0 0 4.7%;
}
.aboutSide dl dd.introYoutube .label {
	font-size: 18px;
	line-height:23px;
	font-weight: bold;
}
.aboutSide dl dd.introYoutube .btnYoutube {
	display: block;
	line-height: 0.5;
}
.aboutSide dl dd.introYoutube .btnYoutube a {
}
@media screen and (max-width:788px) {
.aboutSide dl dd.sideLead {
	font-size: 22px;
}
.aboutSide dl dd.introYoutube .label {
	font-size: 18px;
}
.aboutLaed .link3Articles a {
	font-size: 128.57%;
}
.staffList ul li .name {
	font-size: 200%;
}
.staffList ul li .history {
	margin-bottom: 8%;
	line-height: 22px;
	font-size:14px;
}
}
@media screen and (max-width:660px) {
.aboutLaed {
	margin-bottom: 5.5%;
	padding-bottom: 5.5%;
}
.aboutLaed h2 {
	margin-bottom: 4%;
	padding: 0 0 1.5% 0;
	font-size: 18px;
	line-height:23px;
}
.aboutLaed h3 {
	margin-bottom: 3%;
	line-height: 29px;
	font-size: 22px;
}
.aboutLaed p {
	margin-bottom: 5.5%;
	line-height: 22px;
	font-size: 14px;
}
.aboutLaed .link3Articles {
	color: #fff;
}
.aboutLaed .link3Articles a {
	padding: 2% 0;
	font-size: 80%;
}
.aboutSide {
	margin-bottom: 5%;
	padding: 0;
	border-left: none;
	max-width: 100%;
}
.aboutSide dl {
}
.aboutSide dl dt {
	margin-bottom: 2.5%;
	padding: 0;
	font-size: 18px;
	line-height:23px;
}
.aboutSide dl dd {
	border-top: 2px #7ECEF4 solid;
	line-height: 1.86;
}
.aboutSide dl dd.sideLead {
	padding: 3% 0;
	font-size: 22px;
	line-height:29px;
}
.aboutSide dl dd.introYoutube {
	padding: 2.5% 0 0 0;
}
.aboutSide dl dd.introYoutube .label {
	font-size: 18px;
	line-height:23px;
}
.aboutSide dl dd.introYoutube .btnYoutube {
	margin-top: 1.5%;
	width: 50%;
}
.aboutSide dl dd.introYoutube .btnYoutube a {
}
.staffList ul:first-child li {
	margin-bottom: 5%;
	margin-right: 0;
	float: none;
	width: 100%;
	overflow: hidden;
}
.staffList ul:first-child li .photo {
	margin-bottom: 0;
	float: left;
	width: 36%;
}
.staffList ul:first-child li .staffInfo {
	margin-bottom: 0;
	/*float: right;
	width: 60%;*/
	width: 100%;
}
.staffList ul li .post {
	font-size: 96%;
}
.staffList ul li .name {
	font-size: 128%;
}
.staffList ul:first-child li .history {
	margin-bottom: 0;
	line-height: 22px;
	font-size:14px;
}
.staffList ul:first-child li dl {
	padding-top: 2%;
	clear: both;
}
.staffList ul:first-child li dl dt {
	font-size: 96%;
}
.staffList ul:first-child li dl dd {
	line-height: 22px;
	font-size:14px;
}
}


/* 3 articles */

.articles {
}
.articles h2 {
	padding-top: 1.5%;
	margin-bottom: 4.5%;
	padding-bottom: 14px;
	border-bottom: 2px #C9CACA solid;
	font-size: 18px;
	line-height: 23px;
	font-weight: bold;
}
.articles ul {
	margin-bottom: 5.5%;
}
.articles ul li {
	margin-bottom: 2.3%;
	font-size: 22px;
	line-height:29px;
	font-weight: bold;
}
.articles p {
	margin-bottom: 6%;
	line-height: 22px;
	font-size:14px;
}
.articles .backAbout {
	font-size:14px;
}
.articles .backAbout a {
	color: #4B4848;
	text-decoration: underline;
}
.articles .backAbout a:hover {
	text-decoration: none;
}
@media screen and (max-width:788px) {
.articles ul li {
	font-size: 171.42%;
}
}
@media screen and (max-width:660px) {
.articles h2 {
	margin-bottom: 4%;
	font-size: 18px;
	line-height: 23px;
}
.articles ul {
}
.articles ul li {
	font-size: 22px;
	line-height:29px;
}
.articles .backAbout {
	margin-bottom: 8%;
}
}


/* -----------------------------------------------
mail magazine
----------------------------------------------- */

.mmRegist {
}
.mmRegist h2 {
	padding-top:1px;
	margin-bottom: 4.5%;
	padding-bottom: 14px;
	border-bottom: 2px #C9CACA solid;
	font-size: 18px;
	line-height:23px;
	font-weight: bold;
}
.mmRegist .registBox {
	margin-bottom: 9%;
}
.mmRegist .registBox:last-child {
	margin-bottom: 0;
}
.mmRegist .registBox h3 {
	margin-bottom: 2%;
	color: #00A0E9;
	font-size: 18px;
}
.mmRegist .registBox table {
	border: 1px #C9CACA solid;
	width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.mmRegist .registBox table th {
	padding: 2.3% 0 2.3% 3%;
	border: 1px #C9CACA solid;
	border-right: none;
	width: 20%;
	text-align: left;
	font-size: 114.28%;
	background:none;
	color: #4B4848;
}
.mmRegist .registBox table td {
	border: 1px #C9CACA solid;
	text-align:left;
}
.mmRegist .registBox table td.infoArea {
	padding: 3%;
	line-height: 22px;
	font-size:14px;
}
.mmRegist .registBox table td.needSelect {
	border-left: none;
	width: 10%;
	text-align: center;
}
.mmRegist .registBox table td.formParts {
	padding-left: 2%;
}
.mmRegist .registBox table td.formParts input[type="text"] {
	width: 94% !important;
}

.mmRegist .registBox table td.formParts label {
	width: 200px;
	 float: none !important;
	 font-size: 100% !important; 
	 display: inline !important; 
	 width: auto !important; 
	 margin-bottom: 0  !important; 
}
.mmRegist .registBox table td.formParts select {
	 margin-bottom: 0  !important; 
}

.mmRegist .registBox table td.needSelect {
}
.mmRegist .registBox table td.needSelect .need {
	padding: 5% 5% 4% 5%;
	display: inline-block;
	color: #fff;
	background-color: #e60012;
	font-size: 85.7%;
	font-weight: bold;
}
.mmRegist .registBox table td.needSelect .noneed {
	padding: 5% 5% 4% 5%;
	display: inline-block;
	color: #fff;
	background-color: #898989;
	font-size: 85.7%;
	font-weight: bold;
}
.mmRegist .registBox table td.btnArea {
	padding: 2.3% 0;
	text-align: center;
}
.mmRegist .registBox a {
	color: #4B4848;
	text-decoration: underline;
}
.mmRegist .registBox a:hover {
	text-decoration: none;
}
@media screen and (max-width:788px) {
.mmRegist h2 {
	font-size: 18px;
}
.mmRegist .registBox h3 {
	font-size: 18px;
}
}
@media screen and (max-width:660px) {
.mmRegist .registBox table td.formParts input[type="radio"] {
	width:auto !important;
}
.mmRegist .registBox table td.formParts input[type="text"] {
	width: 90% !important;
}
.mmRegist h2 {
	font-size: 18px;
}
.mmRegist .registBox h3 {
	font-size: 18px%;
}
.mmRegist .registBox:last-child {
	margin-bottom: 9%;
}
}


/* -----------------------------------------------
event form
----------------------------------------------- */

.formArea {
}
.formArea h2 {
	margin-bottom: 6.5%;
	color: #00A0E9;
	font-size: 142.85%;
	font-weight: bold;
}
.formArea p {
	margin-bottom: 3%;
}
.formArea table {
	margin-bottom: 6%;
	border: 1px #C9CACA solid;
	width: 100%;
}
.formArea table th {
	padding: 2.2% 2.2% 2.2% 2.2%;
	border: 1px #C9CACA solid;
	border-right: none;
	width: 40%;
	background-color: #efefef;
	font-weight: bold;
	text-align: left;
	color:#4B4848;
}
.formArea table td {
	padding: 2.2% 0 2.2% 2.2%;
	border: 1px #C9CACA solid;
	border-left: none;
	vertical-align: middle;
	text-align:left;
	clear:both;
}

#contentsArea .formArea table td label {
	font-weight:normal;
	font-size:14px;
	display:inline;
	float:none;
}

.formArea table td.needSelect {
	padding-left: 0;
	border-right: none;
	width: 9%;
	background-color: #efefef;
	text-align: center;
	vertical-align: top;
}
.formArea table td.needSelect .need {
	padding: 5% 5% 4% 5%;
	display: inline-block;
	color: #fff;
	background-color: #e60012;
	font-size: 85.7%;
	font-weight: bold;
}
.formArea table td.formparts {
}
.formArea table td .caution {
}

.formArea table td input[type="text"] {
	width:95% !important;
	padding: 0.2% 0.5%;
}
.formArea table td input[type="text"]:focus {
	padding: 0.2% 0.5%;
	border: 1px #0fa5ea solid;
}
.formArea table td input[type="katakana"] {
	width:60px !important;
	padding: 0.2% 0.5%;
}
.formArea table td input[type="email"] {
	width:95% !important;
	padding: 0.2% 0.5%;
}
.formArea table td input[type="tel"] {
	width:12% !important;
	padding: 0.2% 0.5%;
}
.formArea table td textarea {
	width:95% !important;
	padding: 0.2% 0.5%;
}
.formArea table td input[type="radio"] {
}
.formArea table td input.entry01 {
	width:60px !important;
}
.formArea table td input.entry02 {
	width: 43%;
}
.formArea table td input.entry03 {
	width: 25%;
}

.formArea table td input.tel {
	width:12% !important;
	padding: 0.2% 0.5%;
}

.formArea .btnSend {
	text-align: center;
}
.formArea .btnSend input {
	padding: 0.5% 18%;
}
.formArea table td .caution {
	padding-top: 2%;
	display: block;
	font-size: 85.7%;
}

.formArea .screen-reader-response{
	display:none;
}

.formArea span.wpcf7-not-valid-tip{
	color:#ff0000;
	display:block;
	font-size:12px;
}

.formArea table th span.text {
	display: block;
	float:left;
	width:80%;
}

.formArea table th span.text a {
	color: #007ae9;
	cursor: pointer;
	text-decoration: none;
}
.formArea table th div.need {
	padding: 3% 2% 2% 2%;
	display: block;
	color: #fff;
	background-color: #e60012;
	font-size: 12px;
	font-weight: bold;
	line-height:100%;
	float:right;
	width:24px;
}

.formArea table td .child_year {
	width:25% !important;
	margin-bottom:2px !important;
}

@media screen and (max-width:660px) {
.formArea table th {
	width:auto;
	border:none;
}

.formArea table td {
	border-right:none;
}

.formArea table {
	border-bottom:none;
}

.formArea table td, .formArea table th {
	display: block;
}

.formArea table th div.need {
	padding: 1.5% 1.5% 1.5% 1.5%;
	display: block;
	color: #fff;
	background-color: #e60012;
	font-size: 12px;
	font-weight: bold;
	line-height:100%;
	float:right;
	width:24px;
}

.formArea table td.formParts input[type="checkbox"], .formArea table td.formParts input[type="radio"] {
	width:auto !important;
}

.formArea table td input[type="text"], .formArea table td input[type="katakana"], .formArea table td input[type="email"], .formArea table td input[type="tel"] {
	height:20px;
}

.formArea .btnSend {
	margin-bottom:20px;
}

.formArea table td input.entry01 {
	width:60px !important;
	padding: 0.2% 0.5%;
}

.formArea table td input.tel {
	width:60px !important;
	padding: 0.2% 0.5%;
}
}

/* -----------------------------------------------
facebook
----------------------------------------------- */

.fbAreaWrapper {
	padding-top: 45px;
	background-color: #e6e6e7;
}
#container .fbAreaWrapper img {
	width: auto;
}

.wrapper_inner_02 {
	padding-top: 45px;
	background-color: #e6e6e7;
}

.fb_more img{
	width: auto !important;
}


@media screen and (max-width:660px) {
	.wrapper_inner_02 {
		padding-top: 45px;
		background-color: #e6e6e7;
		margin-top:50px;
	}
}

/* -----------------------------------------------
準備中
----------------------------------------------- */

.prepare {
	padding: 30%;
	color: #4B4848;
	text-align: center;
	font-size: 142.85%;
	font-weight: bold;
}


/* -----------------------------------------------
supporter
----------------------------------------------- */

.supporterList {
	padding-top: 60px;
}
.supporterList ul {
}
.supporterList ul li {
	margin-bottom: 15%;
	float: left;
	width: 41.5%;
}
.supporterList ul li:nth-child(2n) {
	float: right;
}
.supporterList ul li .image {
	margin-bottom: 15%;
}
.supporterList ul li a {
	/*margin-left: 5%;*/
	color: #6DC2EE;
	font-size: 20px;
	line-height:28px;
	font-weight: bold;
	text-decoration: underline;
}
.supporterList ul li a:hover {
	text-decoration: none;
}

.supporterList ul li .name {
	text-align:center;
}

.supporterList ul li .name2 {
	text-align:left;
	margin-left: 7%;
}



/* -----------------------------------------------
system
----------------------------------------------- */

.systemLead {
	margin-bottom: 6.7%;
}
.systemLead h2 {
	padding-top:1px;
	margin-bottom: 4.5%;
	padding-bottom: 14px;
	border-bottom: 2px #C9CACA solid;
	font-size: 18px;
	line-height:23px;
	font-weight: bold;
}
.organizationTable {
	margin-bottom: 5%;
}

.organizationTable div p {
	float:left;
	width:48.5%;
}

.organizationTable div p:first-child {
	margin-right:3%;
}
@media screen and (min-width:450px) {
	.teable{
		width:100%;
		border-left: solid 1px #6ec3ee;
	}
	.teable{
		float:left;
		width:19.0%;
		border-right: solid 1px #FFF;
		font-size: 100%;
	}
	.teable th{
		color:#FFF;
		background:#6ec3ee;
		font-size: 124.28%;
		padding:1% 0;
		margin:0;
		width:100%;
		min-height:34px;
		border-bottom:none;
		border-left:none;
		border-top:none;
		text-align:center;
	}
	.users_index dd{
		text-align:center;
		border-right: solid 1px #6ec3ee;
		border-bottom: solid 1px #6ec3ee;
		padding:1% 0;
		margin:0;
		width:100%;
		min-height:34px;
		border-top:none;
	}
	.sp_none{
		display:none;
	}
	
	
	#container label{
		display:block;
		width:200px;
		float:left;
		font-size: 142.85%;
		display: block;
		width:100%;
		margin-bottom:1%;
	}
	#container .input{
		margin-bottom:10px;
		display: block;
	}
	#container select{
		margin-bottom:20px;
		width: 41%;
		padding:1.5% 2%;
	}
	#login input{
		padding:2% 0;
		font-size:16px;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border:solid 1px #d3d3d4;
	}
	
	#contentsArea div.photoEventList div.input input[type=text],
	#contentsArea div.photoEventList div.input input[type=password] {
		width:99%;
	}
	
	
	.submit {
		text-align:center;
	}
	.submit input{
		padding: 2% 6%  2% !important;
		border: 2px #C9CACA solid;
		border-radius: 6px;
		color: #4B4848;
		background-color: #f7f8f8;
		font-weight: bold;
		box-shadow: 1px 1px 3px #e2e2e2;
		-moz-box-shadow: 1px 1px 3px #e2e2e2;
		-webkit-box-shadow: 1px 1px 3px #e2e2e2;
		margin: 0 auto 5% auto;
	}
	.submit a{
		padding: 2% 2%  2% !important;
		border: 2px #C9CACA solid;
		border-radius: 6px;
		display: block;
		color: #4B4848;
		background-color: #f7f8f8;
		font-weight: bold;
		box-shadow: 1px 1px 3px #e2e2e2;
		-moz-box-shadow: 1px 1px 3px #e2e2e2;
		-webkit-box-shadow: 1px 1px 3px #e2e2e2;
		margin: 0 auto 5% auto;
		width:100px;
	}
	table{
		width:100%;
	}
	table th{
		color:#FFF;
		background:#6ec3ee;
		font-size: 124.28%;
		padding:1% 0;
		margin:0;
		min-height:34px;
		border-bottom:none;
		border-right: solid 1px #FFF;
		border-left:none;
		border-top:none;
		text-align:center;
	}
	table td{
		text-align:center;
		border: solid 1px #6ec3ee;
		padding:1% 0;
		margin:0;
	}
	.photoEventList h1{
		margin-bottom: 4.5%;
		padding-bottom: 2.1%;
		border-bottom: 2px #C9CACA solid;
		font-size: 142.85%;
		font-weight: bold;
	}
}
@media screen and (max-width:450px) {
	.users_index{
		margin-bottom:10%;
	}	
	.users_index dl{
		width:100%;
	}
	.users_index dt{
		color:#FFF;
		background:#6ec3ee;
		font-size: 124.28%;
		padding:1% 0;
		margin:0;
		width:100%;
		text-align:center;
		border: solid 1px #6ec3ee;
		
	}
	.users_index dd{
		text-align:center;
		border: solid 1px #6ec3ee;
		padding:1% 0;
		margin:0;
		width:100%;
	}
	.pc_none{
		display:none;
	}
	#container label{
	display:block;
	width:200px;
	float:left;
	font-size: 142.85%;
	display: block;
	width:100%;
	margin-bottom:1%;
	}
	#container .input{
		margin-bottom:20px;
		display: block;
	}
	#container select{
		margin-bottom:20px;
		width: 100%;
		padding:3% 2%;
	}
	#container input{
		width: 100%;
		height:25px;
	}	
	.submit input{
	padding: 2% 6%  2% !important;
	border: 2px #C9CACA solid;
	border-radius: 6px;
	display: block;
	color: #4B4848;
	background-color: #f7f8f8;
	font-weight: bold;
	box-shadow: 1px 1px 3px #e2e2e2;
	-moz-box-shadow: 1px 1px 3px #e2e2e2;
	-webkit-box-shadow: 1px 1px 3px #e2e2e2;
	margin: 5% auto 5% auto;
	}



	table{
		width:100%;
	}
	table th{
		color:#FFF;
		background:#6ec3ee;
		font-size: 124.28%;
		padding:1% 0;
		margin:0;
		width:100%;
		text-align:center;
		border: solid 1px #6ec3ee;
	}
	table td{
		text-align:center;
		border: solid 1px #6ec3ee;
		padding:1% 0;
		margin:0;
	}
	.photoEventList h1{
		margin-bottom: 4.5%;
		padding-bottom: 2.1%;
		border-bottom: 2px #C9CACA solid;
		font-size: 142.85%;
		font-weight: bold;
	}
}

/*for clearFix*/
.cf:after { 
   display: block ;
   height: 0 ;
   visibility: hidden ;
   clear: both ;
   content:".";
}
/* 追加 MacIE 5 と WinIE 7 向け */
.cf {
   display: inline-block ;
}
/*MacIE \*/
* html .cf {
	height: 1em ;
}
.cf {
	display: block ;
}

.fl{
	float:left;
}

.fr{
	float:right;
}

.tc{
	text-align:center;
}
.users_index dl.noneboder{
	border-right: solid 1px #6ec3ee;
}



.paging{
	margin-bottom:3%;
}
.paging span{
	float:left;
	border: solid 1px #6ec3ee;
	padding:1% 2%;
	margin-right:1%;
}
.current{
	background:#6ec3ee;
	color:#FFF;
}
.newfresh_user{
	position:relative;
	height:50px;
	margin-top: 15px;
}
.newfresh_user a{
	padding: 2% 6%  2% !important;
	border: 2px #C9CACA solid;
	border-radius: 6px;
	display: block;
	color: #4B4848;
	background-color: #f7f8f8;
	font-weight: bold;
	box-shadow: 1px 1px 3px #e2e2e2;
	-moz-box-shadow: 1px 1px 3px #e2e2e2;
	-webkit-box-shadow: 1px 1px 3px #e2e2e2;
	margin: 0 auto 5% auto;
	text-align: center;
	width: 40%;

}

#flashMessage{
	color:#F00;
	margin-bottom:20px;
}
#member_editMessage{
	color:#F00;
	margin-bottom:20px;
}
#loginMessage{
	color:#F00;
	margin-bottom:20px;
}
#entryMessage{
	color:#F00;
	margin-bottom:20px;
}

.yearSelect{
	width:80px;
}
.member_index_ul{
	text-align:left;
	margin-bottom:30px;
}
.member_index_ul li{
	margin:0 !important;
	padding:0 !important;
	border-bottom: 1px #C9CACA solid !important;
}
.member_index_ul li a{
	background:url(../images/fb_icon_02.gif) no-repeat left;
	border:none;
	padding:10px 0 10px 15px !important;
	border-radius:none;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	margin: 0;
	color:#4b4848;
	font-weight:bold;
	display:block;
}
.member_index_ul li a:hover{
	color:#3CF;
}
.member_index_ul li input{
	background:url(../images/fb_icon_02.gif) no-repeat left;
	border:none;
	padding:10px 0 10px 15px !important;
	border-radius:none;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	margin: 0;
}
.member_index_ul li input:hover{
	color:#3CF;
}

#Album_photosPhotoUpload{
	margin-bottom:30px;
}
.textarea{
	width:100%;
}
	div.admin_index_ul {
		position: relative;
		overflow: hidden;
	}
	
	div.admin_index_ul ul {
		float:left;
		left:50%;
		position:relative;
	}
	
	div.admin_index_ul li {
		float:left;
		left:-50%;
		position:relative;
		border:none;
		width:100px;
		padding:40px;
	}	
	div.admin_index_ul li input{
		padding:15%  35%!important;
	}
	div.member_index_list {
		position: relative;
		overflow: hidden;
	}
	
	div.member_index_list ul {
		float:left;
		left:65%;
		position:relative;
	}
	
	div.member_index_list li {
		float:left;
		left:-50%;
		position:relative;
		border:none;
		width:100px;
		padding:40px;
	}	
	div.member_index_list li input{
		padding:15%  35%!important;
	}

.datetime select{
	width: 90px !important;
	font-size: 16px;
}
.datetime span {
	margin: 0 5px;
	font-size: 16px;
}
table th{
	vertical-align:middle;
}
table td{
	vertical-align:middle;
}
.mt40{
	margin-top:40px;
}
.soon_text{
	text-align:center;
	font-size:18px;
}
Album_photosPhotoUploadPreview{
	margin-bottom:40px;
}
.upload_delete_button .span2 a{
	margin:0 0 20px 0;
	display:block;
}

.v-wrap{
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 56.25%;
    padding-top: 30px;
}

.v-wrap iframe,
.v-wrap object,
.v-wrap embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.photo{
}

.photo img{
    width: 100%;
}

.activityDetail div.photo {
	margin-bottom:8px;
}


.activityDetail p {
	font-size:14px;
	line-height:20px;
}
	
.activityDetail p.bold {
	font-size:16px;
	font-weight:bold;
	padding-bottom:4px;
}

.activityDetail h3 {
	font-size:16px;
	font-weight:bold;
	color: #00A0E9;
	border-top:2px #C9CACA solid;
	padding:10px 0 13px 0;
}

.activityDetail p span {
	color: #00A0E9;
}

.activityDetail .btnJoin a {
	padding: 2% 0 1% 0;
	border: 1px #9FA0A0 solid;
	border-radius: 6px;
	display: block;
	color: #231815;
	background-color: #FFF100;
	font-size: 185.71%;
	font-weight: bold;
	text-align: center;
}

.sideBox ul li a {
	color: #00A0E9;
	text-decoration:underline;
}

.sideBox ul li a:hover {
	color: #00A0E9;
	text-decoration:none;
}
.login_input input{
	padding: 2% 0  !important;
	width:150px;
	border: 1px #9FA0A0 solid;
	border-radius: 6px;
	display: block;
	color: #4C4948;
	background-color: #FFF100;
	font-size: 114.28%;
	font-weight: bold;
	text-align: center;
	/* text-shadow: 2px 2px 1px #fff; */
	float:left;
	margin:10px 0 40px;
}
.login_input input:hover{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.add_input input{
	padding: 2% 0  !important;
	width:150px;
	border: 1px #9FA0A0 solid;
	border-radius: 6px;
	display: block;
	color: #FFF;
	background-color: #fe0000;
	font-size: 114.28%;
	font-weight: bold;
	text-align: center;
	/* text-shadow: 2px 2px 1px #fff; */
	float:left;
	margin:10px 0 ;
}
.add_input input:hover{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.link{
	background:url(../images/fb_icon_03.gif) no-repeat right;
	padding-right:15px;
	text-decoration:underline;
}
#login p{
	margin-top: -3%;
	margin-bottom:20px;
	font-weight:bold;
}
.pass{
	margin-bottom:10px;
}
.pass #UserRememberMe{
	margin:3px 5px 0 0;
}

#Album_usersYobi01{
	width:99%;
	resize:none;
}
.Album_comment{
	word-wrap:break-word;
}
.commentWorning{
	text-align:right;
}
.error-message{
	color:#F00;
}
.Member_Album_Div{
    text-align: center;
	margin-bottom: 27px;
}
.Member_Album_Div a{
    font-size: 18px;
    line-height: 23px;
    font-weight: bold;
    text-decoration: underline;
    color: #00A0E9;
}
.Member_Album_Div a:hover{
	color: #00A0E9;
	text-decoration:none;
}
.photo_add {
	margin-top: 27px;
	padding: 0 auto;
}

.photo_add input{
	padding: 2% 0 2% 0;
	border: 1px #9FA0A0 solid;
	border-radius: 6px;
	display: block;
	color: #4C4948;
	background-color: #FFF100;
	font-size: 114.28%;
	font-weight: bold;
	text-align: center;
}

@media screen and (max-width:660px) {
#login .login_input .submit input[type=submit] {
	height:auto !important;
}

#login .add_input .submit input[type=submit] {
	height:auto !important;
}

#login .pass input[type=checkbox] {
	width:auto !important;
}	

#login .input input[type=text],#login .input input[type=password] {
	width:95% !important;
}

#Album_usersYobi01 {
	width:95%
}
.photoEventList .submit input[type=submit] {
	height:auto !important;
}

div.member_index_list ul {
	left:50%;
}
div.member_index_list li {
	padding:0 0 0 10%;
}

}
.error_messages {
	margin-bottom:30px;
}
.error_messages h3{
	font-size:18px;
	margin-bottom:10px;
}
.error_messages p{
	line-height:250%;
	font-size:16px;
}
form.sent .formInner{
	display:none;
}


.s-map{
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 85%;
    padding-top: 30px;
}

.s-map iframe,
.s-map object,
.s-map embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*スマホの改行*/
/*スマホで改行させない*/
.smp_none {
	display:inline;
}
@media screen and (max-width:660px) {
.smp_none {
	display:none;
}
}
/*スマホで改行*/
.smp_br {
	display:inline;
}
@media screen and (min-width:660px) {
.smp_br {
	display:none;
}
}

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

/* テキスト揃え */
.txtCenter {
	text-align: center !important;
}
.txtLeft {
	text-align: left !important;
}
.txtRight {
	text-align: right !important;
}


/* マージン調整 */
.m0 {
	margin: 0 !important;
}
.mt0 {
	margin-top: 0 !important;
}
.mb0 {
	margin-bottom: 0 !important;
}
.mb1 {
	margin-bottom: 1% !important;
}
.mb2 {
	margin-bottom: 2% !important;
}
.mb3 {
	margin-bottom: 3% !important;
}
.mb5 {
	margin-bottom: 5% !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mr0 {
	margin-right: 0 !important;
}
.mlr {
	margin-left: 3.6% !important;
	margin-right: 3.6% !important;
}


/* パディング調整 */
.p0 {
	padding: 0 !important;
}
.pb0 {
	padding-bottom: 0 !important;
}

/* 背景・枠設定 */
.nobg {
	background: none !important;
}
.nobdr {
	border: none !important;
}

/* 文字調整 */

.bold {
	font-weight: bold;
}
.normal {
	font-weight: normal;
}
.underline {
	text-decoration: underline;
}

/* フロート設定 */

.left {
	float: left !important;
}
.right {
	float: right !important;
}
.clearfix {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	font-size: 1px;
}

/* 画像設定 */

#container img {
	width: 100%;
}