﻿/* CSS Document */


/* Main Contents -------------------------------------------------------------- */

#main_contents {
  float:none;
	width:750px;
  margin:0px 5px 20px;
	padding:0px;
	text-align:left;
	background:url(/images/ip_product.jpg) left top no-repeat;
	}

h1 {
  margin:30px 40px 0px 80px;
	padding:20px 0px 0px;
	background:url(/images/h1_bg_product.gif) left top no-repeat;
	}

ul#top_contents_list_product {
  float:right;
	margin:0px;
	padding:0px 50px 25px 95px;
	list-style-type:none;
	font-size:10pt;
	text-align:left;
	line-height:1.25em;
	}
ul#top_contents_list_product li#this_page { font-weight:bold; }
ul#top_contents_list_product li { margin:0px 0px 3px; }

#contents_body {
  clear:both;
	width:605px;
	margin:0px 50px 0px 95px;
	padding:0px;
	}
h2 {
  margin:0px 0px 25px;
	padding:0px;
	background:url(/images/h2_bg_product.gif) left top no-repeat;
	color:#7F6100;
	font-size:14pt;
	font-weight:bold;
	}
  .h2_text {
	  margin:0px 10px;
		padding:0px 5px;
		background:#FFFFFF;
		}
#contents_body dl {
	width:280px;
	background:url(/images/product_name_bg.gif) left top repeat-x;
	font-size:10pt;
  }
#contents_body dl.left_dl {
  clear:both;
	float:left;
  margin:0px 5px 30px 15px;
	padding:0px;
	}
#contents_body dl.right_dl {
  float:right;
	margin:0px 10px 30px 0px;
	padding:0px;
	}
  dt.product_name {
	  margin:0px; padding:10px 0px 7px;
		}
  dd.product_photo {
	  float:left;
	  margin:0px 5px 5px 0px; padding:0px;
		}
  dd.product_text {
	  color:#666666;
	  line-height:1.3em;
		}
  dd.more_detail {
	  margin:0px 5px 0px 0px;
	  text-align:right;
		line-height:2.5em;
		}
	dd.cart {
	  clear:both;
		margin:0px; padding:7px 5px 0px;
		text-align:right;
		vertical-align:middle;
	  background:url(/images/product_cart_hline.gif) left top repeat-x;
	  font-size:10.5pt;
		}
  #contents_body dl dd form {
		display:inline;
	  margin:0px; padding:0px;
		vertical-align:middle;
	  font-size:10px;
    }
  #contents_body dl dd form img { vertical-align:middle; }
  .zeikomi { font-size:10px; line-height:1em; }

.btn_pagetop {
  clear:both;
  text-align:right;
	margin:10px 10px 20px;
	padding:0px;
	}
.contents_end {
  margin:15px 0px 0px;
	padding:0px 10px 30px;
	background:url(/images/contents_body_foot_product.gif) left bottom no-repeat;
	}



/* Side Bar -------------------------------------------------------------- */

#sideBar {
	position: absolute;
	width: auto;
	height: auto;
	top: 330px;
	left:35px;
}

#sideBarTab { float:left; }

  #sideBarTab img { border:0px solid #FFFFFF; }
  a#sideBarTab:link,
  a#sideBarTab:hover,
  a#sideBarTab:visited,
  a#sideBarTab:active{ outline: none; }
  a#sideBarTab:active{ background:url(/images/slide-button-activ.gif) left top no-repeat; }

/* ここがサイドバーのサイズを指定している部分 */
#sideBarContents {
	float:left;
	overflow:hidden !important;
	width:230px;
	margin:0px;
	padding:0px 0px 15px;
	background:#EEEEEE url(/images/side-menu_head_bar.gif) left top repeat-x;
	text-align:left;
}

  #sideBarContents dl {
		margin:20px 0px 25px;
	  padding:0px 7px 0px 15px;
		}
  #sideBarContents dl dt {
		margin:0px; padding:0px;
		border-bottom:3px double #7A5F5E;
		line-height:1em;
		}
  #sideBarContents dl dd {
    margin:0px 0px 0px 20px;
		padding:1px 0px 0px 0px;
		border-bottom:1px solid #7A5F5E;
		line-height:1em;
		}
  #sideBarContents dl dd.link a {
		  margin:0px; padding:5px 12px;
			display:block;
	    background:url(/images/side-menu_arrow.gif) right top no-repeat;
			}
  #sideBarContents dl dd.link a:hover    { background:#F5D5C3 url(/images/side-menu_arrow.gif) right top no-repeat; }
  #sideBarContents dl dd.link a:active   { background:#F5D5C3 url(/images/side-menu_arrow.gif) right top no-repeat; }

    ul.submenu {
		  margin:-32px 0px 0px; padding:0px;
			visibility:hidden;
      position:absolute; left:222px; right:auto; top:auto;
      border-top:dotted 1px #7A5F5E;
      border-left:double 3px #7A5F5E;
      border-right:double 3px #7A5F5E;
      background-color:#EEEEEE;
			list-style-type:none;
			text-align:left;
			font-size:10pt;
			white-space:nowrap; }
    ul.submenu li {
		  margin:0px; padding:0px;
			border-bottom:dotted 1px #7A5F5E;
			}
    ul.submenu li a {
		  margin:0px; padding:6px 12px 5px;
			display:block;
			}
