@charset "utf-8";

html			{width:100%;height:100%;}

/*基本*/
body			{background-color:#FFFFFF; margin:0; padding:0;}

#header-bg		{width:780px; height:80px; margin: 0 auto 0 auto; padding:5px 0 0 0; background:url("/designphilcollection/images/header_bg.gif") no-repeat 0 0;}
#header			{width:760px; height:80px; margin: 0 10px 0 10px; padding:0; overflow:hidden;}
.logo			{width:250px; height:80px; margin:0; padding:0; position:relative; overflow:hidden;}
.logo h1		{visibility:hidden;}
.logo a			{width:250px; height:80px; background:url("/designphilcollection/images/header_logo.gif") no-repeat 0 0; position:absolute; text-decoration:none;}
#contents-area	{width:720px; margin: 0 30px 0 30px; padding:0;}
#main-bg		{width:780px; margin: 0 auto 0 auto; padding:0 ;background:url("/designphilcollection/images/main_bg.gif") repeat-y 0 0;}
#footer			{width:780px; height:40px; margin: 0 auto 0 auto; background:url("/designphilcollection/images/footer.gif") no-repeat top right;}

#header-text		{width:740px; margin: 0 auto 0 auto; padding: 0; overflow:hidden;}
#header-text h1		{height:10px; margin: 0; padding: 5px 5px 5px 5px; position:absolute; top:0px; font-size:12px; color:#FFFFFF;}

#header-menu					{width:760px; margin:0 auto 0 auto; padding:0; overflow:hidden;}
#header-menu ul					{margin:0 0 0 423px; padding:0; position:absolute; top:57px;}
#header-menu li					{height:28px; margin:0; padding:0; float:left; position:relative; overflow:hidden;}
#header-menu li a				{height:28px; text-decoration:none; position:absolute;}
#header-menu li a:hover			{height:28px; text-decoration:none;}
#header-menu li span			{height:28px; visibility:hidden;}

#header-menu #m00				{width:64px;}
#header-menu #m00 a				{width:64px; background:url("/designphilcollection/images/menu_home.gif") no-repeat 0 0;}
#header-menu #m00 a:hover		{width:64px; background:url("/designphilcollection/images/menu_home.gif") no-repeat 0 0;}
#header-menu #m00 a.now			{width:64px; background:url("/designphilcollection/images/menu_home.gif") no-repeat 0 0;}
#header-menu #m00 a.now:hover	{width:64px; background:url("/designphilcollection/images/menu_home.gif") no-repeat 0 0;}
#header-menu #m00 .now			{width:64px; background:url("/designphilcollection/images/menu_home.gif") no-repeat 0 0; visibility:visible; position:absolute;}

#header-menu #m01				{width:89px; background:url("/designphilcollection/images/menu_shopping.gif") no-repeat 0 0;}
#header-menu #m01 a				{width:89px; background:url("/designphilcollection/images/menu_shopping.gif") no-repeat 0 0; visibility:hidden;}
#header-menu #m01 a:hover		{width:89px; background:url("/designphilcollection/images/menu_shopping.gif") no-repeat 0 0;}
#header-menu #m01 a.now			{width:89px; background:url("/designphilcollection/images/menu_shopping.gif") no-repeat 0 0;}
#header-menu #m01 a.now:hover	{width:89px; background:url("/designphilcollection/images/menu_shopping.gif") no-repeat 0 0;}
#header-menu #m01 .now			{width:89px; background:url("/designphilcollection/images/menu_shopping.gif") no-repeat 0 0; visibility:visible; position:absolute;}

#header-menu #m02				{width:86px; background:url("/designphilcollection/images/menu_shopinfo.gif") no-repeat 0 0;}
#header-menu #m02 a				{width:86px; background:url("/designphilcollection/images/menu_shopinfo.gif") no-repeat 0 0;}
#header-menu #m02 a:hover		{width:86px; background:url("/designphilcollection/images/menu_shopinfo.gif") no-repeat 0 0;}
#header-menu #m02 a.now			{width:86px; background:url("/designphilcollection/images/menu_shopinfo.gif") no-repeat 0 0;}
#header-menu #m02 a.now:hover	{width:86px; background:url("/designphilcollection/images/menu_shopinfo.gif") no-repeat 0 0;}
#header-menu #m02 .now			{width:86px; background:url("/designphilcollection/images/menu_shopinfo.gif") no-repeat 0 0; visibility:visible; position:absolute;}

#header-menu #m03				{width:78px; }
#header-menu #m03 a				{width:78px; background:url("/designphilcollection/images/menu_contact.gif") no-repeat 0 0;}
#header-menu #m03 a:hover		{width:78px; background:url("/designphilcollection/images/menu_contact.gif") no-repeat 0 0;}
#header-menu #m03 a.now			{width:78px; background:url("/designphilcollection/images/menu_contact.gif") no-repeat 0 0;}
#header-menu #m03 a.now:hover	{width:78px; background:url("/designphilcollection/images/menu_contact.gif") no-repeat 0 0;}
#header-menu #m03 .now			{width:78px; background:url("/designphilcollection/images/menu_contact.gif") no-repeat 0 0; visibility:visible; position:absolute;}

#english-btn					{width:760px; margin:0 auto 0 auto; padding:0; overflow:hidden;}
#english-btn div				{margin:0 0 0 670px; padding:0; position:absolute; top:5px;}
#english-btn div span			{width:78px; height:27px; margin:0; padding:0; float:left; position:relative; overflow:hidden; display:block; background:url("/designphilcollection/images/btn_english.gif") no-repeat 0 0;}
#english-btn div span a			{visibility:hidden; width:78px; height:27px; background:url("/designphilcollection/images/btn_english.gif") no-repeat 0 0; display:block; position:absolute; text-decoration:none;}
#english-btn div span a span	{visibility:hidden;}

/*トップページバナー用*/
#index-banner					{width:500px; float:left;}
#index-banner p					{margin-bottom:10px;}


/*トップページinformation用*/
#information				{width:720px; margin: 0 20px 0 20px; padding:0 0 30px 0;}
#information:after			{content:url("/designphilcollection/images/spacer.gif"); display:block; clear:both; height:0;}
#information .label			{width:100px; height:15px; margin:0 0 15px 0; position:relative;}
#information .label span	{width:100px; height:15px; background:url("/designphilcollection/images/lbl_information.gif") no-repeat 0 0; position:absolute;}
#information .sec			{width:520px; margin:0px 0px 0px 0px;}
#information .sec:after		{content:url("/designphilcollection/images/spacer.gif"); display:block; clear:both; height:0;}
#information .sec .info		{width:450px; margin:0px 0px 15px 0px; padding:0; font-size:82%;}
#information .sec .date		{float:left; width:70px; margin:0; padding:0 10px 0 2px; text-align:right; font-size:82%;}
#information .sec .text		{float:left; width:390px; margin:0; padding:0 20px 0 10px; border-left:2px solid #DDDDDD; font-size:82%;}

/*トップページ下部ボタン*/
#index-link							{width:220px; float:right;}
#index-link #button					{width:220px; height:54px; margin:0 0 17px 0; padding:0;}
#index-link #button:after			{content:url("/designphilcollection/images/spacer.gif"); display:block; clear:both; height:0;}
#index-link #button ul				{width:220px; height:72px; margin:0; padding:0; }
#index-link #button li				{width:220px; height:24px; margin:0; padding:0; float:left; position:relative; overflow:hidden;}
#index-link #button li a			{width:220px; height:24px; text-decoration:none; position:absolute;}
#index-link #button li a:hover		{width:220px; height:24px; text-decoration:none;}
#index-link #button li span			{width:220px; height:24px; visibility:hidden;}

#index-link #button #l01 a			{background:url("/designphilcollection/images/btn_concept.gif") no-repeat 0 0;}
#index-link #button #l01 a:hover	{background:url("/designphilcollection/images/btn_concept.gif") no-repeat 0 0;}
#index-link #button #l02			{display:none;}
#index-link #button #l02 a			{background:url("/designphilcollection/images/btn_press.gif") no-repeat 0 0;}
#index-link #button #l02 a:hover	{background:url("/designphilcollection/images/btn_press.gif") no-repeat 0 0;}
#index-link #button #l03 a			{background:url("/designphilcollection/images/btn_designphil.gif") no-repeat 0 0;}
#index-link #button #l03 a:hover	{background:url("/designphilcollection/images/btn_designphil.gif") no-repeat 0 0;}

#index-link #banner				{width:145px; height:61px; margin:0; padding:0; margin:0 0 0 75px;}
#index-link #banner:after		{content:url("/designphilcollection/images/spacer.gif"); display:block; clear:both; height:0;}
#index-link #banner ul			{width:145px; height:61px; margin:0; padding:0; }
#index-link #banner li			{width:145px; height:28px; margin:0 0 5px 0; padding:0; float:left;}

#index-contents-area		{width:760px; margin: 0 10px 0 10px; padding:0;}
#index-topimg				{width:740px; height:280px; margin:0px 0px 30px 0px;}
#index-sec					{width:720px; margin:0px 20px 0 20px;}
#index-sec:after			{content:url("/designphilcollection/images/spacer.gif"); display:block; clear:both; height:0;}


.setimg				{position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.setimg span		{position:absolute; margin:0; padding:0;}
.setimg h4			{overflow:hidden; display:block;}
.setimg h5			{overflow:hidden; display:block;}
.setimg strong		{overflow:hidden; display:block;}








/*別窓用*/

#header-sw					{width:600px; height:70px; margin:25px auto 0 auto; background-color:#FFFFFF !important; background:url("/designphilcollection/images/header_logo.gif") no-repeat top left;}
#contents-area-sw			{width:600px; background-color:#FFFFFF; margin: 0 auto 0 auto; padding:0;}
#footer-sw					{width:600px; height:30px; margin:0 auto 0 auto; background:url("/designphilcollection/images/copyright2009.gif") no-repeat top right;}
.title-sw					{margin:0 20px 25px 20px; border:1px solid #000000; padding:10px 0 10px 10px; font-weight:bold; font-size:100%;}
.sec-sw						{width:560px; margin:0 20px 0 20px; padding:0 0 20px 0;}
.sec-sw .txt				{padding:0 10px 0 10px;}

.btn-close					{width:80px; height:30px; margin:20px auto 0 auto; position:relative; padding:0 0 20px 0;}
.btn-close a				{width:80px; height:30px; background:url("/designphilcollection/images/btn_close.gif") no-repeat top left; position:absolute;}
.btn-close a:hover			{width:80px; height:30px; background:url("/designphilcollection/images/btn_close.gif") no-repeat top left; text-decoration:none;}
.btn-close span				{visibility:hidden;}

.photo-sw-01				{}
.photo-sw-01 .l				{width:270px; float:left;}
.photo-sw-01 .r				{width:270px; float:right;}
.photo-sw-01 .p				{margin-bottom:7px;}
.photo-sw-01:after			{content:url("/designphilcollection/images/spacer.gif"); display:block; clear:both; height:0;}



/*各ページ共通設定----------------------------------------------------------------------------------------------------------------------------------*/


/*ページトップ部設定*/
#ttl				{width:510px; height:110px; position:relative; overflow:hidden;}
#ttl span			{width:510px; height:110px; position:absolute; background-repeat:no-repeat; background-position:top left;}
#catch				{width:510px; height:60px; position:relative; overflow:hidden;}
#catch span			{width:510px; height:60px; position:absolute; background-repeat:no-repeat; background-position:top left;}
#topimg				{width:720px; height:270px; margin:20px 0 0 0; background-repeat:no-repeat; background-position:top left;}


/*セクション設定*/
.sec				{width:720px; padding:20px 0 0 0; }
.sec:after		{content:url("/designphilcollection/images/spacer.gif"); display:block; clear:both; height:0;}
.sec-last			{padding-bottom:50px;}


/*ナビゲーション部設定*/
.products-navi					{position:relative;}
.products-navi ul				{width:110px; position:absolute; left:610px; top:-110px;}
.products-navi ul li			{width:110px; height:21px; margin:0 0 6px 0; padding:0; position:relative; overflow:hidden;}
.products-navi ul li a			{width:110px; height:21px; display:block; text-decoration:none; position:absolute;}
.products-navi ul li a:hover	{width:110px; height:21px; text-decoration:none;}
.products-navi ul li span		{width:110px; height:21px; visibility:hidden;}

.products-navi .m01 a			{background:url("/designphilcollection/images/products_submenu_lineup.gif") no-repeat 0 0;}
.products-navi .m02 a			{background:url("/designphilcollection/images/products_submenu_package.gif") no-repeat 0 0;}

p.space-20{margin:0 0 20px 0;}
p.space-10{margin:0 0 10px 0;}

/*メイン部設定*/
.main					{width:490px; float:right;}
.main .subttl			{width:490px; height:27px; margin:0; position:relative;}
.main .subttl span		{width:490px; height:27px; position:absolute; background-repeat:no-repeat; background-position:top left;}
.main .txt				{padding:10px;}

.lineup .subttl			{width:720px; height:20px; position:relative; margin:20px 0 20px 0; }
.lineup .subttl span	{width:720px; height:20px; background:url("/designphilcollection/images/products_subttl_lineup.gif") no-repeat 0 0; position:absolute;}
.lineup .subsec			{width:720px; padding:0 0 20px 0;}
.lineup .txt			{}
.lineup .img			{}
.lineup .txt_f			{width:240px; float:left;}
.lineup .img_f			{width:465px; float:right;}
.lineup h4				{font-weight:bold; display:inline;}
.lineup .subsec:after	{content:url("/designphilcollection/images/spacer.gif"); display:block; clear:both; height:0;}
.lineup .subsec-line	{width:720px; padding:20px 0 20px 0; border-top:1px solid #DDDDDD;}
.lineup .subsec-line:after	{content:url("/designphilcollection/images/spacer.gif"); display:block; clear:both; height:0;}
.lineup:after			{content:url("/designphilcollection/images/spacer.gif"); display:block; clear:both; height:0;}

.package .subttl		{width:720px; height:20px; position:relative; margin:20px 0 20px 0; }
.package .subttl span	{width:720px; height:20px; background:url("/designphilcollection/images/products_subttl_package.gif") no-repeat 0 0; position:absolute;}
.package .subsec		{padding:0 0 10px 0;}
.package .txt			{}
.package .img			{}
.package .txt_f			{width:240px; float:left;}
.package .img_f			{width:465px; float:right;}
.package .subsec:after	{content:url("/designphilcollection/images/spacer.gif"); display:block; clear:both; height:0;}
.package:after			{content:url("/designphilcollection/images/spacer.gif"); display:block; clear:both; height:0;}

.pagetop-btn			{width:720px; height:23px; position:relative; overflow:hidden; padding:20px 0 20px 0;}
.pagetop-btn a			{width:100px; height:23px; background:url("/designphilcollection/images/btn_pagetop.gif") no-repeat 0 0; position:absolute; text-decoration:none; left:620px;}
.pagetop-btn a:hover	{text-decoration:none;}
.pagetop-btn a:active	{text-decoration:none; }
.pagetop-btn a span		{visibility:hidden;}



/*デザインフィルコレクションについて----------------------------------------------------------------------------------------------------------------------------------*/
.about						{background:url("/designphilcollection/images/about_topimg.gif") no-repeat 510px 110px;}
.about .ttl span			{background-image:url("/designphilcollection/images/about_ttl.gif");}
.about .catch span			{background-image:url("/designphilcollection/images/about_catch.gif");}
.about .sec .txt			{width:475px; padding:0 0 300px 0;}
.about .sec .txt p			{margin-bottom:20px;}

/*販売店情報----------------------------------------------------------------------------------------------------------------------------------*/
.shopinfo .ttl span			{background-image:url("/designphilcollection/images/shopinfo_ttl.gif");}
.shopinfo .sec .txt			{width:720px; padding:0 0 300px 0;}
.shopinfo .sec .txt p		{margin-bottom:20px;}
table.shopdata				{width:720px; border-collapse:collapse; border-spacing:0; border-style:none; margin-bottom:10px; table-layout:fixed;}
table.shopdata th			{padding:4px; border:1px solid #DDDDDD; font-size:82%;}
table.shopdata td			{padding:4px; border:1px solid #DDDDDD; font-size:82%;}
table.shopdata .td01		{width:212px;}
table.shopdata .td02		{width:372px;}
table.shopdata .td03		{width:108px;}


/*セトモノデスクトップ----------------------------------------------------------------------------------------------------------------------------------*/
.setomono-d .ttl span		{background-image:url("/designphilcollection/images/setomono_desktop_ttl.gif");}
.setomono-d .catch span		{background-image:url("/designphilcollection/images/setomono_desktop_catch.gif");}
.setomono-d .topimg			{background-image:url("/designphilcollection/images/setomono_desktop_topimg.jpg");}
.setomono-d .subttl-01 span	{background-image:url("/designphilcollection/images/setomono_desktop_subttl_01.gif");}
.setomono-d .subttl-02 span	{background-image:url("/designphilcollection/images/setomono_desktop_subttl_02.gif");}
table.setomono-d			{width:704px; border:none;}
table.setomono-d th			{width:100px; padding:1px;}
table.setomono-d td			{width:600px; padding:1px;}

/*グラスルーラー----------------------------------------------------------------------------------------------------------------------------------*/
.glass-r .ttl span			{background-image:url("/designphilcollection/images/glass_ruler_ttl.gif");}
.glass-r .catch span		{background-image:url("/designphilcollection/images/glass_ruler_catch.gif");}
.glass-r .topimg			{background-image:url("/designphilcollection/images/glass_ruler_topimg.jpg");}
.glass-r .subttl-01 span	{background-image:url("/designphilcollection/images/glass_ruler_subttl_01.gif");}
.glass-r .subttl-02 span	{background-image:url("/designphilcollection/images/glass_ruler_subttl_02.gif");}

/*マルチプルフォルダー----------------------------------------------------------------------------------------------------------------------------------*/
.multiple-f .ttl span		{background-image:url("/designphilcollection/images/multiple_folder_ttl.gif");}
.multiple-f .catch span		{background-image:url("/designphilcollection/images/multiple_folder_catch.gif");}
.multiple-f .topimg			{background-image:url("/designphilcollection/images/multiple_folder_topimg.jpg");}
.multiple-f .subttl-01 span	{background-image:url("/designphilcollection/images/multiple_folder_subttl_01.gif");}
.multiple-f .subttl-02 span	{background-image:url("/designphilcollection/images/multiple_folder_subttl_02.gif");}
.multiple-f .subttl-03 span	{background-image:url("/designphilcollection/images/multiple_folder_subttl_03.gif");}

/*マグネット----------------------------------------------------------------------------------------------------------------------------------*/
.magnets-f .ttl span		{background-image:url("/designphilcollection/images/magnets_ttl.gif");}
.magnets-f .catch span		{background-image:url("/designphilcollection/images/magnets_catch.gif");}
.magnets-f .topimg			{background-image:url("/designphilcollection/images/magnets_topimg.jpg");}
.magnets-f .subttl-01 span	{background-image:url("/designphilcollection/images/magnets_subttl_01.gif");}
.magnets-f .subttl-02 span	{background-image:url("/designphilcollection/images/magnets_subttl_02.gif");}