@charset "utf-8";

#contents {
	margin: 0 auto;
	float: none
}
/* メインメニュー */
#contents a {
	display: block;				/* ブロック要素 */
	text-decoration: none;		/* リンクの下線を消す */
}
h1 {
	width: 630px;
	margin: 10px auto 0px auto;
	font-size: 24px;
	color: #FFFFFF;
	border: solid 2px #C00;
	font-weight: bold;
	text-decoration: none;
	padding:3px 0px 0px 5px;
	line-height: 140%;
	background: repeating-linear-gradient( orange,red)
}
/* プランラッパー */
.plan_wrapper {
	width: 650px;
	overflow: hidden;
	margin: 1px auto 10px auto;
}
/* プランindex */
.planindex {
	width: 300px;				/* 横幅 */
	height: 180px;				/* 高さ */
	margin: 1px;				/* マージン */
	text-align: left;			/* センタリング */
	border: 1px #ff8000 solid;	/* 枠線 */
	padding: 10px;				/* 余白 */
	font-size: 12px;			/* フォントサイズ */			
	float: left;
}
/* プランindexリンク */
.planindex a {
	color: #4B2500;				/* 文字色 */
}
h2 {
	font-size: 16px;
	font-weight: bold;					/* フォント太さ */
	border-bottom: solid #C01F22 2px;
}
h3 {
	font-size: 15px;
	margin: 10px;			/* マージン */
}
/* リンクの文字色 */
a {
color: #4B2500;
}
/* ====================スマホに適用するCSS==================== */
@media screen and (max-width:767px)
{
h1 {
		width: 96%;
	}
/* スライダーボックス */
.slidebox {
		width: 96%;
		margin: 0 auto;
	}
/* プランラッパー */
.plan_wrapper {
	width: 90%;
}
/* プランindex */
.planindex {

	width: 90%;
	font-size: 16px;			/* フォントサイズ */			
	float: none;
}
}