@import "reset.css";



body {
	background-color: #000000;
	background-image: url(http://www.e-horaiya.com/images/base_bg.gif);
	background-repeat: repeat-y;
	background-position: center;
}
a {
	text-decoration: none;
	color: #982923;
}
a:hover {
	text-decoration: underline;
	color: #4E4E4E;
}



/*======================================================================
LAYOUT
======================================================================*/
#wrapper {
	text-align: center;
	margin: 0;
	padding: 0;
}
#main-wrapper {
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}



/*======================================================================
HEADER
======================================================================*/
#header-wrap {
	width: 770px;
	background-image: url(http://www.e-horaiya.com/images/header_bg.gif);
	background-position: left;
	background-repeat: repeat-y;
	margin: 0;
	padding: 0;
	float: left;
}
#header-wrap h1 {
	width: 240px;
	margin: 0;
	padding: 0;
	float: left;
}
#header-wrap h2 {
	width: 530px;
	font-size: 77%;
	color: #666666;
	text-align: right;
	margin: 0 0 20px 0;
	padding: 0;
	float: left;
}
#header-wrap h2 p {
	margin: 2px 0;
	padding: 0;
}

/* HEADER SUB MENU */
ul#header-submenu {
	width: 200px;
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}
ul#header-submenu li {
	width: 100px;
	height: 30px;
	margin: 0;
	padding: 0;
	float: left;
}

/* HEADER MENU */
#header-menu {
	width: 770px;
	background-image: url(http://www.e-horaiya.com/images/header_menu_bg.gif);
	background-position: top;
	background-repeat:no-repeat;
	margin: 0 0 1px 0;
	padding: 10px 0 0 0;
	float: left;
}
#header-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#header-menu ul li {
	width: 110px;
	margin: 0;
	padding: 0;
	float: left;
}



/*======================================================================
CONTENTS
======================================================================*/
#contents-wrap {
	width: 770px;
	margin: 0 0 30px 0;
	padding: 0;
	float: left;
}
#contents-left-wrap {
	width: 200px;
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
}
#contents-right-wrap {
	width: 570px;
	margin: 0;
	padding: 0;
	float: left;
}

/* PAGE HEADER */
.page-header {
	width: 570px;
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
}
.page-header h3 {
	margin: 0;
	padding: 0;
}

/* TOPIC PATH */
#topicpath-wrap {
	width: 570px;
	font-size: 77%;
	color: #666666;
	margin: 3px 0 10px 0;
	padding: 0;
	text-align: left;
	float: left;
}



/*======================================================================
CONTENTS
======================================================================*/
/* SIDE NAVI */
.side-blocks {
}
.side-blocks h3 {
}
.side-blocks ul {
}
.side-blocks ul li {
}
.sidenavi-wrap {
	width: 190px;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: solid 1px #CCCCCC;
	float: left;
}
.sidenavi-wrap h3 {
	margin: 0 0 10px 0;
	padding: 0;
}
.sidenavi-wrap dl {
	margin: 0 5px;
	padding: 0;
}
.sidenavi-wrap dl dt {
	font-size: 77%;
	font-weight: bold;
	color: #999999;
	margin: 0;
	padding: 0;
}
.sidenavi-wrap dl dd {
	font-size: 80%;
	color: #666666;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	line-height: 1.3em;
	border-bottom: dotted 1px #CCCCCC;
}
.sidenavi-wrap ul {
	margin: 0 5px;
	padding: 0;
}
.sidenavi-wrap ul li {
	font-size: 80%;
	color: #666666;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	line-height: 1.3em;
	border-bottom: dotted 1px #CCCCCC;
}

#side-banner-wrap {
	width: 190px;
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
}

/* PRODUCTS INDEX */
.page-header {
	width: 570px;
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
}
.products-cat-wrap {
	width: 570px;
	margin: 0 0 25px 0;
	padding: 0;
	float: left;
}
.products-cat-wrap h4 {
	margin: 0 0 10px 0;
	padding: 0;
}

.products-img-wrap {
	width: 260px;
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
}
.products-list-wrap {
	width: 310px;
	margin: 0;
	padding: 0;
	float: left;
}


.products-list-wrap ul {
	font-size: 80%;
	margin: 0;
	padding: 0;
	text-align: left;
}
.products-list-wrap ul li {
	margin: 3px 0;
	border-bottom: solid 1px #CCCCCC;
	background-image: url(/images/products_list_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 15px;
	line-height: 1.5em;
}
.products-cat-footer {
	width: 570px;
	font-size: 77%;
	margin: 0;
	padding: 3px 0;
	text-align: right;
}
.products-cat-footer span {
	margin: 3px 0;
	background-image: url(/images/products_more_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 15px;
	line-height: 1.5em;
}

/* NEWS INDEX */
.news-cat-wrap {
	width:　570px;
	margin: 0 0 25px 0;
	padding: 0;
	float: left;
}
.news-cat-wrap h4 {
	margin: 0 0 10px 0;
	padding: 0;
}

/* COMPANY */
.company-wrap {
	width: 570px;
	margin: 0 0 30px 0;
	padding: 0;
	text-align: left;
	float: left;
}
.company-wrap h4 {
	margin: 0 0 10px 0;
	padding: 0;
}
.company-wrap p {
	font-size: 80%;
	color: #666666;
	line-height: 1.5em;
	margin: 0 10px;
	padding: 0;
}

table.company-outline {
	font-size: 80%;
	color: #666666;
	border: none;
	border-collapse: collapse;
	margin: 0 10px;
	padding: 0;
}
table.company-outline th {
	width: 100px;
	background-color: #DFDFDF;
	margin: 5px;
	padding: 5px;
	border-bottom: solid 1px #FFFFFF;
	border-collapse: collapse;
}
table.company-outline td {
	line-height: 1.5em;
	margin: 5px;
	padding: 5px;
	border-bottom: solid 1px #DFDFDF;
	border-collapse: collapse;
}

table.company-history {
	font-size: 80%;
	color: #666666;
	border: none;
	border-collapse: collapse;
	margin: 0 10px;
	padding: 0;
}
table.company-history th {
	width: 100px;
	background-color: #F4F4F4;
	margin: 5px;
	padding: 5px;
	border-bottom: solid 1px #FFFFFF;
	border-collapse: collapse;
}
table.company-history td {
	line-height: 1.5em;
	margin: 5px;
	padding: 5px;
	border-bottom: solid 1px #DFDFDF;
	border-collapse: collapse;
}

/* WEBLOG */
#weblog-wrap {
	width: 570px;
	margin: 0;
	padding: 0;
	float: left;
}
#weblog-wrap h4 {
	margin: 0 0 10px 0;
	padding: 0;
}
#weblog-wrap p {
	font-size: 80%;
	color: #666666;
	margin: 0 10px 20px 10px;
	padding: 0;
	text-align: left;
}
#weblog-wrap-l {
	width: 150px;
	margin: 0;
	padding: 0;
	float: left;
}
#weblog-wrap-l img {
	margin: 0 0 0 15px;
	padding: 0;
}
#weblog-wrap-r {
	width: 420px;
	margin: 0;
	padding: 0;
	float: left;
}
.rss-box {
	font-size: 90%;
	margin: 0 15px;
	padding: 0;
	text-align: left;
}
ul.rss-items {
	font-size: 90%;
	margin: 5px 0 30px 0;
	padding: 0;
}
li.rss-item {
	background-image: url(../images/news_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 20px;
	line-height: 1.5em;
	margin: 0 0 3px 0;
}

/* CONTACT */
.contact-wrap {
	width: 570px;
	margin: 0 0 30px 0;
	padding: 0;
	text-align: left;
	float: left;
}
.contact-wrap p {
	font-size: 80%;
	color: #666666;
	line-height: 1.5em;
	margin: 0 10px;
	padding: 0;
}
.contact-form-wrap {
	width: 570px;
	margin: 0 0 20px 0;
	padding: 0;
	float: left;
}
.contact-form-wrap h4 {
	margin: 0 0 15px 0;
	padding: 0;
}
.contact-form-wrap p {
	font-size: 80%;
	color: #666666;
	line-height: 1.5em;
	margin: 0 0 15px 0;
	padding: 0;
}
table.contact-form {
	width: 570px;
	font-size: 80%;
	border: 1px #CCCCCC solid;
	border-collapse: collapse;
	margin: 0 0 20px 0;
	padding: 0;
	float: left;
}
table.contact-form th {
	width: 150px;
	color: #0099CC;
	margin: 5px;
	padding: 5px;
	background-color: #EAEAEA;
	border: 1px #CCCCCC solid;
	border-collapse: collapse; 
	text-align: left;
}
table.contact-form td {
	margin: 5px;
	padding: 5px;
	background-color: #FFFFFF;
	border: 1px #CCCCCC solid;
	border-collapse: collapse; 
	text-align: left;
}
.form-name {
	width: 200px;
}
.form-add {
	width: 200px;
}
.form-title {
	width: 360px;
}
.form-area {
	width: 360px;
	height: 150px;
}
#mail-form-footer {
	clear: both;
	width: 570px;
	margin: 0;
	padding: 0;
	text-align: center;
}

/* PRIVACY POLICY */
.privacy-date {
	text-align: right;
}
.privacy-date p {
	font-size: 80%;
	font-weight: bold;
	color: #666666;
	line-height: 1.5em;
	margin: 10px;
	padding: 0;
}
p.privacy-text {
	font-size: 80%;
	color: #666666;
	line-height: 1.5em;
	margin: 10px;
	padding: 0;
	text-align: left;
}
.privacy-wrap {
	width: 570px;
	margin: 0 0 30px 0;
	padding: 0;
	text-align: left;
	float: left;
}
.privacy-wrap dl {
	font-size: 80%;
	color: #666666;
	line-height: 1.5em;
	margin: 0 10px 15px 10px;
	padding: 0;
}
.privacy-wrap dl dt {
	font-weight: bold;
	border-bottom: 1px solid #CCCCCC;
}
.privacy-wrap dl dd {
	margin: 0 10px 5px 10px;
	padding: 0;
}
.privacy-wrap ul {
	margin: 0 10px;
	padding: 0;
}
.privacy-wrap ul li {
	background-image: url(http://www.e-horaiya.com/images/privacy_icon.gif);
	background-position: top;
	background-repeat:no-repeat;
	background-position: left 3px;
	padding-left: 15px;
	margin: 1px 0;
	line-height: 1.5em;
}

/* SITEMAP */
#sitemap-wrap {
	width: 570px;
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
}
#sitemap-wrap ul {
	font-size: 80%;
}
#sitemap-wrap ul li {
	margin: 3px 0;
	padding: 3px 0;
	border-bottom: solid 1px #CCCCCC;
}



/*======================================================================
ENTRY
======================================================================*/
.entry-wrap {
	width: 570px;
	margin: 0 0 15px 0;
	padding: 0;
	float: left;
}
.entry-header {
}
.entry-header h3 {
	background-color: #000000;
	background-image: url(/images/news_title_bottom.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0 0 5px 0;
	text-align: left;
}
.entry-header h3 span {
	display: block;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0;
	padding: 5px;
}
.entry-header h3 span a {
	color: #FFFFFF;
	text-decoration: none;
}
.entry-header h3 span a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.entry-date {
	font-size: 77%;
	margin: 5px;
	padding: 0;
	text-align: right;
}
.entry-body {
	border-bottom: solid 1px #CCCCCC;
	margin: 5px 0;
	padding: 5px 0;
	text-align: left;
}
.entry-body p {
	font-size: 80%;
	color: #666666;
	line-height: 1.5em;
	margin: 0 10px;
	padding: 0;
}
.entry-more {
	clear: both;
	text-align: right;
	margin: 0;
	padding: 0;
}
.entry-footer {
}
.buy-btn-wrap {
	clear:both;
	text-align: center;
	margin: 10px 0;
	padding: 0;
}

/* PRODUCTS */
.products-photo {
	width: 150px;
	text-align: left;
	margin: 0;
	padding: 0;
	float: left;
}
.products-text {
	width: 420px;
	text-align: left;
	margin: 0;
	padding: 0;
	float: left;
}
table.products-details {
	font-size: 80%;
	clear: both;
	width: 570px;
	margin: 0 0 15px 0;
	padding: 0;
	border-collapse: collapse;
}
table.products-details th {
	width: 80px;
	color: #751E1E;
	margin: 5px;
	padding: 5px;
	background-color: #F4F4F4;
	border-bottom: solid 1px #FFFFFF;
	border-collapse: collapse;
}
table.products-details td {
	color: #666666;
	margin: 5px;
	padding: 5px;
	border-bottom: solid 1px #DFDFDF;
	border-collapse: collapse;
}



/*======================================================================
FOOTER
======================================================================*/
#footer-wrap {
	width: 770px;
	background-color: #C3BEBA;
	margin: 0;
	padding: 0;
	float: left;
}


/* FOOTER MENU */
#footer-menu {
	width: 770px;
	background-color: #000000;
	margin: 15px 0 0 0;
	padding: 50px 0 10px 0;
}
#footer-menu ul {
	font-size: 70%;
	color: #CCCCCC;
}
#footer-menu ul li {
	display: inline;
	margin: 0;
	padding: 0;
}
#footer-menu ul li a {
	margin: 0 2px;
	padding: 0 2px;
}

#footer-copyright {
	width: 770px;
	margin: 10px 0;
	padding: 0;
	float: left;
}
p.ft-address {
	font-size: 70%;
	margin: 5px 0;
	padding: 0;
}
p.ft-copyright {
	font-size: 70%;
	margin: 5px 0;
	padding: 0;
}