ｖ/*
Theme Name:mellow blog
Theme URI:http://www.feeling-mellow.com/
Description:mellow blog
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;
			}
#container	{
			width: 1024px;
			margin: 0 auto;
			}
#home #container	{
			background: url(img/bg.jpg) no-repeat;
			}			
#content	{
			width: 1024px;
			text-align: left;
			overflow: hidden;
			}
#left	{
			width: 296px;
			margin: 20px 0 0 0;
			overflow: hidden;
			float: left;
			}
#left #subNavi	{
			width: 233px;
			margin: 0 0 0 0px;
			}
#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(http://www.feeling-mellow.com/blog/wp-content/uploads/2010/09/stu.jpg) 
			}
#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(http://www.feeling-mellow.com/blog/wp-content/uploads/2010/09/stu.jpg)

			}
#right	{
			width: 728px;
			margin: 20px 0;
			float: right;
			}
#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;
			}

#home	{
			}
#home #header		{
			height: 228px;
			padding: 120px 0 0 0;
			overflow: hidden;
			}
#home h1	{
			width: 302px;
			height: 147px;
			text-indent: -9999em;
			margin: 0 auto;
			background: transparent url(img/logo.gif) no-repeat;
			}

#home #content ul li a	{
			text-decoration: none;
			display: block;
			outline: none;
			}
#home ul#mainNavi	{
			width: 909px;
			margin: 0 auto 0;
			overflow: hidden;
			}
#home ul#mainNavi li	{
			display: block;
			float: left;
			}
#home ul#mainNavi li a	{
			text-indent: -9999em;
			}
#home
#navHome	{
			width: 96px;
			}
#home
#navInfo	{
			width: 128px;
			}
#home
#navAbout	{
			width: 151px;
			}
#home
#navBlog	{
			width: 74px;
			}
#home
#navPress	{
			width: 142px;
			}
#home
#navLink	{
			width: 71px;
			}
#home
#navMen	{
			width: 127px;
			}
#home
#navLady	{
			width: 120px;
			}
#home
#navHome a	{
			background: url(img/main_menu.jpg) no-repeat 0px 0;
			height: 90px;
			}
#home
#navInfo a	{
			background: url(img/main_menu.jpg) no-repeat -96px 0;
			height: 90px;
			}
#home
#navAbout a	{
			background: url(img/main_menu.jpg) no-repeat -224px 0;
			height: 90px;
			}
#home
#navBlog a	{
			background: url(img/main_menu.jpg) no-repeat -375px 0;
			height: 90px;
			}
#home
#navPress a	{
			background: url(img/main_menu.jpg) no-repeat -449px 0;
			height: 90px;
			}
#home
#navLink a	{
			background: url(img/main_menu.jpg) no-repeat -591px 0;
			height: 90px;
			}
#home
#navMen a	{
			background: url(img/main_onlinemenu.jpg) no-repeat -127px 0;
			height: 85px;

			}
#home
#navLady a	{
			background: url(img/main_onlinemenu.jpg) no-repeat -127px 0;
			height: 119px;
 			}
#home
#navHome a:hover	{
			background: url(img/main_menu.jpg) no-repeat 0px -90px;
			}
#home
#navInfo a:hover	{
			background: url(img/main_menu.jpg) no-repeat -96px -90px;
			}
#home
#navAbout a:hover	{
			background: url(img/main_menu.jpg) no-repeat -224px -90px;
			}
#home
#navBlog a:hover	{
			background: url(img/main_menu.jpg) no-repeat -375px -90px;
			}
#home
#navPress a:hover	{
			background: url(img/main_menu.jpg) no-repeat -449px -90px;
			}
#home
#navLink a:hover	{
			background: url(img/main_menu.jpg) no-repeat -591px -90px;
			}
#home
#navMen a:hover	{
			background: url(img/main_onlinemenu.jpg)　 no-repeat -127px -119px;
 			}
#home
#navLady a:hover	{
			background: url(img/main_onlinemenu.jpg) no-repeat -127px -119px;			}
#home
ul#subNavi	{
			width: 919px;
			margin: 0 auto;
			overflow: hidden;
			}	
#home
ul#subNavi li	{
			display: block;
			float: left;
			width: 295px;
			}
#home
ul#subNavi li a	{
			width: 295px;
			height: 110px;
			text-indent: -9999em;
			}
#subLady	{
			margin: 0 0 0 17px;
			}
#subBlog	{
			margin: 0 0 0 17px;
			}
#home #subMen a	{
			background: url(img/submenu.jpg) no-repeat 0 0;
			}
#home #subLady a	{
			background: url(img/submenu.jpg) no-repeat -296px 0;
			}
#home #subBlog a	{
			background: url(http://www.feeling-mellow.com/blog/wp-content/uploads/2010/09/st.jpg) 
			}
#home #subMen a:hover	{
			background: url(img/submenu.jpg)  no-repeat 0 0;
   

			}
#home #subLady a:hover	{
			background: url(img/submenu.jpg) no-repeat -296px 0;
   
			}
#home #subBlog a:hover	{
			background: url(http://www.feeling-mellow.com/blog/wp-content/uploads/2010/09/st.jpg)  
			}

h3.topics	{
			height: 24px;
			text-indent: -9999em;
			background: url(img/topics.gif) no-repeat;
			margin: 20px 0 0 75px;
			line-height: 1;
			}
#topics	{
			width: 345px;
			height: 82px;
			border-top: 1px #777 solid;
			border-bottom: 1px #777 solid;
			margin: 0 0 0 65px;
			overflow: auto;
			text-align: left;
			font-size: 10px;
			padding: 5px 0 0 10px;
			}
#topics dt	{
			width: 85px;
			display: block;
			float: left;
			clear: both;
			padding: 0 0 5px 0;
			}
#topics dd	{
			width: 200px;
			float: right;
			padding: 0 0 5px 0;
			}
#topics dd a	{
			color: #777;
			text-decoration: none;
			}
.sub #header	{
			height: 132px;
			background: url(img/sub_bg.jpg) no-repeat;
			overflow: hidden;
			position: relative;
			text-align: left;
			}
#info #header h1	{
			width: 206px;
			height: 87px;
			text-indent: -9999em;
			background: url(img/logo_info.gif) no-repeat;
			margin: 25px 0 0 47px;
			}
#blog #header h1	{
			width: 206px;
			height: 87px;
			text-indent: -9999em;
			background: url(img/logo_blog.gif) no-repeat;
			margin: 25px 0 0 47px;
			}
#about #header h1	{
			width: 235px;
			height: 87px;
			text-indent: -9999em;
			background: url(img/logo_about.gif) no-repeat;
			margin: 25px 0 0 47px;
			}
#link #header h1	{
			width: 146px;
			height: 87px;
			text-indent: -9999em;
			background: url(img/logo_link.gif) no-repeat;
			margin: 25px 0 0 47px;
			}
#press #header h1	{
			width: 228px;
			height: 87px;
			text-indent: -9999em;
			background: url(img/logo_press.gif) no-repeat;
			margin: 25px 0 0 47px;
			}
#caution #header h1	{
			width: 235px;
			height: 87px;
			text-indent: -9999em;
			background: url(img/logo_about.gif) no-repeat;
			margin: 25px 0 0 47px;
			}
.sub #mainNavi	{
			position: absolute;
			top: 23px;right: 70px;
			width: 324px;
			text-align: left;
			}
.sub #mainNavi li	{
			float: left;
			width: 132px;
			height: 17px;
			margin: 0 0 7px 20px;
			overflow: hidden;
			}
.sub #mainNavi li a	{
			display: block;
			height: 17px;
			text-indent: -9999em;
			}
.sub #navHome a	{
			background: url(img/main_menu2.gif) no-repeat;
			}
.sub #navPress a	{
			background: url(img/main_menu2.gif) no-repeat -528px 0;
			}
.sub #navInfo a	{
			background: url(img/main_menu2.gif) no-repeat -132px 0;
			}
.sub #navLink a	{
			background: url(img/main_menu2.gif) no-repeat -660px 0;
			}
.sub #navAbout a	{
			background: url(img/main_menu2.gif) no-repeat -264px 0;
			}
.sub #navMen a	{
			background: url(img/main_menu2.gif) no-repeat -792px 0;
			}
.sub #navBlog a	{
			background: url(img/main_menu2.gif) no-repeat -396px 0;
			}
.sub #navLady a	{
			background: url(img/main_menu2.gif) no-repeat -924px 0;
			}
.sub #navHome a:hover	{
			background: url(img/main_menu2.gif) no-repeat 0 -17px;
			}
.sub #navPress a:hover	{
			background: url(img/main_menu2.gif) no-repeat -528px -17px;
			}
.sub #navInfo a:hover	{
			background: url(img/main_menu2.gif) no-repeat -132px -17px;
			}
.sub #navLink a:hover	{
			background: url(img/main_menu2.gif) no-repeat -660px -17px;
			}
.sub #navAbout a:hover	{
			background: url(img/main_menu2.gif) no-repeat -264px -17px;
			}
.sub #navMen a:hover	{
			background: url(img/main_menu2.gif) no-repeat -792px -17px;
			}
.sub #navBlog a:hover	{
			background: url(img/main_menu2.gif) no-repeat -396px -17px;
			}
.sub #navLady a:hover	{
			background: url(img/main_menu2.gif) no-repeat -924px -17px;
			}
#counter	{
			font-size: 12px;
			text-align: right;
			margin: 40px 50px 0 0 ;
			}
#counter img	{
			margin: 5px 5px 0 0;
			}
#info #right div.mainbox	{
			width: 670px;
			margin: 0 0 45px 0;
			font-size: 12px;
			color: #555;
			}
#info #right div.title	{
			border-bottom: 1px #bbb solid;
			margin: 0 0 30px 0;
			padding: 0 0 5px 0;
			}
#info #right span.date	{
			margin: 0 8px;
			}
#info #right h2	{
			display: inline;
			margin: 0 4px;
			}
#info #right div.text	{
			padding: 0 0 0 8px;
			}
#info #right div.text p	{
			line-height: 160%;
			}
#info p.next	{
			text-align: right;
			margin: 20px 0 0 0;
			}
#blog #mainContent	{
			width: 445px;
			float: left;
			}
#blog #mainContent div.mainbox	{
			width: 445px;
			margin: 0 0 45px 0;
			font-size: 12px;
			color: #555;
			}
#blog #mainContent div.title	{
			border-bottom: 1px #bbb solid;
			margin: 0 0 30px 0;
			padding: 0 0 5px 0;
			}
#blog #mainContent span.date	{
			margin: 0 8px;
			}
#blog #mainContent h2	{
			display: inline;
			margin: 0 4px;
			}
#blog #mainContent div.text	{
			padding: 0 0 0 8px;
			}
#blog #mainContent div.text p	{
			line-height: 160%;
			}
#blog #mainContent img	{
			margin: 5px;
			}
#blog #right2	{
			width: 268px;
			margin: 0 0 0 15px;
			float: left;
			}
#blog #left h2	{
			text-indent: -9999em;
			background: url(img/staff.gif) no-repeat;
			display: block;
			width: 211px;
			height: 53px;
			margin: 0 0 30px 42px;
			border-bottom: 1px #bbb solid;
			}
#blog #left dl	{
			width: 145px;
			float: left;
			}
#blog #left div	{
			width: 296px;
			clear: left;
			}
#blog #left dt	{
			width: 100px;
			height: 142px;
			margin: 0 0 5px 40px;
			}
#blog #left #staff01 dt	{
			background: url(http://www.feeling-mellow.com/blog/wp-content/uploads/2010/07/hide.jpg) no-repeat;
			}
#blog #left #staff02 dt	{
			background: url(img/staff02.jpg) no-repeat;
			}
#blog #left #staff03 dt	{
			background: url(img/staff03.jpg) no-repeat;
			}
#blog #left #staff04 dt	{
			background: url(img/staff04.jpg) no-repeat;
			}
#blog #left #staff05 dt	{
			background: url(img/staff05.jpg) no-repeat;
			}
#blog #left #staff06 dt	{
			background: url(img/staff06.jpg) no-repeat;
			}
#blog #left #staff07 dt	{
			background: url(img/staff07.jpg) no-repeat;
			}
#blog #left #staff08 dt	{
			background: url(http://www.feeling-mellow.com/blog/wp-content/uploads/2009/05/staff08.jpg) no-repeat;
			}
#blog #left #staff09 dt	{
			background: url(http://www.feeling-mellow.com/blog/wp-content/uploads/2009/10/staff091.jpg) no-repeat;
			}


#blog #left dd	{
      font-size: 10px;
      line-height: 1.5;
      margin-bottom: 25px;
      padding: 100 12px 0 0;
      text-align: justify;
      text-justify: inter-ideograph;
			}
#blog #left dd.name	{
			font-size: 12px;
			margin-bottom: 15px;
			letter-spacing: 3px;
			}
#blog #right2 h3	{
			border-bottom: 1px #bbb solid;
			width: 218px;
			height: 26px;
			text-indent: -9999em;
			margin: 0 0 20px 0;
			}
#blog h3.search	{
			background: url(img/search.gif) no-repeat;
			}
#blog #search	{
			width: 139px;
			height: 15px;
			font-size: 12px;
			padding: 5px 0 0 5px;
			}
#blog #right2 dl	{
			margin: 0 0 35px 0;
			}
#blog #right2 dd	{
			margin: 0 0 0 36px;
			}
#blog h3.calendar	{
			background: url(img/calendar.gif) no-repeat;
			}
#blog #wp-calendar	{
			width: 155px;
			margin: 0 0 35px 32px;
			font-size: 13px;
			text-align: center;
			}
#blog #wp-calendar caption	{
			height: 20px;
			margin: 0 0 0 32px;
			}
#blog thead th	{
			background: #ddd;
			padding: 2px;
			}
#blog tbody td	{
			padding: 3px 2px;
			}
#blog tfoot td	{
			padding: 5px 0 0 0;
			}
#blog h3.archive	{
			background: url(img/archive.gif) no-repeat;
			}
#blog #archive	{
			width: 218px;
			font-size: 14px;
			}
#blog #archive li	{
			margin: 0 0 12px 70px;
			}
#blog #archive a	{
			color: #444;
			text-decoration: none;
			}
#about #right div.mainContent	{
			padding: 0 56px 0 0;
			font-size: 11px;
			}
#about #right div.mainContent h2	{
			text-indent: -9999em;
			border-bottom: 1px #bbb solid;
			margin: 0 0 25px 0;
			padding: 0 0 5px 0;
			}
#about #right h2.concept	{
			background: url(img/concept.gif) no-repeat;
			height: 47px;
			}
#about #right h2.logomark	{
			background: url(img/logo_mark.gif) no-repeat;
			height: 38px;
			}
#about #right h2.shopinfo	{
			clear: left;
			background: url(img/shopinfo.gif) no-repeat;
			height: 38px;
			}
#about #right h2.map	{
			background: url(img/map.gif) no-repeat;
			height: 29px;
			}
#about div.mainContent p	{
			padding: 0 75px 0 35px;
			letter-spacing: 1px;
			line-height: 1.8;
			text-align: justify;
			text-justify: inter-ideograph;
			}
#about img.staff	{
			margin: 25px 0 50px 60px;
			}
#about img.logo	{
			margin: 0 25px 25px 60px;
			float: left;
			}
#about img.info	{
			margin: 0 0 25px 30px;
			}
#about img.left	{
			margin: 0 0 10px 30px;
			}
#about img.right	{
			margin: 0 0 10px 10px;
			}
#about img.bottom	{
			margin-bottom: 50px;
			}
#about img.map	{
			margin: 40px 0 50px 25px;
			}
#press #right div.mainbox	{
			width: 670px;
			margin: 0 0 45px 0;
			font-size: 12px;
			color: #555;
			}
#press #right div.title	{
			border-bottom: 1px #bbb solid;
			margin: 0 0 30px 0;
			padding: 0 0 5px 0;
			}
#press #right h2	{
			display: inline;
			margin: 0 4px;
			}
#press #right div.text	{
			padding: 0 0 0 8px;
			text-align: center;
			}
#press #right div.text p	{
			line-height: 160%;
			}
#link #mellow	{
			background: url(img/banner.gif) no-repeat;
			margin: 30px 50px 0 15px;
			padding: 5px 0 0 312px;
			}
#link #mellow li	{
			font-size: 11px;
			line-height: 1.5;
			margin: 0 0 5px 0;
			}
#link #mellow li input	{
			width: 240px;
			border: 1px #bbb solid;
			border-right: none;
			border-bottom: none;
			padding: 0 0 0 5px;
			}
#link #right h3	{
			font-size: 14px;
			border-bottom: 1px #c63 solid;
			margin: 0 0 20px 0;
			padding: 0 0 5px 5px;
			}
#link #other	{
			margin: 0 50px 0 15px;
			clear: both;
			}
#link #other li	{
			height: 100px;
			vertical-align: middle;
			margin:0 0 10px 0;
			font-size: 13px;
			clear: left;
			line-height: 1.5;
			overflow: hidden;
			}
#link #other li img	{
			width: 160px;
			float: left;
			margin-right: 35px;
			border: none;
			}
#link dl	{
			margin: 0 50px 30px 15px;
			font-size: 11px;
			overflow: hidden;
			}
#link dl div.left	{
			float: left;
			}
#link dl div.right	{
			float: right;
			margin: 49px 20px 0 0;
			}
#link dl input	{
			width: 290px;
			border: 1px #bbb solid;
			border-right: none;
			border-bottom: none;
			padding: 0 0 0 5px;
			margin: 0 0 20px 0;
			}
#caution #right div.mainbox	{
			width: 670px;
			margin: 0 0 45px 0;
			font-size: 12px;
			color: #555;
			}
#caution #right div.title	{
			border-bottom: 1px #bbb solid;
			margin: 0 0 30px 0;
			padding: 0 0 5px 0;
			}
#caution #right h2	{
			display: inline;
			margin: 0 4px;
			line-height: 1.5;
			}
#caution div.mainbox dl	{
			padding: 0 50px 0 0;
			margin: 0 0 20px 0;
			}
#caution div.mainbox dt	{
			width: 150px;
			padding: 0 0 0.3em 0.3em;
			border-bottom: 1px #fc6 solid;
			border-right: 1px #fc6 solid;
			line-height: 1.5;
			}
#caution div.mainbox dd	{
			margin: 0 0 0.8em 170px;
			line-height: 1.5;
			}
#caution table	{
			margin: 15px 0 0 0;
			border-top: 1px #fc6 solid;
			border-left: 1px #fc6 solid;
			}
#caution td	{
			padding: 5px 10px;
			border: none;
			border-right: 1px #fc6 solid;
			border-bottom: 1px #fc6 solid;
			}
#caution tr.thead	{
			background: #fc3;
			}
/* ----- Style for Ktai Entry ----- */
.photo {
	padding-right:6px;
	float:left;
	line-height:110%;
	font-size:0.85em;
	text-indent:0;
}
.photo img {
	background:white;
	margin:0 4px 4px 0;
	padding:3px;
	border:1px solid #999;
}
.photo-end {
	clear:left;
}
/* ---------- */