/*
Theme Name:mellow online shop
Theme URI:http://www.feeling-mellow.com/online/
Description:mellow online shop
Author:Yu
*/

*	{
			margin: 0;
			padding: 0;
			font-weight: normal;
			font-style: normal;
			font-size: 100%;
			line-height: 100%;
			list-style: none;
			background-color: transparent;
			}
body	{
			background: #fff;
			text-align: center;
			font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
			}
a	{
			text-decoration: none;
			color: #333;
			}
a:link	{
			color: #333;
			}
a:visited	{
			color: #333;
			}
a:hover	{
			color: #f60;
			}
a:active 	{
			color: #f60;
			}
iframe	{
			width: 728px;
			height: 1500px;
			border: none;
			}
iframe.form	{
			width: 668px;
			height: 400px;
			border: none;
			}
#container	{
			width: 1024px;
			margin: 0 auto;
			}
#content	{
			width: 1024px;
			text-align: left;
			overflow: hidden;
			}
#main	{
			width: 728px;
			height: 1500px;
			overflow: auto;
			}
#left	{
			width: 296px;
			margin: 20px 0 0 0;
			overflow: hidden;
			float: left;
			}
#left #subNavi	{
			width: 233px;
			margin: 0 0 20px 33px;
			}
#left #subNavi li	{
			width: 233px;
			height: 87px;
			margin: 0 0 15px 0;
			overflow: hidden;
			}
#left #subNavi li a	{
			display: block;
			width: 233px;
			height: 87px;
			text-indent: -9999em;
			}
#left #subMen a	{
			background: url(img/submenu2.jpg) no-repeat;
			}
#left #subLady a	{
			background: url(img/submenu2.jpg) no-repeat -233px 0;
			}
#left #subBlog a	{
			background: url(img/submenu2.jpg) no-repeat -466px 0;
			}
#left #subMen a:hover	{
			background: url(img/submenu2.jpg) no-repeat 0 -87px;
			}
#left #subLady a:hover	{
			background: url(img/submenu2.jpg) no-repeat -233px -87px;
			}
#left #subBlog a:hover	{
			background: url(img/submenu2.jpg) no-repeat -466px -87px;
			}
#left h2	{
			text-indent: -9999em;
			background: url(img/h2_category.gif) no-repeat;
			width: 203px;
			height: 50px;
			margin: 0 auto 20px;
			}
#left #category	{
			width: 240px;
			margin: 0 auto;
			}
#left #category li.L	{
			font-size: 14px;
			border-bottom: 1px #bbb solid;
			padding: 0 0 5px 0;
			margin: 0 0 10px 0;
			}
#left #category li a	{
			display: block;
			}
#left #category li a:hover	{
			color: #f60;
			}
#insideCategory	{
			margin: 0 0 10px 0;
			}
#insideCategory li.M	{
			font-size: 10px;
			border: none;
			}
#insideCategory li.M a	{
			padding: 0 0 8px 10px;
			}
#insideCategory ul	{
			margin: 0 0 10px 3em;
			}
#insideCategory ul li	{
			font-size: 10px;
			}
#insideCategory ul li a	{
			padding: 0 0 8px 0;
			}
#right	{
			width: 728px;
			margin: 0 0 20px 0;
			float: right;
			}
#right #mainMenu	{
			overflow: hidden;
			float: right;
			}
#right #mainMenu li	{
			font-size: 14px;
			float: left;
			}
#right #mainMenu li a	{
			display: block;
			padding: 8px 60px 0 0;
			}
#right #mainMenu li a:hover	{
			color: #f60;
			}
#right #pankuzu	{
			margin: 35px 0 0 10px;
			overflow: hidden;
			}
#right #pankuzu li	{
			float: left;
			font-size: 11px;
			color: #333;
			}
#right #pankuzu a	{
			color: #ccc;
			padding: 0 8px 0;
			}
#right #pankuzu a:hover	{
			color: #f60;
			}
#footer	{
			text-align: left;
			}
#supportMenu	{
			text-align: right;
			font-size: 11px;
			margin: 20px 0 10px 0;
			}
#supportMenu p	{
			display: inline;
			font-size: 10px;
			color: #777;
			margin: 0 20px 0 0;
			}
#supportMenu a	{
			padding: 0 10px;
			color: #777;
			text-decoration: none;
			}
#supportMenu a.slink	{
			border-right: 1px #ccc dotted;
			}
#bottomMenu	{
			text-align: right;
			font-size: 11px;
			}
#bottomMenu a	{
			padding: 0 5px;
			color: #777;
			text-decoration: none;
			}
#bottomMenu a.slink	{
			border-right: 1px #ccc dotted;
			}
.men #header	{
			height: 132px;
			background: url(img/men_bg.jpg) no-repeat;
			overflow: hidden;
			position: relative;
			text-align: left;
			}
.lady #header	{
			height: 132px;
			background: url(img/lady_bg.jpg) no-repeat;
			overflow: hidden;
			position: relative;
			text-align: left;
			}
.men #header h1	{
			width: 139px;
			height: 65px;
			text-indent: -9999em;
			background: url(img/logo_men.gif) no-repeat;
			margin: 35px 0 0 145px;
			}
.lady #header h1	{
			width: 139px;
			height: 70px;
			text-indent: -9999em;
			background: url(img/logo_lady.gif) no-repeat;
			margin: 35px 0 0 145px;
			}
.men #mainNavi	{
			position: absolute;
			top: 23px;right: 70px;
			width: 324px;
			text-align: left;
			}
.men #mainNavi li	{
			float: left;
			width: 132px;
			height: 17px;
			margin: 0 0 7px 20px;
			overflow: hidden;
			}
.men #mainNavi li a	{
			display: block;
			height: 17px;
			text-indent: -9999em;
			}
.men #navHome a	{
			background: url(img/main_menu.gif) no-repeat;
			}
.men #navPress a	{
			background: url(img/main_menu.gif) no-repeat -528px 0;
			}
.men #navInfo a	{
			background: url(img/main_menu.gif) no-repeat -132px 0;
			}
.men #navLink a	{
			background: url(img/main_menu.gif) no-repeat -660px 0;
			}
.men #navAbout a	{
			background: url(img/main_menu.gif) no-repeat -264px 0;
			}
.men #navMen a	{
			background: url(img/main_menu.gif) no-repeat -792px 0;
			}
.men #navBlog a	{
			background: url(img/main_menu.gif) no-repeat -396px 0;
			}
.men #navLady a	{
			background: url(img/main_menu.gif) no-repeat -924px 0;
			}
.men #navHome a:hover	{
			background: url(img/main_menu.gif) no-repeat 0 -17px;
			}
.men #navPress a:hover	{
			background: url(img/main_menu.gif) no-repeat -528px -17px;
			}
.men #navInfo a:hover	{
			background: url(img/main_menu.gif) no-repeat -132px -17px;
			}
.men #navLink a:hover	{
			background: url(img/main_menu.gif) no-repeat -660px -17px;
			}
.men #navAbout a:hover	{
			background: url(img/main_menu.gif) no-repeat -264px -17px;
			}
.men #navMen a:hover	{
			background: url(img/main_menu.gif) no-repeat -792px -17px;
			}
.men #navBlog a:hover	{
			background: url(img/main_menu.gif) no-repeat -396px -17px;
			}
.men #navLady a:hover	{
			background: url(img/main_menu.gif) no-repeat -924px -17px;
			}
.lady #mainNavi	{
			position: absolute;
			top: 23px;right: 70px;
			width: 324px;
			text-align: left;
			}
.lady #mainNavi li	{
			float: left;
			width: 132px;
			height: 17px;
			margin: 0 0 7px 20px;
			overflow: hidden;
			}
.lady #mainNavi li a	{
			display: block;
			height: 17px;
			text-indent: -9999em;
			}
.lady #navHome a	{
			background: url(img/main_menu2.gif) no-repeat;
			}
.lady #navPress a	{
			background: url(img/main_menu2.gif) no-repeat -528px 0;
			}
.lady #navInfo a	{
			background: url(img/main_menu2.gif) no-repeat -132px 0;
			}
.lady #navLink a	{
			background: url(img/main_menu2.gif) no-repeat -660px 0;
			}
.lady #navAbout a	{
			background: url(img/main_menu2.gif) no-repeat -264px 0;
			}
.lady #navMen a	{
			background: url(img/main_menu2.gif) no-repeat -792px 0;
			}
.lady #navBlog a	{
			background: url(img/main_menu2.gif) no-repeat -396px 0;
			}
.lady #navLady a	{
			background: url(img/main_menu2.gif) no-repeat -924px 0;
			}
.lady #navHome a:hover	{
			background: url(img/main_menu2.gif) no-repeat 0 -17px;
			}
.lady #navPress a:hover	{
			background: url(img/main_menu2.gif) no-repeat -528px -17px;
			}
.lady #navInfo a:hover	{
			background: url(img/main_menu2.gif) no-repeat -132px -17px;
			}
.lady #navLink a:hover	{
			background: url(img/main_menu2.gif) no-repeat -660px -17px;
			}
.lady #navAbout a:hover	{
			background: url(img/main_menu2.gif) no-repeat -264px -17px;
			}
.lady #navMen a:hover	{
			background: url(img/main_menu2.gif) no-repeat -792px -17px;
			}
.lady #navBlog a:hover	{
			background: url(img/main_menu2.gif) no-repeat -396px -17px;
			}
.lady #navLady a:hover	{
			background: url(img/main_menu2.gif) no-repeat -924px -17px;
			}
a.page_top	{
			text-align: center;
			width: 100px;
			font-size: 12px;
			padding: 15px 0;
			margin: 0 0 0 0;
			}
#size #right div.size	{
			padding: 15px;
			}
#size h2.size	{
			font-size: 18px;
			border-bottom: 1px #ccc solid;
			padding: 5px;
			}
#size .wrap	{
			padding: 15px;
			overflow: hidden;
			clear: both;
			}
#size .wrap h3	{
			font-size: 14px;
			}
#size .wrap p	{
			font-size: 11px;
			line-height: 1.5;
			padding: 8px;
			}
#size .wrap .left	{
			width: 443px;
			float: left;
			}
#size .wrap .right	{
			width: 224px;
			float: right;
			}
#size h4	{
			margin: 20px 0 0 0;
			font-size: 11px;
			}
#size table	{
			font-size: 11px;
			}
#size td	{
			width: 120px;
			padding: 5px;
			}
#size .al 	{
			border: 1px #f63 solid;
			border-right: none;
			}
#size .a 	{
			border-top: 1px #f63 solid;
			border-bottom: 1px #f63 solid;
			}
#size .ar 	{
			border: 1px #f63 solid;
			border-left: none;
			}
#size .bl 	{
			border: 1px #f96 solid;
			border-right: none;
			}
#size .b 	{
			border-top: 1px #f96 solid;
			border-bottom: 1px #f96 solid;
			}
#size .br 	{
			border: 1px #f96 solid;
			border-left: none;
			}
#size .cl 	{
			border: 1px #366 solid;
			border-right: none;
			}
#size .c 	{
			border-top: 1px #366 solid;
			border-bottom: 1px #366 solid;
			}
#size .cr 	{
			border: 1px #366 solid;
			border-left: none;
			}
#size .dl 	{
			border: 1px #999 solid;
			border-right: none;
			}
#size .d 	{
			border-top: 1px #999 solid;
			border-bottom: 1px #999 solid;
			}
#size .dr 	{
			border: 1px #999 solid;
			border-left: none;
			}
#size span	{
			color: #f63;
			}