@charset "EUC-JP";

html								{ font-size: 12px; line-height: 1.5em; font-family: 'verdana', 'arial', 'ヒラギノ丸ゴ Pro', 'ＭＳ Ｐゴシック',sans-serif; }
body								{ margin: 0; padding: 0; }
img									{ margin: 0; padding: 0; border: 0; }
form								{ margin: 0; padding: 0; }
a									{ color: #CC2222; text-decoration: underline; }
a:hover								{ color: #CC2222; text-decoration: underline; }

#page								{}

/*
* ヘッダー
*/
#header 							{ width: 940px; margin: 0 auto; }
#header h1							{ float: left; margin: 0; padding: 0; font-size: 0px; }
#header h1 img						{ border: none; }
#header ul.upper-navi 				{ float: right; list-style: none; margin: 0; padding: 0; }
#header ul.upper-navi li			{ float: left; }
#header ul.upper-navi li img		{ border: none; }
#header p.description				{ clear: right; margin: 0; padding: 0; font-size: 12px; }
#header ul.main-navi				{ clear: both; float: left; list-style: none; margin: 0; padding: 0; height: 39px; }
#header ul.main-navi li				{ float: left; margin: 0; padding: 0; }
#header ul.main-navi li a 			{ display: block; text-indent: -9999px; height: 35px; background-position: top; }
#header ul.main-navi li a:hover		{ background-position: bottom; }
#header ul.main-navi li.guide a		{ margin-right: 0px; width: 173px; background-image: url(/images/hmn_guide.gif); }
#header ul.main-navi li.gallery a	{ margin-right: 0px; width: 176px; background-image: url(/images/hmn_gallery.gif); }
#header ul.main-navi li.ranking a	{ margin-right: 0px; width: 177px; background-image: url(/images/hmn_ranking.gif); }
#header ul.main-navi li.mypage a	{ margin-right: 0px; width: 176px; background-image: url(/images/hmn_mypage.gif); }
#header .search						{ float: left; margin: 0 0 10px 13px; padding: 0; width: 225px; border: none; border-collapse: collapse; }
#header .search th					{ margin: 0; padding: 0; text-align: left; line-height: 0px; }
#header .search td					{ margin: 0; padding: 0; text-align: left; line-height: 0px; }
#header .search .textbox			{ padding: 2px; width: 145px; border: 1px solid #999999; }
#header .search .submit				{ vertical-align: middle; }
#header .search img					{ margin: 0; padding: 0; border: none; }

/*
* パンくずナビ
*/
#breadcrumb-list					{ clear: both; margin: 0 0 10px 0; padding: 0; height: 22px; line-height: 22px; color: #999999; font-size: 12px; /* background: url(/images/hsb_bg.gif); */ }
#breadcrumb-list #bg_left			{ /* background: url(/images/hsb_bg_left.gif) no-repeat center left; */ }
#breadcrumb-list #bg_right			{ padding: 0 0px; /* background: url(/images/hsb_bg_right.gif) no-repeat center right; */ }
#breadcrumb-list img				{ vertical-align: middle; }
#breadcrumb-list span				{ color: #666666; }

/*
* 以下中身
*/
#contents							{ width: 940px; margin: 0 auto; }

/*
* ここからサイドバー
*/
#sidebar							{ float: left; width: 300px; }
#gallery #sidebar					{ float: none; display: none; }
#login #sidebar						{ float: none; display: none; }
#shopping #sidebar					{ float: none; display: none; }
#cart #sidebar						{ float: none; display: none; }
#error #sidebar						{ float: none; display: none; }

/*
* ログインブロック
*/
#login-block						{ margin-bottom: 15px; padding: 1px; width: 296px; background: #f2f2f2; border: 1px solid #f2f2f2; }
#login-block #login-status			{ margin: 0; padding: 9px; }
#login-block h4						{ position: relative; margin: 0; padding: 0; width: 278px; height: 22px; background: url(/images/sbl_title_blank.gif) no-repeat scroll top left; }
#login-block h4 .name				{ margin: 0; padding: 0 0 0 10px; line-height: 22px; font-size: 12px; }
#login-block h4 .logout				{ position: absolute; margin: 0; padding: 0; top: 0; right: 10px; line-height: 22px; font-size: 10px; font-weight: normal; }
#login-block h4 .logout a			{ color: #666666; text-decoration: underline;}
#login-block #login-form			{ margin: 0; padding: 0; }
#login-block table.form				{ margin: 0; padding: 0; width: 274px; font-size: 10px; color: #463c33; }
#login-block table.form td			{ margin: 0; padding: 0 5px 0 5px; vertical-align: top; }
#login-block #login-button			{ text-align: left; }
#login-block #cookie				{ font-size: 10px; text-align: left; }
#login-block #link					{ height: 1.8em; padding-left: 5px; font-size: 10px; color: #6c6c6c; vertical-align: bottom!important; }
#login-block #link a				{ color: #6c6c6c; text-decoration: underline; }
#login-block input.textbox			{ width: 120px; height: 19px; border: 1px solid #696969; font-family: verdana; font-size: 12px; }
#login-block input.checkbox			{ vertical-align: middle; }
#login-block input.submit			{ margin: 0; padding: 0; border: none; width: 120px; height: 23px; }
#login-block #mypage-menu			{ margin: 10px 0 0 0; padding: 0; width: 274px; border: none; background: #ffffff; }
#login-block #mypage-menu ul		{ margin: 0; padding: 0 0 0 0px; list-style: none; }
#login-block #mypage-menu ul li		{ float: left; margin: 2px 0; padding: 0; height: 17px; }
#login-block #mypage-menu ul li a	{ margin: 0; padding: 0; }

/*
* 複製原画とは？ブロック
*/
#genga-block						{ margin-bottom: 15px; padding: 10px; width: 278px; background: #ffffff; border: 1px solid #aeaeae; }
#genga-block h4						{ position: relative; margin: 0; padding: 0; height: 22px; }
#genga-block p						{ margin: 0 5px; padding: 5px 0; }

/*
* ランキングブロック
*/
#ranking-block						{ margin-bottom: 15px; padding: 10px; width: 278px; background: #ffffff; border: 1px solid #aeaeae; }
#ranking-block h4					{ position: relative; margin: 0; padding: 0; height: 22px; }
#ranking-block .tolist				{ position: absolute; margin: 0; padding: 0; width: 50px; height: 20px; top: 1px; right: 1px; text-align: right; }
#ranking-block #weekly_top			{ position: relative; margin-bottom: 10px; padding: 30px 0 3px 128px; min-height: 120px; line-height: 18px; font-size: 12px; font-weight: normal; }
#ranking-block #top3				{ list-style: none; margin: 0; padding: 0; line-height: 18px; font-size: 12px; font-family: 'ＭＳ Ｐゴシック',sans-serif; }
#ranking-block #top3 li				{ position: relative; display: block; }
#ranking-block #top3 li.r1			{ padding: 30px 0 3px 128px; height: 120px; line-height: 18px; background: #ffffff ; }
#ranking-block #top3 li.r2			{ padding: 10px 0 10px 90px; height: 52px; background: #f2f2f2 url(/images/sbr_r2.gif) no-repeat scroll 8px center; }
#ranking-block #top3 li.r3			{ padding: 10px 0 10px 90px; height: 52px; background: #ffffff url(/images/sbr_r3.gif) no-repeat scroll 8px center; }
#ranking-block #top3 li.r1 .no1		{ position: absolute; top: 0px; left: 3px; }
#ranking-block #top3 li.r1 .photo	{ position: absolute; top: 30px; left: 3px; }
#ranking-block #top3 li.r2 .photo,
#ranking-block #top3 li.r3 .photo	{ position: absolute; top: 10px; left: 30px; }
#ranking-block #top3 .arrow			{ vertical-align: -2px; }
#ranking-block #top3 a.title		{ line-height: 12px; font-size: 12px; font-weight: bold; }
#ranking-block #top3 .price			{ font-weight: bold; color: #CC2222; }

/*
* おすすめの商品ブロック
*/
#recommend-block					{ margin-bottom: 15px; padding: 10px; width: 278px; background: #ffffff; border: 1px solid #aeaeae; }
#recommend-block h4					{ position: relative; margin: 0; padding: 0; height: 22px; }
#recommend-block ul					{ list-style: none; margin: 0; padding: 0; line-height: 18px; font-size: 12px; font-family: 'ＭＳ Ｐゴシック',sans-serif; }
#recommend-block li					{ position: relative; padding: 10px 0 10px 60px; height: 52px; }
#recommend-block li .photo			{ position: absolute; top: 10px; left: 0px; }
#recommend-block a.title			{ line-height: 12px; font-size: 12px; font-weight: bold; }
#recommend-block .price				{ font-weight: bold; color: #CC2222; }

/*
* カートの中身ブロック
*/
#cart-block							{ margin-bottom: 15px; padding: 10px; width: 278px; background: #ffffff; border: 1px solid #aeaeae; }
#cart-block h4						{ position: relative; margin: 0; padding: 0; height: 22px; }
#cart-block table.status			{ margin: 5px auto 0; width: 270px; font-size: 12px; }
#cart-block table.status th			{ text-align: right; }
#cart-block table.status td			{ text-align: right; }
#cart-block ul						{ list-style: none; margin: 0; padding: 0; line-height: 18px; font-size: 12px; font-family: 'ＭＳ Ｐゴシック',sans-serif; }
#cart-block li						{ position: relative; padding: 10px 0 10px 60px; height: 52px; }
#cart-block li .photo				{ position: absolute; top: 10px; left: 0px; }
#cart-block a.title					{ line-height: 12px; font-size: 12px; font-weight: bold; }
#cart-block .more					{ margin: 5px 0; padding: 0; text-align: center; }
#cart-block .empty					{ margin: 10px 5px 0; padding: 10px 15px; color: #FFFFFF; text-align: center; border: 3px double #FFFFFF; background: #888888; }

/*
* 作家一覧ブロック
*/
#auther-block						{ margin-bottom: 15px; padding: 10px; width: 278px; background: #ffffff; border: 1px solid #aeaeae; }
#auther-block h4					{ margin: 0 0 5px; padding: 0; height: 22px; }
#auther-block #auther-list			{ margin: 0; padding: 0 5px; font-size: 12px; line-height: 20px; }

/*
* バナーブロック
*/
#banner-block						{ margin-bottom: 15px; padding: 10px; width: 278px; background: #ffffff; border: 1px solid #aeaeae; }
#banner-block h4					{ margin: 0 0 10px; padding: 0; height: 22px; }
#banner-block .banner				{ margin: 0 0 20px; padding: 0; text-align: center; }
#banner-block img					{ margin: 0; padding: 0; border: none; }

/*
* ブログブロック
*/
#blog-block							{ margin-bottom: 15px; padding: 10px; width: 278px; background: #ffffff; border: 1px solid #aeaeae; }
#blog-block h4						{ margin: 0 0 5px; padding: 0; height: 22px; }
#blog-block .entries				{ margin: 0 0 10px; padding: 0; width: 275px; }
#blog-block .entry					{ margin: 0; padding: 7px 5px; border-bottom: 1px dashed #ccc; }
#blog-block .entry .date			{ margin: 0 0 5px; padding: 0 0 0 20px; height: 16px; line-height: 16px; font-size: 10px; background: url(/images/sbr_blog_tip.gif) no-repeat left center;}
#blog-block .entry .title			{ margin: 0 0 5px; padding: 0 3px; }
#blog-block .entry .body			{ margin: 0; padding: 0 3px; color: #666; }
#blog-block .blog_link				{ text-align: right; }
#blog-block .blog_link a			{ padding: 2px 0px 2px 20px; height: 16px; background: url(/images/sbr_blog_go.gif) no-repeat left center; }

/*
* ここからメイン
*/
#main								{ float: left; margin-left: 15px; width: 625px; }
#gallery #main						{ float: none; margin-left: 0; width: 940px; }
#login #main						{ float: none; margin-left: 0; width: 940px; }
#shopping #main						{ float: none; margin-left: 0; width: 940px; }
#cart #main							{ float: none; margin-left: 0; width: 940px; }
#error #main						{ float: none; margin-left: 0; width: 940px; }

/*
* スライドギャラリー
*/
#slide-gallery						{ margin-bottom: 15px; width: 624px; height: 221px; }
#slide-gallery .item				{ float:left; width:624px; height:164px; }
#slide-gallery p					{ margin: 0; padding: 0; }
#slide-gallery p img				{ border: none; }
#slide-gallery p.photo				{ float: left; width: 276px; height: 164px; }
#slide-gallery p.banner				{ float: left; width: 348px; height: 80px; }
#slide-gallery p.text				{ float: left; position: relative; padding: 0 20px 0; width: 308px; height: 84px; font-size: 12px; }
#slide-gallery p.text .cartin		{ position: absolute; right: 15px; bottom: 15px; }
#slide-gallery .mask				{ position: relative; width:624px; height:164px; overflow:hidden; }
#slide-gallery #box					{ position: absolute; }
#slide-gallery #thumbs				{ position: relative; width: 624px; height: 57px; overflow: hidden; background: url(/images/msg_slidebg.gif); }
#slide-gallery #previous			{ position: absolute; top: 14px; left: 6px; width: 19px; height: 27px; }
#slide-gallery #next				{ position: absolute; top: 14px; right: 6px; width: 19px; height: 27px; }
#slide-gallery #handles				{ position: absolute; top:8px; left: 31px; width: 577px; height: 62px; font-size: 9px; }
#slide-gallery #handles span		{ display: block; width: 63px; height:39px; margin-right: 6px; float: left; border: 1px solid #aeaeae; background: url(/images/msg_blank_thumb.gif) no-repeat; }
#slide-gallery #handles span.handle	{ cursor: pointer; }
#slide-gallery #handles span.active	{ border: 1px solid #FF0; }
#slide-gallery #handles span img	{ width: 63px; height: 39px; }

/*
* ジャンルで探す
*/
#genre-search						{ margin-bottom: 15px; padding: 10px; width: 603px; background: #f2f2f2; border: 1px solid #f2f2f2; }
#genre-search h4					{ margin: 0 0 1px 0; padding: 0; height: 22px; }
#genre-search .genre				{ float: left; margin: 4px 4px 0 0; padding: 0; width: 197px; height: 47px; border: 0; font-size: 12px; background: #FFF; background-position: top; }
#genre-search #category-12			{ margin-right: 4px; background-image: url(/images/tc_zassi.gif); }
#genre-search #category-11			{ margin-right: 4px; background-image: url(/images/tc_goods.gif); }
#genre-search #category-9			{ margin-right: 4px; background-image: url(/images/tc_figure.gif); }
#genre-search #category-13			{ margin-right: 4px; background-image: url(/images/tc_copy.gif); }
#genre-search #category-22			{ margin-right: 4px; background-image: url(/images/tc_other.gif); }
#genre-search .genre:hover			{ background: #EEE; background-position: bottom; }
#genre-search .genre img			{ margin: 0; padding: 0; border: none; }

/*
* 新着作品
*/
#new-products						{ margin-bottom: 15px; padding: 10px; width: 603px; background: #ffffff; border: 1px solid #aeaeae; }
#new-products h4					{ position: relative; margin: 0 0 5px 0; padding: 0; height: 22px; }
#new-products h4 .tolist			{ position: absolute; margin: 0; padding: 0; width: 50px; height: 20px; top: 1px; right: 1px; text-align: right; }
#new-products table td				{ vertical-align: top; }
#new-products .product				{ width: 195px; margin: 0; }
#new-products .product .photo		{ margin: 0; width: 86px; height: 86px; }
#new-products .product .title		{ color: #222222; font-size: 12px; font-weight: normal; text-decoration: none; }
#new-products .product .price		{ font-weight: bold; color: #CC2222; }
#new-products .product .more		{ margin: 0; padding: 0 4px 0; text-align: right; }

/*
* 最新ニュースブロック
*/
#feed-news							{ position: relative; margin-bottom: 15px; padding: 10px; width: 603px; background: #f2f2f2; border: 1px solid #f2f2f2; }
#feed-news h4						{ position: relative; margin: 0 0 5px 0; padding: 0; height: 22px; }
#feed-news h4 .feed-icon			{ position: absolute; margin: 0; padding: 0; width: 14px; top: 4px; left: 100px; }
#feed-news h4 .tolist				{ position: absolute; margin: 0; padding: 0; width: 50px; height: 20px; top: 1px; right: 1px; text-align: right; }
#feed-news ul.feed					{ margin: 0; padding: 0 0 0 30px; list-style-image: url(/images/mf_listimg.gif); }
#feed-news ul.feed li				{ font-size: 12px; }

/*
* アールジュネス
*/
#artjeuness							{ position: relative; margin-bottom: 15px; padding: 0; width: 623px; height: 158px; background: #fcd600 url(/images/maj-bg.jpg) no-repeat top left; }
#artjeuness .title					{ position: absolute; margin: 0; padding: 0; width: 412px; height: 84px; top: 20px; left: 10px; }
#artjeuness .button					{ position: absolute; margin: 0; padding: 0; width: 126px; height: 28px; bottom: 15px; left: 10px; }
#artjeuness .photo					{ position: absolute; margin: 0; padding: 0; width: 166px; height: 126px; top: 20px; right: 10px; }

/*
* メルマガ登録ブロック
*/
#mailmag-block						{ float: left; margin: 0 15px 15px 0; padding: 10px; width: 282px; height: 103px; background: #ffffff; border: 1px solid #aeaeae; }
#mailmag-block h4					{ margin: 0 0 6px; padding: 0; height: 22px; }
#mailmag-block img.regist			{ margin: 0; padding: 0; border: none; }
/*
* モバイルサイトブロック
*/
#mobile-block						{ float: left; margin-bottom: 15px; padding: 10px; width: 282px; height: 103px; background: #ffffff; border: 1px solid #aeaeae; }
#mobile-block h4					{ margin: 0; padding: 0; height: 22px; }
#mobile-block img.qr				{ margin: 0; padding: 0; border: none; }


/*
* ニュース
*/
#news								{ width: 625px }
#news h2							{ margin: 0 0 10px 0; padding: 0; }
#news h3							{ position: relative; margin: 0; padding: 5px 200px 5px 10px; font-size: 12px; font-weight: normal; border-width: 1px 1px 1px 15px; border-style: solid; border-color: #CCC; border-left-color: #8FC149; }
#news h3 .sbs-icon					{ position: absolute; margin: 0 8px 0 0; padding: 0; width: 200px; bottom: 0; right: 0px; text-align: right; }
#news .date							{ margin: 0; padding: 5px 10px; text-align: right; border-bottom: 1px dashed #EEE; }
#news .body							{ margin: 0; padding: 10px; border-bottom: 1px dashed #EEE; }
#news .feed							{ margin: 0; padding: 0; list-style: none; border-top: 1px dotted #aeaeae; }
#news .feed li						{ margin: 0; padding: 10px 20px; border-bottom: 1px dotted #aeaeae; }

/*
* ギャラリー
*/
#gallery-page						{ width: 940px; margin: 0 auto; }
#gallery-page h2					{ margin: 0 0 10px 0; padding: 0; }
#gallery-page #category				{ margin: 0 0 10px 0; padding: 0; }
#gallery-page .genre				{ float: left; margin: 4px 4px 0 0; padding: 0; width: 184px; height: 44px; border: 0; font-size: 12px; background: #FFF; background-position: top; }
#gallery-page #category-12			{ margin-right: 4px; background-image: url(/images/tcg_zassi.gif); }
#gallery-page #category-11			{ margin-right: 4px; background-image: url(/images/tcg_goods.gif); }
#gallery-page #category-9			{ margin-right: 4px; background-image: url(/images/tcg_figure.gif); }
#gallery-page #category-13			{ margin-right: 4px; background-image: url(/images/tcg_copy.gif); }
#gallery-page #category-22			{ margin-right: 4px; background-image: url(/images/tcg_other.gif); }
#gallery-page .genre:hover			{ background: #EEE; background-position: bottom; }
#gallery-page .current				{ background: #EEE; background-position: bottom; }
#gallery-page #item-list			{ margin: 0; }
#gallery-page .item					{ float: left; margin: 10px 0 10px 6px; padding: 0; width: 180px; }
#gallery-page .item .photo			{ width: 180px; height: 179px; line-height: 180px; text-align: center; border-bottom: 1px solid #CCC; background: #ECE9D8; }
#gallery-page .item .photo img		{ vertical-align: middle; }
#gallery-page .item .photo a.hidden	{ display: hidden; }
#gallery-page .item .title			{ margin: 0; padding: 5px 3px; text-align: left; height: 40px; }
#gallery-page .item .auther			{ margin: 0; padding: 0 3px; text-align: right; }
#gallery-page .item .price			{ margin: 0; padding: 0 3px; text-align: right; }
#gallery-page .item .price span		{ color: #CC2222; font-weight: bold; }
#gallery-page .status				{ clear: both; position: relative; margin: 10px 5px; padding: 0; line-height: 12px; width: 935px; height: 36px; text-align: center; background: #EEE; }
#gallery-page .status .total		{ position: absolute; top: 1em; left: 1em; }
#gallery-page .status .pager		{ position: absolute; top: 1em; left: 100px; width: 735px; text-align: center; }
#gallery-page .status .order		{ position: absolute; top: 1em; right: 1em; }
#gallery-page .search				{ margin: 10px 5px; padding: 9px; line-height: 12px; width: 595px; border: 1px solid #aeaeae; }
#gallery-page hr					{ clear: both; margin: 0; background: #EEE; color: #EEE; height: 1px; border: none; }

/*
* 商品リスト
*/
#product-list						{ width: 625px; }
#product-list h2					{ margin: 0 0 10px 0; padding: 0; }
#product-list #item-list			{ margin: 0; }
#product-list .item					{ float: left; margin: 10px 0 10px 20px; padding: 0; width: 180px; }
#product-list .item .icon			{ margin: 0; padding: 0; text-align: left; line-height: 0; height: 20px; }
#product-list .item .photo			{ width: 180px; height: 150px; vertical-align: middle; text-align: center; border-bottom: 1px solid #CCC; }
#product-list .item .photo img		{  }
#product-list .item .photo a.hidden	{ display: hidden; }
#product-list .item .title			{ margin: 0; padding: 5px 3px; text-align: left; height: 46px; }
#product-list .item .auther			{ margin: 0; padding: 0 3px; text-align: right; }
#product-list .item .price			{ margin: 0; padding: 0 3px; text-align: right; }
#product-list .item .price span		{ color: #CC2222; font-weight: bold; }
#product-list .status				{ clear: both; position: relative; margin: 10px 5px; padding: 0; line-height: 12px; width: 615px; height: 36px; text-align: center; background: #EEE; }
#product-list .status .total		{ position: absolute; top: 1em; left: 1em; }
#product-list .status .pager		{ position: absolute; top: 1em; left: 100px; width: 415px; text-align: center; }
#product-list .status .order		{ position: absolute; top: 1em; right: 1em; }
#product-list .search				{ margin: 10px 5px; padding: 9px; line-height: 12px; width: 595px; border: 1px solid #aeaeae; }
#product-list hr					{ clear: both; margin-bottom: 30px; background: #EEE; color: #EEE; height: 1px; border: none; }

/*
* 商品詳細
*/
#product-detail #title				{ margin-bottom: 10px; padding: 0; }
#product-detail #title th			{ margin: 0 10px 3px 0; padding: 0; }
#product-detail #title td			{ margin: 0; padding: 0; font-size: 14px; }
#product-detail #title a			{ font-size: 12px; }
#product-detail #detail				{ width: 625px; }
#product-detail #detail #photo		{ float: left; width: 360px; }
#product-detail #detail #status		{ float: left; margin: 0 5px 0 10px; width: 240px; }
#product-detail #detail #status table	{ margin: 10px 10px 0 0; padding: 0; }
#product-detail #detail #status .icon	{ margin: 0 4px 4px 0; padding: 0; }
#product-detail #detail #status .price	{ font-size: 18px; font-weight: bold; color: #CC2222; }
#product-detail #detail #cartin		{ margin: 9px; padding: 10px 0 8px; width: 220px; text-align: center; border: 1px solid #CCC; }
#product-detail #detail #attention	{ font-size: 10px; padding-left: 10px; }
#product-detail #detail #comment	{ clear: both; margin-bottom: 5px; padding: 10px; width: 605px; }
#product-detail #detail #comment table	{ margin: 5px; padding: 0; border-collapse: collapse; border-spacing: 0; border: 1px solid #CCC; }
#product-detail #detail #comment table th	{ margin: 0; padding: 2px 4px; text-align: left; color: #333; font-weight: normal; border: 1px solid #CCC; background: #EEE; }
#product-detail #detail #comment table td	{ margin: 0; padding: 2px 4px; text-align: left; color: #333; font-weight: normal; border: 1px solid #CCC; background: #FFF; }
#product-detail #detail #information	{ clear: both; margin-bottom: 10px; padding: 9px; width: 605px; border: 1px solid #EEC; background: #FFE; }
#product-detail #sub-info			{ margin-bottom: 15px; padding: 0; width: 625px; background: #ffffff; }
#product-detail #sub-info h5		{ position: relative; margin: 0; padding: 0 10px; height: 28px; line-height: 28px; color: #777; font-size: 14px; background: #EEEEEE; }
#product-detail #sub-info .sub		{ padding: 10px; }
#product-detail #sub-info .sub .photo	{ float: left; padding: 0 10px 10px 0; }
#product-detail #sub-info hr		{ clear: both; margin: 0; background: #EEE; color: #EEE; height: 1px; border: none; }
#product-detail #review				{ margin-bottom: 15px; padding: 10px; width: 603px; background: #ffffff; border: 1px solid #aeaeae; }
#product-detail #review h4			{ position: relative; margin: 0 0 5px 0; padding: 0; height: 22px; }
#product-detail #review h4 .post	{ position: absolute; margin: 0; padding: 0; width: 50px; height: 20px; top: 1px; right: 1px; text-align: right; }
#product-detail #review .review		{ margin: 0; padding: 0; }
#product-detail #review .review h5	{ margin: 0; padding: 0 5px; height: 22px; line-height: 22px; color: #777; font-size: 12px; border-bottom: 1px solid #CCC; }
#product-detail #review .review h5 .level	{ color: #EEEE00; font-weight: normal; }
#product-detail #review .review .name	{ margin-bottom: 10px; padding: 0; text-align: right; }
#product-detail #recommend			{ margin-bottom: 15px; padding: 10px; width: 603px; background: #ffffff; border: 1px solid #aeaeae; }
#product-detail #recommend h4		{ position: relative; margin: 0 0 5px 0; padding: 0; height: 22px; }
#product-detail #recommend .product				{ float: left; width: 190px; margin-right: 8px; }
#product-detail #recommend .product .photo		{ margin: 0 35px; padding: 9px; border: 1px solid #EEE; }
#product-detail #recommend .product .title		{ line-height: 28px; color: #222222; font-size: 12px; font-weight: bold; text-decoration: none; }
#product-detail #recommend .product .price		{ font-weight: bold; color: #CC2222; }
#product-detail #recommend .product .description	{ clear: both; margin: 0 0 1em; padding: 0 4px 0; }
#product-detail #recommend .product .more		{ margin: 0; padding: 0 4px 0; text-align: right; }
#product-detail #recommend hr		{ clear: both; margin: 0; background: #EEE; color: #EEE; height: 1px; border: none; }

/*
* 作家詳細
*/
#auther								{ width: 625px; }
#auther h2							{ margin: 0 0 10px 0; padding: 0; }
#auther .data						{ position: relative; margin: 0 0 10px 0; padding: 0 0 10px 0; width: 625px; border-bottom: 1px dotted #CCC; }
#auther .data h3					{ position: absolute; margin: 0; padding: 0; width: 125px; height: 23px; top: 0; left: 0; }
#auther .data .body					{ margin: 0; padding: 2px 0 0 125px; }
#auther .data .body h4				{ margin: 0; padding: 0; font-size: 18px; font-weight: bold; }
#auther .data .body .url			{ position: absolute; margin: 0; padding: 0; width: 125px; height: 23px; top: 0; right: 0; }
#auther .data .item					{ float: left; margin: 10px 0 10px 0; padding: 0; width: 160px; }
#auther .data .item .photo			{ width: 150px; height: 149px; line-height: 150px; text-align: center; border-bottom: 1px solid #CCC; }
#auther .data .item .photo img		{ vertical-align: middle; }
#auther .data .item .photo a.hidden	{ display: hidden; }
#auther .data .item .title			{ margin: 0; padding: 5px 3px; text-align: left; height: 40px; }
#auther .data .item .auther			{ margin: 0; padding: 0 3px; text-align: right; }
#auther .data .item .price			{ margin: 0; padding: 0 3px; text-align: right; }
#auther .data .item .price span		{ color: #CC2222; font-weight: bold; }
#auther .data .rss-title			{ margin: 0; padding: 0 5px 5px 5px; }
#auther .data .rss-items			{ margin: 0; padding: 5px; border-top: 1px dashed #CCC; width: 490px; overflow: hidden; }
#auther .data .rss-items h4			{ margin: 0; padding: 2px 0 2px 0; font-weight: normal; font-size: 12px; }
#auther .data .rss-items p			{ margin: 0; padding: 0; font-weight: normal; font-size: 12px; }
#auther hr							{ clear: both; margin: 0; background: #EEE; color: #EEE; height: 1px; border: none; }

/*
* ランキング
*/
#ranking							{ width: 625px; }
#ranking h2							{ margin: 0 0 10px 0; padding: 0; }
#ranking .line						{ position: relative; margin: 0 0 10px 0; padding: 10px; width: 600px; height: 95px; border: 2px solid #dbdbdb; }
#ranking .rank						{ position: absolute; margin: 0 0 0 0; padding: 0; width: 30px; top: 40px; left: 10px; text-align: center; }
#ranking .photo						{ position: absolute; margin: 0; padding: 0; top: 15px; left: 50px; }
#ranking .text						{ position: absolute; margin: 0; padding: 0; top: 10px; left: 140px; }
#ranking .no1						{ border-color: #f63364; }
#ranking .no1 .rank					{ top: 30px; font-weight: bold; color: #f63364; }
#ranking .no2						{ border-color: #ff9b0b; }
#ranking .no2 .rank					{ top: 30px; font-weight: bold; color: #ff9b0b; }
#ranking .no3						{ border-color: #eacc4f; }
#ranking .no3 .rank					{ top: 30px; font-weight: bold; color: #eacc4f; }

/*
* ここからマイページ
*/
#mypage								{}
#mypage .caution					{ color: #DD0000; font-style: normal; font-weight: bold; }
#mypage .list						{ margin: 0 auto 20px; padding: 0; width: 615px; line-height: 20px; background: #CCCCCC; }
#mypage .list thead th				{ margin: 0; padding: 4px 12px; text-align: left; font-size: 14px; font-weight: bold; color: #FFFFFF; background: #CCCCCC; }
#mypage .list thead td				{ margin: 0; padding: 4px 12px; text-align: left; font-size: 12px; font-weight: normal; color: #FFFFFF; background: #CCCCCC; }
#mypage .list tbody th				{ margin: 0; padding: 4px 12px; text-align: left; font-size: 12px; font-weight: bold; color: #333366; background: #E6E6E6; }
#mypage .list tbody td				{ margin: 0; padding: 4px 12px; text-align: left; font-size: 12px; font-weight: normal; color: #333333; background: #FFFFFF; }
#mypage .list .line-header			{ text-align: right; }
#mypage .list .number				{ text-align: right; }
#mypage .list .memo					{ font-weight: normal; }
#mypage .button						{ text-align: center; }
#mypage .pager						{ text-align: center; }

/*
* ログインページ
*/
#login-page							{ margin: 0 auto; width: 625px; }
#login-page #member					{ float: left; margin: 0 3px 10px 0; padding: 5px; width: 297px; height: 180px; border: 1px solid #aeaeae; }
#login-page #member h5				{ margin: 0 0 10px; padding: 0; }
#login-page #member table			{ margin: 0 auto 10px; padding: 0; width: 290px; line-height: 20px; background: #FFFFFF; }
#login-page #member table th		{ margin: 0; padding: 4px 10px; text-align: left; font-size: 12px; font-weight: normal; color: #333333; background: #d1d1e8; }
#login-page #member table td		{ margin: 0; padding: 4px 10px; text-align: left; font-size: 12px; font-weight: normal; color: #333333; background: #d1d1e8; }
#login-page #member table td input	{ width: 160px; }
#login-page #member .button			{ margin: 0; padding: 10px; text-align: center; }
#login-page #beginner				{ float: left; margin: 0 0 10px; padding: 5px; width: 297px; height: 180px; border: 1px solid #aeaeae; }
#login-page #beginner h5			{ margin: 0 0 10px; padding: 0; }
#login-page #beginner p				{ margin: 0 0 30px; padding: 0 10px; }
#login-page #beginner .button		{ margin: 0; padding: 5px; line-height: 20px; text-align: center; }
#login-page #nonmember				{ clear: both; margin: 0 auto; padding: 5px; width: 500px; background: #EEE; }
#login-page #nonmember h5			{ margin: 0 0 10px; padding: 0; font-size: 12px; font-weight: normal; }
#login-page #nonmember p			{ margin: 0 0 30px; padding: 0 10px; }
#login-page #nonmember .button		{ margin: 0; padding: 5px; line-height: 20px; text-align: center; }
#login-page #description			{ clear: both; margin: 0; padding: 10px 10px; }

/*
* カートの中身
*/
#cart-page							{ margin: 0 auto; width: 625px; }
#cart-page .message					{ margin: 10px 30px 20px; padding: 10px 15px; border: 1px solid #CCCCCC; }
#cart-page .caution					{ color: #DD0000; font-style: normal; font-weight: bold; }
#cart-page .list					{ margin: 0 auto 20px; padding: 0; width: 615px; line-height: 20px; background: #CCCCCC; }
#cart-page .list thead th			{ margin: 0; padding: 4px 12px; text-align: left; font-size: 14px; font-weight: bold; color: #FFFFFF; background: #CCCCCC; }
#cart-page .list thead td			{ margin: 0; padding: 4px 12px; text-align: left; font-size: 12px; font-weight: normal; color: #FFFFFF; background: #CCCCCC; }
#cart-page .list tbody th			{ margin: 0; padding: 4px 12px; text-align: left; font-size: 12px; font-weight: bold; color: #333366; background: #E6E6E6; }
#cart-page .list tbody td			{ margin: 0; padding: 4px 12px; text-align: left; font-size: 12px; font-weight: normal; color: #333333; background: #FFFFFF; }
#cart-page .list a					{ color: #0066cc; font-weight: normal; text-decoration: none; }
#cart-page .list a:hover			{ color: #0080ff; font-weight: normal; text-decoration: underline; }
#cart-page .list .line-header		{ text-align: right; }
#cart-page .list .number			{ text-align: right; }
#cart-page .list .quantity			{ text-align: center; }
#cart-page .list .memo				{ font-weight: normal; }
#cart-page .button					{ text-align: center; }
#cart-page .cart-empty				{ padding: 50px 0; border: 1px solid #aeaeae; color: #666; text-align: center; }

/*
* 購入手続き
*/
#purchase							{ margin: 0 auto; width: 625px; }
#purchase #step						{ margin: 0 0 10px; padding: 0; text-align: center; }
#purchase .message					{ margin: 10px 30px 20px; padding: 10px 15px; border: 1px solid #CCCCCC; }
#purchase .caution					{ color: #DD0000; font-style: normal; font-weight: bold; }
#purchase .list						{ margin: 0 auto 20px; padding: 0; width: 615px; line-height: 20px; background: #CCCCCC; }
#purchase .list thead th			{ margin: 0; padding: 4px 12px; text-align: left; font-size: 14px; font-weight: bold; color: #FFFFFF; background: #CCCCCC; }
#purchase .list thead td			{ margin: 0; padding: 4px 12px; text-align: left; font-size: 12px; font-weight: normal; color: #FFFFFF; background: #CCCCCC; }
#purchase .list tbody th			{ margin: 0; padding: 4px 12px; text-align: left; font-size: 12px; font-weight: bold; color: #333366; background: #E6E6E6; }
#purchase .list tbody td			{ margin: 0; padding: 4px 12px; text-align: left; font-size: 12px; font-weight: normal; color: #333333; background: #FFFFFF; }
#purchase .list tfoot th			{ margin: 0; padding: 4px 12px; text-align: left; font-size: 12px; font-weight: bold; color: #333366; background: #E6E6E6; }
#purchase .list tfoot td			{ margin: 0; padding: 4px 12px; text-align: left; font-size: 12px; font-weight: normal; color: #333333; background: #FFFFFF; }
#purchase .list a					{ color: #0066cc; font-weight: normal; text-decoration: none; }
#purchase .list a:hover				{ color: #0080ff; font-weight: normal; text-decoration: underline; }
#purchase .list .line-header		{ text-align: right; }
#purchase .list .number				{ text-align: right; }
#purchase .list .link				{ text-align: right; }
#purchase .list .quantity			{ text-align: center; }
#purchase .list .memo				{ font-weight: normal; }
#purchase .button					{ margin-bottom: 10px; padding: 10px; text-align: center; }

/*
* 購入履歴一覧
*/
#purchase-history					{ width: 625px; }
#purchase-history h2				{ margin: 0 0 10px 0; padding: 0; }
#purchase-history .description		{ margin: 0 0 10px 6px; padding: 0; font-size: 12px; }
#purchase-history .message			{ margin: 0 auto 20px; padding: 10px; width: 593px; border: 1px solid #CCCCCC; }
#purchase-history .empty			{ margin: 0 auto 20px; padding: 10px; width: 593px; color: #FFFFFF; border: 3px double #FFFFFF; background: #CCCCCC; }
#purchase-history #purchase-status	{ margin: 0 auto 20px; padding: 10px; width: 593px; border: 1px solid #CCCCCC; }

/*
* 会員登録内容変更
*/
#profile-change						{ width: 625px; }
#profile-change h2					{ margin: 0 0 10px 0; padding: 0; }
#profile-change .description		{ margin: 0 0 10px 6px; padding: 0; font-size: 12px; }
#profile-change .message			{ margin: 0 auto 20px; padding: 10px; width: 593px; border: 1px solid #CCCCCC; }
#profile-change .empty				{ margin: 0 auto 20px; padding: 10px; width: 593px; color: #FFFFFF; border: 3px double #FFFFFF; background: #CCCCCC; }
#profile-change #purchase-status	{ margin: 0 auto 20px; padding: 10px; width: 593px; border: 1px solid #CCCCCC; }

/*
* 会員登録内容変更
*/
#delivery-place						{ width: 625px; }
#delivery-place h2					{ margin: 0 0 10px 0; padding: 0; }
#delivery-place .description		{ margin: 0 0 10px 6px; padding: 0; font-size: 12px; }
#delivery-place .message			{ margin: 0 auto 20px; padding: 10px; width: 593px; border: 1px solid #CCCCCC; }
#delivery-place .empty				{ margin: 0 auto 20px; padding: 10px; width: 593px; color: #FFFFFF; border: 3px double #FFFFFF; background: #CCCCCC; }
#delivery-place #purchase-status	{ margin: 0 auto 20px; padding: 10px; width: 593px; border: 1px solid #CCCCCC; }

/*
* 退会手続き
*/
#refusal-input						{ width: 625px; }
#refusal-input h2					{ margin: 0 0 10px 0; padding: 0; }
#refusal-input .description			{ margin: 0 0 10px 6px; padding: 0; font-size: 12px; }
#refusal-input .message				{ margin: 0 auto 20px; padding: 10px; width: 593px; border: 1px solid #CCCCCC; }
#refusal-input .empty				{ margin: 0 auto 20px; padding: 10px; width: 593px; color: #FFFFFF; border: 3px double #FFFFFF; background: #CCCCCC; }
#refusal-input #purchase-status		{ margin: 0 auto 20px; padding: 10px; width: 593px; border: 1px solid #CCCCCC; }
#refusal-input .center				{ text-align: center; }

/*
* 退会手続き
*/
#refusal-confirm					{ width: 625px; }
#refusal-confirm h2					{ margin: 0 0 10px 0; padding: 0; }
#refusal-confirm .description		{ margin: 0 0 10px 6px; padding: 0; font-size: 12px; }
#refusal-confirm .message			{ margin: 0 auto 20px; padding: 10px; width: 593px; border: 1px solid #CCCCCC; }
#refusal-confirm .empty				{ margin: 0 auto 20px; padding: 10px; width: 593px; color: #FFFFFF; border: 3px double #FFFFFF; background: #CCCCCC; }
#refusal-confirm #purchase-status	{ margin: 0 auto 20px; padding: 10px; width: 593px; border: 1px solid #CCCCCC; }
#refusal-confirm .center			{ text-align: center; }

/*
* 退会手続き完了
*/
#refusal-complete					{ width: 625px; }
#refusal-complete h2				{ margin: 0 0 10px 0; padding: 0; }
#refusal-complete .description		{ margin: 0 0 10px 6px; padding: 0; font-size: 12px; }
#refusal-complete .message			{ margin: 0 auto 20px; padding: 10px; width: 593px; border: 1px solid #CCCCCC; }
#refusal-complete #shopinfo			{ margin: 20px auto 20px; padding: 10px; width: 400px; color: #000000; border: 3px double #FFFFFF; background: #CCCCCC; }
#refusal-complete .center			{ text-align: center; }

/*
* 利用規約
*/
#kiyaku								{ width: 625px; }
#kiyaku h2							{ margin: 0 0 10px 0; padding: 0; }
#kiyaku .description				{ margin: 0 0 10px 6px; padding: 0; font-size: 12px; }
#kiyaku textarea					{ margin: 0 0 10px 10px; padding: 10px; font-size: 12px; line-height: 18px; width: 590px; height: 480px; }
#kiyaku .button						{ margin: 0; padding: 5px; text-align: center; }

/*
* 新規会員登録(入力フォーム)
*/
#entry-input						{ width: 625px; }
#entry-input h2						{ margin: 0 0 10px 0; padding: 0; }
#entry-input .description			{ margin: 0 0 10px 6px; padding: 0; font-size: 12px; }

/*
* 新規会員登録(確認ページ)
*/
#entry-confirm						{ width: 625px; }
#entry-confirm h2					{ margin: 0 0 10px 0; padding: 0; }
#entry-confirm .description			{ margin: 0 0 10px 6px; padding: 0; font-size: 12px; }

/*
* 新規会員登録(完了ページ)
*/
#entry-complete						{ width: 625px; }
#entry-complete h2					{ margin: 0 0 10px 0; padding: 0; }
#entry-complete .description		{ margin: 0 0 10px 6px; padding: 0; font-size: 12px; }
#entry-complete .contact			{ margin: 30px auto 30px; padding: 10px; width: 280px; font-size: 12px; border: 3px solid #aeaeae; }

/*
* はじめての方へ
*/
#guide								{ width: 625px; }
#guide h2							{ margin: 0 0 10px 0; padding: 0; }
#guide .description					{ margin: 0 0 10px 6px; padding: 0; font-size: 12px; }
#guide .message						{ margin: 0 auto 20px; padding: 10px; width: 593px; border: 1px solid #CCCCCC; }
#guide li							{ list-style-type: none; text-indent: 1em; }

/*
* 個人情報保護方針
*/
#privacy-policy						{ margin: 0; padding: 9px; width: 605px; border: 1px solid #aeaeae; }
#privacy-policy h4					{ position: relative; margin: 0 0 5px 0; padding: 0; height: 22px; }
#privacy-policy p					{ text-indent: 1em; margin: 0 auto 20px; padding: 0 10px; }
#privacy-policy hr					{ margin: 0; background: #CCC; color: #CCC; size: 1px; height: 1px; border: none; }
#privacy-policy ul					{ margin: 0; padding:0px 30px 0 0; }
#privacy-policy ul li				{ margin: 20px 0; }
#privacy-policy ul li.text			{ list-style-type: none; text-indent: 1em; }
#privacy-policy .list				{ margin: 0 auto 20px; line-height: 20px; background: #CCCCCC; width: 400px; }
#privacy-policy .list thead th		{ margin: 0; padding: 4px 12px; text-align: left; font-size: 14px; font-weight: bold; color: #FFFFFF; background: #CCCCCC; }
#privacy-policy .list thead td		{ margin: 0; padding: 4px 12px; text-align: left; font-size: 12px; font-weight: normal; color: #FFFFFF; background: #CCCCCC; }
#privacy-policy .list tbody th		{ margin: 0; padding: 4px 12px; text-align: left; font-size: 12px; font-weight: bold; color: #333366; background: #E6E6E6; }
#privacy-policy .list tbody td		{ margin: 0; padding: 4px 12px; text-align: left; font-size: 12px; font-weight: normal; color: #333333; background: #FFFFFF; }

/*
* お問い合わせ
*/
#contact-input						{ margin: 0; padding: 9px; width: 605px; border: 1px solid #aeaeae; }
#contact-input h4					{ position: relative; margin: 0 0 5px 0; padding: 0; height: 22px; }
#contact-input p					{ text-indent: 1em; margin: 0 auto 20px; padding: 0 10px; }
#contact-input .notice				{ color: #f00; }
#contact-input .error				{ color: #f00; }
#contact-input .form				{ margin: 0 auto 20px; line-height: 20px; background: #CCCCCC; width: 550px; }
#contact-input .form thead th		{ margin: 0; padding: 4px 12px; text-align: left; font-size: 14px; font-weight: bold; color: #FFFFFF; background: #CCCCCC; }
#contact-input .form thead td		{ margin: 0; padding: 4px 12px; text-align: left; font-size: 12px; font-weight: normal; color: #FFFFFF; background: #CCCCCC; }
#contact-input .form tbody th		{ margin: 0; padding: 4px 12px; text-align: left; font-size: 12px; font-weight: bold; color: #333366; background: #E6E6E6; }
#contact-input .form tbody td		{ margin: 0; padding: 4px 12px; text-align: left; font-size: 12px; font-weight: normal; color: #333333; background: #FFFFFF; }
#contact-input .button				{ text-align: center; }

/*
* お問い合わせ(確認用)
*/
#contact-confirm					{ margin: 0; padding: 9px; width: 605px; border: 1px solid #aeaeae; }
#contact-confirm h4					{ position: relative; margin: 0 0 5px 0; padding: 0; height: 22px; }
#contact-confirm p					{ text-indent: 1em; margin: 0 auto 20px; padding: 0 10px; }
#contact-confirm .notice			{ color: #f00; }
#contact-confirm .error				{ color: #f00; }
#contact-confirm .form				{ margin: 0 auto 20px; line-height: 20px; background: #CCCCCC; width: 550px; }
#contact-confirm .form thead th		{ margin: 0; padding: 4px 12px; text-align: left; font-size: 14px; font-weight: bold; color: #FFFFFF; background: #CCCCCC; }
#contact-confirm .form thead td		{ margin: 0; padding: 4px 12px; text-align: left; font-size: 12px; font-weight: normal; color: #FFFFFF; background: #CCCCCC; }
#contact-confirm .form tbody th		{ margin: 0; padding: 4px 12px; text-align: left; font-size: 12px; font-weight: bold; color: #333366; background: #E6E6E6; }
#contact-confirm .form tbody td		{ margin: 0; padding: 4px 12px; text-align: left; font-size: 12px; font-weight: normal; color: #333333; background: #FFFFFF; }
#contact-confirm .button			{ text-align: center; }

/*
* お問い合わせ(完了)
*/
#contact-complete					{ margin: 0; padding: 9px; width: 605px; border: 1px solid #aeaeae; }
#contact-complete h4				{ position: relative; margin: 0 0 5px 0; padding: 0; height: 22px; }
#contact-complete p					{ text-indent: 1em; margin: 0 auto 20px; padding: 0 10px; }
#contact-complete .notice			{ color: #f00; }
#contact-complete .error			{ color: #f00; }
#contact-complete .form				{ margin: 0 auto 20px; line-height: 20px; background: #CCCCCC; width: 550px; }
#contact-complete .form thead th	{ margin: 0; padding: 4px 12px; text-align: left; font-size: 14px; font-weight: bold; color: #FFFFFF; background: #CCCCCC; }
#contact-complete .form thead td	{ margin: 0; padding: 4px 12px; text-align: left; font-size: 12px; font-weight: normal; color: #FFFFFF; background: #CCCCCC; }
#contact-complete .form tbody th	{ margin: 0; padding: 4px 12px; text-align: left; font-size: 12px; font-weight: bold; color: #333366; background: #E6E6E6; }
#contact-complete .form tbody td	{ margin: 0; padding: 4px 12px; text-align: left; font-size: 12px; font-weight: normal; color: #333333; background: #FFFFFF; }
#contact-complete .button			{ text-align: center; }

/*
* 会社概要
*/
#about-us							{ margin: 0; padding: 9px; width: 605px; border: 1px solid #aeaeae; }
#about-us h4						{ position: relative; margin: 0 0 5px 0; padding: 0; height: 22px; }
#about-us p							{ text-indent: 1em; margin: 0 auto 20px; padding: 0 10px; }
#about-us .list						{ margin: 0 auto 20px; line-height: 20px; background: #CCCCCC; width: 500px; }
#about-us .list thead th			{ margin: 0; padding: 4px 12px; text-align: left; font-size: 14px; font-weight: bold; color: #FFFFFF; background: #CCCCCC; }
#about-us .list thead td			{ margin: 0; padding: 4px 12px; text-align: left; font-size: 12px; font-weight: normal; color: #FFFFFF; background: #CCCCCC; }
#about-us .list tbody th			{ margin: 0; padding: 4px 12px; text-align: left; font-size: 12px; font-weight: bold; color: #333366; background: #E6E6E6; }
#about-us .list tbody td			{ margin: 0; padding: 4px 12px; text-align: left; font-size: 12px; font-weight: normal; color: #333333; background: #FFFFFF; }

/*
* 特商法 
*/
#order								{ margin: 0; padding: 9px; width: 605px; border: 1px solid #aeaeae; }
#order h4							{ position: relative; margin: 0 0 5px 0; padding: 0; height: 22px; }
#order p							{ text-indent: 1em; margin: 0 auto 20px; padding: 0 10px; }
#order .list						{ margin: 0; line-height: 20px; background: #CCCCCC; width: 603px; }
#order .list thead th				{ margin: 0; padding: 4px 12px; text-align: left; font-size: 14px; font-weight: bold; color: #FFFFFF; background: #CCCCCC; width: 120px; }
#order .list thead td				{ margin: 0; padding: 4px 12px; text-align: left; font-size: 12px; font-weight: normal; color: #FFFFFF; background: #CCCCCC; }
#order .list tbody th				{ margin: 0; padding: 4px 12px; text-align: left; font-size: 12px; font-weight: bold; color: #333366; background: #E6E6E6; width: 120px; }
#order .list tbody td				{ margin: 0; padding: 4px 12px; text-align: left; font-size: 12px; font-weight: normal; color: #333333; background: #FFFFFF; }

/*
* ガイド
*/
#guide								{ width: 625px; }
#guide p.description				{ margin: 10px 0; }
#guide h2							{ border: 0; margin: 0 0 10px 0; }
#guide h3							{ border: 0; margin: 0 0 20px 0; }
#guide #toc							{ margin: 20px 0 20px 10px; padding: 0;}
#guide #body						{ width: 612px;  }
#guide #body p						{ margin: 20px 20px;line-height: 150%; }
#guide #body .navi					{ margin-bottom: 20px; text-align: right; }
#guide #body .navi a				{ color: #000; text-decoration: none; }
#guide #body .navi a:hover			{ text-decoration: underline; }
#guide #body .first					{ margin: 10px 20px; padding: 0px; width: 580px; }
#guide #body .first li				{ list-style-type: none; margin: 10px; padding: 0px; font-weight: bold; font-size: 14px; }
#guide #body .first .second			{ margin: 10px; padding: 0px; }
#guide #body .first .second li		{ margin: 10px; padding: 0px; font-weight: normal; font-size: 12px; }
#guide #body li.text				{ list-style-type: none; margin: 5px; padding: 0px; line-height: 150%; }
#guide #body .table					{ margin: 0 auto 20px; line-height: 20px; background: #CCCCCC; }
#guide #body .table th				{ white-space: nowrap; margin: 0; padding: 4px 12px; text-align: left; font-size: 12px; font-weight: bold; color: #333366; background: #E6E6E6; }
#guide #body .table td				{ margin: 0; padding: 4px 12px; text-align: left; font-size: 12px; font-weight: normal; color: #333333; background: #FFFFFF; }

/*
* ジグレについて 
*/
#giclee								{ margin: 0; padding: 9px; width: 605px; border: 1px solid #aeaeae; }
#giclee h4							{ position: relative; margin: 0 0 5px 0; padding: 0; height: 22px; }
#giclee p							{ text-indent: 1em; margin: 0 auto 20px; padding: 0 10px; }

/*
* サイトマップ
*/
#sitemap							{ margin: 0; padding: 9px; width: 605px; height: 500px; border: 1px solid #aeaeae; }
#sitemap h4							{ position: relative; margin: 0 0 5px 0; padding: 0; height: 22px; }
#sitemap p							{ text-indent: 1em; margin: 0 auto 20px; padding: 0 10px; }
#sitemap #map						{ position: relative; margin: 20px 0 10px 20px; padding: 0; font-size: 12px; }
#sitemap ul.left					{ position: absolute; margin: 0; padding: 0; top: 0; left: 0; width: 250px; }
#sitemap ul.right					{ position: absolute; margin: 0; padding: 0; top: 0; left: 300px; width: 250px; }
#sitemap ul li						{ margin: 0 0 20px 0; padding: 0 0 0 12px; list-style: none; border: 0px solid #aeaeae; background: #FFF url(/images/msm_arrow.gif) scroll no-repeat 0px 4px; }
#sitemap ul ul						{ margin: 20px 0 0 10px; padding: 0 0 0 12px; }

/*
* パスワードリマインダ 
*/
#reminder							{ margin: 0; padding: 9px; width: 605px; border: 1px solid #aeaeae; }
#reminder h4						{ position: relative; margin: 0 0 5px 0; padding: 0; height: 22px; }
#reminder p							{ text-indent: 1em; margin: 0 auto 20px; padding: 0 10px; }
#reminder .notice					{ color: #f00; text-align: center; }
#reminder .error					{ color: #f00; text-align: center; }
#reminder .list						{ margin: 0 auto 15px; line-height: 20px; background: #CCCCCC; width: 500px; }
#reminder .list thead th			{ margin: 0; padding: 4px 12px; text-align: left; font-size: 14px; font-weight: bold; color: #FFFFFF; background: #CCCCCC; width: 180px; }
#reminder .list tbody th			{ margin: 0; padding: 4px 12px; text-align: left; font-size: 12px; font-weight: bold; color: #333366; background: #E6E6E6; width: 180px; }
#reminder .list tbody td			{ margin: 0; padding: 4px 12px; text-align: left; font-size: 12px; font-weight: normal; color: #333333; background: #FFFFFF; }
#reminder .button					{ text-align: center; }

/*
* エラーページ
*/
#error-page							{ width: 400px; margin: 20px auto;}
#error-page .message				{ margin: 20px 40px; padding: 20px 0; color: #FFFFFF; font-size: 12px; text-align: center; border: 10px double #FFFFFF; background: #DD3333; }
#error-page .button					{ text-align: center; }

/*
* ここからフッター
*/
#footer								{ clear: both; margin: 0 auto; padding: 10px 3px; width: 940px; color: #666666; }
#footer a							{ color: #4d2f3f; text-decoration: underline; }
#footer a:hover						{ color: #694056; text-decoration: underline; }
#footer #navi						{ padding: 3px; text-align: center; border-bottom: 1px solid #4d2f3f; }
#footer #copyright					{ padding: 3px; text-align: center; }

.tolist								{ margin: 0; padding: 10px 0; clear: both; text-align: left; }
.totop								{ margin: 0; padding: 10px 0; clear: both; text-align: right; }

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

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