/*********************
** Default Settings **
*********************/

* {
    margin: 0;
    padding: 0;
    font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
}

body {
    font-size: 13px;
    *font-size: 81.25%; /*for IE6,IE7*/
}

body {
	margin:0 auto;
	padding:0;
	height: 100%;
	background:#FFFFFF;
	color:#333333;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
	line-height: 148%;
	}


hr {
	clear: both;
}

a:link		{ color: #0066CC; text-decoration: none; }
a:visited	{ color: #006699; text-decoration: none; }
a:active	{ color: #0066CC; text-decoration: underline; }
a:hover		{ color: #00CCFF; text-decoration: underline; }

img, img a {
    border: 0;
}


/****************
** Page Layout **
****************/

#container {
	position: relative;
	margin: 0 auto;
	width: 100%;
}

#head{
    width: 760px;
	margin: 0 auto;
}

#pagebody{
    width: 760px;
	margin: 0 auto;
}

#gotop{
    width: 760px;
	margin: 0 auto;
}

#foot {
	width: 100%;
}

#head, #pagebody, #gotop, #foot {
    clear: both;
}

body {
	background: url(http://nisshin-houdou.com/common_images/bg_menu.jpg) no-repeat center top;
	height: 170px;
}

#head {
	height: 150px;
	margin-bottom: 61px;
}


#pagebody {
	margin-top: 10px;
	background: url(../common_images/bg_rcol_shadow.gif) no-repeat 515px 20px;
}

#gotop a
{
	display: block;
	height: 30px;
	background: url(http://nisshin-houdou.com/common_images/ic_gotop.gif) no-repeat right center;
	text-indent: -9999px;
}

#foot {
    margin-top: 10px;
    height: 120px;
	background: #0D1D43;
}

#main {
	width: 510px;
	float: left;
	display: inline;
	text-align: left;
}

#side {
	width: 190px;
	float: right;
	display: inline;
	margin-top: 30px;
}


/***************************
** Detail Layout (Common) **
***************************/



#head-title a {
	display: block;
	height: 150px;
	background: url(http://nisshin-houdou.com/common_images/bg_header.jpg) no-repeat center 0px;
	text-indent: -9999px;
}

#head-description {
    position: absolute;
    top: -30px;
}


/* --------------------------------------------------------
     navi
-------------------------------------------------------- */

#navi-area
{
	width: 760px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
}

#navi
{
	display: inline;
	margin-right: 0px;
	margin-left: 0px;
}


#navi ul
{
	padding: 0px;
}

#navi ul li
{
	display: block;
	float: left;
	width: 101px;
	height: 30px;
	margin-right: 10px;
	list-style-type: none;
	margin-left: 0px;
}

#navi ul li a
{
	padding-top: 6px;
	padding-bottom: 0px;
    font-size: 13px;
	text-decoration: none;
}


/*bg_menu*/

#navi ul li a.now
{
	display: block;
	width: 101px;
	color: #0D1D43;
	background: url(http://nisshin-houdou.com/common_images/bg_menu_on.gif) no-repeat;
	height: 30px;
}

#navi ul li a
{
	display: block;
	width: 101px;
	color: #ededed;
	background: url(http://nisshin-houdou.com/common_images/bg_menu_off.gif) no-repeat;
	height: 30px;
}


#navi ul li a:hover
{
	display: block;
	width: 101px;
	color: #FFFFFF;
	background: #BE0000 url(http://nisshin-houdou.com/common_images/bg_menu_off.gif) no-repeat;
	height: 30px;
}

/*--↑bg_menu↑--*/


#side-menu {
    width: 190px;
}

div.menu-item {
	padding-left: 15px;
	width: 165px;
	height: 30px;
	border-bottom: 1px dashed #E0DFE3;
	background: url(http://nisshin-houdou.com/common_images/ic_arrow_blue.gif) no-repeat left center;
}

div.menu-item, div.menu-item a {
    line-height: 30px;
}

div.menu-item-sub {
    padding-left: 27px;
    width: 160px;
    height: 20px;
    border-bottom: 1px dashed #E0DFE3; 
}

div.menu-item-sub, div.menu-item-sub a {
	font-size: 12px;
	line-height: 20px;
}

#side-contact {
	height: 141px;
	margin-top: 20px;
	margin-bottom: 20px;
}

/*
#side-mailmag {
    width: 190px;
    height: auto;
    background-color: #FFFFFF;
}

div.mailmag-form {
    width: 188px;
    height: auto;
    line-height: 30px;
    border-top: #73A073 1px solid;
    border-right: #73A073 1px solid;
    border-bottom: #73A073 1px solid;
    border-left: #73A073 1px solid;
    background-color: #F2F2F2;
}
*/

#foot-copy {
    text-align: center;
    padding: 0px 0 10px;
}

#foot-corp {
}

#foot-corp p {
    line-height: 16px;
    font-size: 11px;
    text-align: center;
	color: #FFFFFF;
}


/*********************************
** Detail Layout (for Top Page) **
*********************************/

/*
div.main-left {
    float: left;
    width: 270px;
}

div.main-right {
    float: right;
    width: 270px;
}

#main-banner-beginner {
    text-align: center;
    background-color: #FCF3E6;
    border: #5C0E15 1px solid;
}

#main-banner-productlist {
    text-align: center;
    background-color: #FCF3E6;
    border: #0B3764 1px solid;
}

div.main-left div.description, div.main-right div.description {
    padding: 5px;
    height: 50px;
}

*/


#notice {
    width: 510px;
    clear: both;
    padding-top: 15px;
}

div.notice-item {
	width: 490px;
	border-bottom: 4px solid #FFFFFF;
	background: #E9E8EE;
	padding: 4px 10px 10px;
	border-top: 10px solid #0099CC;
}

div.notice-item-date {
	color: #CC0000;
}

div.notice-item-title
{
	font-size: 16px;
	padding-bottom: 10px;
}

div.notice-item-title a:hover {
	position:relative;
	top: 1px;
	left:1px;
	text-decoration: none;
}


#new {
    width: 510px;
    clear: both;
    padding-top: 15px;
}

div.new-item-description {
	float: right;
	margin-left: 10px;
	width: 350px;
}

#reccomend {
    width: 510px;
    clear: both;
    padding-top: 15px;
}


/*h2-midashi*/
#notice h2.top {
margin-top: -20px;
margin-bottom: 5px;
	background: url(http://nisshin-houdou.com/common_images/ti_001.gif) no-repeat left top;
	text-indent: -9999px;
	height: 34px;
}

#new h2.top {
margin-top: 20px;
margin-bottom: 5px;
	background: url(http://nisshin-houdou.com/common_images/ti_002.gif) no-repeat left top;
	text-indent: -9999px;
	height: 34px;
}

#reccomend h2.top {
margin-bottom: 5px;
	background: url(http://nisshin-houdou.com/common_images/ti_003.gif) no-repeat left top;
	text-indent: -9999px;
	height: 34px;
}

/*h3*/



/****************************************
** Detail Layout (for the other Pages) **
*****************************************/

div.entry-item {
    clear: both;
    width: /*550*/510px;
}

h2.entry-title {
    padding-left: 15px;
    width: /*535*/495px;
    /*height: 30px;*/
    background-image: url(http://nisshin-houdou.com/images/entry-title_bg.gif);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 14px;
    line-height: 30px;
    color: #FFFFFF;
    font-weight: bold;
}

div.entry-content {
    padding: 10px;
    width: /*530*/490px;
}

div.entry-content h3 {
	margin: 6px 0;
	line-height: 16px;
	color: #24487C;
	font-size: 13px;
}

div.entry-content p {
    margin: 6px 0;
    line-height: 16px;
}

p.entry-more-link {
    text-align: right;
}

/* for Product Page */
div.product-item {
    clear: both;
    width: /*550*/510px;
}

h2.product-title {
    padding-left: 15px;
    width: /*535*/495px;
    height: 30px;
    background-image: url(http://nisshin-houdou.com/images/entry-title_bg.gif);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 14px;
    line-height: 30px;
    color: #FFFFFF;
    font-weight: bold;
}

div.product-content {
    clear: both;
    padding: 10px;
    width: /*530*/490px;
}

div.product-photo {
    clear: both;
    float: left;
}

div.product-description {
    float: right;
    width: /*340*/300px;
}

div.product-content p, div.product-description p {
    margin: 6px 0;
    line-height: 16px;
}

p.product-author, p.product-id, p.product-price {
    font-weight: bold;
}

p.product-id span, p.product-price span {
    color: red;
}

p.product-more-link {
    text-align: right;
}

div.product-buy-link {
    clear: both;
    float: right;
    margin-bottom: 10px;
}


/**********************
** For Shopping Cart **
***********************/

div.cart-content {
    padding: 10px;
    width: /*530*/510px;
}

div.cart-content hr {
    clear: both;
margin: 10px 0px;
}

div.cart-item {
    clear: both;
    height: 200px;
}

div.cart-item-photo {
    float: left;
    margin: 10px 10px 10px 0;
    width: 140px;
    height: 180px;
    display: inline; /* For IE6 Bug */
}

div.cart-item-description {
    float: left;
    margin: 10px 0;
    width: /*360*/300px;
    display: inline; /* For IE6 Bug */
}


/********************************
** Helper Class for Data Table **
********************************/

table.entry-content-datatable {
    width: 500px;
    height: auto;
    border-collapse: separate;
    border-spacing: 1px
}

table.entry-content-datatable th {
	padding: 6px;
	line-height: 130%;
	font-weight: normal;
	color: #24487C;
	text-align: center;
	background: #84A9BB;
	white-space: nowrap;
}

table.entry-content-datatable td {
	padding: 3px 6px;
	line-height: 130%;
	font-weight: normal;
	text-align: left;
	background: #DAE5E9;
}


/*reccomend*/

#reccomend-wrap {
	width: 510px;
	height: 300px;
	margin: 0px;
	padding: 10px;
	border: 1px solid #E0DFE3;
}
#reccomend #reccomend-wrap .r-product-item {
	display: inline;
	float: left;
	width: 160px;
	padding: 5px;
}
#reccomend #reccomend-wrap .r-product-item h2.r-product-title {
	color: #24487C;
	font-size: 13px;
	font-weight: bold;
}
#reccomend #reccomend-wrap .r-product-item .r-product-content .r-product-photo img {
	width: 98px;
	height: 126px;
}