@charset "utf-8";

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

/* =====================================
	产品介绍TOP
===================================== */
.cont_product p {
	font-size: 120%;
}

.cont_product #sub_ttl {
	margin: 0 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;
}

/* =====================================
	選び方
===================================== */

.choice_sub_ttl {
	padding: 0 20px 0;
}

#contents .large {
	font-size: 160%;
}

.swap_box {
	position: relative;
	width: 765px;
}

#sabi p {
	position: absolute;
	left: 20px;
	bottom: 20px;
	color: #a0a0a0;
}

#color p {
	position: absolute;
	right: 20px;
	bottom: 20px;
	color: #a0a0a0;
}

#color a {
	padding: 0 0 0 8px;
	font-size: 92%;
	color: #fff;
	background: url(../images/arrow_02.gif) no-repeat left center;
}

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


#youto ul {
	margin: 0 20px;
}

#youto ul li a {
	padding: 0 0 0 20px;
	font-size: 140%;
	background: url(../images/icon_01.gif) no-repeat left center;
}


/* =====================================
	用途詳細
===================================== */
#contents .pd_answer {
	margin: 0 0 15px;
	padding: 0 0 5px 20px;
	font-size: 140%;
	font-weight: bold;
	border-bottom: solid 1px #bebebe;
	background: url(../images/icon_01.gif) no-repeat left 6px;
}

#contents .pd_box {
	width: 264px;
	background: url(../images/pd_bg.gif) repeat-y left top;
}

#contents .pd_box_inner {
	padding: 5px 0 0;
	background: url(../images/pd_bg_top.gif) no-repeat left top;
}

#contents .pd_box_inner02 {
	padding: 10px;
	background: url(../images/pd_bg_bottom.gif) no-repeat left bottom;
}

.box120 {
	width: 120px;
}

#youto_01 {
	background: url(../images/youto_01_img.jpg) no-repeat right top;
}

.mb40 {
	margin-bottom: 40px;
}


/* =====================================
	色样

===================================== */
.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;
}


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

.mekki .ttl_image,
.zinc .ttl_image {
	color: #3c3c3c;
}

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

.roval .ttl_image p {
	top: 135px;
}

.mekki .ttl_image p {
	top: 105px;
	left: 20px;
}

.atsumaku .ttl_image p {
	top: 115px;
	left: 20px;
}

.zinc .ttl_image p {
	top: 140px;
	left: 20px;
}

.tx .ttl_image p {
	top: 195px;
	left: 20px;
	color: #3c3c3c;
}

.tx .ttl_image a {
	color: #4574A3;
	background-image: url(../images/arrow_03.gif);
}

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


.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%;
}


.box210 {
	width: 210px;
}

.box340 {
	width: 340px;
}

.ptb10 {
	padding: 10px 0;
}

.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;
}

/* =====================================
	エポ ローバル
===================================== */
#epo_image {
	background: #000;
	color: #fff;
	border:solid 1px #bebebe;
}

.box215 {
	width: 215px;
}

#epo_image .box316 {
	width: 316px;
	padding: 10px 0;
}

.epo_box {
	padding: 0 0 10px;
	background: #505050 url(../images/epo_image_bg.gif) no-repeat left bottom;
}

.yellow {
	color: #ffbe00;
}

#epo_ttl {
	margin: 0 0 10px;
	padding: 3px 0 3px 10px;
	font-size: 140%;
	font-weight: bold;
	color: #fff;
	background: url(../images/epo_ttl_bg.gif) no-repeat left top;
}

#epo_image .large {
	font-size: 130%;
}

/* =====================================
	ローバルアルファ
===================================== */
.alpha .ttl {
	background-image: url(../images/alpha_ttl_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* =====================================
	MC
===================================== */
#mekki_image {
	padding: 0 0 15px;
	border: solid 1px #bebebe;
	background: #ebebeb;
}

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

#mekki_image02 {
	padding: 0 0 15px;
	border: solid 1px #bebebe;
	background: #ebebeb;
}

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

#mekki_image02 .icon {
	margin: 0 0 5px 20px;
	padding: 2px 0 2px 15px;
	font-weight: bold;
	font-size: 130%;
	background: url(../images/mekki_image02_icon.gif) no-repeat left center;
}





/* =====================================
	見出し
===================================== */
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;
}

#contents .reset {
	margin: 0;
	border: none;
}

.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,
.box_inner dd {
	font-size: 110%;
}

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



.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;
}


.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;
}

.mlr15 {
	margin: 0 15px;
}

.mr15 {
	margin-right: 15px;
}

.mb05 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.ml20 {
	margin-left: 20px;
}

.plr10 {
	padding: 0 10px;
}

.small {
	font-size: 85%;
}

#contents .red {
	color: #ed171f;
}

.attn {
	padding: 15px;
	font-size: 120%;
	border: solid 1px #a0a0a0;
}

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

.txt_zinc {
	color: #0192bf;
}

.txt_mekki {
	color: #91ce44;
}


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