@charset "utf-8";

/* ========================================================
 *
 *		ROVAL Global Products Style Sheet	
 *
 *		version	: 1.0
 *		update	: 2009/06/18
 *
 ========================================================*/
 

/* =====================================
	製品情報TOP
===================================== */
.cont_product p {
	font-size: 120%;
}

.cont_product #sub_ttl {
	margin: 15px 0 20px;
	border-bottom: solid 20px #000;
	background: #000 url(../images/index/sub_ttl_bg.jpg) no-repeat right top;
}

.cont_product #sub_ttl .title {
	padding: 30px 30px 60px;
}

.cont_product #sub_ttl .desc {
	padding: 0 30px 15px;
	font-size: 120%;
	color: #a0a0a0;
	border-bottom: solid 1px #ED171F;
}

.pd_status dt {
	margin: 0 0 5px;
	font-size: 140%;
	font-weight: bold;
}

.pd_status dd.rating {
	padding: 0 51px 5px 0;
}

.pd_status dd.rating img{
	margin: 0 0 5px;
}

.pd_status dd.rating a {
	padding: 0 0 0 8px;
	background: url(../images/index/arrow_01.jpg) no-repeat left center;
}

.pd_status dd.rating2 {
	margin: 0 0 5px;
	padding: 5px 0;
	font-weight: bold;
	border: solid #dcdcdc;
	border-width: 1px 0;
}

.pd_status dd.rating2 span {
	color: #646464;
}

.pd_ttl {
	font-size: 130%;
	font-weight: bold;
	color: #000;
}


#aen96 {
	background: url(../images/index/aen_96.jpg) no-repeat right top;
}

#aen92 {
	background: url(../images/index/aen_92.jpg) no-repeat right top;
}

#aen83 {
	background: url(../images/index/aen_83.jpg) no-repeat right top;
}


.silver {
	color: #208f93;/*45b8c4*/
}

.zinc {
	color: #0192bf;
}

.mekki {
	color: #91ce44;
}

.gray2 {
	color: #646464;
}

#contents .normal {
	font-weight: normal;
}

#contents .pd_txt_ttl {
	font-size: 140%;
	line-height: 1;
}

#contents .pd_desc {
	margin: 0 0 5px;
	padding: 0 0 15px;
	color: #646464;
	border-bottom: solid 1px #dcdcdc;
}

.pr300 {
	padding-right: 300px;
}

.box355 {
	width: 355px;
}

.box200 {
	width: 200px;
}

#contents .txtNormal {
	font-weight: normal;
}

/* =====================================
	製品共通
===================================== */
.ttl_image {
	position: relative;
	z-index: 1;
	color: #fff;
}

.ttl_image p {
	position: absolute;
	top: 130px;
	left: 20px;
	font-size: 100%;
	z-index: 999;
}

.ttl_image a {
	padding: 3px 0 3px 6px;
	color: #fff;
	background: url(../images/arrow_02.gif) no-repeat left center;
}

.ttl_image a:hover {
	color: #ED171F;
}

.image_box {
	color: #fff;
	background: #000;
}

.image_box_inner {
	border: solid 1px #bebebe;
}

.image_box .ttl {
	padding: 10px 0 10px 8px;
	font-weight: bold;
	font-size: 130%;
}



.box_inner .txtLeft {
	text-align: left;
	padding: 0 10px;
}

.box188 {
	width: 188px;
}

.bg_line {
	background: url(../images/box_line.gif) repeat-y right top;
}

.mr07 {
	margin-right: 7px;
}

.pd_data dt {
	padding: 5px 0;
	font-size: 140%;
	font-weight: bold;
}

.pd_data dd {
	padding: 4px 0 4px 75px;
	font-size: 110%;
	font-weight: bold;
}

.menseki {
	background: url(../images/pd_icon_01.gif) no-repeat left center;
}

.case {
	background: url(../images/pd_icon_02.gif) no-repeat left center;
}

.pd_table {
	font-size: 120%;
}

.pd_table th,
.pd_table td {
	border: solid 1px #a0a0a0;
}

.pd_table td {
	text-align: center;
}

.pd_table .tb_bno {
	border: none;
}

.tb_green {
	background: #f5fafa;
}

#contents .pd_table .pd_ttl {
	padding: 5px 0;
	font-size: 110%;
	color: #fff;
	text-align: center;
	background: #000 url(../images/pd_tb_bg.gif) repeat-x left top;
}

.tb_space {
	padding: 15px 10px;
}

/* =====================================
	ローバル
===================================== */
#roval_image {
	position: relative;
	padding: 0 0 15px;
	color: #fff;
	border: solid 1px #bebebe;
	background: #000;
}

#roval_image_ttl {
	padding: 10px 0 10px 15px;
	font-weight: bold;
	font-size: 140%;
	background: url(../images/roval_ttl_bg.gif) no-repeat left top;
}

#roval_image_txt {
	position: absolute;
	top: 40px;
	right: 20px;
	width: 180px;
}


/* =====================================
	見出し
===================================== */
h3 {
	margin: 0 0 15px;
	padding: 5px 0 5px 15px;
	font-size: 140%;
	font-weight: bold;
	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;
	background: url(../images/ttl_level4_left.gif) no-repeat left top;
}

.ttl_pd {
	height: 1%;
	background: url(../images/ttl_pd_bg.gif) repeat-y left top;
}

.ttl_pd div {
	background: url(../images/ttl_pd_bg_top.gif) no-repeat left top;
}

.ttl_pd div p {
	padding: 10px 15px;
	font-weight: bold;
	font-size: 160%;
	background: url(../images/ttl_pd_bg_bottom.gif) no-repeat left bottom;
}

h4.normal {
	padding: 0 5px 5px;
	font-size: 130%;
	color: #646464;
	border-bottom: solid 1px #bebebe;
}


/* =====================================
	汎用Class
===================================== */
.box {
	background: url(../images/index/box_bg.gif) repeat-y left top;
}

.box_inner {
	position: relative;
	background: url(../images/index/box_bg_top.gif) no-repeat left top;
}

.box_inner dl {
	padding: 10px 0;
	background: url(../images/index/box_bg_bottom.gif) no-repeat left bottom;
}

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

.box2_inner {
	background: url(../images/box2_bg_top.gif) no-repeat left top;
}

.box2_inner dl {
	padding: 10px 0;
	background: url(../images/box2_bg_bottom.gif) no-repeat left bottom;
}

.box2_inner dt {
	margin: 0 0 10px;
	text-align: center;
	font-size: 130%;
	font-weight: bold;
}

.box2_inner dd {
	font-size: 100%;
}



.box_inner dt {
	margin: 0 0 10px;
	text-align: center;
	font-size: 130%;
	font-weight: bold;
}

.box180 { width: 180px; }
.box375 { width: 375px; }
.box570 { width: 570px; }
.box265 { width: 265px; }
.box485 { width: 485px; }
.box150 { width: 150px; }
.box230 { width: 230px; }
.box253 { width: 253px; }
.box270 { width: 270px; }
.box280 { width: 280px; }
.box180 { width: 180px; }
.box170 { width: 170px; }
.box493 { width: 493px; }
.box570 { width: 570px; }
.box375 { width: 375px; }
.box254 { width: 254px; }
.box30 { width: 30px; }
.box40 { width: 40px; }
.box210 { width: 210px; }
.box340 { width: 340px; }

.mlr15 { margin: 0 15px; }

.mt15 { margin-top: 15px; }

.mr02 { margin-right: 2px; }
.mr15 { margin-right: 15px; }
.mr25 { margin-right: 25px; }
.mr28 { margin-right: 28px; }
.mr29 { margin-right: 29px; }

.mb05 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }

.ml20 { margin-left: 20px; }
.ml50 { margin-left: 50px; }
.ml73 { margin-left: 73px; }

.ptb10 { padding: 10px 0; }

.plr10 { padding: 0 10px; }


.pt05 { padding-top: 5px; }
.pt15 { padding-top: 15px; }

.pb15 { padding-bottom: 15px; }





.line {
	background: url(../images/index/line.gif) repeat-y center top;
}

.all {
	min-height: 35px;
	height: auto !impirtant;
	height: 35px;
	padding: 0 0 0 45px;
	background: url(../images/index/icon_all.gif) no-repeat left top;
}


.flow {
	position: relative;
	background: url(../images/flow_bg.gif) repeat-y left top;
}

.flow_box {
	padding-bottom: 10px;
	background: url(../images/hr.gif) no-repeat left bottom;
}

.flow2 {
	position: relative;
	background: url(../images/flow2_bg.gif) repeat-y left top;
}

.flow2 dl {
	font-size: 120%;
}

.flow2 .flow_box {
	padding-bottom: 10px;
	background: url(../images/hr2.gif) no-repeat left bottom;
}


#contents .box_end {
	background: none #fff;
}

.caption {
	margin: 0 0 0 20px;
	font-size: 120%;
}

.flow2 .caption {
	margin: 0 0 15px 0;
}

.large {
	font-size: 140%;
}

.cont_product .large {
	font-size: 160%;
}

.small {
	font-size: 92%;
}

.x-small {
	font-size: 85%;
}

#contents .lh1 {
	line-height: 1;
}

#contents .lh07 {
	line-height: 0.7;
}

.bold {
	font-weight: bold;
}

#contents .red {
	color: #ed171f;
}


#contents .white {
	color: #fff;
}

#contents .gray {
	color: #c8c8c8;
}

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

.other_inner {
	padding: 0 0 6px;
	background: url(../images/ba_bg_bottom.gif) no-repeat left bottom;
}

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

.other_ttl {
	padding: 5px 10px 10px;
}

.box_inner {
	padding: 0 15px 0 10px;
	font-size: 110%;
	color: #fff;
}

.cont_product .box_inner {
	padding: 0;
	color: #3c3c3c;
}

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

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

.color_box {
	width: 511px;
	margin: 0 auto;
	background: url(../images/color_box_bg.gif) repeat-y left top;
}

.color_box .top {
	padding: 13px 0 0;
	background: url(../images/color_box_top.gif) no-repeat left top;
}

.color_box .bottom {
	padding: 0 0 13px;
	background: url(../images/color_box_bottom.gif) no-repeat left bottom;
}

.color_box_inner_middel {
	padding: 0 0 23px;
	background: url(../images/color_box_middle.gif) no-repeat left bottom;
}
.box231 {
	width: 231px;
}

.ml13 {
	margin-left: 13px;
}

.ml23 {
	margin-left: 23px;
}

.mt10 {
	margin-top: 10px;
}

.color_box dt {
	font-size: 140%;
	font-weight: bold;
}

.color_box dt img {
	vertical-align: bottom;
}

.type {
	font-size: 120%;
}

.zoom {
	text-align: right;
}

.zoom a {
	padding: 2px 0 2px 20px;
	background: url(../images/icon_02.gif) no-repeat left center;
}

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

.cont_henka #sub_ttl {
	min-height: 135px;
	height: auto !important;
	height: 135px;
	margin: 0 0 20px;
	background: url(../images/henka_sub_ttl_bg.gif) no-repeat right top;
}

.cont_henka #sub_ttl .title {
	padding: 0 20px 20px;
}

.cont_henka #sub_ttl .desc {
	padding: 0 20px 15px;
}




/* =====================================
	塗装方法
===================================== */
.cont_usepoint #subarea {
	margin: 15px 0 20px;
	padding: 0 0 20px;
	font-size: 120%;
}

.cont_usepoint #subarea .left {
	width: 570px;
}

.cont_usepoint #subarea .right {
	width: 180px;
}

.cont_usepoint .sub_ttl {
	margin: 0 0 15px;
}

#usearea {
	width: 705px;
	margin: 0 auto 20px;
	background: url(../images/usepoint/use_circle_bg.gif) no-repeat left center;
}

#usearea h3 {
	margin: 0;
	padding: 0;
	font-size: 1px;
	background: none;
}

/*	塗装方法ボックス
------------------------------------- */
.use_wrap {
	margin-left: 30px;
	margin-right: 30px;
}

.use_box {
	float: left;
	width: 308px;
	padding: 0 0 3px;
	background: url(../images/usepoint/use_bg_bottom.gif) no-repeat left bottom;
}

.use_inner {
	padding: 10px 10px 7px;
	background: url(../images/usepoint/use_bg.gif) repeat-y left top;
}

.use_inner p {
	font-size: 120%;
	line-height: 1.2;
}

.use_image {
/*
	position: static;
	height: 1%;
	*/
	margin: 0 0 10px;
}

.use_box div {
	position: relative;
}

* html .use_image {
	height: 1%;
}

.use_image span.use_caption {
	/*display: block;*/
}

.use_image .left,
.use_image .right {
	width: 140px;
}



/* =====================================
	塗装方法詳細
===================================== */
#guide_01 {
	padding: 0 0 0 30px;
	font-size: 120%;
	background: url(../images/usepoint/guide_bg_01.jpg) no-repeat right center;
}

#guide_02 {
	font-size: 120%;
}

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

.box221 {
	width: 221px;
}

#guide_03 {
	font-size: 120%;
	background: url(../images/usepoint/guide_choice_bg.gif) repeat-y left top;
}

#guide_03 dt { 
	margin: 0 0 5px;
	font-size: 120%;
	font-weight: bold;
}

#guide_03_inner {
	padding-top: 15px;
	background: url(../images/usepoint/guide_choice_bg_top.gif) no-repeat left top;
}

#guide_03_inner02 {
	padding-bottom: 15px;
	background: url(../images/usepoint/guide_choice_bg_bottom.gif) no-repeat left bottom;
}

.mg01 {
	margin-left: 18px;
	margin-right: 33px;
}

.mg02 {
	margin-right: 33px;
}

.attn_box {
	width: 565px;
	margin: 0 auto;
	background: url(../images/usepoint/guide_attn_bg.gif) repeat-y left top;
}

.attn_box_wrap {
	background: url(../images/usepoint/guide_attn_bg_top2.gif) no-repeat left top;
}

.attn_box_inner {
	padding: 15px 40px 15px;
	font-size: 120%;
	background: url(../images/usepoint/guide_attn_bg_bottom.gif) no-repeat left bottom;	
}