@charset "utf-8";
/* CSS Document */

/******************************
* reset.css
* 初期設定のCSSファイルです
* 2010/08/30 tandh
******************************/


.item-page {
	width: 630px;	
}





/* BODY */
body {
	margin: 0px;
	padding: 0px;
	color: #666666;
	font-size: 12px;
	text-align: center;
	word-break: break-all;
	background: url(../img/template_lc01/body_bg.gif) repeat-x left top #ffe4b0;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* 画像 */
img {
	border: none;
}

h1, h2, h3, h4, h5, h6, th, p, ul, dl {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin: 0px;
	padding: 0px;
	font-style: normal;
}

/* Hタグ */
h1 {
	padding-top: 15px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 25px;
	text-decoration: none;
	color: #999999;
}

/* テーブル */
table {
	text-align: left;
}

/* フォーム */
form {
	margin: 0px;
	padding: 0px;
}

/* リンク画像 */
a:hover img
{
	filter: alpha(opacity=70);
	opacity:0.7;
	background: #FFFFF;
}


/* リンク基本デザイン */
a {
	text-decoration: underline;
	color: #996600;
}

a: link {
	text-decoration: underline;
	color: #996600;
}
a:visited {
	text-decoration: underline;
	color: #996600;
}

a:hover {
	background: #996600;
	color: #FFFFFF; 
}

a:active {
	background: #996600;
	color: #FFFFFF;
}
.error {
	color: #FF0000;
}

/******************************
* base.css
* 基本レイアウトのCSSファイルです
* 2010/03/22 yagi
******************************/
/* 全部入れる枠 */
#all {
	width: 870px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background-color: #FFFFFF;
	background-position: bottom;
	background-repeat: no-repeat;
}

/* ヘッダー */
#head {
	width: 870px;
	padding: 0px;
}

#header-top {
	overflow: hidden;
	width: 840px;
	margin-left: 15px;
	margin-right: 15px;
}

#header-bottom {
	overflow: hidden;
	width: 870px;
	margin-left: auto;
	margin-right: auto;
}

/* ショップロゴ */
#shop-logo {
	float: left;
	width: auto;
	padding: 10px 0px 0px 0px;
}


/* セールスコピー */

#sales-copy {
	width: 450px;
	float: right;
	text-align: right;
	padding-top: 10px;
	paddin-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	color: #996600;
	font-weight: bold;
}


/* パンくずリスト */
#pankuzu {
	width: 600px;
	padding-top: 5px;
	padding-bottom: 8px;
	font-size: 10px;
	text-align: left;
}

#pankuzu ul {
	margin-top: 5px;
}

#pankuzu li {
	display: inline;
	margin: 0;
	padding: 0;
	text-align: left;
}

#pankuzu li.end {
	border-right: none;
}

/* メインメニュー  */

#mainmenu {
	width: 840px;
	background: #d80079;
	margin: 15px 15px;
	color: #FFF;
	height: 40px;
	font-weight: bold;
}

#mainmenu ul {
	font-size: 14px;
	color: #FFF;
	height: 40px;
	vertical-align: middle;
}

#mainmenu  li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	width: 119px;
	height: 40px;
	vertical-align: middle;
	border-right: 1px solid #b70067;
}

#mainmenu  li.end {
	border-right: none;
}

#mainmenu a:link {
	display: block;
	width: 119px;
	padding: 15px 0px 0px 0px;
	color: #FFF;
	background: #d80079;
	vertical-align: middle;
	text-decoration: none;
}

#mainmenu a:visited {
	display: block;
	width: 119px;
	padding: 15px 0px 0px 0px;
	color: #FFF;
	background: #d80079;
	vertical-align: middle;
	text-decoration: none;
}

#mainmenu a:active {
	display: block;
	width: 119px;
	height: 40px;
	color: #FFF;
	background: #f74fad;
	padding: 15px 0px 0px 0px;
	text-decoration: none;
}


#mainmenu a:hover {
	display: block;
	width: 119px;
	height: 40px;
	color: #FFF;
	background: #f74fad;
	padding: 15px 0px 0px 0px;
	text-decoration: none;
}

/* 3列分け */
#layout {
	width: 840px;
	margin-left: 15px;
	margin-right: 15px;
}

/* 左、メインの2列でくくる枠 */
#container {
	width: 840px;
	margin: 0px;
	padding: 0px;
}


/* 左カラム */
#left {
	width: 190px;
	float: left;
	display: inline;
	margin:0 auto;
}

/* 中央カラム */
#center-column {
	width: 630px;
	padding: 0px;
	float: right;
	margin:0 auto;
}

/* メインコンテンツエリア */
#contents {
	width: 630px;
	padding: 0px;
	margin: 0px;
}

/*#contents_outer {
	width: 630px;
	padding: 0px;
	margin: 0px;
	float: left;
}*/

/* 背景に色を入れる */
#bgcolor {
	background-color: #eeece2;
}

/* フッター */
#footer {
	width: 840px;
	margin: 0 auto;
	text-align: center;
	border-top: 3px solid #dcc7aa;
	margin: 10px 15px;
}

#footer hr {
	width: 100%;
	height: 1px;
	background-color: #DDDDDD;	
}

/* フッターのリンクメニュー */
#footer ul {
	margin-top: 10px;
}

#footer li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#footer li.end {
	border-right: none;
}

/* コピーライト */

.copyright {
	font-size: 10px;
	line-height: 1.2;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.shop-logo a:link {
	color: #996600;
	text-decoration: none;
}

/* 買物かごを見るボタン */
.cartcheck {
	margin-bottom: 0px;	
	margin-left: auto;
	margin-right: auto;
}

/******************************
* profile.css
* 会社概要のCSSファイルです
* 管理画面で制御できる項目以外
* 2010/03/22 yagi
******************************/
/* 会社概要全体 */
.profile {
 border-color: #cccccc;

 border-width: 0px;

 border-style: solid;

 background-color: #ffffff;

 width: 100%;

	padding: 5px;
	text-align: left;
}

/* タイトルテキスト h2 */
.profile h2 {
 font-weight: bold;

 font-size: 14px;

 color: #333333;

	padding-top: 5px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 5px;
}

/* 項目テキスト h3 */
.profile h3 {
 font-weight: bold;

 font-size: 14px;

 color: #333333;

 background-color: #ffcdda;

	padding: 5px;
	margin-top: 15px;
	border-bottom: 2px #FFDD99 dotted;
}

/* 内容テキスト p */
.profile p {
 font-weight: nomal;

 font-size: 12px;

 color: #333333;

 background-color: #ffffff;

	padding-top: 5px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 5px;
	line-height: 1.3;
}

/* リンクデザイン */
.profile a {
	text-decoration: none;
	border-bottom: 1px dotted #666666;
}

.profile a:link {

}

.profile a:visited {

}

.profile a:hover {

}
/******************************
* ranking.css
* ランキングのCSSファイルです
* 管理画面で制御できる項目以外
* 2010/03/22 tandh
******************************/
/* 見出し表示用 */
.ranking {
 border-width: 0px;

 border-style: solid;

 width: 100%;

	padding-bottom: 10px;
	margin-bottom: 0px;
	text-align: left;
	line-height: 1.4em;
}

/* 見出し表示用 タイトル */
.ranking h3 {
 font-weight: bold;

 font-size: 14px;

 color: #660000;

	padding-top: 10px;			
}

/* 見出し表示用 記事タイトル */
.ranking .title {
 font-weight: nomal;

 font-size: px;

	clear: both;
	margin-left: 25px;
	margin-right: 3px;
	padding-left: 5px;
	padding-top: 8px;
	text-indent: -25px;
}

/* 見出し表示用 画像 */
.ranking .title img{
	vertical-align: middle;
	margin: 5px;
}

/* 見出し表示用 コンテンツ */
.ranking .content {
	width: 180px;
	margin-bottom: 5px;
	border-bottom: 1px #996600 dotted;
	overflow: hidden;
}

/* 見出し表示用 画像 */
.ranking .content img {
	float: left;
	padding: 5px;
	width: 100px;
	height: 100px;
}


/* 見出し表示用 リンクデザイン */
.ranking a {
	text-decoration: none;
}

.ranking a:link {

}

.ranking a:visited {

}

.ranking a:hover {

}
/******************************
* recommend.css
* おすすめ商品のCSSファイルです
* 管理画面で制御できる項目以外
* 2010/03/22 yagi
******************************/
/* 見出し表示のみ おすすめ商品 全体 */
.recommend {
 border-width: 0px;

 border-style: solid;

 width: 180px;

	padding-bottom: 10px;
	margin-bottom: 10px;
	text-align: left;
}

/* 見出し表示用 タイトル */
.recommend h3 {
 font-weight: bold;

 font-size: 14px;

 color: #660000;

	padding-top: 7px;
	padding-left: 17px;				
	background-repeat: no-repeat;
	height: 25px;
	text-align: left;
}

/* 見出し表示用 見出し */
.recommend .title {
 font-weight: nomal;

 font-size: px;

	clear: both;
	text-align: left;
	background-position: 9px 8px;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 15px;
}

/* 見出し表示用コンテンツ */
.recommend .content {
	text-align: left;
	padding-bottom: 7px;
	padding-top: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-right: 5px;
	overflow: hidden;
	width: 190px;
	border-bottom: 1px dotted #996600;
}

/* 見出し表示用　コメント */
.recommend .content p {
 font-weight: nomal;

 font-size: px;

}

/* 見出し表示用 画像 */
.recommend .content img {
	margin-right: 5px;
	margin-bottom: 5px;
	width: 60px;
	height: 60px;
}

/* 見出し表示用 画像 左 */
.recommend .content .left {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 60px;
	height: 60px;
}

/* 見出し表示用 画像 右 */
.recommend .content .right {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
	width: 60px;
	height: 60px;
	background-color: #FF0000;
}


/* 見出し表示用 画像　最後 */
.recommend .end img {
	float: left;
	margin-right: 5px;
	margin-bottom: 0px;
	width: 60px;
	height: 60px;
}


/* プチ表示用 リンクデザイン */
.recommend a {
	text-decoration: none;
}

.recommend a:link {

}

.recommend a:visited {

}

.recommend a:hover {

}
/******************************
* mail.css
* お問合せフォームのCSSファイルです
* 管理画面で制御できる項目以外
* 2010/03/22 yagi
******************************/
.mail {
 border-color: #996600;

 border-width: 0px;

 border-style: solid;

	text-align: left;width: 390px;
}

/* タイトル */
.mail h2 {
 font-weight: bold;

 font-size: 14px;

 color: #660000;

 background-color: #ffffff;

	padding-top: 5px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 10px;
}

.mail .text {
 font-weight: nomal;

 font-size: 10px;

 color: #666666;

	margin-top: 5px;
	margin-bottom: 10px;
	line-height: 1.2;
}

/* 見出し */
.mail th {
	padding: 5px;
}

/* 本文 */
.mail td {
	padding: 5px;
}

/* テーブル全体 */
.mail table {
	margin: 5px;
	border-collapse: collapse;
	width: 100%;
}

/* テーブル項目 */
.mail th {
 font-weight: bold;

 font-size: 12px;

 color: #660000;

 background-color: #ffdd99;

	text-align: left;
	padding: 5px;border-color: #996600;border-width: 0px;border-style: solid;
}

/* テーブル内容 */
.mail td {
 font-weight: nomal;

 font-size: 10px;

 color: #666666;

 background-color: #ffffff;

	line-height: 1.8;
	padding: 5px;border-color: #996600;border-width: 0px;border-style: solid;
}

/* リンクのデザイン */
.mail a {
	text-decoration: none;
}

.mail a:link {

}

.mail a:visited {

}

.mail a:hover {

}
/******************************
* map.css
* MAPのCSSファイルです
* 管理画面で制御できる項目以外
* 2007/10/26 yagi
******************************/
/* 全体 */
.map {
 border-color: #996600;

 border-width: 0px;

 border-style: solid;

 background-color: #ffffff;

	text-align: left;width: 100%;
}

/* タイトル h2 */
.map h2 {
 font-weight: bold;

 font-size: 14px;

 color: #333333;

	padding-top: 5px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 5px;
}

/* 項目 h3 */
.map h3 {
 font-weight: bold;

 font-size: 14px;

 color: #333333;

 background-color: #ffcdda;

	padding: 5px;
	margin-top: 15px;
}

/* 内容 p */
.map p {
 font-weight: nomal;

 font-size: 12px;

 color: #333333;

 background-color: #ffffff;

	padding-top: 5px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 5px;
	line-height: 1.3;
}

/* リンクデザイン */
.map a {
	text-decoration: none;
	border-bottom: 1px dotted;
}

.map a:link {

}

.map a:visited {

}

.map a:hover {

}

/******************************
* payment.css
* 配送･送料･決済についてのCSSファイルです
* 管理画面で制御できる項目以外
* 2010/03/22 yagi
******************************/
/* 配送･送料･決済について全体 */
.payment {
 border-color: #996600;

 border-width: 0px;

 border-style: solid;

 background-color: #ffffff;

	text-align: left;width: 100%;
}

/* タイトルテキスト h2 */
.payment h2 {
 font-weight: bold;

 font-size: 14px;

 color: #333333;
	
	padding-top: 5px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 10px;
}

/* 項目テキスト h3 */
.payment h3 {
 font-weight: bold;

 font-size: 14px;

 color: #333333;

 background-color: #ffcdda;

	padding: 5px;
	margin-top: 15px;
}

/* 内容テキスト p */
.payment p {
 font-weight: nomal;

 font-size: 12px;

 color: #333333;

 background-color: #ffffff;

	padding-top: 5px;
	padding-bottom: 8px;
	padding-left: 16px;
	padding-right: 5px;
	line-height: 1.3;
}

/* リンクデザイン */
.payment a {
	text-decoration: none;
	border-bottom: 1px dotted;
}

.payment a:link {

}

.payment a:visited {

}

.payment a:hover {

}
/******************************
* qa.css
* Q&AのCSSファイルです
* 管理画面で制御できる項目以外
* 2010/03/22 yagi
******************************/
/* Q&A全体 */
.qa {
 border-color: #996600;

 border-width: 0px;

 border-style: solid;

 background-color: #ffffff;

	text-align: left;width: 100%;
}

/* タイトルテキスト h2 */
.qa h2 {
 font-weight: bold;

 font-size: 14px;

 color: #333333;

	padding-top: 5px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 10px;
}

/* 項目テキスト */
.qa h3 {
 font-weight: bold;

 font-size: 14px;

 color: #333333;

 background-color: #ffcdda;

	padding: 5px;
	margin-top: 15px;
}

/* 内容テキスト p */
.qa p {
 font-weight: nomal;

 font-size: 12px;

 color: #333333;

 background-color: #ffffff;

	padding-top: 5px;
	padding-bottom: 8px;
	padding-left: 16px;
	padding-right: 5px;
	line-height: 1.3;
}


/* リンクデザイン */
.qa a {
	text-decoration: none;
	border-bottom: 1px dotted;
}

.qa a:link {

}

.qa a:visited {

}

.qa a:hover {

}

/* Q&A のヘッダ */
.qa_map h4 {
 font-weight: bold;

 font-size: 14px;

 color: #333333;

 background-color: #ffcdda;

	padding: 5px;

}
.qa_map ul {
	list-style-type: none;
	list-style-position: outside;
	margin-bottom: 8px;
	margin-left: 10px;
	margin-top: 8px;
}
.qa_map li{
 color: #333333;

 background-color: #ffffff;

	line-height: 1.8;
}
/******************************
* rule.css
* ご利用規約のCSSファイルです
* 管理画面で制御できる項目以外
* 2010/03/22 yagi
******************************/
/* ご利用規約全体 */
.rule {
 border-width: 0px;

 border-style: solid;

	text-align: left;width: 100%;
}

/* タイトルテキスト h2 */
.rule h2 {
 font-weight: bold;

 font-size: 14px;

 color: #333333;

	padding-top: 5px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 5px;
}

/* 項目テキスト h3 */
.rule h3 {
 font-weight: bold;

 font-size: 14px;

 color: #333333;

 background-color: #ffcdda;

	padding: 5px;
	margin-top: 15px;
}

/* 内容テキスト p */
.rule p {
 font-weight: nomal;

 font-size: 12px;

 color: #333333;

 background-color: #ffffff;

	padding-top: 5px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 5px;
	line-height: 1.3;
}


/* リンクデザイン */
.rule a {
	text-decoration: none;
	border-bottom: 1px dotted;
}

.rule a:link {

}

.rule a:visited {

}

.rule a:hover {

}

/******************************
* process.css
* ご購入までの流れのCSSファイルです
* 管理画面で制御できる項目以外
* 2007/10/26 yagi
******************************/
/* 全体 */
.process {
 border-color: #996600;

 border-width: 0px;

 border-style: solid;

 background-color: #ffffff;

	text-align: left;width: 100%;
}

/* タイトルテキスト h2 */
.process h2 {
 font-weight: bold;

 font-size: 14px;

 color: #333333;

	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

/* 項目テキスト h3 */
.process h3 {
 font-weight: bold;

 font-size: 14px;

 color: #333333;

 background-color: #ffcdda;

	padding: 5px;
	margin-top: 15px;
}

/* 内容テキスト p */
.process p {
 font-weight: nomal;

 font-size: 12px;

 color: #333333;

 background-color: #ffffff;

	padding-top: 5px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 5px;
	line-height: 1.3;
}

/* リンクデザイン */
.process a {
	text-decoration: none;
	border-bottom: 1px dotted;
}

.process a {

}

.process a:visited {

}

.process a:hover {

}

/******************************
* privacy.css
* プライバシーポリシーのCSSファイルです
* 管理画面で制御できる項目以外
* 2007/10/26 yagi
******************************/
/* 全体 */
.privacy {
 border-color: #996600;

 border-width: 0px;

 border-style: solid;

 background-color: #ffffff;

	text-align: left;width: 100%;
}

/* タイトルテキスト h2 */
.privacy h2 {
 font-weight: bold;

 font-size: 14px;

 color: #660000;

	padding-top: 5px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 5px;
}

/* 項目テキスト h3 */
.privacy h3 {
 font-weight: bold;

 font-size: 14px;

 color: #333333;

 background-color: #ffcdda;

	padding: 5px;
	margin-top: 15px;
}

/* 内容テキスト p */
.privacy p {
 font-weight: nomal;

 font-size: 12px;

 color: #333333;

 background-color: #ffffff;

	padding-top: 5px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 5px;
	line-height: 1.3;
}

/* リンクデザイン */
.privacy a {
	text-decoration: none;
	border-bottom: 1px dotted;
}

.privacy a:link {
	
}

.privacy a:visited {

}

.privacy a:hover {

}

/******************************
* tokusho.css
* 特定商取引のCSSファイルです
* 管理画面で制御できる項目以外
* 2010/03/22 yagi
******************************/
/* 特商全体 */
.tokusho {
 border-color: #996600;

 border-width: 0px;

 border-style: solid;

 background-color: #ffffff;

	text-align: left;width: 100%;
}

/* タイトル h2 */
.tokusho h2 {
 font-weight: nomal;

 font-size: 16px;

 color: #660000;

	padding-top: 5px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 10px;
}

/* テーブル */
.tokusho table {
	width: 100%;
	border-collapse: collapse;
}

/* テーブル項目 */
.tokusho th {
 font-weight: bold;

 font-size: 14px;

 color: #333333;

 background-color: #ffcdda;

	padding: 5px;
	margin-top: 15px;
	border: solid 1px #666666;	/* 枠線の色 */
}

/* テーブル内容 */
.tokusho td {
 font-weight: nomal;

 font-size: 12px;

 color: #333333;

 background-color: #ffffff;

	line-height: 1.3;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 5px;
	border: solid 1px #666666;	/* 枠線の色 */
}
	
/* 項目 h3 */
.tokusho h3 {
 font-weight: bold;

 font-size: 14px;

 color: #333333;

 background-color: #ffcdda;

	padding: 5px;
	margin-top: 15px;
}

/* 内容 p */
.tokusho p {
 font-weight: nomal;

 font-size: 12px;

 color: #333333;

 background-color: #ffffff;

	line-height: 1.3;
	padding-top: 5px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 5px;
}


/* リンクデザイン */
.tokusho a {
	text-decoration: none;
	border-bottom: 1px dotted;
}

.tokusho a:link {

}

.tokusho a:visited {
}

.tokusho a:hover {
}


/******************************
* event.css
* セール・イベントのCSSファイルです
* 管理画面で制御できる項目以外
* 2007/10/22 yagi
******************************/
/* 見出し表示用 全体 */
.event {
	padding: 0px;
	margin-bottom: 0px;
	width: 100%;
}

/* 見出し表示用 タイトル */
.event h3 {
	padding-top: 7px;
	padding-left: 17px;				
	background-repeat: no-repeat;
	height: 25px;
	text-align: left;
}

/* 見出し表示用 見出し */
.event .title {
	clear: both;
	text-align: left;
	background-position: 9px 8px;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 15px;
}

/* 見出し表示用 日付 */
.event .date {
	text-align: left;
	margin-left: 15px;
	margin-right: 5px;
}

/* 見出し表示用 コンテンツ */
.event .content {
	width: 160px;
	text-align: left;
	padding-bottom: 7px;
	padding-top: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-right: 5px;
	overflow: hidden;
	border-bottom: 1px dotted #996600;
}

/* 見出し表示用 コンテンツ画像左 */
.event .content .left {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 60px;
	height: 60px;
}

/* 見出し表示用 コンテンツ画像右 */
.event .content .right {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
	width: 60px;
	height: 60px;
}

/* 見出し表示用コンテンツ コメント */
.event .content p {
}

.event .end img {
	float: left;
	margin-right: 5px;
	margin-bottom: 0px;
	width: 60px;
	height: 60px;
}

/* リンクデザイン */
.event a {
	text-decoration: none;
}

.event a:visited {

}

.event a:hover {

}

/* 詳細ページ全体 */
.event-page {
	padding-top: 0px;
	padding-bottom: 5px;
}

/* テーブル全体 */
.event-page table {
	margin: 10px;
	width: 100%;
}

/* タイトル */
.event-page h2 {
	padding-top: 5px;
	padding-bottom: 5px;

	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 10px;
	text-align: left;
}

/* テーブル項目 */
.event-page th {
	text-align: left;
	padding: 5px;
}

/* テーブル内容 */
.event-page td {
	line-height: 1.8;
}

/* 写真はこのテンプレートのデフォルトは正方形です */

.whatsnew-page img {
	width: 200px;
	height: 200px;
}


/* リンクのデザイン */
.event-page a {
	text-decoration: none;
}

.event-page a:link {

}

.event-page a:visited {

}

.event-page a:hover {

}

/******************************
* whatsnew.css
* What's NewのCSSファイルです
* 管理画面で制御できる項目以外
* 2007/12/19 yagi
******************************/
/* 見出し表示用 全体 */
.whatsnew {
 border-width: 0px;

 border-style: solid;

	padding: 0px;
	margin-bottom: 0px;width: 180px;
}

/* 見出し表示用 タイトル */
.whatsnew h3 {
 font-weight: bold;

 font-size: 14px;

 color: #660000;

	padding-top: 7px;
	padding-left: 17px;				
	background-repeat: no-repeat;
	height: 25px;
	text-align: left;
}

/* 見出し表示用 見出し */
.whatsnew .title {
 font-weight: nomal;

 font-size: px;

	clear: both;
	text-align: left;
	background-position: 9px 8px;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 15px;
}

/* 見出し表示用 日付 */
.whatsnew .date {
	text-align: left;
	margin-left: 15px;
	margin-right: 5px;
}

/* 見出し表示用 コンテンツ */
.whatsnew .content {
	width: 160px;
	text-align: left;
	padding-bottom: 7px;
	padding-top: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-right: 5px;
	overflow: hidden;
	border-bottom: 1px dotted #996600;
}

/* 見出し表示用 コンテンツ画像左 */
.whatsnew .content .left {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 60px;
	height: 60px;
}

/* 見出し表示用 コンテンツ画像右 */
.whatsnew .content .right {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
	width: 60px;
	height: 60px;
}

/* 見出し表示用コンテンツ コメント */
.whatsnew .content p {
 font-weight: nomal;

 font-size: px;

}

.whatsnew .end img {
	float: left;
	margin-right: 5px;
	margin-bottom: 0px;
	width: 60px;
	height: 60px;
}

/* リンクデザイン */
.whatsnew a {
	text-decoration: none;
}

.whatsnew a:visited {
 color: #996600;


}

.whatsnew a:hover {
 color: #996600;


}

/* 詳細ページ全体 */
.whatsnew-page {
 background-color: #ffffff;

 border-color: #996600;

 border-width: 0px;

 border-style: solid;

 width: 400px;

	padding-top: 0px;
	padding-bottom: 5px;
}

/* テーブル全体 */
.whatsnew-page table {
	margin: 10px;
	width: 100%;
}

/* タイトル */
.whatsnew-page h2 {
 font-weight: bold;

 font-size: 14px;

 color: #660000;

 background-color: #ffffff;

	padding-top: 5px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 10px;
	text-align: left;
}

/* テーブル項目 */
.whatsnew-page th {
 font-weight: nomal;

 font-size: 12px;

 color: #660000;

 background-color: #ffdd99;

	text-align: left;
	padding: 5px;
}

/* テーブル内容 */
.whatsnew-page td {
 font-weight: nomal;

 font-size: 10px;

 color: #666666;

 background-color: #ffffff;

	line-height: 1.8;
}

/* 写真はこのテンプレートのデフォルトは正方形です */

.whatsnew-page img {
	width: 200px;
	height: 200px;
}

/* リンクのデザイン */
.whatsnew-page a {
	text-decoration: none;
}

.whatsnew-page a:link {

}

.whatsnew-page a:visited {

}

.whatsnew-page a:hover {

}

/******************************
* link.css
* リンクのCSSファイルです
* 管理画面で制御できる項目以外
* 2007/10/26 yagi
******************************/
/* 全体 */
.link {
 border-color: #996600;

 border-width: 0px;

 border-style: solid;

 background-color: #ffffff;

	text-align: left;width: 390px;
}

/* タイトルテキスト h2 */
.link h2 {
 font-weight: bold;

 font-size: 14px;

 color: #333333;

	padding-top: 5px;

	margin-bottom: 5px;
}

/* 項目テキスト h3 */
.link h3 {
 font-weight: bold;

 font-size: 14px;

 color: #333333;

 background-color: #ffcdda;

	padding: 5px;
	margin-top: 15px;
}

.link p {
 font-weight: nomal;

 font-size: 12px;

 color: #333333;

 background-color: #ffffff;

	padding-top: 5px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 5px;
	line-height: 1.3;	
}

.link img {
	float: left;
	margin: 5px;
}

/* リンクデザイン */
.link a {
	text-decoration: none;
	border-bottom: 1px dotted;
}

.link a:link {

}

.link a:visited {

}

.link a:hover {

}
/******************************
* category.css
* カテゴリのCSSファイルです
* 管理画面で制御できる項目以外
* 2010/03/22 tandh
******************************/
/* カテゴリ全体 */
.category {
 border-style: solid;

 border-width: 0px;

	background: #eeece2;
	text-align: left;
	padding-bottom: 10px;width: 180px;
	border-bottom: 1px solid #FFFFFF;
}

/* カテゴリタイトル */
.category h3 {
 font-weight: bold;

 font-size: 14px;

 color: #660000;

 background-color: #ffffcc;

	padding-top: 7px;
	padding-left: 17px;				
	height: 25px;
	text-align: left;
	background: #eeece2;

}

/* カテゴリテキスト */
#categoryTree {
	background: #eeece2;
	text-align: left;
	padding-top: 0px;
}

/* 今後制御できるかもしれない.ygtvlabelと.ygtvlabelには同じ値が入ります */
.ygtvitem {
 background-color: #ffffcc;

	background: #eeece2;font-weight: nomal;font-size: 12px;color: #660000;
}

.ygtvlabel {
 text-decoration: none;

 margin-left: 2px;

 background-color: #ffffcc;

	background: #eeece2;font-weight: nomal;font-size: 12px;color: #660000;
}

/* リンクデザイン */
.category a {
	text-decoration: none;
}
/******************************
* entry.css
* エントリーフォームのCSSファイルです
* 管理画面で制御できる項目以外
* 2010/03/22 yagi
******************************/
.entry {
 border-color: #996600;

 border-width: 0px;

 border-style: solid;

	text-align: left;width: 390px;
}

/* タイトル */
.entry h2 {
 font-weight: bold;

 font-size: 12px;

 color: #660000;

 background-color: #ffffff;

	padding-top: 5px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 10px;
}

/* 見出し */
.entry h3 {
 font-weight: bold;

 font-size: 12px;

 color: #660000;

	padding: 5px;
}

/* 本文 */
.entry text {
	padding: 5px;
}

/* テーブル全体 */
.entry table {
	margin: 5px;
	border-collapse: collapse;
	width: 90%;
}

/* テーブル項目 */
.entry th {
 font-weight: bold;

 font-size: 12px;

 color: #660000;

 background-color: #ffdd99;

	text-align: left;
	padding: 5px;border-width: 0px;border-color: #996600;border-style: solid;
}

/* テーブル内容 */
.entry td {
 font-weight: nomal;

 font-size: 10px;

 color: #666666;

 background-color: #ffffff;

	line-height: 1.8;
	padding: 5px;border-width: 0px;border-color: #996600;border-style: solid;
}

/* リンクのデザイン */
.entry a {
	text-decoration: none;
}

.entry a:link {

}

.entry a:visited {

}

.entry a:hover {

}

/******************************
* other.css
* その他もろもろのCSSをまとめています
* 2010/03/22 yagi
******************************/
/* ------------------------------------------------------------------------------
 その他（特定商取引法に基く表記など）
------------------------------------------------------------------------------ */
/* 共通表示用（その他を全部リストで表示、テキストリンク） */
.link-other {
	width: 100%;					/* 横幅 */
	margin-bottom: 5px;
	margin-top: 5px;
	background-color: #FFFFFF;		/* 背景色 */
	border: 1px solid ;			/* 枠線の色 */
}

.link-other ul {
	margin-top: 5px;
	margin-bottom: 0px;
}

.link-other li {
	line-height: 1.8;
	list-style-type: none;
	background-color: ;	/* 項目 背景色 */
	color: #666666;			/* 項目 文字色 */
	font-size: 12px;		/* 項目 文字サイズ */
	font-weight: bold;		/* 項目 太字 */
}

/* リンクのデザイン */
.link-other a {
	text-decoration: none;
	color: #666666;			/* 通常 文字色 */
	font-weight: bold;		/* 通常 太字 */
}

.link-ather a:link {
	color: #996600;			/* 訪問済 通常 */
}

.link-other a:visited {
	color: #996600;			/* 訪問済 文字色 */
}

.link-other a:hover {
	color: #996600;			/* マウスが乗っている時 文字色 */	
}

/* その他トップ表示用 */
/*-------------------------------------------
 バナー広告の設定
------------------------------------------ */
 
 /* [pos1] */
.bnrposition-01 {
	width: 190px;
	padding-top: 2px;
}

/* [pos2] */
.bnrposition-02 {
	line-height: 1.2;
	margin-top: 8px;
	text-align: center;
}

/* [pos3] */
.bnrposition-03 {
	line-height: 1.2;
	margin-top: 8px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/*-------------------------------------------
 QRコードの表示設定
------------------------------------------ */
 .qr-display{
	width: 190px;				/* 横幅 */
	padding: 0px;
	background-color: #FFFFFF;		/* 背景色 */
	border: 1px solid #996600;	/* 枠線の色 */
	margin: 10px 0px;
}

.qr-display h3 {
	background-color: #FF9900;	/* タイトル背景色 */
	padding-top: 5px;			
	color: #FFFFFF;				/* タイトル文字色 */
	font-size: 12px;				/* タイトル文字サイズ */
	font-weight: bold;			/* タイトル太字 */
	height: 25px;
	text-align: center;
}

.qr-display p {
	margin-bottom: 5px;

}

.qr-display img {
	margin: 5px;
}

/*-------------------------------------------
 マイページログインの表示設定
------------------------------------------ */
.login-top {
	background-color: #EEE;
	background-position: bottom;
	height: 5px;
	padding-top: 5px;
	width: 100%;
}

.login-bottom {
	background-color: #EEE;
	background-position: top;
	height: 5px;
	padding-bottom: 5px;
}

.mypage-login {
	background-color: #EEE;
	font-size: 10px;
	color: #660000;
	line-height: 1.5;
	text-align: left;
	padding-left: 8px;
	padding-right: 8px;
}

.mypage-login p {
	padding: 0px;
	margin: 0px;
}

.mypage-login form {
	text-align: right;
}

.mypage-login input{
	width: 90px;
	margin-left: 3px;
	padding-top: 2px;
}


/*-------------------------------------------
サイト内検索の表示設定
------------------------------------------ */
.search-win {
	padding: 5px;
	width: 55px;
	background-color: ;
	margin-bottom: 5px;
	color: #666666;
	font-weight: nomal;
	line-height: 1.5;
 }
 
.search-win.input.key {		/* 検索キーワード入力フォーム */
 	width: 150px;
}

/*-------------------------------------------
メルマガ購読申込の表示設定
------------------------------------------ */
.mm-win {
	width: 190px;				/* 横幅 */
	padding: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;		/* 背景色 */
	border: 1px solid #996600;	/* 枠線の色 */
	margin-bottom: 10px;
}
 
 .mm-win.input.address {	/* メルマガ申込入力フォーム */
 	width: 150px;
}

.mm-win h3 {
	background-color: #FF6666;	/* タイトル背景色 */
	padding-top: 5px;			
	color: #FFFFFF;				/* タイトル文字色 */
	font-size: 12px;				/* タイトル文字サイズ */
	font-weight: bold;			/* タイトル太字 */
	height: 25px;
	text-align: center;
}

.mm-win p {
	padding-top: 10px;

}

/*-------------------------------------------
店長ブログの表示設定
------------------------------------------ */
.blog-other {
	width: 190px;				/* 横幅 */
	pading: 10px;
	margin-bottom: 10px;
}

.blog-other h3 {
	color: #660000;
	font-size: 14px;
	font-weight: bold;				
	background-repeat: no-repeat;
	text-align: left;
}

.blog-disp {
	padding: 5px 0px;
}

.blog-disp img {
	margin: 5px;
}

.reminder {
	width: 100%;
	margin: auto;
	padding-top: 10px;
}

/* テーブル全体 */
.reminder table {
	margin: 5px;
	border-collapse: collapse;
}

/* テーブル項目 */
.reminder th {
  width: 150px;
	text-align: right;
}

/* テーブル内容 */
.reminder td {
	line-height: 1.8;
	padding: 5px;
	background-color: #FFFFFF;	/* 内容背景色 */
	border: 1px solid #000000;	/* 枠線の色 */
	color: #666666;				/* 内容文字色 */
	font-size: 12px;			/* 内容文字サイズ */
	font-weight: normal;		/* 内容太字 */
}

.caution {
	color: #FF0000;
}

.login h3 {
	font-size: 14px;
	background-color: #DDDDDD;
	padding: 5px;
	text-align: center;
	color: #333333;
}

.login p {
	margin-top: 5px;
}

.login table {
	width: 90%;
	margin: 10px;
	border-collapse: collapse;
}

.login th {
	border-collapse: collapse;
	border: 1px solid #666666;
	padding: 5px;
	background-color: #DDDDDD;
	color: #333333;
}

.login td {
	border-collapse: collapse;
	padding: 5px;
	border: 1px solid #666666;
}


/*-------------------------------------------
フォームの表示設定
------------------------------------------ */
textarea {
	width: 80%;
	margin-top: 10px;
}

.form-num {
	text-align: right;
	width: 20px;
}

.form-30 {
	width: 30px;
}

.form-40 {
	width: 40px;
}

.form-100 {
	width: 100px;
}

.form-200 {
	width: 200px;
}

.form-400 {
	width: 400px;
}

/*-------------------------------------------
その他小細工系
 ------------------------------------------ */
 /* センター揃え */
 .center {
 	text-align: center;
}.aaa {
	background-position: bottom;
}


.ygtvtn {
 background: url('/common/img/treeview/tn.gif') 0 0 no-repeat;

 height: 22px;

	width: 16px;
}

.ygtvtm {
 background: url('/common/img/treeview/tm.gif') 0 0 no-repeat;

 cursor: pointer;

 height: 22px;

	width: 16px;
}

.ygtvtmh {
 background: url('/common/img/treeview/tmh.gif') 0 0 no-repeat;

 cursor: pointer;

 height: 22px;

	width: 16px;
}

.ygtvtp {
 background: url('/common/img/treeview/tp.gif') 0 0 no-repeat;

 cursor: pointer;

 height: 22px;

	width: 16px;
}

.ygtvtph {
 background: url('/common/img/treeview/tph.gif') 0 0 no-repeat;

 cursor: pointer;

 height: 22px;

	width: 16px;
}

.ygtvln {
 background: url('/common/img/treeview/ln.gif') 0 0 no-repeat;

 height: 22px;

	width: 16px;
}

.ygtvlm {
 background: url('/common/img/treeview/lm.gif') 0 0 no-repeat;

 cursor: pointer;

 height: 22px;

	width: 16px;
}

.ygtvlmh {
 background: url('/common/img/treeview/lmh.gif') 0 0 no-repeat;

 cursor: pointer;

 height: 22px;

	width: 16px;
}

.ygtvlp {
 background: url('/common/img/treeview/lp.gif') 0 0 no-repeat;

 cursor: pointer;

 height: 22px;

	width: 16px;
}

.ygtvlph {
 background: url('/common/img/treeview/lph.gif') 0 0 no-repeat;

 cursor: pointer;

 height: 22px;

	width: 16px;
}

.ygtvloading {
 background: url('/common/img/treeview/loading.gif') 0 0 no-repeat;

 height: 22px;

	width: 16px;
}

.ygtvdepthcell {
 background: url('/common/img/treeview/vline.gif') 0 0 no-repeat;

 height: 22px;

	width: 16px;
}

.ygtvblankdepthcell {
 height: 22px;

	width: 16px;
}

* html .ygtvchildren {
	height: 2%;
}

.ygtvlabel:link {
 text-decoration: none;

	margin-left: 2px;
}

.ygtvlabel:visited {
 text-decoration: none;

	margin-left: 2px;
}

.ygtvlabel:hover {
 text-decoration: none;

	margin-left: 2px;
}

.ygtvspacer {
 margin: 2px;

 width: 10px;

	height: 10px;
}

.recommend .content img.left {
	float: left;
}

.recommend .content img.right {
	float: right;
}

.ranking .content p {
 font-weight: nomal;

	font-size: px;
}

.whatsnew a:link {
	color: #996600;
}

.whatsnew .content img.left {
	float: left;
}

.whatsnew .content img.right {
	float: right;
}

.mail h3 {
 font-weight: bold;

 font-size: 12px;

	color: #660000;
}

.entry .text {
 font-weight: nomal;

 font-size: 10px;

	color: #666666;
}