@charset "utf-8";



/*全端末（PC・タブレット・スマホ）共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*トップページのスライドショー
---------------------------------------------------------------------------*/
#viewer {
	margin: 0 auto;
	width: 980px;
	height: 400px;
	text-align: left;
	position: relative;

    background-color:#FFFFFF;
}

#viewer img {
	top: 0;
	left: 0;
	position: absolute;
}


.flow {
	margin:20px 50px;
	padding:10px;
}

.flow img {
	margin:10px auto;
}


/*リスト　氏名 */
.lname {
	color:#000;
	font-size: 16px;
	font-weight:bold;
	margin: 2px auto;
	padding: 0px;
}

/*リスト　社名 */
.lcorp {
	font-weight:bold;
	margin: 2px auto;
	padding: 0px;
}


td.dc1 {
	width: 100px;
	padding:10px;
	text-align: center;
}


/*必須アイコン*/
.imust {
	display: inline-block;
	margin: 0px 5px;
	font-size: 10px;	/*文字サイズ*/
	padding: 0 2px;		/*ボックス内の余白*/
	border-radius: 2px;	/*角丸のサイズ*/

	border: 1px solid #a21e1e;	/*枠線の幅、線種、色*/
	background: #d42a2a;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#d42a2a, #a21e1e);	/*グラデーション*/

	color: #fff;	/*文字色*/
}


/* for message clipmail用*/
p.msg {
	color: #dd0000;
	margin: 2em;
}
span.msg {
	color: #dd0000;
}




/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){




/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){

td.dc1 {
	width: 80px;
	padding:5px;
	text-align: right;
}


}