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


/*2カラムコンテンツのサイズ*/

.article {
	height: 2500px;/*中身の高さはここを変える*/
	width: 930px;
	margin:0 auto;
	padding:20px 0 0 20px;
	background-color:#FFF;
	position: relative;
}

.main {
	float:left;
	width:630px;
	height:2500px;/*中身の高さはここを変える*/
	padding-left:30px;
	background-color:#FFF;
}

.sub {
	float:right;
	width:270px;
	height:2500px;/*中身の高さはここを変える*/
	background-color:#FFF;
}


/*ここからページ毎の内容のスタイル*/

#profile {
	/*background:url(../images/cork_yoko.jpg) no-repeat;
	background-size: 600px 500px;*/
	width: 600px;
	height: 500px;
	margin: 20px 0 30px 10px;
	/*padding: 35px 0 0px 10px;*/
}

#info-paper {
	width: 542px;
	height :414px;
	/*background:url(../images/info-paper.jpg) no-repeat;
	background-size: 542px 414px;*/
	margin: 10px 0 0 20px;
}

#greeding {
	background:url(../images/cork.jpg) no-repeat;
	background-size: 600px 800px;
	width: 600px;
	height: 800px;
	margin: 20px 0 30px 10px;
	padding: 35px 0 0px 10px;
}

#greeding-paper {
	background:url(../images/greeding-paper.jpg) no-repeat;
	background-size: 550px 523px;
	width: 550px;
	height: 523px;
	margin: 0px 0 30px 15px;
	padding: 15px 0 0px 10px;
	position:relative;
}

#history {
	position: absolute;
	left: 401px;
	top: 2151px;
	background: url(../images/history-paper.jpg) no-repeat;
	height: 218px;
	width: 234px;
	padding: 15px 0 0px 10px;
}

#blog {
	position: absolute;
	left: 96px;
	top: 2212px;
	background: url(../images/blog-paper.jpg) no-repeat;
	height: 236px;
	width: 275px;
	padding: 15px 0 0px 10px;
}


#f0 {
	margin: 70px 0 30px 0px;
}

#f1 {
	position: absolute;
	left: 50px;
	top: 306px;
	width: auto;
	height: 30px;
}

#f2 {
	position: absolute;
	left: 51px;
	top: 1770px;
}

#f3 {
	position: absolute;
	left: 49px;
	top: 1798px;
}

#f4 {
	position: absolute;
	left: 88px;
	top: 1828px;
	height: 531px;
	width: 536px;
}

#f5 {
	padding: 0 250px 20px 250px;
}

#f6 {
	float:left;
	margin: 40px 0 0 40px;
}

#f7 {
	margin-top:15px;
	margin-left: 20px;
	width: 248px;
	height: auto;
	float:left;
}

#f8 {
	position: absolute;
	left: 179px;
	top: 2143px;
	width: 189px;
	height: auto;
}

#f9 {
	position: absolute;
	left: 110px;
	top: 15px;
}

#f10 {
	position: absolute;
	left: 419px;
	top: 2166px;
	height: 218px;
	width: 234px;
}

#f11 {
	position: absolute;
	left: 30px;
	top: 60px;
}

#f12 { /*　フランティアからのお知らせ　*/
	position: absolute;
	left: 51px;
	top: 2736px;
}

#f13 {
	position: absolute;
	left: 113px;
	top: 2319px;
	width: 274px;
	height: 237px;
}

#f14 {
	position: absolute;
	left: 129px;
	top: 11px;
}

#f15 {
	position: absolute;
	left: -13px;
	top: 44px;
	width: 300px;
	height: 186px;
}

#f16 {
	position: absolute;
	left: 52px;
	top: 783px;
}

#f17 {
	position: absolute;
	left: 59px;
	top: 814px;
}

#f18 {
	margin: 40px 0 0 30px;
}

#f19 {
	margin-top:20px;
	margin-left: 250px;
}

#f20 {
	margin-top:0px;
	margin-left:0px;
	/*width: 488px;
	height: 332px;*/
	width: 550px;
	height: 482px;
	overflow: auto;
	/*background-color:#f5fffa;*/
	border: 1px solid #00bfff;
	padding: 5px 25px;
	
}


	

#f21 {
	position: absolute;
	left: 75px;
	top: 744px;
}

#f22 { /* 安い！のテキストボックス */
	margin-top: 20px;
	margin-bottom: 30px;
	width: 262px;
	height: 380px;
	padding: 20px;
	background-image: url(../images/background/kabe_shima26.gif);
	border-bottom-left-radius: 25px;
	float:left;
}

#f23 {
	position: absolute;
	left: 52px;
	top: 1014px;
}

#f24 {
	position: absolute;
	left: 78px;
	top: 1029px;
}

#f25 { /* 早い！のテキストボックス */
	margin: 20px 0 30px 20px;
	width: 262px;
	height: 380px;
	padding: 20px;
	background-image: url(../images/background/kabe_shima26.gif);
	border-bottom-left-radius: 25px;
	float:left;
}

#f26 {
	margin: 0px 0 30px 0px;
}

#f27 { /*　フランティアからのお知らせコルクボード　*/
	position: absolute;
	left: 50px;
	top: 1769px;
}

#f28 { /*　フランティアからのお知らせボックス　*/
	position: absolute;
	left: 476px;
	top: 1851px;
	width: 131px;
	height: auto;
}

#f29 {
	position: absolute;
	left: 453px;
	top: 1807px;
	width: 171px;
	height: 161px;
}

#f30 {
	position: absolute;
	left: 465px;
	top: 2028px;
	width: 156px;
	height: auto;
}

#f31 {
	position: absolute;
	left: 441px;
	top: 1992px;
	height: 132px;
}

#f300 {
	position: absolute;
	left: 526px;
	top: 1818px;
}

#f301 {
	position: absolute;
	left: 530px;
	top: 1997px;
}

#f33 {
	position: absolute;
	left: 102px;
	top: 1903px;
}

#f34 {
	position: absolute;
	left: 89px;
	top: 1808px;
	width: 327px;
	height: 367px;
}

#f35 {
	position: absolute;
	left: 245px;
	top: 1817px;
}

#f36 {
	position: absolute;
	left: 118px;
	top: 1843px;
}

#social {
	margin-left: 10px;
}
/*ここまでページ毎の内容のスタイル*/