@charset "utf-8";

#contents {
	width : 840px;
	margin-left : auto;
	margin-right : auto;
	margin-bottom : 35px;
	background : url(rightbg.gif) right top repeat-y;
}

#co_left {
	float : left;
	width : 570px;
}

#infobox {
	width : 530px !important;
	width /**/: 570px;
	margin-bottom : 20px;
	padding : 15px;
	border : solid 5px #c8b9a5;
}

#infobox dl {
	text-align : left;
}

#infobox dl dt {
	margin-bottom : 10px;
	font-size : 80%;
	font-weight : bold;
	color : #64503c;
	background-image : url(infoindex.gif);
	background-repeat : no-repeat;
	background-position : 450px 2px;
}

#infobox dl dd {
	padding-top : 12px;
	background : url(../common/dl.gif) left top repeat-x;
	font-size : 75%;
	line-height : 1.9em;
}

#infobox dl dd a {
	text-decoration : underline;
	color : #c6311c;
}

#infobox dl dd a:hover {
	text-decoration : none;
	color : #c6311c;
}

ul#itemlist {
	width : 570px;
	list-style : none;
}

ul#itemlist li.item1 {
	float : left;
	margin : 0 20px 20px 0;
}

ul#itemlist li.item2 {
	float : left;
	margin : 0 0 20px 0;
}

ul#itemlist li.item3 {
	float : left;
	margin : 0;
}

#ranking {
	width : 275px;
	padding-bottom : 12px;
	background : url(rankbg.gif) left top repeat-y;
	text-align : left;
}

h3#type1 {
	margin-bottom : 10px;
}

#ranking ul {
	list-style : none;
	width : 255px;
	margin : 0 10px 10px 10px;
}

#ranking ul li#rank1 {
	margin-bottom : 1px;
	padding : 10px 10px 10px 58px;
	background-color : #ffffff;
	background-image : url(rank1.gif);
	background-repeat : no-repeat;
	background-position : 7px 7px;
	font-size : 75%;
}

#ranking ul li#rank2 {
	margin-bottom : 1px;
	padding : 10px 10px 10px 58px;
	background-color : #ffffff;
	background-image : url(rank2.gif);
	background-repeat : no-repeat;
	background-position : 7px 7px;
	font-size : 75%;
}

#ranking ul li#rank3 {
	margin-bottom : 0;
	padding : 10px 10px 10px 58px;
	background-color : #ffffff;
	background-image : url(rank3.gif);
	background-repeat : no-repeat;
	background-position : 7px 7px;
	font-size : 75%;
}

#ranking ul li a {
	text-decoration : underline;
	color : #c6311c;
}

#ranking ul li a:hover {
	text-decoration : none;
}

#ranking dl {
	width : 245px;
	margin : 0 15px 0 15px;
}

#ranking dl dt {
	float : right;
	margin-left : 12px;
}

#ranking dl dd {
	padding-top : 2px;
	font-size : 60%;
	line-height : 1.8em;
}

ul#products {
	clear : both;
	width : 570px;
	list-style : none;
	text-align : left;
}

ul#products li#left {
	float : left;
	width : 275px;
}

ul#products li#right {
	float : right;
	width : 275px;
}

h3#type2 {
	clear : both;
	margin-bottom : 20px;
}

dl.prolist {
	width : 275px;
}

dl.prolist dt {
	float : left;
	width : 85px;
	margin-right : 15px;
}

dl.prolist dt {
	clear : left;
}

dl.prolist dd.type1 {
	margin-bottom : 16px;
	padding-bottom : 20px;
	background : url(../common/dl.gif) left bottom repeat-x;
}

dl.prolist dd.type2 {
	margin-bottom : 0;
	padding : 0;
}

h4.proname1 {
	padding : 2px 0 8px 0;
	background-image : none;
	font-size : 75%;
}

h4.proname2 {
	padding : 2px 0 8px 0;
	background : url(iconrec.gif) right top no-repeat;
	font-size : 75%;
}

h4.proname3 {
	padding : 2px 0 8px 0;
	background : url(iconnew.gif) right top no-repeat;
	font-size : 75%;
}

h4.proname1 a,h4.proname2 a,h4.proname3 a {
	text-decoration : underline;
	color : #c6311c;
}

h4.proname1 a:hover,h4.proname2 a:hover,h4.proname3 a:hover {
	text-decoration : none;
}

dl.prolist dd p {
	padding-top : 10px;
	background : url(pronamebg.gif) right top no-repeat;
	font-size : 60%;
	line-height : 1.7em;
}

#co_right {
	float : right;
	width : 230px !important;
	width /**/: 250px;
	padding : 10px 10px 30px 10px;
	text-align : left;
}

p.rightbnr {
	margin-bottom : 10px;
}

h4.rindex {
	clear : both;
	margin : 0;
}

.rlist {
	width : 230px;
	margin-bottom : 10px;
	padding : 10px 0 5px 0;
	background : url(rlistbg.gif) left bottom no-repeat;
}

.rlist ul {
	list-style : none;
	margin : 0 10px 5px 10px;
}

.rlist ul li a img {
	border : none;
}

.rlist a {
	text-decoration : underline;
	color : #c6311c;
}

.rlist a:hover {
	text-decoration : none;
}

.rlist dl {
	margin : 0 13px 10px 13px;
}

.rlist dl dt {
	margin-bottom : 1px;
	padding-top : 7px;
	font-size : 60%;
}

.rlist dl dd {
	padding-bottom : 8px;
	font-size : 75%;
	line-height : 1.5em;
	background : url(../common/dl.gif) left bottom repeat-x;
}

h4#calendar {
	margin-bottom : 10px;
}

#calender {
	width : 230px;
	margin-bottom : 8px;
	border-collapse : separate;
	border-left : solid 1px #b9b9b9;
	border-right : solid 1px #b9b9b9;
	border-bottom : solid 1px #b9b9b9;
	background : #ffffff;
}

#calender th {
	width : 28px !important;
	width /**/: 29px;
	padding : 3px 0 3px 0;
	border-right : solid 1px #aaaaaa;
	border-bottom : solid 1px #aaaaaa;
	text-align : center;
	font-size : 60%;
	font-weight : normal;
	background : #c8b9a0;
}

#calender td {
	width : 28px !important;
	width /**/: 29px;
	padding : 5px 0 5px 0;
	border-right : solid 1px #aaaaaa;
	border-bottom : solid 1px #aaaaaa;
	text-align : center;
	font-size : 60%;
}

#calender td.color1 {
	background : #fae1b4;
}

#calender td.color2 {
	background : #ff9182;
}

#calender td.color3 {
	background : #a5cd46;
}

#calender td.color4 {
	background : #ff4632;
	color : #ffffff;
}

ul#cainfo {
	margin-left : 15px;
}

ul#cainfo li {
	margin-bottom : 2px;
	font-size : 65%;
	line-height : 1.5em;
}
