@charset "utf-8";


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------

  このsample.cssはサンプルページ専用のCSSですので、好みのデザインをご自身でCSSによって作ることができる方には必要ありません。
  極端な話、このCSSが無かったとしてもコンテンツ・メーカーは正常に動作します。
  
  もし新着情報エリアのCSSだけ必要な場合( 既存のサイトに組み込んだ時など )は、以下にある div#contents-maker-news に関する部分だけを使用すればOKです。

------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font: inherit;
	box-sizing: border-box;
}






/* -- .sample-class ----------------------------------------------------------------------- */

.sample-class {
	width: 1300px;
	background: #ffffff;
	margin-top: -70px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;	
	
}

.sample-class h2 {
	
	font-size: 135%;
	border-bottom: 1px solid #999;
	color: #666;
	margin-bottom: 10px;
	
}

.sample-class p {
	line-height: 150%;	
}







/* -- div#contents-maker-news ----------------------------------------------------------------------- */

div#contents-maker-news * {
	width: 100%;
	padding: 0;
	box-sizing: content-box;
	margin-right: 0;
	margin-left: 0;
	line-height: 150%;	
}


div#contents-maker-news div.cm-box {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	margin-bottom: 15px;
	padding-bottom: 15px;	
}

div#contents-maker-news dl dt {
	font-weight: bold;
	margin: 0 0 3px;
}








/* -- responsive ----------------------------------------------------------------------------------------------------------------------- */

/* 1000pixel start */
@media screen and ( max-width: 1000px ) {


.sample-class {
	width: 100%;
	padding: 20px 5%;
}


}
/* 1000pixel end */