@charset "utf-8";

/*------------------------------------------------------------------------------
松野醤油株式会社 - CSS Modules Import
Date: 2008-08-20
Copyright (C) 松野醤油株式会社. All Rights Reserved.
------------------------------------------------------------------------------*/

/* ----------------------------------------

Top

---------------------------------------- */

div#Contents.TwoColumns.Top div#Main {
	width: 584px;
}

div#Contents.Top h2#HlImg {
	width: 570px;
	margin-bottom: 12px;
}

div#Contents.Top p#HlTxt {
	width: 570px;
	height: 90px;
	margin-bottom: 30px;
	background: url("../img/top/txt_main.png") 0 0 no-repeat;
}

div#Contents.Top p#HlTxt strong {
	display: block;
	overflow: hidden;
	width: 0;
	height: 0;
}

div#Contents.Top div#Main p.ToTop {
	margin-right: 14px;
}


/* ----------------------------------------

Products

---------------------------------------- */

div#Contents.Products h2 {
	width: 560px;
	height: 40px;
	padding-left: 10px;
	line-height: 40px;
	background: url("../img/common/hl_bg_04.gif") 0 0 no-repeat;
	font-weight: 700;
	font-size: 118%;
	color: #FFF;
	}

div#Contents.Products div.ProductsStatus {
	margin-top: 15px;
	padding: 10px 15px;
	border: 1px solid #9E7B7B;
	background-color: #FFF;
}

div#Contents.Products div.ProductsStatus p { float: left;}

div#Contents.Products div.ProductsStatus ul { text-align: right;}

div#Contents.Products div.ProductsStatus ul li {
	display: inline;
	margin-left: 1em;
}

div#Contents.Products div.ProductsStatus ul li span { font-weight: 700;}

div#Contents.Products div.ProductsBox {
	margin-top: 15px;
	padding: 15px 15px 1px;
	background-color: #FFF;
}

* html div#Contents.Products div.ProductsBox { padding-bottom: 20px;}
*:first-child+html div#Contents.Products div.ProductsBox { padding-bottom: 20px;}

div#Contents.Products div.ProductsBox h3 {
	width:530px;
	height: 35px;
	margin-bottom: 20px;
	padding-left: 10px;
	line-height: 35px;
	background: url("../img/common/hl_bg_01.gif") 0 0 no-repeat;
	font-size: 116%;
	font-weight: 700;
}

div#Contents.Products div.ProductsBox h3 a {
	text-decoration: none;
	color: #0068B7;
}

div#Contents.Products div.ProductsBox dl,
div#Contents.Products div.ProductsBox div.DetailBox {
	margin-bottom: 20px;
	padding-bottom: 20px;
	background: url("../img/common/border_dotted_01.gif") left bottom repeat-x;
}

div#Contents.Products div.ProductsBox dl.ListBox dt {
	float: left;
	overflow: hidden;
	width: 135px;
	text-align: center;
}

div#Contents.Products div.ProductsBox dl.ListBox dt img { max-width: 135px;}

div#Contents.Products div.ProductsBox dl.ListBox dd { margin-left: 150px;}

div#Contents.Products div.ProductsBox dl.ListBox dd p.Desc { margin-bottom: 15px;}

div#Contents.Products div.ProductsBox dl dd p.Price {
	margin-bottom: 15px;
	font-size: 116%;
	font-weight: 700;
}

div#Contents.Products div.ProductsBox dl dd p.Price img {
	margin-bottom: -4px;
	margin-left: 1em;
	vertical-align: baseline;
}

div#Contents.Products div.ProductsBox dl dd div.Choice {
	padding: 10px 15px 5px;
	background-color: #F1E6DB;
}

div#Contents.Products div.ProductsBox dl.ListBox dd div.Choice ul { float: left;}

div#Contents.Products div.ProductsBox dl dd div.Choice ul li { margin-bottom: 5px;}

div#Contents.Products div.ProductsBox dl dd div.Choice ul li input,
div#Contents.Products div.ProductsBox dl dd div.Choice ul li select { margin-left: 5px;}

div#Contents.Products div.ProductsBox dl.ListBox dd div.Choice p {
	 margin-bottom: 5px;
	text-align: right;
}

div#Contents.Products div.ProductsBox dl.DetailBox,
div#Contents.Products div.ProductsBox div.DetailBox { padding: 0 15px 25px;}

div#Contents.Products div.ProductsBox dl.DetailBox dt {
	float: left;
	overflow: hidden;
	width: 245px;
	text-align: center;
}

div#Contents.Products div.ProductsBox dl.DetailBox dt img { max-width: 245px;}

div#Contents.Products div.ProductsBox dl.DetailBox dd { margin-left: 260px;}

div#Contents.Products div.ProductsBox dl.DetailBox dd div.Choice p {
	padding: 5px 0;
	text-align: center;
}

div#Contents.Products div.ProductsBox div.DetailBox dl {
	margin: 20px 0 10px;
	padding: 10px;
	background: none;
	background-color: #F6EDE5;
}

div#Contents.Products div.ProductsBox div.DetailBox dl dt {
	margin-bottom: 5px;
	padding: 0 7px 2px;
	border-left: 3px solid #755542;
	background: url("../img/common/border_dotted_01.gif") left bottom repeat-x;
	font-weight: 700;
}

div#Contents.Products div.ProductsBox div dl dd ul li {
	float: left;
	width: 185px;
	margin: 0 0 0 15px;
	padding-left: 15px;
	background: url("../img/common/icon_circle_01.gif") left 0.5em no-repeat;
}

div#Contents.Products div.ProductsBox div p.Important { color: #FF5400;}

div#Contents.Products div.ProductsBox div table.TableStyle01 { margin-top: 10px;}

div#Contents.Products div.ProductsBox div.Comment {
	margin-top: -5px;
	margin-bottom: 20px;
	padding:  8px 10px;
	background-color: #F5F5F5;
}

div#Contents.Products div.ProductsBox div.Comment ul {
	margin-bottom: 5px;
	padding-bottom: 5px;
	background: url("../img/common/border_dotted_01.gif") left bottom repeat-x;
}

div#Contents.Products div.ProductsBox div.Comment li {
	display: inline;
	margin-right: 10px;
}

div#Contents.Products div.ProductsBox div.Comment li span { color: #C00;}

div#Contents.Products div.ProductsBox div.Comment h4 {
	font-size: 116%;
	font-weight: 700;
}

div#Contents.Products div.ProductsBox p.Button { margin-bottom: 15px;}
* html div#Contents.Products div.ProductsBox p.Button { margin-bottom: 0;}

/* ----------------------------------------

ShoppingGuide

---------------------------------------- */

div#Contents.Products div.Guide {
	padding-bottom: 20px;
}

div#Contents.Products div.Guide ul li {
	margin: 0;
	padding-left: 15px;
	background: url("../img/common/icon_circle_01.gif") left 0.5em no-repeat;
}

div#Contents.Products div.Guide p {
	margin-top: 10px;
}

div#Contents.Products div.Guide ul li p {
	margin: 0 0 10px;
}

div#Contents.Products div.Guide h3 {
	margin-top: 20px;
}

div#Contents.Products div.Guide h3.FirstHl {
	margin-top: 0;
}

div#Contents.Products div.Guide h4 {
	margin-top: 20px;
	margin-bottom: 5px;
	padding: 0 7px 2px;
	border-left: 3px solid #755542;
	background: url("../img/common/border_dotted_01.gif") left bottom repeat-x;
	font-weight: 700;
}

div#Contents.Products div.Guide table td,
div#Contents.Products div.Guide table th {
	padding: 5px 2px;
	font-size: 85%;
}

div#Contents.Products div.Guide table tr.Area td,
div#Contents.Products div.Guide table tr.Area th {
	vertical-align: top;
}

/* ----------------------------------------

Cart + Mypage

---------------------------------------- */

div#Contents.Cart {
}

div#Contents.Cart p {
	margin-top: 10px;
}

div#Contents.Cart p.Total {
	margin: 0;
	padding: 30px;
	border: 2px solid #DDD1CD;
	text-align: center;
	font-size: 116%;
	font-weight: 700;
}

table.CartTable {
	margin-top: 20px;
}

table.CartTable th,
table.CartTable td {
	text-align: center;
}
table.CartTable th.Total,
table.CartTable td.Price {
	text-align: right;
}

table.CartTable td.Pict.img {
	width: 133px;
}

table.CartTable td ul.Quantity li {
	display: inline;
	padding: 2px 5px 0 0;
	cursor: pointer;
}

table.CartTable td ul.Quantity li.Ex { padding-right: 0;}


/* ----------------------------------------

Shopping

---------------------------------------- */

div#Contents.Shopping div.ShoppingBox01 {
	margin-bottom: 20px;
	padding: 20px 35px;
	border: 2px solid #DDD1CD;
}

div#Contents.Shopping div.ShoppingBox01 dl#LoginBox01 {
	margin-top: 10px;
	padding: 15px;
	border: 1px solid #DDD1CD;
	background-color: #F6EDE5;
}

div#Contents.Shopping div.ShoppingBox01 dl#LoginBox01 dt {
	clear: both;
	float: left;
	width: 8em;
	padding: 5px 0;
}

div#Contents.Shopping div.ShoppingBox01 dl#LoginBox01 dd {
	margin-left: 8em;
	padding: 5px 0;
}

div#Contents.Shopping div.ShoppingBox01 p.Desc { margin-top: 15px;}

div#Contents.Shopping p#Flow { margin-bottom: 15px;}

div#Contents.Shopping p.Button { margin-top: 10px;}

div#Contents.Shopping h3.Second { margin-top: 30px;}


/* ----------------------------------------

Entry

---------------------------------------- */

div#Contents.Entry div.EntryBox {
	margin-top: 15px;
	padding: 15px;
	background-color: #FFF;
}

div#Contents.Entry div.EntryBox div#Kiyaku {
	margin-top: 20px;
}

div#Contents.Entry div#Complete,
div#Contents.Mypage div#Complete {
	padding: 25px 30px;
	border: 1px solid #DED3CE;
	background-color: #F6EDE5;
}

div#Contents.Entry div#Complete p,
div#Contents.Mypage div#Complete p {
margin-bottom: 20px;
}

div#Contents.Entry div#Complete p.Ex,
div#Contents.Mypage div#Complete p.Ex {
	margin-left: -3px;
}


/* ----------------------------------------

Mypage

---------------------------------------- */

div#Contents.Mypage div.MypageBox {
	margin-top: 15px;
	padding: 15px;
	background-color: #FFF;
}

div#Contents.Mypage div.MypageBox h3 {
	width: 530px;
	height: 35px;
	margin-bottom: 20px;
	padding-left: 10px;
	line-height: 35px;
	background: url("../img/common/hl_bg_03.gif") 0 0 no-repeat;
	font-size: 116%;
	font-weight: 700;
}

div#Contents.Mypage div.MypageBox p {
	margin-bottom: 10px;
}

div#Contents.Mypage table.MypageTable th,
div#Contents.Mypage table.MypageTable td {
	text-align: center;
}

div#Contents.Mypage div#Status {
	margin-top: 15px;
	padding: 10px 15px;
	border: 1px solid #9E7B7B;
	background-color: #FFF;
}

div#Contents.Mypage div.MypageBox h4 {
	margin-top: 20px;
	margin-bottom: -10px;
	padding: 0.2em 10px;
	border-left: 5px solid #D27D00;
	background: url("../img/common/border_dotted_01.gif") left bottom repeat-x;
	font-weight: 700;
}


/* -- Sub -- */

div#Contents.Mypage div#Sub ul#SubMypage {
	margin-bottom: 5px;
	padding: 4px 4px 0;
	border: 1px solid #A79895;
	background-color: #FFF;
}

div#Contents.Mypage div#Sub ul#SubMypage li {
	margin-bottom: 4px;
}


/* ----------------------------------------

Common

---------------------------------------- */

div#Contents.Other h2 {
	width: 780px;
	height: 40px;
	padding-left: 10px;
	line-height: 40px;
	background: url("../img/common/hl_bg_05.gif") 0 0 no-repeat;
	font-weight: 700;
	font-size: 118%;
	color: #FFF;
}

span.Important,
p.Important {
	font-weight: 700;
	color: #FF5400;
}

ul.Button {
	margin-top: 20px;
	text-align: center;
}

ul.Button li {
	display: inline;
	padding: 0 10px;
}

ul.Button li input {
	vertical-align: bottom;
}

ul.Parallel {
	margin-top: 10px;
}

ul.Parallel li{
	display: inline;
	margin-right: 20px;
}

/* -- ListBox01 --*/

div.ListBox01 {
	margin-top: 10px;
}

div.ListBox01 h3 {
	margin-bottom: 15px;
}

div.ListBox01 ul {
	width: 584px;
}

div.ListBox01 ul li {
	float: left;
	display: inline;
	width: 135px;
	margin-right: 10px;
	text-align: center;
}

div.ListBox01 ul li p.Pict {
	overflow: hidden;
	width: 133px;
	height: 118px;
	border: 1px solid #B8B7B7;
	background-color: #FFF;
}

div.ListBox01 ul li p.Name {
/*	overflow: hidden;
	width: 135px;
	white-space: nowrap;
	折り返しなしで、はみ出した内容はカットの場合*/
	min-height: 3em;
	line-height: 1.2;
}

* html div.ListBox01 ul li p.Name {
	height: 3em; /* jsがoffの場合用 */
}

div.ListBox01 ul li a img {
	width: 133px;
}


/* -- TableStyle01 --*/

table.TableStyle01 {
	width: 100%;
	margin-top: 20px;
}

table.TableStyle01 td,
table.TableStyle01 th {
	padding: 0.7em 1em;
	border: 1px solid #DDD1CD;
}

table.TableStyle01 th {
	background-color: #F6EDE5;
}

table.TableStyle01 th.Total,
table.TableStyle01 td.Price {
	text-align: right;
}

table.TableStyle01 th.Small,
table.TableStyle01 td.Small { width: 10%;}
table.TableStyle01 th.Medium,
table.TableStyle01 td.Medium { width: 25%;}

/* ----------------------------------------

IEPngFix (基本的にクラス指定では使用しない)

---------------------------------------- */

* html div#Contents.Top p#HlTxt {
	behavior: expression(IEPNGFIX.fix(this));
}

*:first-child+html div#Contents.Top p#HlTxt {
	behavior: expression(IEPNGFIX.fix(this));
}


/* ----------------------------------------

ClearFix (基本的にクラス指定では使用しない)

---------------------------------------- */

/* modern browsers */

div.ListBox01 ul:after,
div.ProductsStatus:after,
div.ProductsBox dl:after,
div.ProductsBox dl dd div.Choice:after,
div.ProductsBox div dl dd ul:after,
div.ShoppingBox01 dl#LoginBox01:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}

/* IE7 */

div.ListBox01 ul,
div.ProductsStatus,
div.ProductsBox dl,
div.ProductsBox dl dd div.Choice,
div.ProductsBox div dl dd ul,
div.ShoppingBox01 dl#LoginBox01 {
	display: inline-block;
}

/* legacy IE */

* html div.ListBox01 ul,
* html div.ProductsStatus,
* html div.ProductsBox dl,
* html div.ProductsBox dl dd div.Choice,
* html div.ProductsBox div dl dd ul,
* html div.ShoppingBox01 dl#LoginBox01 {
	height: 1%;
}

div.ListBox01 ul,
div.ProductsStatus,
div.ProductsBox dl,
div.ProductsBox dl dd div.Choice,
div.ProductsBox div dl dd ul,
div.ShoppingBox01 dl#LoginBox01 {
	display: block;
}