@charset "Shift_JIS";

/*基本背景（白）*/
#base-wh{
	background-color:#FFFFFF;
	margin:0px 0px 0px 0px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align:center;
}



/*基本背景（緑→白グラデーション）*/
#base-00{
	background-color:#FFFFFF;
	background-image:url(/images/bg_00.gif);
	background-position:top;
	background-repeat:repeat-x;
	margin:0px 0px 0px 0px;
}
#base-left{
	background-color:#FFFFFF;
	background-image:url(/images/bg_00.gif);
	background-position:top;
	background-repeat:repeat-x;
	margin:0px 0px 0px 0px;

}


/*基本テーブル背景（白背景ドロップシャドウ）*/
#base-01{
	width:760px;
	margin: 0 auto 0 auto;
	padding: 0;
	background-image:url(/images/tbl_bg_00.gif);
	background-repeat:repeat-y;
}
/*基本テーブル背景（白背景ドロップシャドウ）別窓用*/
#base-s01{
	width:700px;
	margin: 0 auto 0 auto;
	padding: 0;
	background-image:url(/images/tbl_bg_s.gif);
	background-repeat:repeat-y;
}
/*基本テーブル背景（白背景ドロップシャドウ）別窓テーブルサイズ可変用*/
#base-s01-2{
	min-height:550px;
	background-image:url(/images/tbl_bg_s.gif);
	background-repeat:repeat-y;
}



/*基本テーブル背景（基本背景のグラデーションに対応ドロップシャドウ）*/
#base-02{
	background-image:url(/images/tbl_bg_00_top.gif);
	background-position:top;
	background-repeat:no-repeat;
}
/*基本テーブル背景（基本背景のグラデーションに対応ドロップシャドウ）別窓用*/
#base-s02{
	background-image:url(/images/tbl_bg_s_top.gif);
	background-position:top;
	background-repeat:no-repeat;
}
/*基本テーブル背景（基本背景のグラデーションに対応ドロップシャドウ）ヘッダーメニューなし*/
#base-wh02{
	background-image:url(/images/tbl_bg_00_top_wh.gif);
	background-position:top;
	background-repeat:no-repeat;
}


/*商品紹介テーブル背景*/
#header-products{
	background-image:url(../products/img/header_products_02.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}

#footer-products{
	background-image:url(../products/img/footer_products_02.gif);
	background-position:top;
	background-repeat:repeat-x;
}




#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; font-weight:normal;}

/*最上ヘッダートップページ用*/
#header-top			{width:740px; margin: 0; padding: 0; overflow:hidden;}
#header-top h1		{height:10px; margin: 0; padding: 6px 5px 5px 5px; font-size:12px; color:#FFFFFF; font-weight:normal;}



/*ヘッダー*/
#header					{width:950px; margin:0; }
#header .space-25px		{font-size:25px;line-height:100%; height:25px;}
#header .header			{height:25px; margin: 0 0 0 430px; overflow:hidden;}
#header .header ul		{height:25px; margin:0; padding:0;}
#header .header li		{height:25px; margin:0; padding:0 1px 0 0; float:left; list-style:none; position:relative; line-height:100%; font-size:10px; background:url("/images/header_separate.gif") no-repeat top right;}
#header .header li.last	{height:25px; margin:0; padding:0; float:left; list-style:none; position:relative; line-height:100%; font-size:10px;}
#header .header span	{font-size:10px; line-height:100%; padding:3px; visibility:hidden;}
#header-biz				{width:154px; height:25px;}
#header-biz a			{width:154px; height:25px; background:url("/images/header_biz.gif") no-repeat 0 0; display:block; position:absolute; text-decoration:none;}
#header-sitemap			{width:79px; height:25px;}
#header-sitemap a		{width:79px; height:25px; background:url("/images/header_sitemap.gif") no-repeat 0 0; display:block; position:absolute; text-decoration:none;}
#header-english			{width:72px; height:25px;}
#header-english a		{width:72px; height:25px; background:url("/images/header_english.gif") no-repeat 0 0; display:block; position:absolute; text-decoration:none;}

#header .logo			{height:58px; margin:0; padding:0; position:relative;}
#header .logo div		{line-height:100%; font-size:10px; overflow:hidden;}
#header .logo h2		{font-size:10px; line-height:100%; padding:3px; visibility:hidden;}
#header .logo .midori	{width:158px;height:58px; float:left; margin: 0 310px 0 0;}
#header .logo .midori a	{width:158px;height:58px; background:url("/images/header_logo.gif") no-repeat 0 0; display:block; position:absolute;}
#header .logo .dp		{width:151px;height:58px; float:left;}
#header .logo .dp a		{width:151px;height:58px; background:url("/images/header_designphil.gif") no-repeat 0 0; display:block; position:absolute;}
#header .logo .midoricam	{width:119px;height:58px; float:left;}
#header .logo .midoricam a	{width:119px;height:58px; background:url("/images/header_midoricam.gif") no-repeat 0 0; display:block; position:absolute;}

#header .line			{font-size:1px; height:1px; background-color:#ADD699;}
#header .menu			{height:29px; margin: 0 0 0 100px; overflow:hidden;}
#header .menu ul		{height:29px; margin:0; padding:0;}
#header .menu li		{height:29px; margin:0; padding:0 1px 0 0; float:left; list-style:none; position:relative; line-height:100%; font-size:10px; background:url("/images/menu_separate.gif") no-repeat top right;}
#header .menu li.last	{height:29px; margin:0; padding:0; float:left; list-style:none; position:relative; line-height:100%; font-size:10px;}
#header .menu .sprt		{width:1px; height:29px; background:url("/images/menu_separate.gif") no-repeat 0 0;}
#menu-home				{width:60px; height:29px;}
#menu-home a			{width:60px; height:29px; background:url("/images/menu_home.gif") no-repeat 0 0; display:block; position:absolute; text-decoration:none;}
#menu-home a span		{visibility:hidden;}
#menu-home span.off		{width:60px; height:29px; margin:0; position:absolute; background:url("/images/menu_home_off.gif") no-repeat 0 0;}
#menu-about				{width:97px; height:29px;}
#menu-about a			{width:97px; height:29px; background:url("/images/menu_about.gif") no-repeat 0 0; display:block; position:absolute; text-decoration:none;}
#menu-about a span		{visibility:hidden;}
#menu-about span.off	{width:97px; height:29px; margin:0; position:absolute; background:url("/images/menu_about_off.gif") no-repeat 0 0;}
#menu-info				{width:117px; height:29px;}
#menu-info a			{width:117px; height:29px; background:url("/images/menu_info.gif") no-repeat 0 0; display:block; position:absolute; text-decoration:none;}
#menu-info a span		{visibility:hidden;}
#menu-info span.off		{width:117px; height:29px; margin:0; position:absolute; background:url("/images/menu_info_off.gif") no-repeat 0 0;}
#menu-catalog			{width:91px; height:29px;}
#menu-catalog a			{width:91px; height:29px; background:url("/images/menu_catalog.gif") no-repeat 0 0; display:block; position:absolute; text-decoration:none;}
#menu-catalog a span	{visibility:hidden;}
#menu-catalog a.off		{width:91px; height:29px; background:url("/images/menu_catalog_off.gif") no-repeat 0 0; display:block; position:absolute; text-decoration:none;}
#menu-shopping			{width:87px; height:29px;}
#menu-shopping a		{width:87px; height:29px; background:url("/images/menu_shopping.gif") no-repeat 0 0; display:block; position:absolute; text-decoration:none;}
#menu-shopping a span	{visibility:hidden;}
#menu-shopping span.off	{width:87px; height:29px; margin:0; position:absolute; background:url("/images/menu_shopping_off.gif") no-repeat 0 0;}
#menu-shopinfo			{width:83px; height:29px;}
#menu-shopinfo a		{width:83px; height:29px; background:url("/images/menu_shopinfo.gif") no-repeat 0 0; display:block; position:absolute; text-decoration:none;}
#menu-shopinfo a span	{visibility:hidden;}
#menu-shopinfo a.off	{width:83px; height:29px; background:url("/images/menu_shopinfo_off.gif") no-repeat 0 0; display:block; position:absolute; text-decoration:none;}
#menu-toiawase			{width:90px; height:29px;}
#menu-toiawase a		{width:90px; height:29px; background:url("/images/menu_toiawase.gif") no-repeat 0 0; display:block; position:absolute; text-decoration:none;}
#menu-toiawase a span	{visibility:hidden;}
#menu-toiawase a.off	{width:90px; height:29px; background:url("/images/menu_toiawase_off.gif") no-repeat 0 0; display:block; position:absolute; text-decoration:none;}



/*ヘッダー別窓用*/
#header-s				{width:680px; height:25px; margin:0; }
#header-s-logo			{width:680px; height:59px; margin:0; }
#header-s-logo div		{line-height:100%; font-size:10px; overflow:hidden;}
#header-s-logo h2		{font-size:10px; line-height:100%; padding:3px; visibility:hidden;}
#header-s-logo .midori	{width:158px; height:58px; float:left; margin: 0;line-height:100%; font-size:10px; position:relative; overflow:hidden;}
#header-s-logo .midori a{width:158px; height:58px; background:url("/images/header_logo.gif") no-repeat 0 0; display:block; position:absolute;}
#header-s-logo .line	{font-size:1px; height:1px; background-color:#ADD699;}

/*オジサン用ヘッダー*/
#ojisan-menu				{height:30px; margin: 26px 0 0 0; overflow:hidden; float:right;}
#ojisan-menu ul				{height:30px; margin:0; padding:0;}
#ojisan-menu li				{height:30px; margin:0; padding:0 1px 0 0; float:left; list-style:none; position:relative; line-height:100%; font-size:10px; background:url("/images/menu_separate.gif") no-repeat top right;}
#ojisan-menu li.last		{height:30px; margin:0; padding:0; float:left; list-style:none; position:relative; line-height:100%; font-size:10px;}
#menu-oji-kobeya			{width:100px; height:30px;}
#menu-oji-kobeya a			{width:100px; height:30px; background:url("/ojisan/images/header_oj_kobeya.gif") no-repeat 0 0; display:block; position:absolute; text-decoration:none;}
#menu-oji-kobeya a span		{visibility:hidden;}
#menu-oji-kobeya span.off	{width:100px; height:30px; margin:0; position:absolute; background:url("/ojisan/images/header_oj_kobeya_off.gif") no-repeat 0 0;}
#menu-oji-wallpaper			{width:111px; height:30px;}
#menu-oji-wallpaper a		{width:111px; height:30px; background:url("/ojisan/images/header_oj_wallpaper.gif") no-repeat 0 0; display:block; position:absolute; text-decoration:none;}
#menu-oji-wallpaper a span	{visibility:hidden;}
#menu-oji-wallpaper span.off{width:111px; height:30px; margin:0; position:absolute; background:url("/ojisan/images/header_oj_wallpaper_off.gif") no-repeat 0 0;}
#menu-oji-matiuke			{width:111px; height:30px;}
#menu-oji-matiuke a			{width:111px; height:30px; background:url("/ojisan/images/header_oj_matiuke.gif") no-repeat 0 0; display:block; position:absolute; text-decoration:none;}
#menu-oji-matiuke a span	{visibility:hidden;}
#menu-oji-matiuke span.off	{width:111px; height:30px; margin:0; position:absolute; background:url("/ojisan/images/header_oj_matiuke_off.gif") no-repeat 0 0;}
#menu-oji-shopping			{width:88px; height:30px;}
#menu-oji-shopping a		{width:88px; height:30px; background:url("/ojisan/images/header_oj_shopping.gif") no-repeat 0 0; display:block; position:absolute; text-decoration:none;}
#menu-oji-shopping a span	{visibility:hidden;}
#menu-oji-shopping span.off	{width:88px; height:30px; margin:0; position:absolute; background:url("/ojisan/images/header_oj_shopping_off.gif") no-repeat 0 0;}


/*トップページinformation用*/
#whatsnew		{padding:0 0 0 15px;}
#whatsnew .info	{width:480px; margin:0px 0px 6px 0px; padding:0;}
#whatsnew .date	{float:left; width: 70px; text-align: right; margin:0px 0px 15px 0px; padding:0px 11px 0px 0; font-size:12px;}
#whatsnew .text	{float:left; border-left:2px solid #ADD699; width: 380px; padding:0px 20px 0px 9px; margin:0px 0px 15px 0px; font-size:12px;}

/*トップページボタン横ライン*/
.vertical-line-top{width:1px; font-size:1px; background-color:#DDDDDD; border-bottom:1px solid #FFFFFF; }




/*フッター上余白*/
#bottom-space60px{font-size:60px; line-height:100%; height:60px;}
#bottom-space30px{font-size:30px; line-height:100%; height:30px;}

/*フッター*/
#footer		{width:950px; }
/*フッター別窓用*/
#footer-s	{width:700px; margin: 0 auto 0 auto; padding: 0; height:20px;}


/*サブメニューテーブル*/
#sub-menu{margin:12px 0 8px 0; height:30px;}


/*コンテンツ部分（余白なし）*/
div.contents-base	{width:740px; height:auto; margin: 0 auto 0 auto; padding: 0 10px 0 10px;}
div.contents-base-s	{width:680px;height:auto;margin: 0 auto 0 auto;padding: 0 10px 0 10px;}

/*コンテンツ部分（幅660pix余白左右40pixずつ）*/
div.contents-w660	{ width:660px; margin: 0 auto 0 auto; padding: 0 40px 0 40px; }

/*コンテンツ部分（幅705pix余白左15pix右20pix）*/
div.contents-w705	{ width:705px; margin: 0 auto 0 auto; padding: 0 20px 0 15px; }

/*コンテンツ部分（幅600pix余白左右40pixずつ）*/
div.contents-w600	{ width:600px; margin: 0 auto 0 auto; padding: 0 40px 0 40px; }


/*最上ヘッダー白のみ*/
#header-wh	{ width:740px; height:25px;}

/*画像の裏にテキストを仕込むためのクラス*/
.setimg					{position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.setimg span			{position:absolute; margin:0; padding:0;}
.setimg strong			{overflow:hidden; display:block;}