/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
html {
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 80%;
	line-height: 1.4;
	background-image:url(//www.goodshare.jp/system/images/template4/main_back.gif); 
	background-repeat: repeat;
	background-position:center;
}

a:link, a:hover {
	color: #006699;
	text-decoration: underline;
}
a:visited {
	color: #006699;
	text-decoration: underline;
}
a:hover {
	color: #FF6D00;
	text-decoration: underline;
}

ol {
	margin: 3px 0px 9px 30px;
}

ul {
	list-style-type: square;
}

ul ul {
	list-style-type: none;
}

td {
	word-break: break-all;
}

img {
	border: none;
}

form {
	margin: 0;
	padding: 0;
}

h2, h3 {
/*	margin: 0 0 0 10px; */
	padding: 5px 0 0 0; 
	font-size: 100%;
	text-align: left;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

/* 表示エリア全体 ******************************/
#container {

	width: 860px;
	margin: 0 auto 0 auto;
	text-align: center;
	background-color:#FFFFFF;
}

/* ヘッダー ************************************/
#header {
	width:860px;
	height: 110px;
	margin:0 auto 0 auto; 
	padding: 0; 
	background-image: url("//www.goodshare.jp/system/images/template4/sample_head.jpg");
	text-align: left;
}

/* グローバルメニュー **************************/
#grobalMenu {
	width:860px;
	height: 33px;
	margin:0 auto 10px auto; 
	padding: 0;
	background-color:#FFFFFF;	
}

/* 中央エリア **********************************/
#centerArea {
	padding: 0;
	margin: 0;
	vertical-align: top;
	text-align:center;
}

/* 左サイドバー ********************************/
.sideBarLeft {
	width: 170px;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

/* 右サイドバー ********************************/
.sideBarRight {
	width: 170px;
	padding: 0;
	margin: 0;
	vertical-align: top;
}


/***********************************************/
/*Component Divs                               */
/***********************************************/

/* ショップ名 **********************************/
#header a:link, #header a:visited {
	color: #785f63;
	text-decoration: none;
}

#header a:hover {
	text-decoration: underline;
}

/* グローバルナビ ******************************/
.grobalNavi {
	padding: 10px 25px 0px 10px;
	font-weight: bold;
	text-align: right;
}

.grobalNavi a:link, .grobalNavi a:visited {
	color: #785f63;
	text-decoration: none;
}

.grobalNavi a:hover {
	text-decoration: underline;
}

/* 各コンテンツタイトル表示 ********************/
.listTitle {
	width: 164px;
	height: 25px;
	margin: 0 auto 0 auto;
/*	padding: 0 0 0 20px;*/
	background-image: url("//www.goodshare.jp/system/images/template4/sample_titleimage.gif");
	background-repeat: no-repeat; 
}

.listTitle2 {
	width: 164px;
	height: 25px;
	margin: 15px auto 0 auto;
	background-image: url("//www.goodshare.jp/system/images/template4/sample_titleimage.gif");
	background-repeat: no-repeat; 
}
.listTitleCenter {
	width: 510px;
	height: 20px;
	margin: 0 auto 0 auto;
	background-image: url("//www.goodshare.jp/system/images/template4/sample_titleimage_center.gif");
	background-repeat: no-repeat; 
	padding: 0 0 0 5px; 
}
.listTitleCenterWide {
	width: 640px;
	height: 20px;
	margin: 0 auto 0 auto;
	background-image: url("//www.goodshare.jp/system/images/template4/sample_titleimage_centerWide.gif");
	background-repeat: no-repeat; 
	padding: 0 0 0 5px; 
}
.listTitleRight {
	width: 164px;
	height: 25px;
	margin: 0 auto 0 auto;
	background-image: url("//www.goodshare.jp/system/images/template4/sample_titleimage_right.gif");
	background-repeat: no-repeat; 
}

.listTitle a:link, .listTitle a:visited {
	color: #af585b;
	text-decoration: none;
}
.listTitle a:hover {
	text-decoration: underline;
}

/* サイドバー各コンテンツ基礎 ******************/
.sideBox {
	width:164px;
	margin: 0 auto 10px auto;
	background-image: url("//www.goodshare.jp/system/images/template4/sample_titleimage_back.gif");
	background-repeat:repeat-y
}

.sideBoxRight {
	width:164px;
	margin: 0 auto 0 auto;
	background-image: url("//www.goodshare.jp/system/images/template4/sample_titleimage_back_right.gif");
	background-repeat:repeat-y
}

.sideboxfoot {
	width: 164px;
	height: 9px;
	margin: 0 auto 0 auto;
/*	background-image: url("//www.goodshare.jp/system/images/template4/sample_titleimage_foot.gif");*/
	background-repeat: no-repeat; 
}
.sideboxfootRight {
	width: 164px;
	height: 9px;
	margin: 0 auto 0 auto;
/*	background-image: url("//www.goodshare.jp/system/images/template4/sample_titleimage_foot_right.gif");*/
	background-repeat: no-repeat; 
}



/* サイドバーリストアップ基礎 ******************/
.sideList {
	padding: 0;
/*	background-color: white;*/
/*	border-top: solid 1px white;*/
/*	border-right: solid 1px white;*/
/*	border-left: solid 1px white;*/
/*	border-bottom: solid 1px #e0d7b1;*/
	display: block;
	line-height: 130%;
}

.listBox {
	margin: 0 5px 0 5px;
	padding: 0;
	text-align: left;
	list-style: none;
}

/* サイドバーリスト各要素 **********************/
.listFactor {
	margin: 0;
	border-bottom: solid 1px #e0d7b1;
}

.listFactor a:link, .listFactor a:visited, {
	display: block;
	padding: 3px;
	background-color: white;
	color: #444444;
	font-weight: bold;
	text-decoration: none;
}

.listFactor a:hover {
	background-color: #969695;
	color: white;
}

/* カレンダー基礎 ******************************/
.calendar {
	 margin: 0;
	 padding: 5px 0px;
	 border-collapse: collapse;
	 text-align: center;
}

/* カレンダー日付表示 **************************/
.calendar td {
	padding: 2px;
	border-collapse: collapse;
	border: solid 1px #cccccc;
	text-align: right;
}

/* カレンダー曜日表示 **************************/
.calendar th {
	padding: 2px;
	border-collapse: collapse;
	border: solid 1px #a8a8a7;
}

/* カレンダー曜日表示（通常日） ****************/
th.day {
	background-color: #f1ebe0;
	color: #696969;
	text-align: center;
}

/* カレンダー曜日表示（日曜日） ****************/
th.sun {
	background-color: #fde7ac;
	color: #e67231;
	text-align: center;
}

/* カレンダー曜日表示（土曜日） ****************/
th.sat {
	background-color: #c5dcf8;
	color: 375b88;
	text-align: center;
}

/* カレンダータイトル（年月） ******************/
caption {
	 padding: 3px;
	 color: #907861;
	 font-weight: bold;
	 text-align: center;
}

caption a:link, caption a:visited, caption a:hover {
	color: #907861;
	text-decoration: underline;
}

/* カート画面オススメリストタイトルカラー ******************/
.bg_recommendTitle { background-color: #c2e1b3; }

/* カート画面会員ログインタイトルカラー ******************/
.bg_loginTitle { background-color: #ffd55c; }

/* カート画面カゴ中リストタイトルカラー ******************/
.bg_cartInTitle { background-color: #ffd55c; }

/* カート画面お客様情報入力フォームタイトルカラー ******************/
.bg_cartProc1Title { background-color: #e9e9e9; }

/* カート画面決済方法選択フォームタイトルカラー ******************/
.bg_cartProc2Title { background-color: #c2e1e1; }

/* カート画面入力内容確認フォームタイトルカラー ******************/
.bg_cartProc3Title { background-color: #ffd55c; }

/* カート画面カゴ中リスト帯カラー ******************/
.bg_cartInBelt { background-color: #ffeaae; }

/* カート画面カゴ中リスト合計カラー ******************/
.bg_cartInTotal { background-color: #ffc2b3; }


/***********************************************/
/*Tuned Divs                                   */
/***********************************************/

.overhide     { overflow:     hidden; }
.pad-all0     { padding:           0; }
.pad-all3     { padding:         3px; }
.pad-all6     { padding:         6px; }
.pad-all9     { padding:         9px; }
.pad-top3     { padding-top:     3px; }
.pad-top6     { padding-top:     6px; }
.pad-top9     { padding-top:     9px; }
.pad-top12    { padding-top:    12px; }
.pad-top20    { padding-top:    20px; }
.pad-left3    { padding-left:    3px; }
.pad-left6    { padding-left:    6px; }
.pad-left9    { padding-left:    9px; }
.pad-left12   { padding-left:   12px; }
.pad-right3   { padding-right:   3px; }
.pad-right6   { padding-right:   6px; }
.pad-right9   { padding-right:   9px; }
.pad-bottom3  { padding-bottom:  3px; }
.pad-bottom6  { padding-bottom:  6px; }
.pad-bottom9  { padding-bottom:  9px; }
.pad-bottom12 { padding-bottom: 12px; }
.mgn-all0     { margin:            0; }
.mgn-all1     { margin:          1px; }
.mgn-all3     { margin:          3px; }
.mgn-all6     { margin:          6px; }
.mgn-all9     { margin:          9px; }
.mgn-top-1    { margin-top:     -1px; }
.mgn-top1     { margin-top:      1px; }
.mgn-top3     { margin-top:      3px; }
.mgn-top5     { margin-top:      5px; }
.mgn-top6     { margin-top:      6px; }
.mgn-top9     { margin-top:      9px; }
.mgn-top12    { margin-top:     12px; }
.mgn-left3    { margin-left:     3px; }
.mgn-left6    { margin-left:     6px; }
.mgn-left9    { margin-left:     9px; }
.mgn-leftA    { margin-left:    auto; }
.mgn-right3   { margin-right:    3px; }
.mgn-right6   { margin-right:    6px; }
.mgn-right9   { margin-right:    9px; }
.mgn-bottom1  { margin-bottom:   1px; }
.mgn-bottom3  { margin-bottom:   3px; }
.mgn-bottom6  { margin-bottom:   6px; }
.mgn-bottom9  { margin-bottom:   9px; }
.height0      { height:          0px; }
.height20     { height:         20px; }
.width0       { width:           0px; }
.width80      { width:          80px; }
.width170     { width:         170px; }
.width5p      { width:            5%; }
.width25p     { width:           25%; }
.width33p     { width:           33%; }
.width45p     { width:           45%; }
.width50p     { width:           50%; }
.width75p     { width:           75%; }
.width100p    { width:          100%; }


/************** #original styles **************/

.acenter    { text-align: center; }
.aright     { text-align: right;  }
.aleft      { text-align: left;   }
.vtop       { vertical-align: top;    }
.vmiddle    { vertical-align: middle; }
.vbottom    { vertical-align: bottom; }
.fright     { float: right; }
.fleft      { float: left;  }
.cboth      { clear: both; }
.size40     { font-size:  40%; line-height: 140%; }
.size50     { font-size:  50%; line-height: 140%; }
.size60     { font-size:  60%; line-height: 140%; }
.size70     { font-size:  70%; line-height: 140%; }
.size80     { font-size:  80%; line-height: 140%; }
.size90     { font-size:  90%; line-height: 140%; }
.size100    { font-size: 100%; line-height: 140%; }
.size110    { font-size: 110%; line-height: 140%; }
.size120    { font-size: 120%; line-height: 140%; }
.size130    { font-size: 130%; line-height: 140%; }
.size140    { font-size: 140%; line-height: 140%; }
.size160    { font-size: 160%; line-height: 140%; }
.size180    { font-size: 180%; line-height: 140%; }
.size200    { font-size: 200%; line-height: 140%; }
.lheight110 { line-height: 110%; }
.lheight120 { line-height: 120%; }
.lheight130 { line-height: 130%; }
.lheight140 { line-height: 140%; }
.lheight160 { line-height: 160%; }
.lheight180 { line-height: 180%; }
.lheight200 { line-height: 200%; }
.dnone      { display: none;   }
.dblock     { display: block;  }
.dinline    { display: inline; }
.bold       { font-weight: bold; }
.uline      { text-decoration: underline; }
.black      { color: black;   }
.red        { color: red;     }
.blue       { color: blue;    }
.green      { color: lime;    }
.aqua       { color: aqua;    }
.yellow     { color: yellow;  }
.purple     { color: fuchsia; }
.white      { color: white;   }
.gray       { color: gray;    }
.lightgray  { color: #a9a9a9; }
.silver     { color: silver;  }
.orange     { color: orange;  }
.darkred    { color: maroon;  }
.darkblue   { color: navy;    }
.darkgreen  { color: green;   }
.darkaqua   { color: teal;    }
.darkyellow { color: olive;   }
.darkpurple { color: purple;  }
.coral      { color: #ff6f30; }
.bg_black       { background-color: black;   }
.bg_red         { background-color: red;     }
.bg_blue        { background-color: blue;    }
.bg_green       { background-color: lime;    }
.bg_aqua        { background-color: aqua;    }
.bg_yellow      { background-color: yellow;  }
.bg_purple      { background-color: fuchsia; }
.bg_white       { background-color: white;   }
.bg_gray        { background-color: gray;    }
.bg_silver      { background-color: #d0d0d0; }
.bg_orange      { background-color: orange;  }
.bg_darkred     { background-color: maroon;  }
.bg_darkblue    { background-color: navy;    }
.bg_darkgreen   { background-color: green;   }
.bg_darkaqua    { background-color: teal;    }
.bg_darkyellow  { background-color: olive;   }
.bg_darkpurple  { background-color: purple;  }
.bg_gsblue      { background-color: #0066ff; }
.border_none        { border: none;              }
.border_black       { border: solid 1px black;   }
.border_red         { border: solid 1px red;     }
.border_blue        { border: solid 1px blue;    }
.border_green       { border: solid 1px lime;    }
.border_aqua        { border: solid 1px aqua;    }
.border_yellow      { border: solid 1px yellow;  }
.border_purple      { border: solid 1px fuchsia; }
.border_white       { border: solid 1px white;   }
.border_gray        { border: solid 1px gray;    }
.border_silver      { border: solid 1px #d0d0d0; }
.border_orange      { border: solid 1px orange;  }
.border_darkred     { border: solid 1px maroon;  }
.border_darkblue    { border: solid 1px navy;    }
.border_darkgreen   { border: solid 1px green;   }
.border_darkaqua    { border: solid 1px teal;    }
.border_darkyellow  { border: solid 1px olive;   }
.border_darkpurple  { border: solid 1px purple;  }
.borderb_black      { border-bottom: solid 1px black; }
.borderr_black      { border-right: solid 1px black;  }