/* layout.css 2008.10.17 */

/*============目次============
　最終更新日：2008/12/10
　1.上書き要素

============================*/

/*////////////////////////////
■1. 上書き要素
////////////////////////////*/
.Contents h1.TitleBlank {
	background-image: url(img/title/title_blank.gif);
}

p.Caption {
	text-align: center;
	font-weight: bold;
}

.ProductSection p.Caption {
	font-size: 77%;
	font-weight: normal;
	margin: 0 0 1em 0;
}
.clear0 {
	clear: both;
	height: 1px;
	font-size: 1px;
}


/*////////////////////////////
■. コンテンツ　570px系
////////////////////////////*/


.PointWrap {
	background: url(img/bg/bg_point570_top.gif) no-repeat left top;
	margin: 0px;
	padding-top: 5px;
}
.PointInner {
	background: #E3E3E3 url(img/bg/bg_point570_bottom.gif) no-repeat left bottom;
	margin: 0px;
	padding: 5px 10px;
}



.ContentInner .CatchBox {
	border: 1px solid #CCCCCC;
	width: 568px;
}
.ContentInner .CatchBox .SubTitleBar,
.ContentInner .CatchBox .SubTitleBlank {
	border-top: none;
	border-left: none;
	border-right: none;
	margin-top: 0;
}

.CatchBox .Inner {
	margin: 0 10px;
}
.CatchBox .Inner dl {
	margin: 0;
	padding: 0;
}
.CatchBox .Inner dt {
	font-size: 75%;
	font-weight: bold;
}

/*////////////////////////////
■. コンテンツ　テキスト
////////////////////////////*/

.ContentInner ul {
	list-style: disc;
	margin: 5px 15px;
}
.ContentInner li {
	font-size: 75%;
	line-height: 140%;
	margin: 0 0 0.1em 0;
}
.ContentInner ul ul {
	margin: 0 0 0.1em 0;
	list-style: circle;
}
.ContentInner li li {
	font-size: 75%;
}
.ContentInner ul li {
	margin-left: 15px;
}
.ContentInner ol {
	list-style: decimal;
	margin: 5px;
}
.ContentInner ol li {
	margin-left: 30px;
}

.ContentInner P,
.ContentInner h3,
.ContentInner h4 {
	font-size: 75%;
}


/*////////////////////////////
■. リストパターン
////////////////////////////*/
/* 2段組のリスト */
ul.ListBoxHalf {
	width: 548px;
	padding: 0;
	margin: 5px auto;
	clear: both;
	list-style: none;
}
ul.ListBoxHalf li {
	display: block;
	float: left;
	width: 264px;
	margin: 0 5px 2px 5px;
	padding: 0;
}


/* TabMenu */
.ContentInner .TabMenu {
	margin: 0 0 10px 0;
}
.ContentInner .TabMenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border-bottom: 3px solid #FF9966;
}
.ContentInner .TabMenu ul li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
.ContentInner .TabMenu ul li a {
	font-weight: bold;
	display: block;
	margin: 0;
	padding: 6px 15px 2px;
	text-decoration: underline;
	background: #FFFFFF;
	color: #000000;
}
.ContentInner .TabMenu ul li.TabMenuOn a {
	background: #FF9966;
	color: #FFFFFF;
	text-decoration: none;
}


/**/
.ContentInner blockquote {
	background-color: #E8E8FF;
	padding: 10px;
	margin: 10px 10px 10px 20px;
}
.ContentInner blockquote p {
	padding: 0;
	margin: 0;
}


/*===========================
■CSSボタン
============================*/
/* 基本設定 */
div.CssBtn,
a.CssBtn {
	border: 0;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0 0 15px 0;
	cursor: pointer;
	text-decoration: none;
}
div.CssBtn input,
a.CssBtn span {
	font: bold 12px/23px Verdana;
	color: #666;
	display: block;
	float: left;
	white-space: nowrap;
	height: 41px;   /* 画像（縦）サイズに合わせる */
	line-height: 41px; /* 画像（縦）サイズに合わせる */
	margin-left: 1px;
	padding: 0 12px 0 11px;
	border: none;
}
div.CssBtn:hover,
a.CssBtn:hover {
	text-decoration: none;
}
div.CssBtn:visited,
a.CssBtn:visited {
	text-decoration: none;
}


/* Type A */
div.CssBtn.MetalBtn.TypeA input,
a.CssBtn.MetalBtn.TypeA span {
	background: url("img/btn/metal1_right.gif") no-repeat right top;
}
div.CssBtn.MetalBtn.TypeA,
a.CssBtn.MetalBtn.TypeA {
	background:url("img/btn/metal1_left.gif") no-repeat 0 0;
}
div.CssBtn.MetalBtn.TypeA input:hover,
a.CssBtn.MetalBtn.TypeA:hover span {
	background:url("img/btn/metal1_right.gif") no-repeat right bottom;
}
div.CssBtn.MetalBtn.TypeA:hover,
a.CssBtn.MetalBtn.TypeA:hover {
	background:url("img/btn/metal1_left.gif") no-repeat -272px 0;
}

/* Type B */
a.CssBtn.MetalBtn.TypeB span {
	background: url("img/btn/metal2_right.gif") no-repeat right top;
}
a.CssBtn.MetalBtn.TypeB {
	background:url("img/btn/metal2_left.gif") no-repeat 0 0;
}
a.CssBtn.MetalBtn.TypeB:hover span {
	background:url("img/btn/metal2_right.gif") no-repeat right bottom;
}
a.CssBtn.MetalBtn.TypeB:hover {
	background:url("img/btn/metal2_left.gif") no-repeat -272px center;
}

/* Type C */
a.CssBtn.MetalBtn.TypeC span {
	background: url("img/btn/metal3_right.gif") no-repeat right top;
}
a.CssBtn.MetalBtn.TypeC {
	background:url("img/btn/metal3_left.gif") no-repeat 0 0;
}
a.CssBtn.MetalBtn.TypeC:hover span {
	background:url("img/btn/metal3_right.gif") no-repeat right bottom;
}
a.CssBtn.MetalBtn.TypeC:hover {
	background:url("img/btn/metal3_left.gif") no-repeat -272px 0;
}


/* 「カートに入れる」系ボタン */
div.CssBtn.MetalBtn.TypeCart input,
a.CssBtn.MetalBtn.TypeCart span {
	height: 20px;
	line-height: 20px;
	color:#FFFFFF;
}
div.CssBtn.MetalBtn.TypeCart input,
a.CssBtn.MetalBtn.TypeCart span {
	background: url("img/btn/cart.gif") no-repeat right top;
}
div.CssBtn.MetalBtn.TypeCart,
a.CssBtn.MetalBtn.TypeCart {
	background:url("img/btn/cart.gif") no-repeat left top;
}
div.CssBtn.MetalBtn.TypeCart:hover input,
a.CssBtn.MetalBtn.TypeCart:hover span {
	background:url("img/btn/cart.gif") no-repeat right bottom;
}
div.CssBtn.MetalBtn.TypeCart:hover,
a.CssBtn.MetalBtn.TypeCart:hover {
	background:url("img/btn/cart.gif") no-repeat left bottom;
}

/* 「カートに入れる」系ボタン */
a.CssBtn.MetalBtn.TypeGoShop span {
	height: 20px;
	line-height: 20px;
	color:#000000;
}
a.CssBtn.MetalBtn.TypeGoShop span {
	background: url("img/btn/goshop.gif") no-repeat right top;
}
a.CssBtn.MetalBtn.TypeGoShop {
	background:url("img/btn/goshop.gif") no-repeat left top;
}
a.CssBtn.MetalBtn.TypeGoShop:hover span {
	background:url("img/btn/goshop.gif") no-repeat right bottom;
}
a.CssBtn.MetalBtn.TypeGoShop:hover {
	background:url("img/btn/goshop.gif") no-repeat left bottom;
}

/* 「ムービーでチェック」ボタン */
a.CssBtn.MetalBtn.TypeMovie span {
	height: 20px;
	line-height: 20px;
	color:#FFFFFF;
	margin-left: 6px;
	padding: 0 22px 0 16px;
}
a.CssBtn.MetalBtn.TypeMovie span {
	background: url("img/btn/movie.gif") no-repeat right top;
}
a.CssBtn.MetalBtn.TypeMovie {
	background:url("img/btn/movie.gif") no-repeat left top;
}
a.CssBtn.MetalBtn.TypeMovie:hover span {
	background:url("img/btn/movie.gif") no-repeat right bottom;
}
a.CssBtn.MetalBtn.TypeMovie:hover {
	background:url("img/btn/movie.gif") no-repeat left bottom;
}

/* 「詳しくはこちら」ボタン */
a.CssBtn.MetalBtn.TypeDetail {
}
a.CssBtn.MetalBtn.TypeDetail span {
	height: 19px;
	line-height: 19px;
	color: #333333;
	margin-left: 2px;
	padding: 0 10px 0 8px;
}
a.CssBtn.MetalBtn.TypeDetail span {
	background: url("img/btn/godetail.gif") no-repeat right top;
}
a.CssBtn.MetalBtn.TypeDetail {
	background:url("img/btn/godetail.gif") no-repeat 0 0;
}
a.CssBtn.MetalBtn.TypeDetail:hover span {
	background:url("img/btn/godetail.gif") no-repeat right bottom;
}
a.CssBtn.MetalBtn.TypeDetail:hover {
	background:url("img/btn/godetail.gif") no-repeat left bottom;
}

a.GoPrice {
	background-image: url(img/btn/btn_foot_goshop.gif);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	width: 150px;
	height: 25px;
	text-indent: -9999px;
	overflow: hidden;
}
a.GoPrice:hover {
	background-position: left bottom;
}


/*===========================
■価格・ラインナップ
============================*/
.PriceBox {
	width: 568px;
	border: 1px solid #CCCCCC;
	padding: 0 0 10px 0;
}
.PriceBox h3,
.PriceBox h2 {
	margin: 0 0 10px 0;
	font-size: 95%;
	padding: 2px 10px;
	color:#000000;
	border: none;
	border-bottom: 1px solid #CCCCCC;
	background: transparent url(img/title/subtitle_bar_rep.gif) repeat-x scroll 1px 1px;
}
.PriceBox h3 em,
.PriceBox h2 em {
	font-size: 90%;
	font-style: normal;
	font-weight: bold;
	color: #339900;
	padding: 3px;
	margin: 0 0.5em;
	letter-spacing: 0px;
}
.PriceBox div.PacImage {
	border: 0;
	float: left;
	padding: 5px;
	margin: 0;
	width: 90px;
	text-align: center;
}

.PriceBox div.PacImage2 {
	border: 0;
	float: left;
	padding: 5px;
	margin: 0;
	width: 200px;
}

.PacImage img {
	border: 0;
	margin: 0 auto 10px;
}

.BookImage img {
	border: 0;
	margin-right: 10px;
}

.PriceBox .RightBox {
	margin: 0;
	padding: 5px 0 0 0;
	float: right;
	width: 450px;
}

.PriceBox .RightBox2 {
	margin: 0;
	padding: 5px 0 0 0;
	float: right;
	width: 340px;
}

.PriceBox .RightBox h3,
.PriceBox .RightBox2 h3 {
	font-size: 75%;
	font-weight: bold;
	color: #333366;
	background: none;
	clear: both;
	border-left-width: 13px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #333366;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
}

.PriceBox p em,
.PriceBox h4 em {
	font-style: normal;
	font-weight: normal;
	border: none;
	background-color: #339900;
	color: #FFFFFF;
	padding: 2px 3px 1px;
	margin: 0 0.5em;
}
.PriceBox dl {
	margin: 0;
	padding: 0 0 10px 0;
	width: 450px;
	clear: both;
}
.PriceBox dt {
	font-size: 75%;
	line-height: 140%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.PriceBox dd {
	font-size: 75%;
	line-height: 140%;
	margin: 0 0 5px 15px;
	padding: 0;
}
.PriceBox dd em {
	margin: 0 0 0 1em;
	font-style: normal;
	font-size: 85.7%;
	color: #666666;
}
.PriceBox ul.PriceList {
	margin: 0;
	padding: 0;
	list-style: none;
}
.PriceBox ul.PriceList li {
	margin: 0 5px 0.3em;
	padding: 0;
	list-style: none;
	font-weight: normal;
}
.PriceBox ul.PriceList li em {
	margin: 0 0.5em;
	font-weight: normal;
	font-style: normal;
}
.PriceBox h4 {
	margin: 10px 0 0 0;
}

p.nomargin {
	margin: 0;
}
.PriceBox table.PriceTable {
 	clear: both;
	width: 548px;
	margin: 5px 10px 10px 10px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
.PriceBox .RightBox table.PriceTable {
 	clear: both;
	width: 438px;
	margin: 5px 10px 10px 0;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.PriceBox .RightBox2 table.PriceTable {
 	clear: both;
	width: 330px;
	margin: 5px 10px 10px 0;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.PriceBox table.PriceTable th,
.PriceBox table.PriceTable td {
	border-bottom: 1px solid #cccccc;
	padding: 5px;
	text-align: right;
	vertical-align: middle;
}
.PriceBox table.PriceTable th {
	font-weight: normal;
	font-style: normal;
	text-align: left;
	vertical-align: middle;
	font-size: 75%;
}
.PriceBox table.PriceTable th em {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	display: block;
	color: #666666;
	font-size: 85%;
}
.PriceBox table.PriceTable td {
	color: #666666;
	line-height: 150%;
	vertical-align: middle;
	font-size: 75%;
}
.PriceBox table.PriceTable td.TdCart {
	width: 130px;
}
.PriceBox table.PriceTable td em {
	margin: 5px 0 0 0.2em;
	font-weight: bold;
	font-style: normal;
	color: #333333;
	font-size: 108%;
}
.PriceTable .CssBtn {
	margin: 0 0 0 5px;
}

/*===========================
■OD2 製品紹介
============================*/

TABLE.pdtxt TH{
	background-color: #E8E8E8;
}

TABLE.pdtxt TH,
TABLE.pdtxt TD{
	padding: 5px;
}


/*===========================
■ClearFix
============================*/
#infoBox ul li:after,
.CaseH2Box:after,
.ProductMenu:after,
.ProductMenu .Inner:after,
.ProductMenu ul:after,
.TopicWrap:after,
.TopicInner:after,
.TopicBody:after,
.ContentInner.GuaranteeVup:after,
.GuaranteeVup .Right:after,
.GuaranteeVup:after,
.CloseBox:after,
.CssBtn:after {  
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
}
#infoBox ul li,
CaseH2Box,
.ProductMenu,
.ProductMenu .Inner,
.ProductMenu ul,
.TopicWrap,
.TopicInner,
.TopicBody,
.ContentInner.GuaranteeVup,
.GuaranteeVup .Right,
.GuaranteeVup,
.CloseBox,
.CssBtn {  
	display: inline-block;  
	zoom: 100%;  
}

/*===========================
■トップページ
============================*/

/* 新製品情報 */
.newproduct {
	width: 570px;
	border: 1px solid #CCCCCC;
	padding: 5px 0;
}

.newproduct P{
	margin: 5px 15px 10px 15px;
}