@charset "utf-8";
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;
}

body {color: #333;	background: #FFF;	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, Osaka;	font-size: 15px;}
ul,li {list-style: none;}
a {	margin: 0;	padding: 0;}
img {width: 100%; height: auto;}
a imag {border: none;}
a:hover img {opacity: 0.8;	filter: alpha(opacity=80);	-ms-filter: "alpha(opacity=80)";}
.chi {position: abusolute; bottom: 0;}
.borderCCCdot {width: 100%; border-bottom: 1px dotted #ccc; margin: 2% auto;}
.borderCCCdot0 {width: 100%; border-bottom: 1px dotted #ccc; margin: 0 auto; float: left;}
.borderCCCsolid {width: 100%; border-bottom: 1px solid #ccc; margin: 1% auto;}
.borderCCCsolid2 {width: 100%; border-bottom: 2px solid #ccc; margin: 0 auto; float: left;}


/*bg-color*/
.bg-W {background-color:#FFF;}/*白*/
.bg-eee {background-color: #eee;}/*グレーf2f2f*/
.bg-999 {background-color: #999;}/*グレー999*/
.bg-BK {background-color:#000;}/*黒*/
.bg-future {background-color: #d29100;}/*SDGs12*/
.bg-past {background-color: #960b31;}/*SDGs8*/
.bg-sdgs {background-color: #0076ba;}/*SDGs14*/
.bg-membership {background-color: #00963b;}/*SDGs3*/
.bg-members {background-color: #e73819;}/*SDGs5*/
.bg-future-link {background-color: #775522;}
.bg-past-link {background-color: #661122;}
.bg-sdgs-link {background-color: #115577;}
.bg-jci {background-color: #0097d7;}
.bg-osia {background-color: #1E9150;}
.bg-osia2 {background-color: #d3b734;}
.bg-toiawase {background-color: #5eaabf;}
.bg-steps {background-color: #ba80b5;}
/*font-color*/
.red {color: #F00;}			.black {color: #000;}
.orange {color: #F60;}		.color999 {color: #999;}
.blue {color: #0F0;}		.blue2 {color: #339;}
.green {color: #0F0;}		.green2 {color: #093;}
.colorPAST {color: #960b31;}	.colorFUTURE {color: #d29100;}
.colorJCI {color: #0097d7;}		.colorMEMBERSHIP {color: #00963b;}
.colorSDGs13 {color: #417935;}	.colorSDGs {color: #0076ba;}
.colorMEMBERS {color: #e73819;}	.colorosia {color: #1E9150;}
.colorosia2 {color: #d3b734;}	.colorsteps {color: #ba80b5;}
.Noto-B {font-family: 'Noto Sans JP', sans-serif; font-weight:700;}
/*font-size*/
a .box, a .box_full {text-decoration: none;}
a .text1, a .box_full_day {color: #333;}
/*text-decoration*/
.underline {	text-decoration: underline;	}
.text-justify {text-align: justify;}
.text-deco-non {text-decoration: none;}
/*lineH18*/
.lineH18 {line-height: 18px;}
.lineH25 {line-height: 25px;}
/*navigation　▶▶*/
/*nav{height: 30px;width: 363px;position:fixed; z-index: 13; background-color:#FFF; padding-bottom: 19px; border-bottom: 1px solid #CCC; float: right;}*/

nav{height: 30px;width: 479px; background-color:#FFF; float: left; display: inline-block;}
/*ul#navi-menu {background: url(../img/navi_menu.png) no-repeat;height: 30px;width: 363px;margin: 0 auto;overflow: hidden;}*/
ul#navi-menu {background: url(../img/navi_menu.png) no-repeat;height: 30px;width: 479px; float: left;}
ul#navi-menu li {float: left;}
ul#navi-menu li#navi-menu1 a, ul#navi-menu li#navi-menu1-now a {width: 42px;height: 30px;display: block;text-indent: -9999px;}
ul#navi-menu li#navi-menu2 a, ul#navi-menu li#navi-menu2-now a {width: 109px;height: 30px;display: block;text-indent: -9999px;}
ul#navi-menu li#navi-menu3 a, ul#navi-menu li#navi-menu3-now a {width: 109px;height: 30px;display: block;text-indent: -9999px;}
ul#navi-menu li#navi-menu4 a, ul#navi-menu li#navi-menu4-now a {width: 110px;height: 30px;	display: block;text-indent: -9999px;}
ul#navi-menu li#navi-menu5 a, ul#navi-menu li#navi-menu5-now a {width: 109px;height: 30px;	display: block;text-indent: -9999px;}
/*ul#navi-menu li#navi-menu1 a {background: url(../img/navi_menu.png) no-repeat 0px 0px;}*/
ul#navi-menu li#navi-menu1 a:hover {background: url(../img/navi_menu_on.png) no-repeat 0px 0px;}
ul#navi-menu li#navi-menu1-now a {background: url(../img/navi_menu_on.png) no-repeat 0px 0px;}
/*ul#navi-menu li#navi-menu2 a {background: url(../img/navi_menu.png) no-repeat -69px 0px;}*/
ul#navi-menu li#navi-menu2-now a {background: url(../img/navi_menu_on.png) no-repeat -42px 0px;}
ul#navi-menu li#navi-menu2 a:hover {background: url(../img/navi_menu_on.png) no-repeat -42px 0px;}
/*ul#navi-menu li#navi-menu3 a {background: url(../img/navi_menu.png) no-repeat -168px 0px;}*/
ul#navi-menu li#navi-menu3-now a {background: url(../img/navi_menu_on.png) no-repeat -151px 0px;
}
ul#navi-menu li#navi-menu3 a:hover {background: url(../img/navi_menu_on.png) no-repeat -151px 0px;}
/*ul#navi-menu li#navi-menu4 a {background: url(../img/navi_menu.png) no-repeat -306px 0px;
}*/
ul#navi-menu li#navi-menu4-now a {background: url(../img/navi_menu_on.png) no-repeat -260px 0px;
}
ul#navi-menu li#navi-menu4 a:hover {background: url(../img/navi_menu_on.png) no-repeat -260px 0px;}
/*ul#navi-menu li#navi-menu5 a {background: url(../img/navi_menu.png) no-repeat -306px 0px;
}*/
ul#navi-menu li#navi-menu5-now a {background: url(../img/navi_menu_on.png) no-repeat -370px 0px;
}
ul#navi-menu li#navi-menu5 a:hover {background: url(../img/navi_menu_on.png) no-repeat -370px 0px;}

.letter-spacing12px{letter-spacing: 12px;}
.letter-spacing10px{letter-spacing: 10px;}
.letter-spacing7px{letter-spacing: 7px;}
.letter-spacing5px{letter-spacing: 5px;}
/*◀◀　navigation*/
.menu-box-tel {	height: 30px;	width: 250px;	text-align: left; float: left;margin-top: 15px;}
.menu-box-tel img {	height: 22px;	width: auto;	margin-right: 5px;	-webkit-transform: translateY(1px); /* Safari用 */	transform: translateY(1px);}
.menu-box-tel p {	font-family: 'Roboto', sans-serif;	width: 100%;	color: #000;	font-size: 26px;	font-weight: bold;	-webkit-transform: translateY(-13px); /* Safari用 */	transform: translateY(-13px);}

.menu-box-corp {height: auto;	width: 250px;	text-align: left; float: left; margin-bottom: 10px;}
.menu-box-corp p {width: 100%;	color: #000;	font-size: 18px;	font-weight: bold; font-style:italic;	-webkit-transform: translateY(-13px); /* Safari用 */	transform: translateY(-13px);}

/*main_bg*/
@media screen and (min-width: 800px) {
#main-bg {height: auto;width: 100%; max-width:1366px;overflow: hidden;margin: 0 auto;padding-top: 85px;}
#main-bg-sp {display: none;}
#slide {width: 1366px;height: 450px;overflow: hidden;margin: 0 auto;}
}
/*
@media screen and (max-width: 1366px) {
#main-bg {height: auto;width: 100%;overflow: hidden;margin: 0 auto;padding-top: 85px;}
#main-bg-sp {display: none;}
#slide {width: 1366px;height: 450px;overflow: hidden;margin: 0 auto;}
}
*/
@media screen and (max-width: 799px) {
#main-bg {display: none;}
#main-bg-sp {height: auto;width: 94%; margin: 3%;overflow: hidden;margin: 0 auto -120px auto;padding-top: 120px; }
#slide {width: 100%;height: auto;overflow: hidden;margin: 0 auto;}
}
#main-bg h2,#main-bg p,#main-bg-sp h2,#main-bg-sp p{margin: 0;padding: 0;text-indent: -9999px;}
#content2_body {margin-top: 30px;}
#content2_l {height: auto;width: 430px;float: left;margin-top: 20px;}



.textcenter {
	text-align: center;
}

.textright {
	text-align: right;
}

.colorRED {color: #F00;}
.colorBLUE {color: #00F;}
.markerYELLOW {background: #ff0;}
.font10 {font-size: 10px;}
.fontXL {font-size: x-large;}
.fontL {font-size: large;}
.fontXS {font-size: x-small;}
.bold {font-weight: bold;}
.center {text-align: center;}
.lineH13 {	line-height: 12px;	}
.mizuiro {color: #036eb8;}
.bg_lightgray {background-color: #e6e6e6;}


.title66:hover{
  color: #006;
  cursor: pointer;
}
.title66:before{
  content: "▼";
}
.title66.open:before{
  content: "▲";
}
.title66:after{
  content: "▼";
}
.title66.open:after{
  content: "▲";
}
.box66{
  background: #f2f2f2;
  padding: 2%;
  width: 96%;
  float: left;
}


/*◀◀　right*/

@media screen and (min-width: 800px) {
.XL {font-size: 30px;}
.L {font-size: 20px;}
.M {font-size: 16px;}
.S {font-size: 14px;}
.XS {font-size: 12px;}
.L200 {width: 200px;height: auto;float: left;}
.L217 {width: 217px;height: auto;float: left;}
.L250 {width: 250px;height: auto;float: left;}
.L300 {width: 300px;height: auto;float: left;}
.L400 {width: 400px;height: auto;float: left;}
.L500 {width: 500px;height: auto;float: left;}
.L175 {width: 175px;height: auto;float: left;}
.L350 {width: 350px;height: auto;float: left;}
.LR730 {width: 730px;height: auto;float: left;}
.R210{width: 210px;height: auto;float: left;}
.R410{width: 410px;height: auto;float: left;}
.R510 {width: 510px;height: auto;float: left;}
/*margin-BOTTOM*/
.marginB5 {margin-bottom: 5px;}		.marginB10 {margin-bottom: 10px;}	.marginB15 {margin-bottom: 15px;}	.marginB20 {margin-bottom: 20px;}	.marginB20-2 {margin-bottom: 20px;}
.marginB25 {margin-bottom: 25px;}	.marginB30 {margin-bottom: 30px;}	.marginB35 {margin-bottom: 35px;}	.marginB40 {margin-bottom: 40px;}
/*margin-TOP*/
.marginT5 {margin-top: 5px;}		.marginT10 {margin-top: 10px;}		.marginT15 {margin-top: 15px;}		.marginT20 {margin-top: 20px;}
.marginT25 {margin-top: 25px;}		.marginT30 {margin-top: 30px;}		.marginT35 {margin-top: 35px;}		.marginT40 {margin-top: 40px;}
/*margin-RIGHT*/
.marginR5 {margin-right: 5px;}		.marginR10 {margin-right: 10px;}	.marginR15 {margin-right: 15px;}	.marginR20 {margin-right: 20px;}
.marginR25 {margin-right: 25px;}	.marginR30 {margin-right: 30px;}	.marginR35 {margin-right: 35px;}	.marginR40 {margin-right: 40px;}
/*margin-LEFT*/
.marginL5 {margin-left: 5px;}		.marginL10 {margin-left: 10px;}		.marginL15 {margin-left: 15px;}		.marginL20 {margin-left: 20px;}
.marginL25 {margin-left: 25px;}		.marginL30 {margin-left: 30px;}		.marginL35 {margin-left: 35px;}		.marginL40 {margin-left: 40px;}

.LR730border1 {	width: 728px;	height: auto;	float: left;	border: 1px solid #333;}
.L175border1 {width: 173px;height: auto;float: left;border: 1px solid #333;}
.L350border1 {width: 348px;height: auto;float: left;border: 1px solid #333;}

/*header　▶▶*/
header {position: fixed; overflow: hidden;width: 100%; margin: 0 auto; background-color:#fff; z-index:15;filter:alpha(opacity=95);
    -moz-opacity: 0.95;
    opacity: 0.95;}
#head {width: 960px;height: 85px;margin: 0 auto;overflow: hidden;}
#head2 {display: none;}
#top-l {width: 450px;height: 85px;float: left;margin-top: 0;}
#top-r {width: 449x;height: 57px;float: right; margin-top: 28px;}
/*◀◀　header*/

/*content　▶▶*/
#content {height: auto;width: 960px;margin: 0 auto;overflow: hidden;}
#content2 {height: auto;width: 960px;margin: 0 auto;overflow: hidden; padding-top: 105px;}
#left {height: auto;width: 250px; float: left;overflow: hidden;margin: 0 auto;}
#left_L {height: auto; width: 335px; float: left;}
#left_R {height: auto; width: 335px; float: right;}
#left_LR {height: auto; width: 690px; float: left;}
.left_l {height: auto; width: 333px; border: 1px solid #ccc; float: left;}
.left_r {height: auto; width: 333px; border: 1px solid #ccc; float: right;}
.left_lr {height: auto; width: 688px; border: 1px solid #ccc; float: left;}
#right {height: auto; width: 690px; float: right;}
#right_box {height: auto; width: 248px; border: 1px solid #ccc; float: right;}
#left_box {height: auto; width: 248px; border: 1px solid #ccc; float: left;}

.box_title {padding-top: 6px;height: 30px; width: 100%; float: left;}
.box_title-R {height: 35px; width: 100%; float: left;}
.box_title p {font-family: 'Noto Sans JP', sans-serif; color: #fff;		-webkit-transform: translateY(0px); /* Safari用 */	transform: translateY(0px);}
.box {width: 303px; margin: 15px; float: left;}
.box_full {width: 626px; margin: 31px; float: left;}
.box_full_borderCCCsolid {width: 626px; float: left; border-bottom: 1px solid #ccc; margin: 0 31px;}
.box_full_l {width: 48%; float: left; height: auto; font-size:14px;}
.box_full_r {width: 48%; float: right; height: auto; font-size:14px;}
.box_full_lr {width: 100%; height: auto; float: left; font-size: 14px;}
.box_full_sdgs {width: 100%; height: 60px; float: let;}
.box_full_sdgs img {width: 60px; height: 60px; float: let; margin-right: 5px;}
.box_full_day {float: right; font-size: 12px; margin-bottom: 2%;}

.box_full_members_l {width: 81%; height: auto; float: left;}
.box_full_members_r {width: auto; height: 138px; float: right;}
.members_01 {width: 100%; height: 34px; float: left; text-align: left; font-size: 20px;}
.members_02 {width: 100%; height: 25px; float: left; text-align: left;}
.members_02_l {width: 50%; height: 25px; float: left; text-align: left;}
.members_02_r {width: 50%; height: 25px; float: right; text-align: right; font-style: italic;	color: #999; font-size: medium; font-weight: bold;}
.member_03 {width: 100%; height: 22px; float: left; text-align: left;}
.member_04 {width: 100%; height: 26px; float: left; text-align: left;}

.box_semititle {width: 100%; height: auto;color: #005ca7; font-weight: bold;}
.text1 {width: 303px; height: 70px; position: relative; font-size: 14px; overflow: hidden; text-overflow: ellipsis;}
/*.text1::after {position: absolute; bottom: 0; left: 0; z-index: 2; content: ''; width: 100%; height: 50%; background: linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .7) 20%, rgba(255, 255, 255, 1) 80%);}*/
.text2 {width: 100%; height: 130px; font-size: 14px; float: left; margin-bottom: 15px;}
.text2 p {color: #000;}
.box_link {height: 25px; width: 100%; float: left; color:#FFF; text-align: center; font-size: 12px; padding-top: 2px; letter-spacing:5px;}
.box_border {border-bottom: 1px dashed #ccc; float: left; width: 303px;margin-left: 15px; margin-right: 15px;}
/*menu-box　▶▶*/
#fb_big {width: 200px;height: 628px;float: left;background: url(img/common/fb_title.gif) no-repeat top;padding-top: 60px;}

#menu-box {width: 250px;height: auto;float: left;}
ul#menu-box {width: 250px;border-top: 1px solid #ccc;}
ul#menu-box li {width: 250px;height: 33px;background: #FFF;border-bottom: 1px solid #ccc;}
ul#menu-box li a {width: 240px;	height: 24px;display: block;text-decoration: none;padding: 8px 0 2px 10px;color: #666;font-size: 12px;}
ul#menu-box li a:hover {background: #ccc center bottom;color: #666;-webkit-box-sizing: all;-moz-box-sizing: all;
box-sizing: all;-webkit-transition: all .3s;transition: all .3s;}
#menu-box #now a{background: #717071 center bottom;	color: #FFF;border-bottom: 1px solid #717071;}
footer {
	background-color: #0071bc;
	width: 100%;
	height: 475px;
	margin: 0 auto;
	overflow: hidden;
}
#foot1 {width: 960px;height: 55px;border-bottom: 1px solid #1e89c4;text-align: center;overflow: hidden;	margin: 34px auto 0 auto;}
#foot1  a {color: #fff; text-decoration: none; font-size: 12px;}
#foot1 a:hover {text-decoration: underline;}
#foot1 span {margin-right: 28px; margin-left: 28px;}
#foot1 .l1 {margin-right: 28px;}
#foot1 .r2 {margin-left: 28px;}
#foot2 {width: 960px; margin:65px auto 65px auto; height: 200px;}
#foot2_5 {display: none;}
#foot2_5 img {display: none;}
#foot3 {width: 960px; height: 22px; margin:0 auto 15px auto;}
#foot3 img {width: 30px; height: 22px; float: left;margin-right: 12px;}
#foot3 p {color: #b3b3b3; font-size: 11px;-webkit-transform: translateY(2px); /* Safari用 */	transform: translateY(2px);}
.foot3_link {width: 30px; height: 22px; margin-left: 240px; float: left;}
.copyright {width: auto; height: 22px; margin-left: 15px; float: left;}
.foot1_sp_br {display: none;}
.menu {display: none;}
}
@media screen and (max-width: 799px) {/*799以下*/
.XL {font-size: 20px;}
.L {font-size: 16px;}
.M {font-size: 14px;}
.S {font-size: 12px;}
.XS {font-size: 10px;}
nav {display: none;}
.L200 {width: 27%;height: auto;float: left;}	.L217 {width: 30%;height: auto;float: left;}
.L250 {width: 34%;height: auto;float: left;}	.L300 {width: 41%;height: auto;float: left;}
.L400 {width: 55%;height: auto;float: left;}	.L500 {width: 68%;height: auto;float: left;}
.L175 {width: 24%;height: auto;float: left;}	.L350 {width: 48%;height: auto;float: left;}

.LR730 {width: 100%;height: auto;float: left;}

.R210{width: 29%;height: auto;float: left;}		.R410{width: 56%;height: auto;float: left;}
.R510 {width: 70%;height: auto;float: left;}

/*margin-BOTTOM*/
.marginB5 {margin-bottom: 1%;}		.marginB10 {margin-bottom: 2%;}		.marginB15 {margin-bottom: 2%;}
.marginB20 {margin-bottom: 3%;}
.marginB25 {margin-bottom: 3%;}		.marginB30 {margin-bottom: 4%;}		.marginB35 {margin-bottom: 4%;}
.marginB40 {margin-bottom: 5%;}
.marginB20-2 {margin-bottom: 6%;}
/*margin-TOP*/
.marginT5 {margin-top: 1%;}			.marginT10 {margin-top: 2%;}		.marginT15 {margin-top: 2%;}
.marginT20 {margin-top: 3%;}
.marginT25 {margin-top: 3%;}		.marginT30 {margin-top: 4%;}		.marginT35 {margin-top: 4%;}		.marginT40 {margin-top: 5%;}
/*margin-RIGHT*/
.marginR5 {margin-right: 1%;}		.marginR10 {margin-right: 2%;}		.marginR15 {margin-right: 2%;}
.marginR20 {margin-right: 3%;}
.marginR25 {margin-right: 3%;}		.marginR30 {margin-right: 4%;}		.marginR35 {margin-right: 4%;}
.marginR40 {margin-right: 5%;}
/*margin-LEFT*/
.marginL5 {margin-left: 1%;}		.marginL10 {margin-left: 2%;}		.marginL15 {margin-left: 2%;}		.marginL20 {margin-left: 3%;}
.marginL25 {margin-left: 3%;}		.marginL30 {margin-left: 4%;}		.marginL35 {margin-left: 4%;}		.marginL40 {margin-left: 5%;}

.LR730border1 {width: 99%;height: auto;	float: left;border: 1px solid #333;}
.L175border1 {width: 23%;height: auto;float: left;border: 1px solid #333;}
.L350border1 {width: 47%;height: auto;float: left;border: 1px solid #333;}

.inner700 {width: 96%;height: auto;float: left;margin: 2%;}

#left {display: none;}
#right {height: auto;width: 100%; float: right;overflow: hidden;margin: 0 auto;}
#left_L {height: auto; width: 48%; float: left;}
#left_R {height: auto; width: 48%; float: right;}
#left_LR {height: auto; width: 100%; float: left;}
.left_l {height: auto; width: 100%; border: 1px solid #ccc; float: left;}
.left_r {height: auto; width: 100%; border: 1px solid #ccc; float: right;}
.left_lr {height: auto; width: 99%; border: 1px solid #ccc; float: left;}

.box_title {height: 25px; width: 100%; float: left; padding-top:5px;}
.box_title p {font-family: 'Noto Sans JP', sans-serif; color: #fff;		-webkit-transform: translateY(0px); /* Safari用 */	transform: translateY(0px); font-size:12px;}

.box {width: 94%; margin: 3%; float: left;}
.box_full {width: 92%; margin: 4%; float: left;}
.box_full_l {width: 48%; float: left; height: auto; font-size:12px;}
.box_full_r {width: 48%; float: right; height: auto; font-size:12px;}
.box_full_lr {width: 100%; height: auto; float: left; font-size: 12px;}
.box_full_sdgs {width: 100%; height: 60px; float: let;}
.box_full_sdgs img {width: 60px; height: 60px; float: let; margin-right: 5px;}

.box_full_members_l {width: 81%; height: auto; float: left;}
.box_full_members_r {width: 16%; height: auto; float: right;}
.members_01 {width: 100%; height: 34px; float: left; text-align: left; font-size: 16px;}
.members_02 {width: 100%; height: 25px; float: left; text-align: left;}
.members_02_l {width: 50%; height: 25px; float: left; text-align: left;}
.members_02_r {width: 50%; height: 25px; float: right; text-align: right; font-style: italic;	color: #999; font-size: 8pt; font-weight: bold; padding-top: 5px;}
.member_03 {width: 100%; height: 22px; float: left; text-align: left;}
.member_04 {width: 100%; height: 26px; float: left; text-align: left;}


.box_full_day {float: right; font-size: 10px; margin-bottom: 2%;}
.box_full_borderCCCsolid {width: 92%; float: left; border-bottom: 1px solid #ccc; margin: 0 4%;}
.box_semititle {width: 100%; height: auto;color: #005ca7; font-weight: bold; font-size: 12px;}

.text1 {width: 100%; height: 60px; position: relative; font-size: 12px; overflow: hidden; text-overflow: ellipsis;
}
.text1::after {position: absolute; bottom: 0; left: 0; z-index: 2; content: ''; width: 100%; height: 50%; background: linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .7) 20%, rgba(255, 255, 255, 1) 80%);}
.text2 {width: 100%; height: 90%; font-size: 12px; float: left; margin-bottom: 15px;}
.text2 p {color: #000;}
.box_link {height: 18px; width: 100%; float: left; color:#FFF; text-align: center; font-size: 10px; padding-top: 2px; letter-spacing:5px;}
.box_border {border-bottom: 1px dashed #ccc; float: left; width: 94%;margin-left: 3%; margin-right: 3%;}

#menu-box, ul#menu-box, ul#menu-box li, ul#menu-box li a, ul#menu-box li a:hover, #menu-box #now a,  #pickupnews, #pickupnews a, #pickupnews a:hover p, .pickupnews_title, .pickupnews, .pickupnews img, .pickupnews .day, .pickupnews .text, .pickupnews_border,nav {display: none;}
header {height: auto;width: 100%;text-align: center;padding-top: 2px;padding-bottom: 2px; position: fixed; background-color: #FFF; z-index:19;}
#head {display: none;}
#head2 {width: 100%;height: 80px;overflow: hidden;margin: 0 auto;}
#top-l {width: 450px;height: 85px;	margin: 0 auto;	text-align:center;}
#top-r {display: none;}


footer {background-color:#0071bc; width:100%; height: auto;margin:0 auto;overflow: hidden;}
#foot1 {
	width: 94%;
	height: 40px;
	border-bottom: 1px solid #1e89c4;
	text-align: center;
	overflow: hidden;
	margin-top: 18px;
	margin-right: 3%;
	margin-bottom: 12px;
	margin-left: 3%;
}
#foot1  a {color: #fff; text-decoration: none; font-size: 12px;}
#foot1 a:hover {text-decoration: underline;}
#foot1 span {margin-right: 10px; margin-left: 10px;}
#foot1 .l1 {margin-right: 10px;}
#foot1 .r2 {margin-left: 10px;}
#foot2 {width: 94%; margin:15px 3% 15px 3%; height: auto;}
#foot2_5 {width: 94%; height: 22px; text-align: center; margin: 0 3% 0 3%;}
#foot2_5 img {width: 30px; height: 22px; text-align: center; margin: 0 5px 0 5px;}
#foot3 {width: 94%; height: 40px; margin:0 3% 0 3%; }
#foot3 img {display: none;}
#foot3 p {color: #b3b3b3; font-size: 7px; text-align: center; margin-top: 10px;}
.foot3_link {display:none;}
.copyright {width: 100%; height: auto; float: left; margin-top: 5px; margin-bottom: 10px;}


.menu {
	max-width: 94%;
	margin: 10px 3% 2% 3%;
	padding: 0;
}

.menu a { display: block; padding: 10px;text-decoration: none;font-weight: bold;color: #fff; line-height: 1;}
.links02 li a {padding-top: 2px;padding-bottom: 2px;}
.menu label::before {position: absolute;content: '▼';color: #ffffff;right: 2em;}
label {	display: block;	margin: 0 0 0 0;padding:12px;line-height: 1;color : #fff;cursor : pointer;background-color: #2d293d;font-weight: bold;}
.label02 {background-color: #600000;padding-top: 6px;padding-bottom: 6px;padding-left :12px;padding-right :12px;}
.accordion {display: none;}
.menu ul {margin: 0;padding: 0; background-color:#403e49; list-style: none;}
#links02 {background-color: #988575;}
.menu li { max-height: 0; overflow-y: hidden; -webkit-transition: all 0.5s;	-moz-transition: all 0.5s;	-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
#menu_bar01:checked ~ #links01 li,#menu_bar02:checked ~ #links02 li {max-height: 46px; opacity: 1;  border-bottom: 1px solid #4b4a54;}
upper, upper2, upper3 {position: fixed;	margin: -51px auto 0 auto;overflow: hidden;width: 100%;	background-color: #fff;	z-index: 21;-webkit-transform: translateY(115px); /* Safari用 */	transform: translateY(115px);}

#content {height: auto;width: 94%;margin: 135px 3% 0 3%;overflow: hidden;}
#content2, #content3 {height: auto;width: 94%;margin: 0 3% 0 3%;overflow: hidden; padding-top: 120px;}
}
/*@media screen and (min-width: 800px) {
#kup_boxs {
	display: none;
}
}*/
@media screen and (max-width: 450px) {/*799以下*/
#LR730under799 {
	width: 340px;
	margin: 0 auto;
	text-align: center;
	height: auto;
}
#LR730under799 img {
	width: 155px;
	float: left;
}
header {height: 60px;width: 100%;text-align: center;padding-top: 2px;padding-bottom: 2px;}
#head {
	width: 80%;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;

}
#top-l {width: auto;height: auto;	margin: 0 auto;	text-align:center;}
#foot3 p {color: #b3b3b3; font-size: 5px; text-align: center; margin-top: 10px;}
#foot1  a {color: #b3b3b3; text-decoration: none; font-size: 8px;}
}



/*イレギュラー*/
.top_height {
	width: 650px;
	height: 200px;
}



.membership_text_n {
	width: 100%;
	height: auto;
	float: left;
}
.memberTbltd {
	border: 1px solid #CCCCCC;
	width: 40px;
	color: #333333;
	font-weight: normal;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	font-size: small;
	text-align: center;
}

.memberTbltd1 {
	border: 1px solid #CCCCCC;
	width: 40px;
	color: #333333;
	font-weight: normal;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	font-size: s-small;
	background-color: #E5E5E5;
	text-align: center;
}

.memberTbltdm {
	border: 1px solid #CCCCCC;
	width: 40px;
	color: #333333;
	font-weight: normal;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	font-size: x-small;
	background-color: #E5E5E5;
	text-align: center;
}

.memberTbl {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	padding: 6px;
	text-align: center;
	font-size: small;
}

.memberTblth {
	color: #333333;
	background-color: #FFFFFF;
	text-align: left;
	border: 1px solid #CCCCCC;
	font-size: small;
	line-height: 16px;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 10px;
	padding-bottom: 8px;
}
.memberTblth1 {
	color: #333333;
	background-color: #E5E5E5;
	text-align: center;
	border: 1px solid #CCCCCC;
	font-size: small;
	line-height: 16px;
	padding-top: 6px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 4px;
}

.memberTblthm {
	color: #333333;
	background-color: #E5E5E5;
	text-align: left;
	border: 1px solid #CCCCCC;
	font-size: 15px;
	line-height: 16px;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 15px;
	padding-bottom: 8px;
}
.future_past_table {
	width: 100%;
	border-collapse: collapse;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	padding: 6px;
}

.future_past_l {
	color: #333333;
	background-color: #E5E5E5;
	-moz-text-align-last: justify;
	text-align: center;
	text-justify: inter-ideograph;
	border: 1px solid #CCCCCC;
	line-height: 16px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 8px;
}

.memberUpTbltd {
	font-weight: normal;
	width: 120px;
	border: 1px solid #CCCCCC;
}
.memberUpTblth {
	padding-left: 3px;

}
.memberUpTbl {
	width: 700px;
	border-collapse: collapse;
	margin-bottom: 10px;
	font-size: 16px;
}
.memberFont {
	font-size: 16px;
	line-height: 24px;
	padding-left: 10px;
}


/* --------------------------------------------------- */

#formWrap {
	width:100%;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:799px) {
#formWrap {
	width:100%;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:small;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
input[type="text"], textarea {
	width:80%;
	padding:5px;
	font-size:110%;
	display:block;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:40px;
}
}