@charset "utf-8";

/* ========================================================
 *
 *		ROVAL Download Style Sheet	
 *
 *		version	: 1.0
 *		update	: 2009/06/04
 *
 ========================================================*/
 

.cont_download p {
	font-size: 120%;
}

.txt_ttl {
	margin: 0 0 15px;
	padding: 0 0 5px;
	border-bottom: solid 1px #bebebe;
}

/* =====================================
	ダウンロードボックスA-1
===================================== */
.dl_box_01 {
	padding: 15px 0;
}

.img_border img {
	display: block;
	padding: 15px 26px;
	border: solid 1px #bebebe;	
}


.dl_ttl {
	margin-bottom: 15px;
	padding: 5px 0;
	text-indent: 5px;
	font-size: 140%;
	font-weight: bold;
	background: url(../images/dl_ttl_bg.gif) repeat-x left bottom;
}

.dl_ttl span.small {
	padding: 3px 5px 0 0;
	color: #787878;
	font-weight: normal;
}

.dl_desc {
	font-size: 120%;
}

.dl_pdf {
	padding: 10px 0;
	font-size: 120%;
	border: solid #bebebe;
	border-width: 1px 0;
}

.dl_pdf span {
	display: block;
	line-height: 33px;
}

.dl_pdf a,
.pdf_link {
	display: block;
	padding-left: 40px;
	line-height: 33px;
	font-size: 92%;
	background: url(../images/icon_pdf.gif) no-repeat left center;
}

.dl_print {
	padding: 5px 0;
	text-align: right;
}

.dl_print a {
	padding: 0 0 0 8px;
	background: url(../images/arrow_01.gif) no-repeat left center;
}

.bb {
	border-bottom: solid 1px #dcdcdc;
}

/* =====================================
	ダウンロードボックスA-2
===================================== */
.dl_box_02 {
	padding: 0;
	font-size: 120%;
	border: solid #bebebe;
	border-width: 1px 1px 0;
}

.dl_box_02 dt {
	padding: 10px 10px 10px;
	font-size: 120%;
	font-weight: bold;
}

.dl_box_02 dd {
	padding: 0 10px 10px;
	border-bottom: solid 1px #bebebe;
}


/* =====================================
	ダウンロードボックス02
===================================== */

.box02 {
	background: url(../images/box02_bg.gif) repeat-y left top;
}

.box02 .box_inner {
	padding: 10px 0 0;
	background: url(../images/box02_bg_top.gif) no-repeat left top;
}

.box02 .box_inner div {
	padding: 0;
	background: none;
}

.box02 .box_inner .box_child {
	padding: 0 0 4px;
	text-align: center;
	background: url(../images/box02_bg_bottom.gif) no-repeat left bottom;
}

.box02 .left {
	width: 72px;
}

.box02 .right {
	width: 108px;
}

.box02 dt {
	margin-bottom: 10px;
	letter-spacing: -1px;
	font-size: 100%;
	font-weight: bold;
}

.box02 dd a {
	line-height: 1.2;
	font-size: 92%;
}

.box02 dd a img {
	margin: 0 0 5px;
}


/* =====================================
	汎用Class
===================================== */
.box570 {
	width: 570px;
}

.box375 {
	width: 375px;
}

.box180 {
	width: 180px;
}

.box_inner {
	background: url(../images/box_bg.gif) repeat-y left top;
}

.box_inner div {
	padding: 10px;
	font-size: 110%;
	background: url(../images/box_bottom.gif) no-repeat left bottom;
}

.small {
	font-size: 85%;
	font-weight: normal;
}

.bold {
	font-weight: bold;
}

.red {
	color: #ED171F;
}

.mr15 {
	margin-right: 15px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mt-20 {
	position: relative;
	margin-top: -20px;
}

#mainarea .mgno {
	margin: 0;
}

#mainarea .bno {
	border: none;
}





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

}

.ttl_level4 {
	margin: 0 0 15px;
	border-bottom: solid 1px #f2f2f2;
	background: url(../images/ttl_level4_bg.gif) repeat-x left top;
}

.ttl_level4 div {
	border-bottom: solid 1px #bebebe;
	background: url(../images/ttl_level4_right.gif) no-repeat right top;
}

.ttl_level4 h4 {
	padding: 5px 10px;
	font-size: 130%;
	font-weight: bold;
	color: #646464;
	background: url(../images/ttl_level4_left.gif) no-repeat left top;
}


/* =====================================
	クラス指定しないボックス用フロート対策
===================================== */
.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;
}
/**/


/* =====================================
	dvd
===================================== */
.dvd a {
	text-decoration: underline;
}

.dvd p {
	font-size: 120%;
}

.headbox {
	width: 706px;
	margin: 0 0 0 14px;
	position: relative;
}
.dvd .headbox p {
	width: 376px;
	margin: 15px 0 118px 0;
}
.headbox .fl {
	/*float: left;**/
	width: 424px;
}
.headbox .fr {
	position: absolute;
	/*float: right;*/
	width: 282px;
	top: 0px;
	left: 440px;
	margin: -10px 0 0 0;
	text-align: center;
}
.headbox .fl h4.h4_bg {
	width: 366px;
	padding: 5px 0 5px 10px;
	font-size: 120%;
	background: url(../images/h4_bg.gif) repeat-x;
}
.headbox .fl ul {
	padding: 5px 0 5px 12px;
	font-size: 120%;
}
.headbox .fl li {
	padding: 0 0 8px 0;
}
.headbox .fl li a {
	margin: 0 0 0 3px;
	padding: 0 0 0 18px;
	background:url(../images/arrow_02.gif) left center no-repeat;
}
.headbox .fr a img {
	margin: 0 0 5px 0;
}
.headbox .fr dd{
	padding: 0 0 0 7px;
}


div.attention {
	margin: 20px 0 40px 0;
	padding: 10px 10px 20px 10px;
	border: solid 1px #bebebe;	
}
div.attention p {
	float: left;
	width: 645px;
	font-size: 100%;	
}
div.attention p span {
	font-weight: bold;
}

div.attention img {
	float: right;
	margin: 12px 0 0 0;
}

.ttl_level4 {
	margin: 0 0 15px;
	border-bottom: solid 1px #f2f2f2;
	background: url(../images/ttl_level4_bg.gif) repeat-x left top;
}

div.dvd_dl h4 {
	margin: 0 0 15px 0;
	padding: 5px 10px;
	font-size: 130%;
	font-weight: bold;
	color: #646464;
	background: url(../images/h4_bg02.gif) no-repeat left top;

}
div.dvd_dl h4 span {
	margin: 0 15px 0 0;
	color: #ed171f;

}
div.dvd_dl dt {
	float: right;
	margin: 0 0 15px 0;
}
div.dvd_dl dd {
	float: left;
	width: 375px;
	font-size: 120%;
}