@charset "utf-8";
/* CSS Document */
/*--information---------------------------------------------------------
Last update：10/02/22
File name ：common.css
Site name： さとう質店
Summary： 各ページ共通スタイル
Copyright：Copyright (c) 2010 さとう質店. ALL RIGHTS RESERVED
-------------------------------------------------------------------------*/

/*[common]
////////////////////////////////////////////////////////////////////////-*/
/*▼デフォルトCSSリセット-----------------------------------*/
*{
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	text-align: center; /* IE 5系 ブラウザ対策 */
	color: #303030;
	background-color:#FFF;
}
body:after {
	content: ".";
	display: block;
	height: 0;
	line-height: 1px;
	clear: both;
	visibility: hidden;
}

/*▼Firefoxでのコンテンツが少ない際のスクロールバーによる中心ズレを防ぐ*/
html {
	overflow-y: scroll;
}
html,body{
    height: 100%;
	clear: both;
}
img {
	border: 0;
}
h1,h2,h3,h4,h5,h6,
p {
}
ul,ol,li,dl,dt,
dd {

}
/*[Link]
-------------------------------------------------------------------------*/
/*[basic]
:::::::::::::::::::::::::::::::::::::::::::::*/
a:link, a:active {
	color: #2374e2;
	text-decoration:none;
	overflow: hidden;
}
a:visited {
	color: #2374e2;	
	text-decoration:none;
}
a:hover {
	color: #F90;
	text-decoration: underline;
	overflow: hidden;
}

/*[mainmenu]
:::::::::::::::::::::::::::::::::::::::::::::*/
#mainmenu li a:link, #mainmenu li a:active {
	color: #f00;
	text-decoration:none;
	overflow: hidden;
}
#mainmenu li a:visited,
#mainmenu li p {
	color: #c60;	
	text-decoration:none;
}
#mainmenu li a:hover {
	color: #f00;
	text-decoration: underline;
	overflow: hidden;
}

/*[font]
////////////////////////////////////////////////////////////////////////-*/
/*[basic]
-------------------------------------------------------------------------*/
body {
	font: 100% Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	line-height: 120%;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 0.9em;
}
p,
td {
	font-size: 0.9em;
	line-height: 130%;
}
strong {
	font-weight: bold;
}
em {
	font-weight: normal;
	font-style: normal;
}
.clear {
	font-size: 0.1em;
	line-height: 0.1em;
}
/*[index]
-------------------------------------------------------------------------*/
#mainIMG_wrapp #box_menu #Rightmenu p {
	font-size: 0.8em;
	line-height: 1.2em;
}
#RightContainer #kaitoriContainer #KCtitle {
	font-size: 0.85em;
	line-height: 1em;
	font-weight: bold;
}
#RightContainer #kaitoriContainer #KCtitle p {
	text-align: left;
}


#pageSummary {
	font-size: 0.9em;
	line-height: 1.3em;
}
.item .itemListName {
	font-size: 0.8em;
	line-height: 1.3em;
}
.itemListPrice {
	font-size: 0.8em;
	line-height: 1.2em;
}
.itemListPrice .Price {
	font-size: 1.7em;
	line-height: 1.2em;
	font-family:Arial, Helvetica, sans-serif;
}
.EditArea {
	font-size: 0.9em;
	line-height: 1.3em;
}
/*[detail]
-------------------------------------------------------------------------*/
h4#detailLISTTitle  {
	font-size: 1.2em;
	line-height: 1.2em;
}
.detailLIST td.dTXT {
	font-size: 1em;
	line-height: 1em;
}
.detailLIST td.dTXTprice {
	font-size: 1.2em;
	line-height: 1em;
	font-weight: bold;
}

/*[modules]
////////////////////////////////////////////////////////////////////////-*/
/*[wrapper]
-------------------------------------------------------------------------*/
#wrapp {
	width: 1000px;
	margin: 0 auto 0;
	text-align: left;
}
#wrapp:after {
	content: ".";
	display: block;
	height: 0;
	line-height: 1px;
	clear: both;
	visibility: hidden;
}

/*[container]
-------------------------------------------------------------------------*/
#container {
	width: 900px;
	margin: 0;
	padding: 0 50px;
	border-left: 2px solid #d1d1d1;
	border-right: 2px solid #d1d1d1;
}
#body_wrapp {
	width: 900px;
	margin: 0;
	padding: 0;
}

#container:after,
#secContainer:after,
#RightContainer:after {
	content: ".";
	display: block;
	height: 0;
	line-height: 1px;
	clear: both;
	visibility: hidden;
}
#body_wrapp #LeftContainer {
	width: 640px;
	height: auto;
	padding: 0;
	float: left;
	margin: 0;
}

#LeftContainer {
	height: auto;
	padding: 0;
	float: left;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#index_body_wrapp #RightContainer {
	width: 210px;
	height: auto;
	margin: 20px 0 0;
	padding: 0;
	display: block;
	float: right;
}
#body_wrapp #RightContainer {
	width: 216px;
	height: auto;
	margin: 55px 0 0;
	padding: 0;
	display: block;
	float: right;
}

/*[header]
-------------------------------------------------------------------------*/
#header {
	width: 900px;
	height: 120px;
	margin: 0 0 0;
	padding: 30px 0 0;
	background: url(../images/head.jpg) no-repeat;
	display: block;
}
#header h1 {
	width: 240px;
	height: 85px;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}
/*[header-mainmenu]
:::::::::::::::::::::::::::::::::::::::::::::*/
#header #mainmenu {
	width: 628px;
	height: 56px;
	margin: 16px 0 0;
	padding: 0;
	list-style: none;
	float: right;
	display: block;
}
#header #mainmenu li {
	width: 155px;
	height: 56px;
	margin: 0 0 0 2px;
	padding: 0;
	background-repeat: no-repeat;
	display: block;
	float: left;
}
#header #mainmenu li a {
	width: 155px;
	height: 56px;
	background-repeat: no-repeat;
	text-decoration: none;
	text-indent: -5000px;
	overflow: hidden;
	display: block;
}
#header #mainmenu li#mmenu01 a {
	background-image: url(../images/head_btn01_off.jpg);
}
#header #mainmenu li#mmenu02 a {
	background-image: url(../images/head_btn02_off.jpg);
}
#header #mainmenu li#mmenu03 a {
	background-image: url(../images/head_btn03_off.jpg);
}
#header #mainmenu li#mmenu04 a {
	background-image: url(../images/head_btn04_off.jpg);
}

#header #mainmenu li#mmenu01,#header #mainmenu li#mmenu01 a:hover {
	background-image: url(../images/head_btn01_on.jpg);
}
#header #mainmenu li#mmenu02,#header #mainmenu li#mmenu02 a:hover {
	background-image: url(../images/head_btn02_on.jpg);
}
#header #mainmenu li#mmenu03,#header #mainmenu li#mmenu03 a:hover {
	background-image: url(../images/head_btn03_on.jpg);
}
#header #mainmenu li#mmenu04,#header #mainmenu li#mmenu04 a:hover {
	background-image: url(../images/head_btn04_on.jpg);
}


/*[parts]
:::::::::::::::::::::::::::::::::::::::::::::*/
.clear {
	clear: both;
	height: 1px;	
}
.clear_LineGL {
	clear: both;
	width: 900px;
	height: 1px;
	margin: 10px 25px 0;
	padding: 0;
	border-top: 2px dotted #f0f0f0;
}

.cbox {/* flaotを含むコンテンツの親要素にセットでいれる */
	zoom: 100%;
}
.cbox:after {
	content: ".";
	display: block;
	height: 0;
	line-height: 1px;
	clear: both;
	visibility: hidden;
}
#RightContainer #gotoHOME {
	width: 122px;
	height: 30px;
	margin: 0 0 0 94px;
	padding: 0;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
}
#RightContainer #gotoHOME a {
	width: 122px;
	height: 30px;
	margin: 0;
	padding: 0;
	display: block;
	background: url(../images/home_off.gif) no-repeat left top;
}
#RightContainer #gotoHOME, #RightContainer #gotoHOME a:hover {
	background: url(../images/home_on.gif) no-repeat left top;
}

strong {

}
em {
	color: #669900;
}


/*[footer]
-------------------------------------------------------------------------*/
#container #footer {
	width: 900px;
	height: 81px;
	clear: both;
	border-top: 1px dotted #333333;
	border-bottom: 1px dotted #333333;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}
p#copyright {
	width: 900px;
	height: auto;
	padding: 0;
	margin: 15px 0 30px;
	text-align: right;
}
#footer img {
	float: left;
}
#footer p#address {
	float: right;
	text-align: right;
}
#footer ul#footermenu {
	width: 900px;
	height: 81px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer:after {
	content: ".";
	display: block;
	height: 0;
	line-height: 1px;
	clear: both;
	visibility: hidden;
}



/*[LeftContainer]
-------------------------------------------------------------------------*/
/*[LeftContainer-ptitle]
:::::::::::::::::::::::::::::::::::::::::::::*/
h2#ptitleM {
	width: 640px;
	height: 62px;
	margin: 0 0 50px;
	padding: 0;
}
#pageSummary {
	width: 640px;
	height: auto;
	margin: 0 0 45px;
	padding: 0;
}
#pageSummary td.pshead {
	width: 90px;
	height: auto;
}
#pageSummary td {
	margin: 0;
	padding: 0 0 10px;
}
#pageSummary td img {
	vertical-align: top;
	margin-right: 3px;
}



/*[sub-box_itemList]
:::::::::::::::::::::::::::::::::::::::::::::*/
#body_wrapp .itemList {	
	padding: 0;
	margin: 15px 0 0;
}

#body_wrapp table.itemList td.item{
	width: 150px;
	height: auto;
	margin: 0;
	padding: 0;
	vertical-align:top;
}
#body_wrapp table.itemList td.item .item_wrapp{
	width: 150px;
	height: auto;
	margin: 0 12px 0 0;
	padding: 0;
	vertical-align:top;
}
#body_wrapp table.itemList td.item .item_wrapp div.item_wrapp_body {
	width: 150px;
	height: auto;
	margin: 0;
	padding: 0;
	background: url(../images/objbox_bg_s_body.gif) repeat-y;
}
#body_wrapp .itemList td.item div div table {
	width: 125px;
	height: auto;
	margin: 0 13px 0 10px;
	padding: 0;
}


#body_wrapp .itemList td.item div div table td.itemListIMG {
	text-align: center;
	padding: 5px 0 5px;
}
#body_wrapp .itemList td.item div div table td.itemListName {
	width: 125px;
	height: 55px;
	margin: 0;
	padding: 0;
}
#body_wrapp .itemList td.item div div table td.itemListPrice {
	width: 95px;
	height: 40px;
	margin: 0;
	padding: 0;
}
#body_wrapp .itemList td.item div div table td.itemListIcon {
	width: 25px;
	margin: 0;
	padding: 15px 0 0;
}
#body_wrapp .itemList td.item div div table td.itemListIcon a.icon {
	width: 25px;
	height: 25px;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	text-decoration: none;
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/objbox_icon.gif);
}
#body_wrapp .itemList td.item div div table td.itemListIcon a:hover {
	background-image: url(../images/objbox_icon_on.gif);
}

/*[RightContainer]
-------------------------------------------------------------------------*/
#body_wrapp #RightContainer h3{
	margin: 5px 0 0;
	padding: 0;
	}
/*[RightContainer-menu]
:::::::::::::::::::::::::::::::::::::::::::::*/
#Contentsmenu01 {
	width: 216px;
	height: auto;
	margin: 15px 0 0;
	padding: 0;
	list-style: none;
	display: block;
}

#Contentsmenu01 li {
	width: 216px;
	height: 135px;
	margin: 0 0 20px;
	padding: 0;
	background-repeat: no-repeat;
	display: block;
}
#Contentsmenu01 li a,
#Contentsmenu01 li p{
	width: 216px;
	height: 135px;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	text-decoration: none;
	text-indent: -5000px;
	overflow: hidden;
	display: block;
}
#Contentsmenu01 #Cmenu11 a {
	background-image: url(../images/sidecnt_jewelry_off.jpg);
}
#Contentsmenu01 #Cmenu12 a {
	background-image: url(../images/sidecnt_bag_off.jpg);
}
#Contentsmenu01 #Cmenu13 a {
	background-image: url(../images/sidecnt_wallet_off.jpg);
}
#Contentsmenu01 #Cmenu14 a {
	background-image: url(../images/sidecnt_watch_off.jpg);
}

#Contentsmenu01 #Cmenu11,#Contentsmenu01 #Cmenu11 a:hover {
	background-image: url(../images/sidecnt_jewelry_on.jpg);
}
#Contentsmenu01 #Cmenu12,#Contentsmenu01 #Cmenu12 a:hover {
	background-image: url(../images/sidecnt_bag_on.jpg);
}
#Contentsmenu01 #Cmenu13,#Contentsmenu01 #Cmenu13 a:hover {
	background-image: url(../images/sidecnt_wallet_on.jpg);
}
#Contentsmenu01 #Cmenu14,#Contentsmenu01 #Cmenu14 a:hover {
	background-image: url(../images/sidecnt_watch_on.jpg);
}

#Contentsmenu02 {
	width: 201px;
	height: auto;
	margin: 15px 0 0 15px;
	padding: 0;
	list-style: none;
	display: block;
}
#Contentsmenu02 li {
	width: 201px;
	height: 130px;
	margin: 0 0 10px;
	padding: 0;
	background-repeat: no-repeat;
	display: block;
}
#Contentsmenu02 li a {
	width: 201px;
	height: 130px;
	background-repeat: no-repeat;
	text-decoration: none;
	text-indent: -5000px;
	overflow: hidden;
	display: block;
}

#Contentsmenu02 #Cmenu21 a {
	background-image: url(../images/side_system_off.jpg);
}
#Contentsmenu02 #Cmenu22 a {
	background-image: url(../images/side_qa_off.jpg);
}
#Contentsmenu02 #Cmenu23 a {
	background-image: url(../images/side_order_off.jpg);
}

#Contentsmenu02 #Cmenu21,#Contentsmenu02 #Cmenu21 a:hover {
	background-image: url(../images/side_system_on.jpg);
}
#Contentsmenu02 #Cmenu22,#Contentsmenu02 #Cmenu22 a:hover {
	background-image: url(../images/side_qa_on.jpg);
}
#Contentsmenu02 #Cmenu23,#Contentsmenu02 #Cmenu23 a:hover {
	background-image: url(../images/side_order_on.jpg);
}


#Contentsmenu03 {
	width: 201px;
	height: auto;
	margin: 5px 0 0 15px;
	padding: 0;
	list-style: none;
	display: block;
}
#Contentsmenu03 li {
	width: 201px;
	height: 57px;
	margin: 0 0 15px;
	padding: 0;
	background-repeat: no-repeat;
	display: block;
}
#Contentsmenu03 li a {
	width: 201px;
	height: 57px;
	background-repeat: no-repeat;
	text-decoration: none;
	text-indent: -5000px;
	overflow: hidden;
	display: block;
}

#Contentsmenu03 #Cmenu31 a {
	background-image: url(../images/index_sb01_off.jpg);
}
#Contentsmenu03 #Cmenu32 a {
	background-image: url(../images/index_sb02_off.jpg);
}
#Contentsmenu03 #Cmenu33 a {
	background-image: url(../images/index_sb03_off.jpg);
}

#Contentsmenu03 #Cmenu31,#Contentsmenu03 #Cmenu31 a:hover {
	background-image: url(../images/index_sb01_on.jpg);
}
#Contentsmenu03 #Cmenu32,#Contentsmenu03 #Cmenu32 a:hover {
	background-image: url(../images/index_sb02_on.jpg);
}
#Contentsmenu03 #Cmenu33,#Contentsmenu03 #Cmenu33 a:hover {
	background-image: url(../images/index_sb03_on.jpg);
}


/*[windowPage]
-------------------------------------------------------------------------*/
body#windowPage {
	width: 640px;
	height: auto;
	margin: 0;
	padding: 30px 50px;
	text-align: left;
}
body#windowPage #WPhead {
	width: 640px;
	margin: 0 0 25px;
	padding: 0;
}
body#windowPage #WPhead #Icon {
	width: 62px;
	margin: 0 15px 0 0;
	padding: 0;
	float: left;
}
body#windowPage #WPhead h1 {
	width: 560px;
	margin: 0 0 5px;
	padding: 0;
}