/* ==================================================== */
/* 全ページ共通																					*/
/* ==================================================== */
body {
	margin-top: 8px;
	margin-bottom: 8px;
	font-family: MS UI Gothic, ＭＳ Ｐゴシック, Osaka;
	text-align: center;
	background-color: #fafafa;
/* MAC IE5.5適用 */
	letter-spacing: -1px;	
/* WinIE 5.5 MAC IE5.2 以外適用 \*/
	letter-spacing: normal;	
/* 終了 */
}
/* コンテナ（レイアウト全体） */
#container {
	margin: 0 auto; /* 自動マージン(幅と連動)により、ページが中央揃えになる */
	border: solid #666666 1px;
	text-align: left;
	/* WinIE 5.5のみ対応 */
	width: 762px;
	voice-family:"\"}\"";
	voice-family:inherit;
	/* その他 */
	width: 760px;
}
/* ＃IE用の設定 1*/
* html {
	zoom: 1;
}
/* ---------------------------------------------------- */
/* ヘッダ(共通)																					*/
/* ---------------------------------------------------- */
#container #header {
	height: 24px;
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;	
	background-color: #fafafa;
	width: 760px;
	border-bottom: solid #666666 1px;
}
#container #header img{
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;	
}
h1{
	text-align:center;
	font-size:12px;
	color:#666;
	font-weight:normal;
}
/* ---------------------------------------------------- */
/* フッタ(共通)																					*/
/* ---------------------------------------------------- */
#container #footer {
	width: 760px;
	height: 24px;
	margin: 0px 0px 0px 0px;
	clear: both;
	background-color: #eeeeee;
	border-top: solid #666666 1px;
}
/* フッタ：コピーライト */
#container #footer p{
	font-size: 10pt;
	color: #666666;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
	font-family:  Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}
/* ---------------------------------------------------- */
/* トップナビゲーション(共通)														*/
/* ---------------------------------------------------- */
#container #topnavi {
	width: 608px;
	height: 20px;
	text-align: right;
	background-color: #ededed;
	vertical-align: middle;
/* MAC IE5.2適用 */
	padding: 3px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
/* WinIE 5.5 MAC IE5.2 以外適用 \*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
/* 終了 */
}
#container #topnavi ul {
/* MAC IE5.2適用 */
	padding: 0px 0px 0px 0px;
	margin: -4px 0px 0px 0px;
/* WinIE 5.5 MAC IE5.2 以外適用 \*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
/* 終了 */
}
#container #topnavi li {
	list-style-type: none;
	font-size: 9pt;
	display: inline;
	height: 12px;
/* MAC IE5.2適用 */
	padding: 0px 0px 0px 0px;
	margin: 0px 4px 0px 0px;
	border-left: solid #666666 0px;
/* WinIE 5.5 MAC IE5.2 以外適用 \*/
	padding: 0px 1px 0px 5px;
	margin: 0px 0px 0px 0px;
	border-left: solid #666666 1px;
/* 終了 */
}
#container #topnavi a {
	color: #666666;
	text-decoration: none;
}
#container #topnavi a:link {
	color: #666666;
	text-decoration: none;
}
#container #topnavi a:visited {
	color: #666666;
	text-decoration: none;
}
#container #topnavi a:hover {
	color: #003399;
	text-decoration: underline;
}
#container #topnavi a:active {
	color: #666666;
	text-decoration: none;
}
#container #topnavi .topnavion{
	color: #9999CC;
	text-decoration: none;
}

/* ---------------------------------------------------- */
/* メニューバー（共通）												*/
/* ---------------------------------------------------- */
/* メニュー・バー */
#container .menubar{
	margin: 8px 0px 8px 8px;	
	padding: 0px 0px 0px 0px;	
}
/* ---------------------------------------------------- */
/* カテゴリ内ご注文ボタン（共通）												*/
/* ---------------------------------------------------- */
/* オーダーイメージ */
#container .order{
	margin: 8px 0px 0px 8px;	
	padding: 0px 0px 0px 0px;	
}
/* ---------------------------------------------------- */
/* カテゴリ内メニュー（共通）														*/
/* ---------------------------------------------------- */
/* メニュー */
#container #category_menu {
	width: 152px;
	margin: 0px 0px 16px 0px;	
	padding: 0px 0px 0px 0px;	
	float: left;
}
/* オンライン・ストア */
#container #categorytop_store {
	width: 152px;
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;	
	float: right;
}
#container #category_menu img,
#container #categorytop_store img{
	margin: 8px 0px 0px 8px;	
	padding: 0px 0px 0px 0px;	
}
#container #category_menu ul,
#container #categorytop_store ul {
	list-style-type: none;
	width: 136px;
	padding: 0px 0px 0px 0px;
	margin: 4px 0px 12px -8px;	
	voice-family:"\"}\"";
	voice-family:inherit;
	border-top: dotted #bbbbbb 1px;
	padding: 0px 0px 0px 0px;
	margin: 4px 0px 12px 8px;	
}
#container #category_menu li,
#container #categorytop_store li {
	list-style-type: none;
	font-size: 9pt;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px -1px 0px;
	border-bottom: dotted #bbbbbb 1px;
	background-image: url(bg_menu.gif);
	background-repeat: no-repeat;
}
#container #category_menu a,
#container #categorytop_store a {
	display: block;
	text-decoration: none;
	padding: 4px 0px 4px 0px;
	margin: 0px 0px 0px 0px;
	text-indent: 24px;
}

#container #category_menu a:link,
#container #categorytop_store a:link {
	color: #999999;
	text-decoration: none;
}
#container #category_menu a:visited,
#container #categorytop_store a:visited {
	color: #999999;
	text-decoration: none;
}
/* ※背景色は各カテゴリ用CSSで設定 */
#container #category_menu a:hover,
#container #categorytop_store a:hover {
	text-decoration: none;
	background-image: url(bg_menu_on.gif);
	background-repeat: no-repeat;
}
#container #category_menu a:active,
#container #categorytop_store a:active {
	color: #999999;
	text-decoration: none;
}
/* 表示中メニューの設定 */
/* ※背景色・文字は各カテゴリ用CSSで設定 */
#container #category_menu .navi_off,
#container #categorytop_store .navi_off {
	display: block;
	width: 136px;
	padding: 4px 0px 4px 0px;
	margin: 0px 0px 0px 0px;
	text-indent: 24px;
}
/* ==================================================== */
/* トップページ用																				*/
/* ==================================================== */
#top_image{
	width: 760px;
	height: 220px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-repeat: no-repeat;
	background-image: url(../topimage/topimage.jpg);
}
/* ナビゲーションエリア */
#container #top_header {
	width: 760px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-repeat: no-repeat;
	background-image: url(../topimage/topheadimage.jpg);
}
#container #top_header #topnavi {
	width: 760px;
	height: 20px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}
/* メインエリア */
#container #top_main {
	border-top: solid #000000 1px;
	width: 760px;
/*	height: 324px; */
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;	
}
/* インフォメーション */
#container #top_info {
	width: 608px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}
#container #top_info .infoarea{
	width: 574px;
	border: solid #999999 1px;
	margin: 2px 0px 8px 8px;
	padding: 8px 8px 8px 8px;
	font-size: 12px;
	color: #666666;
	background-color: #EFEFEF;
}
#container #top_info hr{
	width: 100%;
	height: 1px;
	color: #999999;
	margin: 0px 12px -2px 12px;
	padding: 0px 0px 0px 0px;
	border-style: dotted;
}
.counter {
	width: 134px;
	text-align: right;
	border: solid #999999 1px;
}
/* ==================================================== */
/* カテゴリトップ用																			*/
/* ==================================================== */
/* ---------------------------------------------------- */
/* カテゴリトップ用（ヘッダ領域）												*/
/* ---------------------------------------------------- */
/* カテゴリイメージ */
#container #categorytop_image {
	width: 152px;
	height: 240px;
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;	
	float: left;
}
#categorytop_title {
/* MAC IE5.5適用 */
	padding: 0px 0px 0px 0px;
	margin: -3px 0px 0px 0px;
/* WinIE 5.5 MAC IE5.2 以外適用 \*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
/* 終了 */
}

/* カテゴリ用ヘッダエリア */
#container #categorytop_header {
	width: 608px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
}
/* カテゴリ用 タイトル */
/* ※背景画像は各カテゴリ用CSSで設定 */
#container #categorytop_header h1 {
	margin: 12px 0px 0px 8px;
	padding: 0px 0px 0px 0px;
	width: 400px;
	height: 24px;
	background-repeat: no-repeat;
	font-size: 16px;
}
/* カテゴリ用 序文 */
/* ※背景画像は各カテゴリ用CSSで設定 */
/* カテゴリ見出しエリア */
#container #categorytop_caption {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 456px;

}
#container #categorytop_caption .introduction {
	margin: 24px 8px 0px 12px;
	padding: 0px 0px 0px 0px;
	width: 436px;
	font-size: 14px;
	color: #666666;
	line-height: 20px;
/* MAC IE5.2適用 */
	line-height: 16px;
/* WinIE 5.5 MAC IE5.2 以外適用 \*/
	line-height: 20px;
/* 終了 */
}
/* ---------------------------------------------------- */
/* カテゴリトップ用（メイン領域）												*/
/* ---------------------------------------------------- */
#container #categorytop_main {
	width: 762px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
}
/* インフォメーション */
#container #categorytop_info {
	width: 456px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}
/* 更新内容 */
/* ※背景画像は各カテゴリ用CSSで設定 */
#container #categorytop_info .infoarea{
	width: 422px;
	border: solid #999999 1px;
	margin: 2px 0px 8px 8px;
	padding: 8px 8px 8px 8px;
	font-size: 12px;
	color: #666666;
}
/* 更新用指定 */

#container .info1{
	font-size: 14px;
	color: #666666;
	font-weight: bold;
	margin: 4px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;	
}
#container .info2{
	font-size: 12px;
	color: #FF3333;
	margin: 8px 0px 4px 0px;	
	padding: 0px 0px 0px 0px;	
}
#container .info3{
	font-size: 12px;
	color: #444444;
	margin: 4px 0px 4px 0px;	
	padding: 0px 0px 0px 0px;	
}
#container .info4{
	font-size: 12px;
	color: #336699;
	font-weight: bold;
	margin: 4px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;	
}
#container .info5{
	font-size: 12px;
	color: #444444;
	margin: 2px 0px 0px 12px;	
	padding: 0px 0px 0px 0px;	
}
#container #categorytop_info hr{
	width: 100%;
	height: 1px;
	color: #999999;
	margin: 0px 12px -2px 12px;
	padding: 0px 0px 0px 0px;
	border-style: dotted;
}
/* ==================================================== */
/* カテゴリ詳細用（共通）																*/
/* ==================================================== */
/* ページタイトル */
#details_page_title {
	width: 608px;
	height: 36px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
/* メニューエリア */
#container #details_side {
	width: 152px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}
/* コンテンツメイン */
#container #details_main {
	width: 608px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	background-color: #fefefe;
}
/*  */
#container #details_main #details_contents_all{
	width: 608px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#container #details_main #details_contents_right{
	width: 152px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
}
/* コンテンツメイン */
#container #details_main #details_contents_center{
	width: 456px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}
/* コンテンツメイン内の見出し基本設定 */
/* ※背景画像は各個別ページ用CSSで設定 */
#container #details_contents_all h1,
#container #details_contents_all h2,
#container #details_contents_all h3 {
	margin: 12px 12px 12px 12px;
	padding: 0px 0px 0px 0px;
	width: 584px;
	height: 24px;
	background-repeat: no-repeat;
	font-size: 14px;
	color: #666666;
}
#container #details_contents_center h1,
#container #details_contents_center h2,
#container #details_contents_center h3 {
	margin: 12px 12px 12px 12px;
	padding: 0px 0px 0px 0px;
	width: 432px;
	height: 24px;
	background-repeat: no-repeat;
	font-size: 14px;
	color: #666666;
}
/* コンテンツメイン内の本文基本設定 */
/* ※背景画像は各個別ページ用CSSで設定 */
#container #details_contents_all .sentence_h1,
#container #details_contents_all .sentence_h2,
#container #details_contents_all .sentence_h3 {
	margin: 12px 12px 12px 12px;
	padding: 0px 0px 0px 0px;
	width: 584px;
	font-size: 12px;
	color: #666666;
	line-height: 18px;
}
#container #details_contents_center .sentence_h1,
#container #details_contents_center .sentence_h2,
#container #details_contents_center .sentence_h3 {
	margin: 12px 12px 12px 12px;
	padding: 0px 0px 0px 0px;
	width: 432px;
	font-size: 12px;
	color: #666666;
	line-height: 18px;
}
/* コンテンツメイン内の仕切り線の基本設定 */
#container #details_contents_all hr,
#container #details_contents_center hr,
#container #details_contents_right hr{
	width: 100%;
	height: 0px;
	color: #999999;
	margin: 16px 12px 16px 12px;
	padding: 0px 0px 0px 0px;
	border-width:1px;
	border-style: dotted;
	border-color:#CCC;
}
/* 下部お問い合せの基本設定 */
#container #contactmail,
#container #contacttel,
#container #contactus {
	margin: 12px 12px 12px 12px;
	padding: 0px 0px 0px 0px;
	width: 432px;
	font-size: 12px;
	color: #666666;
}
#container #contactmail a,
#container #contacttel a,
#container #contactus a{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	color: #FF6699;
	height: 16px;
	text-decoration: none;
	text-indent: 0px;
	font-family: Century Gothic, Arial, sans-serif;
}
#container #contactmail a:link,
#container #contacttel a:link,
#container #contactus a:link {
	color: #FF6699;
	text-decoration: none;
}
#container #contactmail a:visited,
#container #contacttel a:visited,
#container #contactus a:visited {
	color: #FF6699;
	text-decoration: none;
}
#container #contactmail a:hover,
#container #contacttel a:hover,
#container #contactus a:hover {
	color: #FF0099;
	text-decoration: underline;
}
#container #contactmail a:active,
#container #contacttel a:active,
#container #contactus a:active {
	color: #FF6699;
	text-decoration: none;
}

/* ==================================================== */
/* インフォメーションエリア内のリンク										*/
/* ==================================================== */
#container #top_info a,
#container #categorytop_info a {
	color: #333333;
	text-decoration: underline;
}
#container #top_info a:link,
#container #categorytop_info a:link {
	color: #333333;
	text-decoration: none;
}
#container #top_info a:visited,
#container #categorytop_info a:visited {
	color: #333333;
	text-decoration: none;
}
#container #top_info a:hover,
#container #categorytop_info a:hover {
	color: #FF0066;
	text-decoration: underline;
}
#container #top_info a:active,
#container #categorytop_info a:active {
	color: #333333;
	text-decoration: none;
}





/* ---------------------------------------------------- */
/* メインメニュー(共通)																	*/
/* ---------------------------------------------------- */
/* メインメニュー */
#container #cat_menu,
#container #top_menu {
	float: left;
	width: 144px;
	margin: 8px 3px 0px 0px;
	padding: 0px 0px 0px 4px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width: 144px;
	margin: 8px 0px 0px 4px;
	padding: 0px 0px 0px 4px;
}
#container #top_menu {
	float: left;
}
#container #cat_menu {
	float: right;
}
#container #cat_menu img,
#container #top_menu img{
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;	
}
#container #top_menu .menubar2{
	margin: 0px 0px 8px 10px;	
	padding: 0px 0px 0px 0px;	
	voice-family:"\"}\"";
	voice-family:inherit;
/* MAC IE5.5適用 */
	margin: 8px 0px 8px 0px;	
	padding: 0px 0px 0px 0px;	
/* WinIE 5.5 MAC IE5.2 以外適用 \*/
	margin: 0px 0px 8px 0px;	
	padding: 0px 0px 0px 0px;	
/* 終了 */
}
#container #cat_menu ul,
#container #top_menu ul {
	list-style-type: none;
	width: 134px;
	margin: 0px 0px 0px -6px;	
	padding: 0px 0px 0px 0px;
	voice-family:"\"}\"";
	voice-family:inherit;
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;
}
#container #cat_menu li,
#container #top_menu li {
	list-style-type: none;
	height: 36px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-repeat: no-repeat;
}

#container #cat_menu a,
#container #top_menu a {
	display: block;
	width: 134px;
	margin: 2px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;	
	border: solid #999999 1px;
	background-color: #efefef;
}
#container #cat_menu #menu_bridal a,
#container #top_menu #menu_bridal a{
	background-image: url(menu_bridal_off.gif);
}
#container #cat_menu #menu_school a,
#container #top_menu #menu_school a{
	background-image: url(menu_school_off.gif);
}
#container #cat_menu #menu_gift a,
#container #top_menu #menu_gift a{
	background-image: url(menu_gift_off.gif);
}
#container #cat_menu #menu_handmade a,
#container #top_menu #menu_handmade a{
	background-image: url(menu_handmade_off.gif);
}

#container #cat_menu #menu_contactus a,
#container #top_menu #menu_contactus a{
	background-image: url(menu_contactus_off.gif);
}

#container #cat_menu #menu_aboutus a,
#container #top_menu #menu_aboutus a{
	background-image: url(menu_aboutus_off.gif);
}

#container #cat_menu #menu_bridal a:hover,
#container #top_menu #menu_bridal a:hover{
	border: solid #FF9999 1px;
	background-image: url(menu_bridal_on.gif);
}
#container #cat_menu #menu_school a:hover,
#container #top_menu #menu_school a:hover{
	border: solid #009900 1px;
	background-image: url(menu_school_on.gif);
}
#container #cat_menu #menu_gift a:hover,
#container #top_menu #menu_gift a:hover{
	border: solid #3399CC 1px;
	background-image: url(menu_gift_on.gif);
}
#container #cat_menu #menu_handmade a:hover,
#container #top_menu #menu_handmade a:hover{
	border: solid #FF9900 1px;
	background-image: url(menu_handmade_on.gif);
}
#container #cat_menu #menu_contactus a:hover,
#container #top_menu #menu_contactus a:hover{
	border: solid #5B6CA4 1px;
	background-image: url(menu_contactus_on.gif);
}
#container #cat_menu #menu_aboutus a:hover,
#container #top_menu #menu_aboutus a:hover{
	border: solid #AB87F3 1px;
	background-image: url(menu_aboutus_on.gif);
}


#container #details_contents_all .hrsp,
#container #details_contents_center .hrsp,
#container #details_contents_right .hrsp, 
#container #details_contents_all .hrsp2,
#container #details_contents_center .hrsp2,
#container #details_contents_right .hrsp2{
	width: 440px;
	height: 20px;
	margin: 0px 16px 0px 16px;
	padding: 0px 0px 0px 0px;
	border-top: dotted #bbbbbb 0px;
}
#container #details_contents_all .hrsp {
	padding: 8px 0px 0px 4px;
	width: 588px;
	text-align: right;
}
#container #details_contents_all .hrsp a{
	display:block;
	font-size: 12px;
	text-decoration: none;
	margin: 0px 32px 0px 0px;
	padding: 0px 32px 0px 0px;
	background-color:#FFC;
}
#container #details_contents_all .hrsp a:hover{
	font-size: 12px;
	text-decoration: underline;
}
#container #details_contents_all .hrsp2,
#container #details_contents_center .hrsp2,
#container #details_contents_right .hrsp2{
	margin: 8px 8px 0px 8px;
	padding: 0px 0px 0px 0px;
	border-top: dotted #dddddd 1px;
}
#container #top_info .hrsp ,
#container #categorytop_info .hrsp {
	width: 420px;
	height: 1px;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: dotted #bbbbbb 1px;
}
#container #top_info .hrsp {
	width: 560px;
}
.gd{
	margin: 4px 0px 0px 4px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	color: #666666;
}
#topnavi h1{
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 4px;
	font-size: 12px;
	height:12px;
	font-weight: lighter;
}
#top_image h2{
	font-family: MS UI Gothic, ＭＳ Ｐゴシック, Osaka;
	margin: 0px 0px 0px 16px;
	padding: 44px 0px 0px 0px;
	font-size: 12pt;
	height:120px;
	font-weight: normal;
	color: #660033;
	line-height: 22px;
}
/* ########################################## */
/*  ※フロート解除関連	*/
/* ########################################## */
/* ------------------------------ */
br.clearfloat { 
		clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* ########################################## */
/*  ※その他追加	*/
/* ########################################## */
.hrsp9{
	width: 440px;
	height: 20px;
	margin: 0px 16px 0px 8px;
	border-top: dotted #bbbbbb 1px;
	padding: 0px 0px 0px 4px;
	width: 566px;
	text-align: right;
}