@charset "utf-8";

/* ========================================================
 *
 *		ROVAL Contact Style Sheet	
 *
 *		version	: 1.0
 *		update	: 2009/06/03
 *
 ========================================================*/

/* =====================================
	お問い合わせフォーム
===================================== */
.cont_form p,
.cont_form table {
	font-size: 120%;
}


.cont_form input,
.cont_form textarea {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 100%;
}

.cont_form input {
	margin-bottom: 5px;
}

.cont_form table {
	margin: 30px 0;
}

#contact_form {
	width: 100%;
	margin: 15px auto 30px;
}

.cont_form th,
.cont_form td {
	padding: 15px;
	border: solid 1px #a6a6a6;
}

.cont_form th {
	vertical-align: top;
	font-size: 116%;
}

.cont_form th .attn {
	font-weight: bold;
}

.cont_form th span {
	font-size: 91%;
	font-weight: normal;
}

span.ml-05 {
	margin-left: -0.5em !important;
}

.cont_form table .bg_green {
	background: #f5fafa;
}

fieldset {
	display: inline;
	margin: 0;
	padding: 0;	
	border: none;
}

#contact_guide {
	margin-top: 30px;
	padding: 20px;
	font-size: 120%;
	border-top: solid 1px #a0a0a0;
}


/* =====================================
	見出し
===================================== */
h3 {
	margin: 0 0 20px;
	padding: 5px 0 5px 15px;
	font-size: 140%;
	font-weight: bold;
	background: url(../images/ttl_level3.gif) no-repeat left top;

}

/* =====================================
	汎用Class
===================================== */
.box180 {
	width: 180px;
}

.box570 {
	width: 570px;
}

.box375 {
	width: 375px;
	font-size: 120%;
}

.box180 dl {
	padding: 5px 0 0;
}

.mr15 {
	margin-right: 15px;
}

.mb30 {
	margin-bottom: 30px;
}


dt.ttl a {
	padding: 0.25em 0 0.25em 10px;
	font-size: 140%;
	font-weight: bold;
	background: url(../images/arrow_01.gif) no-repeat left center;
}

dd.desc {
	font-size: 120%;
}

span.attn {
	/*font-family: monospace, sans-serif;*/
	font-weight: normal;
	color: #ED171F;
}

table span.attn {
	margin-left: 0.5em;
}

.txt40 {
	width: 40px;
}



.txt150 {
	width: 150px;
}

.txt300 {
	width: 300px;
}

.txt400 {
	width: 400px;
}



/* =====================================
	クラス指定しないボックス用フロート対策
===================================== */
.newslist:after,
.newsdetail .text:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
.newslist,
.newsdetail .text {
	display: inline-block;
}
/* Hide for MacIE \*/
* html .newslist,
* html .newsdetail .text {
	height: 1%;
}
.newslist,
.newsdetail .text {
	display: block;
}
/**/