@charset "Shift-JIS";

/*サイドナビ型オンラインカタログ用CSS*/

online_main div,
online_main h1, 
online_main h2, 
online_main h3, 
online_main h4, 
online_main p, 
online_main blockquote,
online_main ul, 
online_main ol, 
online_main li, 
online_main dl, 
online_main dt,
online_main dd,
online_main span {
    margin:0;
    padding:0;
	font-family: "MS UI Gothic",sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	letter-spacing:0;
	text-decoration: none;
	background-color: transparent;
}


#online_main {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 770px;
}

#title_area {
	margin: 0px;
	padding: 0px;
	width: 770px;
}

#title_area h1 {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 180px;
}
#title_area #title {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 180px;
}
#title_area #title_txtarea {
	font-size: 75%;
	line-height: 1.2em;
	background: url(../../img/online_title02.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 590px;
	height: 45px;
}
#title_area #title_txtarea p {
	margin: 0px;
	padding: 15px 10px 10px;
	float: left;
	width: 180px;
}

#title_txtarea p#newap {
	margin: 0px;
	padding: 8px 10px 10px;
}

#title_area #title_txtarea ul {
	margin: 0px;
	padding: 8px 10px 5px;
	float: left;
	width: 370px;
	text-align: right;
}

#title_area #title_txtarea ul.link1 {
	padding: 15px 10px 5px;
}
#title_area #title_txtarea li {
	margin: 0px;
	padding: 0px 0px 2px;
	list-style: none;
}

#contents_left {
	background: #eeeeee;
	margin: 10px 15px 10px 0px;
	padding: 10px;
	width: 110px;
	float: left;
}

#contents_left img {
	margin: 0px;
	padding: 0px 0px 10px;
}
#contents_left p {
	font-size: 65%;
	margin: 0px;
	padding: 5px 0px;
}

#online_contents {
	margin: 10px 0px 0px;
	padding: 0px;
	width: 625px;
	float: left;
}
#online_contents h2 {
	font-size: 100%;
	font-weight: bold;
	color: #666666;
	margin: 0px 0px 15px;
	padding: 0px 0px 3px;
	border-bottom: 1px solid #666666;
	clear: both;
}
#online_contents h3 {
	font-size: 90%;
	font-weight: bold;
	color: #666666;
	margin: 0px 0px 5px;
	padding: 0px;
}
#online_contents h3.mg_btm15 {
	margin: 0px 0px 15px;
}

#online_contents h4 {
	font-size: 75%;
	font-weight: bold;
	color: #666666;
	margin: 0px 0px 5px;
	padding: 0px;
}

#online_contents h4.listhead {
	font-size: 75%;
	font-weight: bold;
	color: #666666;
	margin: 0px 0px 5px;
	padding: 0px 0px 0px 15px;
	background: url(../../img/online_sq_wh.gif) no-repeat left center;
}


#online_contents .list_block{
	float: left;
	width: 285px;
	margin: 0px 0px 10px 10px;
	padding: 0px 10px 0px 0px;
}

#online_contents .list_block_w{
	float: left;
	width: 580px;
	margin: 0px 0px 10px 10px;
	padding: 0px;
}

#online_contents ul {
	font-size: 75%;
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: 1.5em;
}
#online_contents li {
	background: url(../../img/online_sq.gif) no-repeat left center;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}


#online_contents li.sublist {
	background: none;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}
#online_contents li.mg_btm15 {
	margin: 0px 0px 15px;
}


#online_main .howto {
	margin: 0px;
	padding: 10px 0px;
	clear: both;
	width: 770px;
	border-top: 1px solid #999999;
}
#online_main .howto h3 {
	color: #666666;
	margin: 0px;
	padding: 0px 20px 0px 8px;
	font-size: 80%;
	border-left: 5px solid #666666;
	float: left;
	width: 82px;
}
#online_main .howto p {
	margin: 0px;
	padding: 0px;
	float: left;
	font-size: 75%;
	width: 650px;
}



#marks_bottom {
	margin: 0px;
	padding: 0px;
}
#marks_bottom h3 {
	font-size: 90%;
	font-weight: bold;
	color: #535353;
	margin: 0px;
	padding: 0px 0px 10px;
}

#marks_bottom td {
	font-size: 75%;
}


.spacer10 {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 10px;
	font-size: 1px;
	line-height: 1px;
}
.list_line {
	margin: 10px 0px;
	padding: 0px;
	border-bottom: 1px solid #666666;
}

/*旧オンラインカタログ用*/

.j10{font-size : 65%; line-height : 1.2em;}
.j12{font-size : 75%; line-height : 1.2em;}
.j1214{font-size : 75%; line-height : 1.4em;}
.j14{font-size : 90%; line-height : 1.2em;}
.j16{font-size : 100%; line-height : 1.2em;}

.j14red {font-size: 90%; line-height: 120%; color: #990000;}
.j14red A:link { color: #990000;}
.j14red A:visited { color: #996666;}
.j14red A:active { color: #ff0000;}
.j14red A:hover { color: #ff0000;}

}
/*リストボックス上　告知ボックス*/
#online_contents .kokuchi {
	margin-right: 10px;
	margin-left: 10px;
	padding: 5px;
	text-align: center;
	margin-bottom: 15px;
	font-size: 80%;
	line-height: 120%;
}
/*リノーヴァ　生産終了　告知*/
.syuryou
{
	border: 1px solid #EEB6A5;
	color: #FF0000;
	}