/******************** common */
#page-wrapper{
	width: 760px;
	margin: 0 auto;
	font-size: 15px;
	color: #47372c;
	font-family: 'ヒラギノ丸ゴ Pro W3','Hiragino Maru Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

a:hover{
	opacity: 0.8;
}

#page-wrapper img{
	width: 100%;
}

#page-wrapper .pw20{
	padding:0 20px;
}

#page-wrapper .pw40{
	padding:0 40px;
}

#page-wrapper .pt20{
	padding-top: 20px;
}

#page-wrapper .pb40{
	padding-bottom: 40px;
}

/************** header */
#page-wrapper h2 img{
	width: 100%;
}

#page-wrapper .header-comment{
	width:95%;
	margin: 1em auto 1em;
}

#page-wrapper .header-comment img{
	width: 100%;
}

#page-wrapper .header-comment p{
	width: 560px;
	position: absolute;
	top:50px;
	left:45px;
}



/********************* contents */

#page-wrapper .contents{
	border-radius: 30px;
	position: relative;
	padding:20px 0;
}

#page-wrapper .contents table{
	width:100%;
	margin:auto;
}

#page-wrapper .contents td{
	padding:0.5em 5px;
}

#page-wrapper .contents img{
	width:99%;
}

hr{
	border:none;
	border-top: 1px dashed #47372c;
	width:625px;
	position: absolute;
	right:0;
}

#page-wrapper .contents .hr0{
	top:10px;
}

#page-wrapper .contents .hr1{
	top:75px;
}

#page-wrapper .contents .hr2{
	top:140px;
}

#page-wrapper .contents .hr3{
	top:200px;
}

#page-wrapper .contents .hr4{
	top:265px;
}

/***************************** contents01 */

#page-wrapper .back01{
	background-image: url(./images/contents01-back-sp.jpg);
	background-size: cover;
	position: relative;
	z-index: -10;
}

#page-wrapper .red{
	background-image: url(./images/contents01-top-sp.jpg);
	background-size: cover;
}

#page-wrapper .position{
	position: absolute;
	width:340px;
	top:10%;
	right:3%;
}

#page-wrapper .green{
	background-image: url(./images/contents02-top-sp.jpg);
	background-size: cover;
}

#page-wrapper .back02{
	background-image: url(./images/contents02-back-sp.jpg);
	background-size: cover;
	position: relative;
	z-index: -10;
}

#page-wrapper .pink{
	background-image: url(./images/contents03-top.jpg);
	background-size: cover;
}

#page-wrapper .back03{
	background-image: url(./images/contents03-back-sp.jpg);
	background-size: cover;
	position: relative;
	z-index: -10;
}

#page-wrapper .blue{
	background-image: url(./images/contents04-top.jpg);
	background-size: cover;
}

#page-wrapper .back04{
	background-image: url(./images/contents04-back-sp.jpg);
	background-size: cover;
	position: relative;
	z-index: -10;
}

#page-wrapper .back05{
	background-image: url(./images/contents05-back-sp.jpg);
	background-size: cover;
	position: relative;
	z-index: -10;
}