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


/* =====================================
	共通
===================================== */

/*--- 現在工事中です ---*/
.ready_comment {
	font-size:18px;
	color:#F6552B;
	font-weight: bold;
  	text-align: center;
}



/* =====================================
	about
===================================== */

/*--- prospectus ---*/
#about .prospectusBox {
	background: url(../../images/about/prospectus_img_1.jpg) no-repeat;
	height:693px;
	padding:56px 50px 0;
	margin-top:-15px;
}

#about .prospectusBox h2{
	font-size:16px;
	font-weight:bold;
	color:#00a5a6;
	margin-bottom:30px;
}

#about .prospectusBox p{
	margin-bottom:30px;
}


/*--- history ---*/
#about .historyBox dl{
	overflow:hidden;
	border-bottom:1px dotted #c8e021;
	padding:10px 0px;
}

#about .historyBox dt{
	width:190px;
	float:left;
	font-size:12px;
	color:#74b13a;
}

#about .historyBox dd{
	width:470px;
	float:left;
}


/*--- member ---*/
#about .memberBox {
	border-bottom: 1px dotted #96cc29;
	margin-bottom: 30px;
}

#about .memberBox + .memberBox{
	border-bottom: none;
	margin-bottom: 0;
}

#about .memberBox_L {
	float:left;
	width:330px;
}

#about .memberBox_R {
	float:right;
	width:330px;
}

#about .memberBox h3.post {
	font-size:14px;
	color:#96cc29;
	font-weight:normal;
}

#about .memberBox ul {
	margin-bottom:30px;
	overflow: hidden;
	line-height: 24px;
}


/*--- agreement ---*/
#about .agreementBox h3.agreement_tit {
	font-size:12px;
	font-weight: normal;
}

#about .agreementBox ul li {
	font-size:12px;
	margin-bottom:20px;
}


/*--- joiny ---*/
#about .joinyBox table {
	border-spacing: 0;
	border-collapse: separate;
  	/*border-spacing: 3px;
  	border: 1px;*/
	line-height: 28px;
}

#about .joinyBox th {
	border-collapse: collapse;
	background: url(../../images/about/joiny_bg1.gif) repeat;
	background-size: 105%;
	width:124px;
	vertical-align: top;
  	text-align: left;
  	padding: 22px 0 22px 8px;
	border-bottom: 3px solid #fff;
	border-right: 5px solid #fff;
}

#about .joinyBox td {
	border-collapse: collapse;
	background: url(../../images/about/joiny_bg2.gif) repeat;
	background-size: 30%;
	width:530px;
  	padding: 22px 10px 22px;
	border-bottom: 3px solid #fff;
}


/* =====================================
	plan
===================================== */

/*--- outline ---*/

#plan #outlineBox {
	background: url(../../images/plan/outline_img_1.gif) no-repeat center;
	height:205px;
	margin-bottom:100px;
}

#plan #outlineBox p{
	line-height:18px;
}

#plan #outlineBox p.txt{
	font-size:15px;
	color:#4d4d4d;
	font-weight:bold;
}

#plan #outlineBox #outlineBoxInner1{
	float:left;
	width:210px;
	text-align: center;
	padding:40px 10px 0 0;
}

#plan #outlineBox #outlineBoxInner1 p.tit{
	font-size:20px;
	color:#e86900;
	font-weight:bold;
	margin-bottom:32px;
}

#plan #outlineBox #outlineBoxInner2{
	float:left;
	width:218px;
	text-align: center;
	padding:40px 0 0 2px;
}

#plan #outlineBox #outlineBoxInner2 p.tit{
	font-size:20px;
	color:#0079c3;
	font-weight:bold;
	margin-bottom:32px;
}

#plan #outlineBox #outlineBoxInner2 p.txt span{
	letter-spacing:-1.5px;
}

#plan #outlineBox #outlineBoxInner3{
	float:left;
	width:205px;
	text-align: center;
	padding:40px 0 0 15px;
}

#plan #outlineBox #outlineBoxInner3 p.tit{
	font-size:20px;
	color:#2cac43;
	font-weight:bold;
	margin-bottom:32px;
}

#plan #outlineBox2{
	position:relative;
}

#plan #outlineBox2 p.img_comment{
	position: absolute;
	top:-22px;
	right:0;
	font-size:12px;
	padding: 0;
  	color: #4d4d4d;
  	text-align: right;
}

#plan #outlineBox2 .outlineBox2Inner1{
	background: url(../../images/plan/outline_bg.gif) repeat;
	margin-bottom:20px;
	width:328px;
	height:335px;
	float:left;
	position:relative;
}

#plan #outlineBox2 .outlineBox2Inner1 .plus{
	position:absolute;
	bottom:-24px;
	left:312px;
	z-index: 1;
}
/*--- 変更済み---*/
#plan #outlineBox2 h4{
	font-size:14px;
	font-weight:bold;
	color:#003321;
	border-bottom:1px solid #fff;
	padding:10px 0 0 20px;
}

/*--- 変更済み---*/
#plan #outlineBox2 p{
	font-size:13px;
	color:#364d45;
	padding: 0 20px;
}

#plan #outlineBox2 .outlineBox2Inner2{
	background: url(../../images/plan/outline_bg.gif) repeat;
	margin-bottom:20px;
	padding-bottom:10px;
	position:relative;
}

#plan #outlineBox2 .outlineBox2Inner2 .plus{
	position:absolute;
	bottom:-24px;
	left:312px;
	z-index: 1;
}

#plan p.linkBtn{
	background: url(../../images/common/arrow_green_2.png) no-repeat 0 50%;
	padding-left:1em;
	font-size:17px;
}


/*--- future ---*/

#plan #futureBox1 {
	position:relative;
	background: url(../../images/plan/plan_bg1.gif) repeat-y;
}

#plan #futureBox1 #main_tit {
	position:absolute;
	top:3px;
	left: 82px;
	text-align:center;
}

#plan #futureBox1 #main_tit p {
	font-size:20px;
	font-weight:bold;
	color:#231815;
	line-height: 16px;
}

#plan #futureBox1 #main_tit span#tit {
	font-size:12px;
	font-weight:bold;
	color:#39b54a;
	display: block;
	margin-bottom: -10px;
}

#plan #futureBox1 #main_tit p span#txt1 {
	font-size:15px;
}

#plan #futureBox1 #main_tit p span#txt2 {
	font-size:12px;
}

#plan #futureBox1 .future_img1{
	position:absolute;
	top:90px;
	right:0;
}

#plan #futureBox1 p{
	width:470px;
	padding:5px 0 15px 20px;
	font-size:12px;
	color:#000;
	line-height: 20px;
  	letter-spacing: .5px;
}

#plan .plan_equal {
	display:block;
	margin:10px auto 15px;
}

#plan #futureBox2 {
	background: url(../../images/plan/future_img_3.gif) no-repeat;
	height:204px;
}

#plan #futureBox2 p {
	padding: 40px 0 0 45px;
	font-size:14px;
	font-weight:bold;
	color:#231815;
}

#plan #futureBox2 p span {
	font-size:12px;
	font-weight:normal;
}

#plan .planBox2 .future_img4{
	position:absolute;
	top:48px;
	right:30px;
}

#plan .planBox2 .future_img5{
	position:absolute;
	bottom: -88px;
	right:0;
}

#plan .planBox2 .future_img6{
	position:absolute;
	top:90px;
	right:20px;
}

#plan .planBox2 .future_img7{
	position:absolute;
	top:352px;
	right:20px;
}

#plan .planBox2 .future_img8{
	position:absolute;
	bottom: -88px;
	right:0;
}







#plan .planBox2 .planBox2Inner p.txt{
	font-weight:normal;
	color:#4d4d4d;
	font-size:12px;
}

#plan .planBox2 .planBox2Inner p.green{
	font-weight:normal;
	color:#3aa935;
	font-size:12px;
}

#plan #futureBox3_tit{
	font-size:15px;
	font-weight:bold;
	text-align:center;
	padding:10px 0 5px;
}

#plan #futureBox3{
	background: url(../../images/plan/future_bg2.png) repeat-y;
	margin:0 20px;
	padding:20px;
	height:552px;
}

#plan #futureBox3 .box1{
	float:left;
	width:314px;
}

#plan #futureBox3 .box2{
	float:right;
	width:208px;
}

#plan #futureBox3 p.tit{
	color:#3aa935;
	margin-bottom:30px;
	font-weight:bold;
}

#plan .planBox2 .future_img9{
	position:absolute;
	top: 350px;
  	left: 30px;
}

#plan .planBox2 .future_img10{
	position:absolute;
	bottom: -100px;
	right:0;
}





/*---新規---*/

#plan .planBox3 {
	background: url(../../images/plan/plan_bg2.gif) repeat-y;
	position:relative;
	margin-bottom:20px;
	padding-bottom: 20px;
}



#plan .planBox3 .planBox2Inner2{
	padding: 10px 0 0 20px;
	width:620px;
}





#plan .planBox3 div.planBox2Inner2 h5{
	font-size:14px;
	color:#000;
	font-weight:bold;
	margin-top:25px;
	


}

#plan .planBox3 div.planBox2Inner2 p{
	font-size:12px;
}

#plan .planBox3 ul.planBox2Inner2{

	font-size:14px;
	color:#000;
	font-weight:bold;
	line-height:22px;
}

#plan .planBox3 ul.planBox2Inner2 li.list_tit{
	font-size:14px;
	list-style-type: none;
	margin-left:0;
	color:#333;
	font-weight:bold;
}

#plan .planBox3 ul.planBox2Inner2 li{
	width:590px;
	list-style-type: disc;
	font-size:12px;
	color:#000;
	margin-left: 30px;
	font-weight:normal;
}





#plan .planBox3 ul.planBox2Inner li.list_tit{
	font-size:14px;
	list-style-type: none;
	margin-left:0;
	color:#333;
	font-weight:bold;
}

#plan .planBox3 ul.planBox2Inner li{
	list-style-type: disc;
	font-size:12px;
	color:#000;
	margin-left: 30px;
	font-weight:normal;
}




#plan .planBox3 .future_img7{
	position:absolute;
	top:60px;
	right:20px;
}


#plan .planBox2 .future_img_14{
	position: absolute;
	bottom: -84px;
	right: 1px;
}

#plan .planBox3 .planBox2Inner2 p.txt{
	font-weight:normal;
	color:#4d4d4d;
	font-size:12px;
	margin:12px 0px 0px 15px;
	
}




#plan .planBox2 .planBox2Inner{
	padding: 10px 0 0 20px;
	width:480px;
}



h2.new{
	margin-bottom:15px;
    font-size:16px;
  	font-weight: bold;
  	color: #00a5a6;
}



/*---新規ここまで---*/






/*--- theme01 ---*/

#plan ul.planList_1 {
	letter-spacing: 1px;
}

#plan ul.planList_1 li {
	background: url(../../images/plan/plan_circle_black.png) no-repeat 0 4px;
	padding-left:1em;
	font-size:14px;
	color:#000;
}

#plan .planBox1 {
	background: url(../../images/plan/plan_bg2.gif) repeat-y;
	padding:40px 20px 20px;
	position:relative;
}

#plan .planBox1 .aroundOsaki{
	position:absolute;
	top:0;
	left:0;
}

#plan ul.planList_2 {
	float:left;
}

#plan ul.planList_2 li {
	background: url(../../images/plan/plan_circle_orange.png) no-repeat 0 4px;
	padding: 0 0 .5em 1em;
	font-size:12px;
	color:#000;
	width:310px;
}

#plan p.img_comment {
	float: right;
  	text-align: center;
  	width: 272px;
	font-size:12px;
	color:#000;
}

#plan .plan_arrow_down {
	display: block;
  	margin: 0 auto 10px;
}




#plan .planBox2 {
	background: url(../../images/plan/plan_bg2.gif) repeat-y;
	position:relative;
	margin-bottom:120px;
	padding-bottom: 20px;
}







#plan .planBox2 div.planBox2Inner h5{
	font-size:14px;
	color:#000;
	font-weight:bold;
}

#plan .planBox2 div.planBox2Inner p{
	font-size:12px;
}

#plan .planBox2 ul.planBox2Inner{
	font-size:14px;
	color:#000;
	font-weight:bold;
	line-height:22px;
}

#plan .planBox2 ul.planBox2Inner li.list_tit{
	font-size:14px;
	list-style-type: none;
	margin-left:0;
	color:#333;
	font-weight:bold;
}

#plan .planBox2 ul.planBox2Inner li{
	list-style-type: disc;
	font-size:12px;
	color:#000;
	margin-left: 30px;
	font-weight:normal;
}














#plan .planBox2 .theme01_img1{
	position:absolute;
	top:90px;
	right:30px;
}

#plan .planBox2 .theme01_img2{
	position:absolute;
	bottom: -88px;
	left:0;
}

#plan .planBox2 .theme01_img3{
	position:absolute;
	top:128px;
	right:30px;
}

#plan .planBox2 .theme01_img4{
	position:absolute;
	bottom: -88px;
	left:0;
}





/*--- theme02 ---*/

#plan ul.planList_3 li {
	background: url(../../images/plan/plan_circle_orange.png) no-repeat 0 4px;
	padding:0 0 1em 1em;
	font-size:12px;
	color:#000;
	width:610px;
}

#plan .plan_photoBox {
	padding-top:5px;
	margin: 0 auto;
  	width: 620px;
}

#plan .plan_photoBox img {
	float:left;
	margin-left:13px;
}

#plan .plan_arrow_down2 {
	position:absolute;
	top:488px;
	left:308px;
}

#plan .planBox2 .theme02_img1{
	position:absolute;
	top:100px;
	right:20px;
}

#plan .planBox2 .theme02_img2{
	position:absolute;
	bottom: -88px;
	right:0;
}

#plan .planBox2 .theme02_img3{
	position:absolute;
	top:50px;
	right:30px;
}

#plan .planBox2 .theme02_img4{
	position:absolute;
	bottom: -88px;
	right:0;
}


/*--- system ---*/

#plan .systemBox {
	position:relative;
}

#plan .systemBox h2{
	position:absolute;
	top:58px;
	left:252px;
}

#plan .systemBox ul{
	position:absolute;
	top:88px;
	left:60px;
	width:558px;
}

#plan .systemBox ul li{
	list-style-type: disc;
	font-size:11px;
	color:#000;
	margin-left: 10px;
	letter-spacing: .5px;
	line-height: 18px;
}


/* =====================================
	activityinformation
===================================== */

/*--- report ---*/

#activityinformation h3 {
	background: url(../../images/activityinformation/report_bk.gif) repeat;
	padding:8px 10px 5px;
	margin-bottom:30px;
}

#activityinformation .reportBox1 {
	background: url(../../images/activityinformation/report_bk2.gif) repeat;
	margin-bottom:40px;
	border:3px solid #d9e021;
	padding:10px 20px 20px;
	line-height: 24px;
}

#activityinformation .reportBox1 ol {
	padding-left: 5em;
	list-style-type: decimal;
}

#activityinformation .reportBox1 ol li span {
	display:block;
	
	
}

#activityinformation .reportBox2 {
	margin-bottom:110px;
}



/*--- reportBox3（新規） ---*/



#activityinformation .reportBox3 {
	background: url(../../images/activityinformation/report_bk2.gif) repeat;
	margin-bottom:40px;
	/*border:3px solid #d9e021;*/
	padding:10px 20px 20px;
	line-height: 24px;
}

#activityinformation .reportBox3 ol {
	padding-left: 5em;
	list-style-type: decimal;
}

#activityinformation .reportBox3 ol li span {


	display:block;
}


/*--- reportBox4（新規） ---*/

#activityinformation .reportBox4 {
	background: url(../../images/activityinformation/report_bk2.gif) repeat;
	margin-bottom:40px;
	border:3px solid #d9e021;
	padding:10px 20px 20px;
	line-height: 24px;

}


#activityinformation .reportBox4 li a {
	color:#00008b;


}


#activityinformation .reportBox4 ol {
	padding-left: 5em;
	list-style-type: decimal;
}



#activityinformation .reportBox4 ol li span {
	display:block;

}



/*--- megurogawa（新規） ---*/


#activityinformation .olddaysBox {
	margin-bottom:60px;
}

#activityinformation .olddaysBox p{
	font-size:14px;
	width:400px;
	float:left;
}

#activityinformation .olddaysBox p span{
	font-size:10px;
}

#activityinformation .olddaysBox img{
	float:right;
}

#activityinformation .olddaysBox2 {
	margin-bottom:20px;
}

#activityinformation .olddaysBox2 img{
	float:left;
	margin-right:20px;
	padding:0 10px 0 8px;
}

#activityinformation .olddaysBox2 ul{
	float:left;
}

#activityinformation .olddaysBox2 ul li{
	background: url(../../images/common/arrow_green_1.png) no-repeat 0 50%;
	padding-left:1.5em;
	line-height:30px;
}



/* =====================================
	column
===================================== */

/*--- likeosaki ---*/


#column h3 {
	background: url(../../images/column/column_bk.gif) repeat;
	padding:8px 10px 5px;
	margin-bottom:30px;
}

#column .reportBox1 {
	background: url(../../images/activityinformation/report_bk2.gif) repeat;
	margin-bottom:40px;
	border:3px solid #d9e021;
	padding:10px 20px 20px;
	line-height: 24px;
}

#column .reportBox1 ol {
	padding-left: 5em;
	list-style-type: decimal;
}

#column .reportBox1 ol li span {
	display:block;
}

#column .reportBox2 {
	margin-bottom:60px;
}







/*--- olddays ---*/

#column .olddaysBox {
	margin-bottom:60px;
}

#column .olddaysBox p{
	font-size:14px;
	width:400px;
	float:left;
}

#column .olddaysBox p span{
	font-size:10px;
}

#column .olddaysBox img{
	float:right;
}

#column .olddaysBox2 {
	margin-bottom:20px;
}

#column .olddaysBox2 img{
	float:left;
	margin-right:20px;
	padding:0 10px 0 8px;
}

#column .olddaysBox2 ul{
	float:left;
}

#column .olddaysBox2 ul li{
	background: url(../../images/common/arrow_green_1.png) no-repeat 0 50%;
	padding-left:1.5em;
	line-height:30px;
}


/* =====================================
	other
===================================== */

/*--- news ---*/
#newsBox dl{
	overflow:hidden;
	border-bottom:1px dotted #c8e021;
	padding:10px 0px;
}

#newsBox dl.topline{
	border-top:1px dotted #c8e021;
}

#newsBox dt{
	background: url(../../images/common/arrow_green_1.png) no-repeat center left;
	padding:0 0 0 30px;
	width:100px;
	float:left;
	font-size:14px;
	color:#ec8f26;
}

#newsBox dd{
	width:490px;
	float:left;
	font-size:14px;
}


/*--- link ---*/
#linkBox li a{
	background: url(../../images/common/arrow_green_1.png) no-repeat 0 50%;
	padding-left:2em;
	font-size: 17px;
	line-height: 38px;
}


/*--- privacypolicy ---*/
#privacyBox p{
	font-size:12px;
	margin-bottom:30px;
}

#privacyBox .privacy_tit{
	font-size:14px;
}



/*--- ※sitepolicy追加（プライバシーと同じcss） ---*/

#siteBox p{
	font-size:12px;
	margin-bottom:30px;
}

#siteBox .privacy_tit{
	font-size:14px;
}









/*--- sitemap ---*/
.sitemapBox {
	margin-bottom:50px;
}

.sitemapBox .sitemapBoxInner{
	float:left;
	width:250px;
	margin-right:60px;
}

.sitemapBox h2{
	font-size:15px;
	border-bottom:1px dotted #4d4d4d;
	margin-bottom:10px;
	padding-bottom:10px;
}

.sitemapBox h2.link{
	background: url(../../images/common/arrow_green_1.png) no-repeat 0 25%;
	padding-left: 2em;
}

.sitemapBox ul{
	/*float:left;
	width:250px;
	margin-right:60px;*/
}

.sitemapBox ul li{
	background: url(../../images/common/arrow_green_1.png) no-repeat 0 50%;
	padding-left: 2em;
	line-height:37px;
}