@charset "utf-8";

/* 中央ペイン
------------------------------------------------------------*/
#content {
width:1080px;
margin:0 auto;
}

/* 見出し
------------------------------------------------------------*/
h2#main_header {
text-align:center;
margin:30px auto;
font-size:25px;
font-size:2.5rem;
color:#800000;
font-weight:bold;
line-height:1.2;
}

.notice{
width:600px;
padding:15px 20px 10px;
color:#000066;
background:#f5f5f5;
border-radius:8px;
margin:30px 0 30px;
}

img.oem_image {
float:right;
margin-left:10px;
}

.step{
width:400px;
text-align:center;
margin:0 auto;
padding:5px 10px;
font-size:20px;
font-size:2.0rem;
font-weight:bold;
color:#000080;
border:solid 1px #000080;
background:#F5F5DC;
border-radius:5px;
}
.step_no{
font-size:20px;
font-size:2.0rem;
font-weight:bold;
color:#000080;
padding-right:5px;
text-shadow:1px 1px 0 #ccc;
vertical-align:middle;
}
.step_arrow {
width:0;
height:0;
border-top:20px solid #FFA018;
border-right:40px solid transparent;
border-bottom:20px solid transparent;
border-left:40px solid transparent;
margin:5px auto -10px;
}

.que_oem_link{
width:600px;
text-align:center;
padding:10px 5px;
margin:0 auto 50px;
border:2px solid #800000;
border-radius:5px;
background:#EEE;
background:-moz-linear-gradient(top,#fff 0%,#eee);
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
cursor:pointer;
}
.que_oem_link a{
color:#800000;
text-decoration:none !important;
font-weight:normal;
font-size:20px;
font-size:2.0rem;
line-height:1;
}
.que_oem_link a:hover{
color:#800000;
text-decoration:underline !important;
}

.nda{
padding:15px 15px 10px;
color:#000066;
background:#f5f5f5;
border:1px solid #99CC99;
border-radius:8px;
margin:50px 20px 10px;
}


/* メインメニュー PC用
------------------------------------------------------------*/
@media only screen and (max-width:1080px){
	#content {
	width:96%;
	margin:0 auto;
	padding:10px 0;
	}

	img.oem_image {
	float:none;
	margin-top:10px;
	}
}

/* 幅660px以下から
------------------------------------------------------------*/
@media only screen and (max-width:660px){

	.notice{
	width:96%;
	}
	.que_oem_link{
	width:96%;
	}

}

/* 幅420px以下から
------------------------------------------------------------*/
@media only screen and (max-width:420px){

	img.oem_image {
	margin-left:0;
	}
	.step{
	width:96%;
	}
}