@charset "UTF-8";


body{
	background: #f0f0f0;
}


#main{
	width: 800px;
	margin: 0 auto;
	padding: 20px 35px 20px 35px;	/* border-boxだからpadding含めて920、中身は850 */
	text-align: left;
}


/* ---------------------テキスト設定--------------------- */


/* 本文 */
.text{
	color: #555;
	font-size: 1.7rem;
}

.texttitle {
	width:auto;
	height:500px;
	display:block;
	margin:10px 20px 40px auto;
}

.texttitle_small {
	width:auto;
	height:300px;
	display:block;
	margin:110px 20px 140px auto;
}


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


/* フッタのリンク（下線なし処理） */
a:link{
	color: #555;
	text-decoration: none;
	position: relative;
}
a:visited{
	color: #555;
	text-decoration: none;
	position: relative;
}
a:hover{
	color: #555;
	text-decoration: none;
	position: relative;
}
a:activ{
	color: #555;
	text-decoration: none;
	position: relative;
}


/* フッタのリンク（下線処理） */

a.back:before{
	content: '';
	position: absolute;
	display: inline-block;
	bottom: -1px; /*線の上下位置*/
	width: 100%; /*線の長さを要素にあわせる*/
	border-bottom: 2px solid #555;
}
a.back:hover:before{
	content: '';
	position: absolute;
	display: inline-block;
	bottom: -1px; /*線の上下位置*/
	width: 100%; /*線の長さを要素にあわせる*/
	border-bottom: 0px solid #fff;
}



/* ---------------------レスポンシブ--------------------- */

/* 小さめ */
@media screen and (max-width: 600px)
{

.text{
	color: #555;
	font-size: 1.5rem;
}

.texttitle {
	width:auto;
	height:300px;
	display:block;
	margin:10px 20px 20px auto;
}

.texttitle_small {
	width:auto;
	height:200px;
	display:block;
	margin:60px 20px 70px auto;
}

}