/* common.css */

/* 初期設定のリセット */

/* *:ユニバーサルセレクタ */
*{
	margin: 0;
	padding: 0;
}

/* タグ:要素セレクタ(タイプセレクタ) */
body{
	color: #000;
	font-size: 1.9em;
	text-align: center;
	background-color: #FFF;
	background-position: top center;
}

a{
	color: #00F;
}

p{
	font-size: 1em;
	color:#000
}


/* hr# : idセレクタ */
/*===========================================================================*/
hr#pink{
	border-top: 5px solid #ff1493;
	margin: 10px 0 10px 0;
}
hr#blue{
	border-top: 5px solid #00ffff;
	margin: 10px 0 10px 0;
}
hr#glay{
	border-top: 5px solid #808080;
	margin: 10px 0 10px 0;
}


/* h1 */
/*===========================================================================*/
h1{	/*「SATRIA HEROES」FAQ*/
	font-size: 3vw;
	margin:auto
}


/* div# : idセレクタ */
/*===========================================================================*/

@media screen and (min-device-width: 250px) {
	div#header_image{
		width: 30vh;
		height: 10vw;
		
		margin-left: auto;
		
		background-color: #FFF;
		background-image: url("../images/CM_logo00.png");
		
		background-size: 100% 100%;
	}
}
@media screen and (min-device-width: 500px) {
	div#header_image{
		width: 30vw;
		height: 10vh;
		
		margin-left: auto;
		
		background-color: #FFF;
		background-image: url("../images/CM_logo00.png");
		
		background-size: 100% 100%;
	}
}


div#header{
	width: 100%;
	height: 25px;
	background-color: #FFF;
	background-image: url("../images/faq_bg01.png");
	background-size: 100% 100%;
}


/*===========================================================================*/
/* clearfixの設定 */

.clearfix:after{
	content: "";
	display: block;
	clear: both;
}


/* # : idセレクタ */
/* . : classセレクタ */